.vintage-paper{box-sizing:border-box;filter:drop-shadow(0 14px 28px #1e0e0273);width:100%;margin:0 auto;position:relative}.vintage-paper-bg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.vintage-paper-vine{color:#6b3f14;stroke:#6b3f14;opacity:.5}.vintage-paper-content{box-sizing:border-box;padding:46px 78px 44px 64px;position:relative}@media (width<=719px){.vintage-paper-content{padding:38px 40px 36px 34px}.vintage-paper-vine{opacity:.28}}.theme-preview-modal-content:has(.vintage-paper){max-width:780px}.vintage-paper .watikah-title{font-size:21px}.vintage-paper .watikah-lineage-box{box-shadow:none;background:0 0;border:1.5px solid #5a320ca6;border-left:0;border-right:0;border-radius:0;margin-bottom:0;padding:8px 2px}.vintage-paper .lineage-row{border-bottom:1px dotted #5a320c66;margin-bottom:0;padding:5px 0}.vintage-paper .lineage-row:last-child{border-bottom:0}.vintage-paper .watikah-watermark-cop{opacity:.5;mix-blend-mode:multiply}@media (width>=720px){.vintage-paper .watikah-text-content{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px 30px;display:grid}.vintage-paper .watikah-congrats,.vintage-paper .watikah-blessing{grid-column:1/-1}.vintage-paper .watikah-preamble{grid-area:2/1;margin:0}.vintage-paper .watikah-lineage-box{grid-area:3/1}.vintage-paper .watikah-decree-box{grid-area:2/2/span 2;margin:0}.vintage-paper .decree-bullets{margin-bottom:0}.vintage-paper .watikah-blessing{margin:4px 0 0}.vintage-paper .watikah-action-footer{grid-column:1;align-self:center;margin:0}.vintage-paper .watikah-seal-block{grid-column:2}}@font-face{font-family:Watikah Khat;src:url(/fonts/aref-ruqaa-bold.woff2)format("woff2");font-weight:700;font-display:swap}@font-face{font-family:Watikah Cinzel;src:url(/fonts/cinzel-bold-latin.woff2)format("woff2");font-weight:700;font-display:swap}.watikah-bismillah{display:none}.vintage-paper .watikah-header{padding-top:4px;position:relative}.vintage-paper .watikah-bismillah{color:#4a2607;text-align:center;text-shadow:0 1px #fff0cd8c;margin:0 0 16px;font-family:Watikah Khat,Amiri,Scheherazade New,serif;font-size:46px;font-weight:700;line-height:1.5;display:block}.vintage-paper .watikah-royal-emblem{margin:0;position:absolute;top:0;right:0}.vintage-paper .watikah-top-logo{width:62px;height:62px}.vintage-paper .watikah-title{letter-spacing:.07em;color:#3a1c04;font-family:Watikah Cinzel,Cinzel,Trajan Pro,Palatino Linotype,Palatino,Georgia,serif;font-size:21px;font-weight:700}.vintage-paper .watikah-text-content{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Palatino,URW Palladio L,Georgia,serif;font-size:14.5px;line-height:1.6}.vintage-paper .watikah-congrats{font-size:16px;font-style:italic}.vintage-paper .watikah-preamble,.vintage-paper .lineage-row,.vintage-paper .decree-intro,.vintage-paper .decree-duty{font-size:14px}.vintage-paper .decree-bullets{font-size:13.5px}.vintage-paper .decree-title{letter-spacing:.05em;font-family:Watikah Cinzel,Cinzel,Palatino Linotype,Palatino,Georgia,serif;font-size:14px}.vintage-paper .watikah-blessing{font-size:13.5px}.vintage-paper .seal-title{letter-spacing:.05em;font-family:Watikah Cinzel,Cinzel,Georgia,serif}@media (width<=719px){.vintage-paper .watikah-bismillah{font-size:32px}.vintage-paper .watikah-royal-emblem{margin-bottom:4px;position:static}.vintage-paper .watikah-title{font-size:17px}}.vintage-paper .lineage-label{box-sizing:border-box;min-width:146px;padding-right:8px}.vintage-paper .lineage-row-stacked{flex-direction:column;gap:2px}.vintage-paper .lineage-row-stacked .lineage-val{line-height:1.5}.theme-preview-card-container{color:#382c22;cursor:pointer;box-sizing:border-box;-webkit-user-select:none;user-select:none;background-color:#f4eedb;border:1px solid #d8c8af;border-radius:14px;width:100%;max-width:380px;padding:20px;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden;box-shadow:0 4px 16px #382c2214,0 1px 3px #382c220d}.theme-preview-card-container:hover{border-color:#8c6226;transform:translateY(-2px);box-shadow:0 8px 24px #8c622629,0 2px 6px #382c2214}.theme-preview-card-container.is-selected{outline-offset:2px;border-color:#8c6226;outline:2px solid #8c6226;box-shadow:0 8px 28px #8c622638}.card-antique-seal{opacity:.28;filter:sepia(.8)hue-rotate(15deg);pointer-events:none;font-size:20px;transition:opacity .2s;position:absolute;top:12px;right:14px}.theme-preview-card-container:hover .card-antique-seal{opacity:.65}.preview-card-header{margin-bottom:14px}.preview-mode-switch{background:#382c2214;border:1px solid #d8c8af;border-radius:20px;justify-content:center;align-items:center;gap:4px;margin-bottom:14px;padding:3px;display:flex}.mode-btn{color:#7a6958;cursor:pointer;background:0 0;border:none;border-radius:16px;flex:1;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.mode-btn:hover{color:#382c22}.mode-btn.active{color:#fffdf7;background:#8c6226;box-shadow:0 2px 6px #8c622640}.theme-preview-card-container.is-scroll-mode,.theme-preview-card-container.is-scroll-mode.is-selected,.theme-preview-card-container.is-scroll-mode:hover{box-shadow:none!important;background:0 0!important;border:none!important;outline:none!important;padding:0!important;transform:none!important}.header-title-row{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.preview-card-title{color:#382c22;letter-spacing:-.01em;margin:0;font-size:16px;font-weight:700}.active-pill-badge{color:#fffdf7;letter-spacing:.02em;background:#8c6226;border-radius:12px;padding:2px 8px;font-size:11px;font-weight:700}.preview-card-subtitle{color:#7a6958;margin:0;font-size:12px;line-height:1.45}.mockup-frame{background-color:#fcf9f2;background-image:radial-gradient(#e8dfc9 10%,#0000 11%);background-size:8px 8px;border:1px solid #d8c8af;border-radius:10px;margin-bottom:16px;padding:12px;position:relative;box-shadow:inset 0 1px 3px #382c220a}.mockup-tree-bar{border-bottom:1px dashed #d8c8af;justify-content:space-between;align-items:center;margin-bottom:10px;padding-bottom:8px;display:flex}.tree-bar-brand{color:#382c22;align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.brand-dot{font-size:14px}.brand-text{letter-spacing:-.01em}.tree-bar-meta{align-items:center;gap:6px;display:flex}.meta-pill{color:#7a6958;background:#ede3cf;border:.5px solid #cbb99c;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:600}.meta-dots{color:#cbb99c;font-size:11px;line-height:1}.mockup-stage{flex-direction:column;justify-content:space-between;min-height:90px;padding:4px 0 8px;display:flex;position:relative}.mockup-tree-lines{pointer-events:none;z-index:1;width:100%;height:65px;position:absolute;top:14px;left:0}.mockup-row{z-index:2;justify-content:center;align-items:center;display:flex;position:relative}.mockup-row.top-row{margin-bottom:16px}.mockup-row.bottom-row{justify-content:space-around;gap:8px;display:flex}.node-user{color:#261706;background:linear-gradient(#fff 0%,#fffdf8 50%,#f7f1e0 100%);border:2.5px solid #8c6226;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:68px;padding:6px 10px;font-weight:700;display:flex;position:relative;box-shadow:0 0 0 2px #8c622666,0 4px 12px #8c622640}.badge-self{color:#261706;letter-spacing:.02em;background:linear-gradient(135deg,#e4b368 0%,#c49141 100%);border:1px solid #75511d;border-radius:9px;padding:1px 6px;font-size:10px;font-weight:700;position:absolute;top:-9px;right:-6px;box-shadow:0 1px 4px #8c622659}.node-relative{color:#241604;background:linear-gradient(#ead4aa 0%,#d8be8a 50%,#c4a568 100%);border:1.5px solid #75511d;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;min-width:64px;padding:5px 8px;display:flex;box-shadow:0 2px 7px #75511d2e}.node-relative.is-spouse{color:#301a0e;background:linear-gradient(#f9ede5 0%,#edd8cc 50%,#dcc0af 100%);border:1.5px dashed #a86a4c;box-shadow:0 2px 6px #a86a4c26}.node-title-sub{color:#7a6958;font-size:9.5px;font-weight:500;line-height:1.2}.node-name-main{white-space:nowrap;font-size:11.5px;font-weight:600;line-height:1.2}.mockup-footer-action{border-top:1px solid #e8dfc9;justify-content:flex-end;margin-top:10px;padding-top:8px;display:flex}.btn-action{color:#fffdf7;cursor:pointer;letter-spacing:.01em;background:linear-gradient(#9c6f2e 0%,#8c6226 100%);border:1px solid #75511d;border-radius:7px;padding:6px 14px;font-size:11.5px;font-weight:600;transition:all .15s;box-shadow:0 2px 6px #382c222e}.btn-action:hover{background:#75511d;transform:translateY(-1px);box-shadow:0 3px 8px #382c2240}.watikah-scroll-body{color:#382c22;box-sizing:border-box;width:100%;position:relative}.watikah-header{text-align:center;margin-bottom:14px}.watikah-royal-emblem{margin-bottom:6px;line-height:1}.watikah-top-logo{object-fit:contain;filter:drop-shadow(0 2px 5px #502d0a47);width:54px;height:54px;margin:0 auto;display:block}.watikah-title{color:#3a1e05;letter-spacing:.04em;text-transform:uppercase;text-shadow:0 1px 1px #fff9;margin:0;font-family:Playfair Display,Georgia,Times New Roman,serif;font-size:18px;font-weight:800}.watikah-divider{color:#7a4b0e;justify-content:center;align-items:center;gap:8px;margin-top:6px;display:flex}.watikah-divider .divider-line{background:linear-gradient(90deg,#0000,#8a5c24,#0000);width:55px;height:1.5px;display:inline-block}.watikah-divider .divider-diamond{font-size:11px}.watikah-text-content{color:#1c0d03;text-align:left;font-family:Georgia,Times New Roman,serif;font-size:13.5px;line-height:1.55;position:relative}.watikah-text-content>:not(.watikah-watermark-cop){z-index:1;position:relative}.watikah-watermark-cop{object-fit:contain;opacity:.85;pointer-events:none;z-index:0;-webkit-user-select:none;user-select:none;width:210px;height:210px;position:absolute;top:56%;left:50%;transform:translate(-50%,-50%)}.watikah-congrats{text-align:center;color:#140801;margin:0 0 8px;font-size:14.5px;font-weight:600}.watikah-congrats strong{color:#000;font-weight:800}.watikah-preamble{color:#261406;margin:0 0 7px;font-size:13px;font-weight:500;line-height:1.45}.watikah-lineage-box{background-color:#fcf9f2;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 0v28M0 14h28' stroke='%238c6226' stroke-width='0.5' stroke-opacity='0.06' stroke-dasharray='2 2'/%3E%3Cpath d='M14 8L15.5 12.5L20 14L15.5 15.5L14 20L12.5 15.5L8 14L12.5 12.5Z' fill='%238c6226' fill-opacity='0.08' stroke='%238c6226' stroke-width='0.6' stroke-opacity='0.10'/%3E%3Ccircle cx='14' cy='14' r='1.3' fill='%23d4a359' fill-opacity='0.18'/%3E%3Ccircle cx='0' cy='0' r='1.2' fill='%238c6226' fill-opacity='0.07'/%3E%3Ccircle cx='28' cy='0' r='1.2' fill='%238c6226' fill-opacity='0.07'/%3E%3Ccircle cx='0' cy='28' r='1.2' fill='%238c6226' fill-opacity='0.07'/%3E%3Ccircle cx='28' cy='28' r='1.2' fill='%238c6226' fill-opacity='0.07'/%3E%3C/svg%3E");background-size:28px 28px;border:1.5px solid #8a5c24;border-radius:9px;margin-bottom:12px;padding:10px 14px;box-shadow:inset 0 1px 2px #382c220f,0 3px 8px #5a320f14}.lineage-row{align-items:flex-start;margin-bottom:7px;font-size:13px;line-height:1.45;display:flex}.lineage-row:last-child{margin-bottom:0}.lineage-label{color:#4a2504;flex-shrink:0;min-width:125px;font-weight:800}.lineage-val{color:#110702;word-break:break-word;white-space:normal;flex:1;font-weight:700}.lineage-tag{color:#754009;margin-left:3px;font-size:11px;font-weight:600}.watikah-decree-box{margin-bottom:12px}.decree-title{color:#452204;margin:0 0 6px;font-size:14.5px;font-weight:800}.decree-intro{color:#170a02;margin:0 0 8px;font-size:13px;font-weight:500;line-height:1.5}.decree-duty{color:#261305;margin:0 0 6px;font-size:13px;font-weight:700}.decree-bullets{color:#1c0c03;margin:0 0 12px;padding-left:20px;font-size:12.5px;font-weight:500;line-height:1.55}.decree-bullets li{margin-bottom:5px}.watikah-blessing{text-align:center;color:#381e06;border-top:1px dashed #7a4b0e99;border-bottom:1px dashed #7a4b0e99;margin:0 0 12px;padding:6px 10px;font-size:12px;font-style:italic;font-weight:400;line-height:1.45}.watikah-action-footer{justify-content:center;margin:12px 0 10px;display:flex}.btn-watikah-download{color:#fffdf7;cursor:pointer;letter-spacing:.02em;background:linear-gradient(#9c6f2e 0%,#8c6226 100%);border:1px solid #75511d;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:10px 22px;font-size:13.5px;font-weight:700;transition:all .2s;display:inline-flex;box-shadow:0 4px 14px #5c3b1252}.btn-watikah-download:hover:not(:disabled){background:#75511d;transform:translateY(-2px);box-shadow:0 6px 18px #5c3b126b}.btn-watikah-download:disabled{opacity:.7;cursor:wait}.watikah-seal-block{text-align:center;margin-top:6px;margin-bottom:4px;padding-top:4px}.watikah-seal-img{object-fit:contain;filter:drop-shadow(0 3px 6px #3c1e0559);width:88px;height:88px;margin:0 auto 8px;display:block}.seal-title{color:#3d2005;letter-spacing:.04em;margin-bottom:2px;font-family:Playfair Display,Georgia,serif;font-size:11.5px;font-weight:800}.seal-date{color:#2b1605;font-size:11px;font-weight:600}.seal-title-line{text-align:center;white-space:nowrap;display:block}.antique-scroll-container{filter:drop-shadow(0 14px 28px #23140a73)drop-shadow(0 4px 8px #00000040);box-sizing:border-box;width:100%;margin:0 auto;animation:.35s cubic-bezier(.16,1,.3,1) both scrollUnroll;position:relative}@keyframes scrollUnroll{0%{opacity:0;transform:scale(.94)translateY(12px)}to{opacity:1;transform:scale(1)translateY(0)}}.antique-scroll-close-btn{color:#fffdf7;cursor:pointer;z-index:15;background:#382c22d9;border:1px solid #d4a359;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:20px;font-weight:700;line-height:1;transition:all .15s;display:flex;position:absolute;top:10px;right:14px;box-shadow:0 3px 10px #0006}.antique-scroll-close-btn:hover{background:#8c6226;transform:scale(1.08)}.antique-scroll-top-cap{z-index:2;pointer-events:none;background:url(/scroll/scroll-top.webp) top/100% 100% no-repeat;width:100%;margin-bottom:-14px;padding-top:16.331%;position:relative}.antique-scroll-body-content{z-index:1;box-sizing:border-box;background:url(/scroll/scroll-middle.webp) top/100% repeat-y;width:100%;position:relative}.antique-scroll-inner-padding{color:#382c22;box-sizing:border-box;padding:18px 52px;font-family:inherit;font-size:14px;line-height:1.55}.antique-scroll-bottom-cap{z-index:2;pointer-events:none;background:url(/scroll/scroll-bottom.webp) bottom/100% 100% no-repeat;width:100%;margin-top:-16px;padding-top:18.462%;position:relative}@media (width<=480px){.antique-scroll-inner-padding{padding:8px 36px;font-size:13px}}.report-fab-wrap{left:20px;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:60;flex-direction:column;align-items:flex-start;gap:10px;display:flex;position:fixed}.report-fab-btn{border:1.5px solid var(--rule,#0f172a24);background:var(--paper,#fff);width:58px;height:58px;color:var(--ink,#1e293b);cursor:pointer;border-radius:999px;justify-content:center;align-items:center;padding:0;transition:transform .16s,box-shadow .16s,border-color .16s,color .16s;display:inline-flex;box-shadow:0 6px 20px #0f172a2e}.report-flag-icon{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.report-fab-btn:hover,.report-fab-btn:focus-visible{border-color:var(--accent,#2563eb);color:var(--accent,#2563eb);transform:translateY(-2px);box-shadow:0 10px 26px #0f172a38}.report-fab-tooltip{pointer-events:none;opacity:0;background:var(--paper,#fff);border:1px solid var(--rule,#0f172a1f);text-align:left;border-radius:12px;align-items:flex-start;gap:11px;width:280px;max-width:calc(100vw - 32px);padding:12px 14px;transition:opacity .15s,transform .15s;display:flex;position:absolute;bottom:calc(100% + 10px);left:0;transform:translateY(4px);box-shadow:0 12px 30px #0f172a29}.report-fab-wrap:hover .report-fab-tooltip,.report-fab-btn:focus-visible+.report-fab-tooltip{opacity:1;transform:translateY(0)}@media (hover:none){.report-fab-wrap:hover .report-fab-tooltip{opacity:0}}.report-fab-tooltip-icon{background:color-mix(in srgb, var(--accent,#2563eb) 14%, transparent);width:32px;height:32px;color:var(--accent,#2563eb);border-radius:8px;flex:none;justify-content:center;align-items:center;display:inline-flex}.report-fab-tooltip-text{flex-direction:column;gap:2px;min-width:0;display:flex}.report-fab-tooltip-title{color:var(--ink,#0f172a);font-size:13.5px;font-weight:700;line-height:1.3}.report-fab-tooltip-desc{color:var(--ink-soft,#475569);font-size:12px;line-height:1.4}.report-thankyou-toast{left:20px;bottom:calc(88px + env(safe-area-inset-bottom,0px));z-index:65;border:1px solid color-mix(in srgb, var(--accent,#16a34a) 35%, transparent);background:var(--paper,#fff);max-width:min(360px,100vw - 32px);color:var(--ink,#0f172a);border-radius:12px;align-items:center;gap:10px;padding:11px 14px;font-size:13.5px;font-weight:500;display:flex;position:fixed;box-shadow:0 10px 28px #0f172a2e}.report-thankyou-check{background:color-mix(in srgb, var(--accent,#16a34a) 16%, transparent);width:22px;height:22px;color:var(--accent,#16a34a);border-radius:999px;flex:none;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.report-thankyou-close{color:var(--ink-soft,#64748b);cursor:pointer;background:0 0;border:none;padding:2px 4px;font-size:16px;line-height:1}.report-modal-backdrop{z-index:1200;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0f172a7a;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.report-modal{background:var(--paper,#fff);width:min(560px,100%);max-height:calc(100vh - 32px);color:var(--ink,#0f172a);border:1px solid var(--rule,#0f172a24);border-radius:14px;padding:22px 24px 20px;overflow-y:auto;box-shadow:0 24px 60px #0f172a40}.report-modal-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:16px;display:flex}.report-modal-title{color:var(--ink,#0f172a);margin:0 0 4px;font-size:18px;font-weight:700}.report-modal-subtitle{color:var(--ink-soft,#475569);margin:0;font-size:13px;line-height:1.45}.report-modal-close{width:30px;height:30px;color:var(--ink-soft,#64748b);cursor:pointer;background:0 0;border:none;border-radius:8px;flex:none;justify-content:center;align-items:center;font-size:20px;line-height:1;display:inline-flex}.report-modal-close:hover{background:var(--page,#f4f6f5);color:var(--ink,#0f172a)}.report-modal-form{flex-direction:column;gap:14px;display:flex}.report-field{flex-direction:column;gap:6px;display:flex}.report-field-label{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft,#475569);font-size:11px;font-weight:700}.report-input,.report-textarea,.report-select{border:1px solid var(--rule,#cbd5e1);background:var(--page,#f8fafc);width:100%;color:var(--ink,#0f172a);border-radius:9px;padding:9px 12px;font-family:inherit;font-size:14px;transition:border-color .14s,box-shadow .14s,background-color .14s}.report-select{background-color:var(--paper,#fff);cursor:pointer;width:auto;min-width:240px;max-width:100%}.report-textarea{resize:vertical;min-height:92px;line-height:1.45}.report-input:focus,.report-textarea:focus,.report-select:focus{border-color:var(--accent,#2563eb);background-color:var(--paper,#fff);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent,#2563eb) 18%, transparent);outline:none}.report-modal-error{color:var(--danger,#dc2626);margin:0;font-size:13px}.report-modal-actions{justify-content:flex-end;align-items:center;gap:10px;margin-top:6px;display:flex}.report-btn-cancel{border:1px solid var(--rule,#cbd5e1);background:var(--paper,#fff);color:var(--ink,#0f172a);cursor:pointer;border-radius:9px;padding:8px 16px;font-size:13.5px;font-weight:600}.report-btn-cancel:hover:not(:disabled){background:var(--page,#f8fafc)}.report-btn-submit{background:var(--accent,#2563eb);color:var(--on-accent,#fff);cursor:pointer;border:1px solid #0000;border-radius:9px;padding:8px 18px;font-size:13.5px;font-weight:600;transition:filter .14s,opacity .14s}.report-btn-submit:hover:not(:disabled){filter:brightness(1.06)}.report-btn-submit:disabled,.report-btn-cancel:disabled{opacity:.6;cursor:not-allowed}.tree-layout{align-items:flex-start;gap:16px;display:flex}.tree-layout>.tree{flex:1;min-width:0}.tree-toolbar.editing{outline:2px dashed var(--accent);outline-offset:4px;border-radius:8px}.tree-btn.on{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.tree-edit-hint{color:var(--ink-soft);margin:0;font-size:12px}.tree-edit-hint-right{text-align:right;background:color-mix(in srgb, var(--paper) 70%, transparent);white-space:nowrap;border:1px solid #b453096b;border-radius:999px;margin-left:auto;padding:3px 10px;font-weight:600}.tree-edit-banner{z-index:30;background:color-mix(in srgb, #fef3c7 88%, var(--paper));color:#7c2d12;width:100%;box-shadow:0 6px 18px rgb(var(--shadow-rgb) / .16);font:inherit;text-align:left;cursor:pointer;border:1px solid #d97706;border-radius:12px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:8px 12px;margin:0 0 10px;padding:8px 14px;transition:transform .12s,background .15s,border-color .15s,box-shadow .15s;display:grid;position:sticky;top:66px}.tree-edit-banner:hover{background:color-mix(in srgb, #fde68a 78%, var(--paper));box-shadow:0 8px 22px rgb(var(--shadow-rgb) / .22);border-color:#b45309;transform:translateY(-1px)}.tree-edit-banner:active{transform:translateY(0)}.tree-edit-banner.has-panel{flex-wrap:wrap;justify-content:space-between;display:flex}.tree-edit-banner-title{letter-spacing:.04em;text-transform:uppercase;text-align:center;white-space:nowrap;margin:0;font-size:12.5px;font-weight:800}.tree-edit-banner .tree-edit-hint{color:#7c2d12}[data-theme=teduh-malam] .tree-edit-banner{color:#fde68a;background:#3a2a12;border-color:#b45309}[data-theme=teduh-malam] .tree-edit-banner:hover{background:#4b3617;border-color:#d97706}[data-theme=teduh-malam] .tree-edit-hint-right{background:#ffffff14;border-color:#d97706}[data-theme=teduh-malam] .tree-edit-banner .tree-edit-hint{color:#fde68a}@media (width<=900px){.tree-edit-banner{text-align:center;grid-template-columns:1fr;justify-items:center}.tree-edit-hint-right{text-align:center;margin-left:0}}@media (width<=760px){.tree-edit-banner{top:96px}}.box.editing{outline:3px solid var(--accent);outline-offset:3px;box-shadow:0 0 0 6px color-mix(in srgb, var(--accent) 22%, transparent);z-index:4}.edit-panel{background:var(--paper);color:var(--ink);border:1px solid var(--rule);box-shadow:0 10px 30px -5px rgb(var(--shadow-rgb) / .14), 0 4px 10px -2px rgb(var(--shadow-rgb) / .05);border-radius:16px;flex-direction:column;display:flex;position:relative;overflow:hidden}.edit-panel:before{content:"";background:var(--accent);z-index:2;height:3px;position:absolute;top:0;left:0;right:0}.edit-head{border-bottom:1px solid var(--rule);align-items:center;gap:8px;padding:12px 14px;display:flex;position:relative}.edit-head-title{flex-wrap:wrap;flex:1;align-items:center;gap:8px;min-width:0;display:flex}.edit-head h2{overflow-wrap:anywhere;min-width:0;margin:0;font-size:16px}.edit-head .info-close{position:static}.edit-grip{display:none}.edit-body{flex:1;padding:6px 14px 18px;overflow-y:auto}.edit-avatar-container{background:color-mix(in srgb, var(--paper) 90%, var(--rule));border:1px dashed var(--rule);border-radius:12px;align-items:center;gap:14px;margin-bottom:14px;padding:10px 12px;display:flex}.edit-avatar-preview{object-fit:cover;border:2px solid var(--accent);background:var(--paper);border-radius:50%;width:58px;height:58px}.edit-avatar-placeholder{background:color-mix(in srgb, var(--paper) 70%, var(--rule));border:1.5px dashed var(--ink-soft);border-radius:50%;justify-content:center;align-items:center;width:58px;height:58px;font-size:26px;display:flex}.edit-avatar-info{flex-direction:column;flex:1;gap:4px;display:flex}.edit-avatar-pill{color:#15803d;background:#dcfce7;border-radius:9999px;align-items:center;gap:4px;width:fit-content;padding:3px 8px;font-size:12px;font-weight:600;display:inline-flex}.edit-avatar-hint{color:var(--ink-soft);font-size:11.5px;line-height:1.35}.wizard-autosave-pill{background:color-mix(in srgb, var(--accent) 15%, var(--paper));color:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 35%, var(--rule));border-radius:999px;align-items:center;padding:2px 8px;font-size:11px;font-weight:700;animation:.2s forwards wizardFadeIn;display:inline-flex}.wizard-tabs{border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--page) 45%, var(--paper));grid-template-columns:repeat(5,minmax(0,1fr));gap:2px;padding:4px 6px 0;display:grid}.wizard-tab{color:var(--ink-soft);font:inherit;cursor:pointer;background:0 0;border:0;border-radius:10px 10px 0 0;flex-direction:column;justify-content:center;align-items:center;gap:3px;min-width:0;padding:8px 2px 10px;transition:color .15s,background .15s;display:flex;position:relative}.wizard-tab:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 6%, transparent)}.wizard-tab.active{color:var(--accent);background:var(--paper);font-weight:700}.wizard-tab.active:after{content:"";background:var(--accent);height:3px;box-shadow:0 -1px 8px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:3px 3px 0 0;position:absolute;bottom:0;left:8px;right:8px}.wizard-tab-num{background:color-mix(in srgb, var(--ink-soft) 14%, var(--paper));width:20px;height:20px;color:var(--ink-soft);border-radius:999px;justify-content:center;align-items:center;font-size:11px;font-weight:700;transition:all .15s;display:inline-flex;position:relative}.wizard-tab.active .wizard-tab-num{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 35%, transparent)}.wizard-tab.completed:not(.active) .wizard-tab-num{background:color-mix(in srgb, var(--accent) 16%, var(--paper));color:var(--accent)}.wizard-tab-dot{background:var(--accent);border:1.5px solid var(--paper);border-radius:999px;width:6px;height:6px;position:absolute;top:-1px;right:-2px}.wizard-tab-label{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:11px;line-height:1.15;overflow:hidden}.wizard-step-content,.wizard-fade-in{animation:.25s cubic-bezier(.16,1,.3,1) forwards wizardFadeIn}@keyframes wizardFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.wizard-footer{border-top:1px solid var(--rule);background:color-mix(in srgb, var(--page) 30%, var(--paper));z-index:5;justify-content:space-between;align-items:center;gap:8px;padding:10px 14px;display:flex;position:sticky;bottom:0}.wizard-footer-actions{align-items:center;gap:8px;display:inline-flex}.wizard-nav-btn{border-radius:12px;justify-content:center;align-items:center;min-height:48px;padding:0 18px;font-size:14px;font-weight:700;display:inline-flex}.wizard-nav-btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.wizard-step-indicator{color:var(--ink-soft);background:var(--paper);border:1px solid var(--rule);border-radius:999px;padding:4px 10px;font-size:12.5px;font-weight:600}.wizard-summary-linked{background:color-mix(in srgb, var(--accent) 10%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--rule));color:var(--ink);border-radius:10px;align-items:center;gap:8px;margin-bottom:12px;padding:8px 12px;font-size:13px;font-weight:600;display:flex}.wizard-summary-card{border:1px solid var(--rule);background:color-mix(in srgb, var(--page) 35%, var(--paper));border-radius:12px;flex-direction:column;gap:10px;padding:12px 14px;display:flex}.wizard-summary-row{border-bottom:1px dashed color-mix(in srgb, var(--rule) 75%, transparent);flex-direction:column;gap:2px;padding-bottom:8px;font-size:14px;display:flex}.wizard-summary-row:last-of-type{border-bottom:0;padding-bottom:0}.wizard-summary-label{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.03em;font-size:11.5px;font-weight:600}.wizard-summary-val{flex-direction:column;gap:3px;display:flex}.wizard-summary-notes{white-space:pre-wrap;color:var(--ink)}.wizard-summary-quick{justify-content:flex-end;padding-top:4px;display:flex}.wizard-danger-box{border:1px solid color-mix(in srgb, var(--danger) 35%, var(--rule));background:color-mix(in srgb, var(--danger) 5%, var(--paper));border-radius:12px;margin-top:16px;padding:12px 14px}.wizard-danger-box h4{text-transform:uppercase;letter-spacing:.04em;color:var(--danger);margin:0 0 8px;font-size:12px;font-weight:700}.edit-section{border-bottom:1px solid var(--rule);padding:14px 0}.edit-section:last-child{border-bottom:0}.edit-section h3{color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;margin:0 0 10px;font-size:13px;font-weight:700}.edit-form{flex-direction:column;gap:12px;margin:8px 0;display:flex}.edit-form textarea{border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;resize:vertical;border-radius:10px;padding:10px 14px}.edit-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.edit-row input:not([type=radio]):not([type=checkbox]),.edit-form input:not([type=radio]):not([type=checkbox]),.edit-form select,.edit-form textarea{box-sizing:border-box;width:100%;min-width:0}.edit-gender{border:0;margin:0;padding:0}.edit-gender legend{color:var(--ink);margin-bottom:8px;padding:0;font-size:13px;font-weight:600}.edit-gender-group{gap:10px;width:100%;display:flex}.edit-gender-option{border:1px solid var(--rule);background:color-mix(in srgb, var(--page) 35%, var(--paper));cursor:pointer;color:var(--ink);-webkit-user-select:none;user-select:none;border-radius:12px;flex:1;justify-content:center;align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;transition:all .15s;display:flex}.edit-gender-option:hover{background:color-mix(in srgb, var(--accent) 8%, var(--paper));border-color:color-mix(in srgb, var(--accent) 40%, var(--rule))}.edit-gender-option.selected{background:color-mix(in srgb, var(--accent) 14%, var(--paper));border-color:var(--accent);color:var(--accent);box-shadow:0 0 0 1px var(--accent);font-weight:600}.edit-gender-option input[type=radio]{accent-color:var(--accent);cursor:pointer;width:16px;height:16px;margin:0}.edit-gender label,.edit-check{cursor:pointer;align-items:center;display:flex;color:var(--ink)!important;flex-direction:row!important;gap:8px!important}.edit-item{flex-wrap:wrap;justify-content:space-between;gap:6px;padding:6px 0;display:flex}.edit-buttons{flex-wrap:wrap;align-items:center;gap:6px;display:inline-flex}.edit-actions{align-items:center;gap:10px;margin-top:8px;display:flex}.edit-actions .tree-btn{height:auto;color:var(--ink-soft);border:1px solid var(--rule);background:var(--paper);border-radius:12px;padding:10px 18px;font-weight:600}.edit-actions .tree-btn:hover{color:var(--ink);border-color:var(--ink-soft)}.edit-list{margin:0 0 8px;padding:0;list-style:none}.edit-pick{flex-direction:column;gap:8px;margin:8px 0;display:flex}.edit-pick ul{max-height:220px;margin:0;padding:0;list-style:none;overflow-y:auto}.edit-pick ul li button{text-align:left;width:100%;display:block}.edit-other-parent{color:var(--ink-soft);flex-direction:column;gap:4px;margin-top:8px;font-size:14px;display:flex}.edit-hint{color:var(--ink-soft);margin:4px 0 0;font-size:13px}.edit-error{color:var(--danger);margin:6px 0 0;font-size:14px}.tree-btn.danger{color:var(--danger);border-color:var(--danger)}.edit-first-wrapper{justify-content:center;align-items:center;width:100%;padding:32px 16px 48px;display:flex}.edit-first{width:100%;max-width:520px;margin:0 auto}.wizard-owner-link-banner{background:color-mix(in srgb, var(--y-bg) 35%, var(--paper));border:1px solid var(--y-bd);color:var(--ink);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;margin:6px 0 4px;padding:10px 12px;font-size:12.5px;display:flex}.wizard-owner-link-banner .primary-btn{border-radius:8px;padding:6px 12px;font-size:12.5px}@media (width>=900px){.edit-panel{flex:none;width:388px;max-height:calc(100dvh - 110px);position:sticky;top:16px}}@media (width<=899px){.edit-panel{z-index:40;width:100vw;max-width:100%;height:50dvh;padding-bottom:env(safe-area-inset-bottom);border-radius:18px 18px 0 0;transition:height .25s cubic-bezier(.32,.72,0,1);position:fixed;bottom:0;left:0;right:0}.edit-panel.tall{height:84dvh}.edit-grip{cursor:grab;touch-action:none;z-index:10;background:0 0;border:0;justify-content:center;align-items:center;width:80px;height:32px;margin:0;padding:0;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.edit-grip:before{content:"";background:var(--rule);border-radius:3px;width:34px;height:4px;transition:background .15s;display:block}.edit-grip:hover:before,.edit-grip:focus-visible:before{background:var(--accent)}.edit-head{padding:16px 12px 6px}.edit-head h2{font-size:14px}.wizard-tabs{gap:1px;padding:2px 4px 0}.wizard-tab{gap:2px;padding:4px 1px 6px}.wizard-tab-num{width:17px;height:17px;font-size:10px}.wizard-tab-label{font-size:10px}.edit-body{padding:4px 12px 10px}.edit-section{padding:8px 0}.edit-section h3{margin-bottom:6px;font-size:11.5px}.edit-form{gap:8px;margin:4px 0}.edit-form label{gap:3px;font-size:12px}.edit-form input:not([type=radio]):not([type=checkbox]),.edit-form select,.edit-form textarea,.edit-panel .year-picker-trigger{border-radius:8px;padding:7px 10px;font-size:13px}.edit-gender legend{margin-bottom:4px;font-size:12px}.edit-gender-option{border-radius:9px;padding:7px 10px;font-size:12.5px}.edit-row{gap:8px}.wizard-footer{padding:6px 12px}.wizard-nav-btn{border-radius:10px;min-height:38px;padding:0 13px;font-size:12.5px}.wizard-step-indicator{padding:3px 8px;font-size:11px}}.tree-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex;position:relative}.tree-toolbar-left,.tree-toolbar-right{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.tree-toolbar-right{margin-left:auto}@media (width<=720px){.tree-toolbar{justify-content:flex-start}.tree-toolbar-left,.tree-toolbar-right{display:contents}}.tree-float{z-index:6;cursor:pointer;font:inherit;color:var(--ink-soft);background:color-mix(in srgb, var(--paper) 88%, transparent);border:1px solid var(--rule);border-radius:999px;padding:3px 12px;font-size:12px;font-weight:600;position:absolute;top:10px}.tree-float:hover{border-color:var(--accent);color:var(--accent)}.tree-float-center{left:50%;transform:translate(-50%)}.tree-float-right{right:12px}.tree-layout.is-wide{width:calc(100vw - 32px);margin-left:calc(50% + -50vw + 16px)}@media (width<=720px){.tree-float-wide{display:none}}.tree-float-group{z-index:6;gap:6px;display:flex;position:absolute;top:10px;right:12px}.tree-float-group .tree-float{position:static}.tree-float.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tree-level{z-index:5;pointer-events:none;color:var(--ink-soft);background:color-mix(in srgb, var(--paper) 88%, transparent);border:1px solid var(--rule);border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600;position:absolute;top:10px;left:12px}.tree-bottom-left{z-index:6;align-items:center;gap:8px;display:flex;position:absolute;bottom:12px;left:12px}.tree-tahlil-btn{z-index:10;cursor:pointer;font:inherit;color:#2a1d10;border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);white-space:nowrap;background:#fbf7ec;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;position:absolute;bottom:58px;right:14px}.tree-tahlil-btn:hover,.tree-tahlil-btn.on{border-color:var(--accent)}.tree-score-panel.tree-tahlil-panel{width:min(430px,100% - 28px);max-height:70%;bottom:92px;left:auto;right:14px}.tree-tahlil-list{color:var(--ink);margin:6px 0 8px;padding-left:26px;font-size:13.5px;line-height:1.6;overflow-y:auto}.tree-tahlil-warn{color:#a1481f;white-space:nowrap;font-size:11px}.tree-tahlil-actions{flex-wrap:wrap;gap:8px;display:flex}.tree-tahlil-actions .tree-btn{height:30px;font-size:13px}.tree-score-panel.tree-edit-prompt{width:min(330px,100% - 24px);max-height:none;inset:44px 12px auto auto}.tree-edit-prompt-title{color:var(--ink);font-size:14px}.tree-edit-prompt .tree-score-note{margin:6px 0 10px;font-size:12.5px;line-height:1.5}.tree-btn.tree-btn-primary{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.tree-score{cursor:pointer;min-width:150px;font:inherit;color:#2a1d10;border:1px solid color-mix(in srgb, var(--ink) 28%, transparent);background:#fbf7ec;border-radius:999px;padding:4px 14px;font-size:12px;font-weight:700;position:relative;overflow:hidden}.tree-score:hover,.tree-score.on{border-color:var(--accent)}.tree-score-fill{transition:width .35s,background-color .35s;position:absolute;top:0;bottom:0;left:0}.tree-score-fill.low{background:#ee9a86}.tree-score-fill.mid{background:#f1c84f}.tree-score-fill.high{background:#86cf8e}.tree-score-text{white-space:nowrap;position:relative}.tree-score-panel{z-index:7;background:var(--paper);border:1px solid var(--rule);width:min(340px,100% - 24px);max-height:62%;box-shadow:0 10px 28px rgb(var(--shadow-rgb) / .22);cursor:default;border-radius:12px;flex-direction:column;padding:12px 14px;display:flex;position:absolute;bottom:44px;left:12px}.tree-score-head{justify-content:space-between;align-items:center;gap:8px;font-size:14px;display:flex}.tree-score-close{cursor:pointer;color:var(--ink-soft);background:0 0;border:0;font-size:18px;line-height:1}.tree-score-sum{color:var(--ink);margin:6px 0 2px;font-size:12.5px}.tree-score-note{color:var(--ink-soft);margin:0 0 8px;font-size:11.5px}.tree-score-done{color:var(--accent);margin:0;font-size:13px;font-weight:600}.tree-score-list{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex;overflow-y:auto}.tree-score-row{text-align:left;border:1px solid var(--rule);background:var(--paper-inset);cursor:pointer;width:100%;font:inherit;border-radius:8px;flex-direction:column;align-items:flex-start;gap:1px;padding:6px 8px;display:flex}.tree-score-row:hover{border-color:var(--accent)}.tree-score-name{color:var(--ink);font-size:13px;font-weight:700}.tree-score-missing{color:var(--ink-soft);font-size:11.5px}.gen-stepper{align-items:center;gap:4px;display:inline-flex;position:relative}.gen-stepper-label{color:var(--accent);font-size:12px}.gen-stepper-value{text-align:center;min-width:16px;color:var(--ink);font-size:15px;font-weight:700}.gen-stepper .icon-btn:disabled{opacity:.45;cursor:default}.tree-btn{border:1px solid var(--rule);background:var(--paper);height:34px;color:var(--accent);cursor:pointer;border-radius:8px;padding:0 12px;font-size:14px;font-weight:500}.tree-btn:hover{border-color:var(--accent)}.tree-btn.home{margin-left:auto}.icon-btn{border:1px solid var(--rule);background:var(--paper);width:34px;height:34px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:all .15s;display:inline-flex;position:relative}.btn-icon-img{pointer-events:none;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:22px;height:22px;display:block}.icon-btn[data-tooltip]:hover:not(:disabled):after{content:attr(data-tooltip);background:var(--ink);color:var(--paper);white-space:nowrap;z-index:80;pointer-events:none;box-shadow:0 4px 12px rgb(var(--shadow-rgb) / .22);border-radius:6px;padding:5px 9px;font-size:11.5px;font-weight:500;line-height:1.25;position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%)}.icon-btn.tooltip-right[data-tooltip]:hover:not(:disabled):after{left:auto;right:0;transform:none}.icon-btn:hover:not(:disabled){border-color:var(--ink-soft)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn.active,.icon-btn.on{background:color-mix(in srgb, var(--accent) 20%, var(--paper));color:var(--ink);border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent), 0 1px 4px rgb(var(--shadow-rgb) / .15)}.tree-popover{z-index:60;background:var(--paper);border:1px solid var(--rule);color:var(--ink);border-radius:12px;padding:16px;position:absolute;top:44px;box-shadow:0 10px 28px #00000026}.tree-popover-help{width:360px;max-width:calc(100vw - 32px);max-height:480px;right:0;overflow-y:auto}.tree-popover-range{width:280px;left:120px}.popover-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.popover-header strong{color:var(--ink);font-size:15px;font-weight:600}.popover-close{color:var(--ink-soft);cursor:pointer;background:0 0;border:none;font-size:20px;line-height:1}.popover-close:hover{color:var(--ink)}.help-icon-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.help-icon-list li{align-items:flex-start;gap:12px;display:flex}.help-icon-col{flex-shrink:0;justify-content:flex-start;align-items:center;gap:4px;width:74px;display:flex}.help-icon{border:1px solid var(--rule);box-sizing:border-box;background:#0000000a;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;display:inline-flex}.help-icon-img{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;width:20px;height:20px;display:block}.help-inline-icon{object-fit:contain;vertical-align:-2px;width:14px;height:14px;display:inline-block}.help-sep{color:var(--ink-soft);font-size:13px;font-weight:500}.help-icon-list strong{color:var(--ink);margin-bottom:2px;font-size:13px;display:block}.help-icon-list p{color:var(--ink-soft);margin:0;font-size:12px;line-height:1.4}.range-controls{flex-direction:column;gap:10px;margin-bottom:14px;display:flex}.range-field{justify-content:space-between;align-items:center;font-size:13px;font-weight:500;display:flex}.range-field select{border:1px solid var(--rule);background:var(--paper);color:var(--ink);border-radius:6px;padding:4px 8px;font-size:13px}.popover-actions{justify-content:flex-end;align-items:center;gap:8px;display:flex}.popover-btn{cursor:pointer;border:1px solid var(--rule);border-radius:6px;padding:6px 12px;font-size:13px;font-weight:500}.popover-btn.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.popover-btn.reset{color:var(--ink-soft);background:0 0}.popover-btn.reset:hover{color:var(--ink);border-color:var(--ink)}.density-toggle{background:var(--paper);border:1px solid var(--rule);border-radius:8px;align-items:center;height:34px;display:inline-flex;overflow:hidden}.density-pill{height:100%;color:var(--ink-soft);cursor:pointer;background:0 0;border:none;padding:0 11px;font-size:13px;font-weight:500;transition:all .15s}.density-pill.active{background:var(--accent);color:#fff;font-weight:600}.density-pill:not(.active):hover{color:var(--ink);background:#0000000a}.tree-stage{background-color:var(--paper);background-image:var(--bg-pattern,none);background-repeat:repeat;background-size:var(--bg-pattern-size,20px 20px);border:1px solid var(--rule);touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:grab;border-radius:14px;position:relative;overflow:hidden}.tree-stage.dragging{cursor:grabbing}.tree-canvas{transform-origin:0 0;transition:transform .45s;position:absolute;inset:0}.dragging .tree-canvas,.tree-stage.zooming .tree-canvas{transition:none}.tree-lines{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.tree-lines path{fill:none;stroke:var(--line);stroke-width:1px;animation:.2s .45s both lines-in}.tree-lines path.divorced{stroke-dasharray:4 3}@keyframes lines-in{0%{opacity:0}to{opacity:1}}.generation-indicator{border:2px dashed var(--accent);background:color-mix(in srgb, var(--accent) 5%, transparent);pointer-events:none;box-sizing:border-box;z-index:1;border-radius:14px;transition:transform .45s,width .45s,height .45s;position:absolute;top:0;left:0}.dragging .generation-indicator{transition:none}.generation-indicator-badge{text-align:center;letter-spacing:.03em;color:var(--accent);background:color-mix(in srgb, var(--paper) 92%, var(--accent));border:1.5px dashed var(--accent);box-shadow:0 1px 4px rgb(var(--shadow-rgb) / .08);white-space:nowrap;-webkit-user-select:none;user-select:none;pointer-events:auto;cursor:help;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:6px 10px;font-size:10.5px;font-weight:700;line-height:1.15;transition:background .2s,box-shadow .2s,border-color .2s;display:flex;position:absolute;top:50%;left:14px;transform:translateY(-50%)}.generation-indicator-badge:hover,.generation-indicator-badge:focus-visible{background:color-mix(in srgb, var(--paper) 78%, var(--accent));border-color:var(--accent);box-shadow:0 3px 10px rgb(var(--shadow-rgb) / .16);outline:none}.generation-tooltip{background:var(--ink);color:var(--paper);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;box-shadow:0 4px 12px rgb(var(--shadow-rgb) / .24);z-index:20;border-radius:7px;padding:6px 11px;font-size:11px;font-weight:600;line-height:1.3;transition:opacity .18s,transform .18s,visibility .18s;position:absolute;top:calc(100% + 8px);left:0;transform:translateY(-4px)}.generation-tooltip:after{content:"";border-style:solid;border-width:5px;border-color:transparent transparent var(--ink) transparent;position:absolute;bottom:100%;left:20px}.generation-indicator-badge:hover .generation-tooltip,.generation-indicator-badge:focus-visible .generation-tooltip{opacity:1;visibility:visible;transform:translateY(0)}.box{box-sizing:border-box;cursor:pointer;font:inherit;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:1px;padding:0 4px;transition:transform .45s,width .45s,height .45s;animation:.3s both box-in;display:flex;position:absolute;top:0;left:0}@keyframes box-in{0%{opacity:0}to{opacity:1}}.box:focus-visible{outline:2px solid var(--a-bd);outline-offset:2px}.box-name{white-space:nowrap;text-overflow:ellipsis;max-width:100%;font-size:13.5px;font-weight:600;line-height:1.2;overflow:hidden}.box-role,.box-title{white-space:nowrap;text-overflow:ellipsis;text-align:center;max-width:100%;font-size:11px;line-height:1.3;overflow:hidden}.compact .box-name{font-size:11px}.box.kandung{background:var(--k-bg);border:.5px solid var(--k-bd)}.box.kandung .box-name{color:var(--k-t)}.box.kandung .box-role,.box.kandung .box-title{color:var(--k-s)}.box.seibu,.box.sebapa{background:var(--seibu-bg);border:.5px solid var(--seibu-bd)}.box.seibu .box-name,.box.sebapa .box-name{color:var(--seibu-t)}.box.seibu .box-role,.box.seibu .box-title,.box.sebapa .box-role,.box.sebapa .box-title{color:var(--seibu-s)}.box.ipar{background:var(--i-bg);border:1px dashed var(--i-bd)}.box.ipar .box-name{color:var(--i-t)}.box.ipar .box-role,.box.ipar .box-title{color:var(--i-s)}.box.aktif{background:var(--a-bg);border:2px solid var(--a-bd)}.box.aktif .box-name{color:var(--a-t)}.box.aktif .box-role,.box.aktif .box-title{color:var(--a-s)}.badge-anda{background:var(--y-bg);border:1px solid var(--y-bd);color:var(--y-t);border-radius:9px;padding:0 7px;font-size:11px;line-height:16px;position:absolute;top:-9px;left:-8px}.compact .badge-anda{padding:0 5px;line-height:14px;top:-8px;left:-6px}.box-role-dot{box-sizing:border-box;background:#9ca3af;border:2px solid #fff;border-radius:50%;width:11px;height:11px;position:absolute;top:-5px;right:-5px;box-shadow:0 0 0 1px #0000002e}.compact .box-role-dot{border-width:1.5px;width:9px;height:9px;top:-4px;right:-4px}.box-role-dot.role-OWNER{background:#f97316}.box-role-dot.role-EDITOR{background:#2563eb}.box-role-dot.role-CONTRIBUTOR{background:#16a34a}.box-role-dot.role-VIEWER{background:#9ca3af}.badge-anda.static{margin-right:6px;position:static}.tooltip{z-index:10;pointer-events:none;background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);white-space:nowrap;box-shadow:0 6px 20px rgb(var(--shadow-rgb) / .12);border-radius:10px;flex-direction:column;gap:1px;padding:9px 12px;font-size:12.5px;line-height:1.5;transition:opacity .15s;display:flex;position:absolute;top:0;left:0}.tooltip strong{color:var(--ink);font-weight:600}.info-card{z-index:11;background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);box-shadow:0 8px 24px rgb(var(--shadow-rgb) / .18);cursor:default;border-radius:12px;flex-direction:column;gap:2px;padding:12px 44px 12px 14px;font-size:13.5px;line-height:1.5;animation:.18s both card-in;display:flex;position:absolute;bottom:10px;left:10px;right:10px}.info-card strong{color:var(--ink);font-size:15px;font-weight:600}@media (width>=721px){.info-card{width:min(340px,100% - 20px);max-height:min(100% - 120px,240px);padding:10px 38px 10px 12px;font-size:13px;line-height:1.45;bottom:54px;right:auto;overflow-y:auto}.info-card strong{font-size:14px}.info-card-avatar{width:40px;height:40px;margin-bottom:4px}}.info-card-avatar{object-fit:cover;border:2px solid var(--accent,#881337);border-radius:50%;width:48px;height:48px;margin-bottom:6px}.tree-info-notes{border-top:1px dashed var(--rule);color:var(--ink);white-space:pre-wrap;max-width:240px;margin-top:4px;padding-top:4px;font-size:12px;font-style:italic}.info-close{width:36px;height:36px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:8px;font-size:22px;line-height:1;position:absolute;top:6px;right:6px}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.tree-side-switcher{z-index:10;background:color-mix(in srgb, var(--paper) 88%, transparent);-webkit-backdrop-filter:blur(8px);border:1px solid var(--rule);box-shadow:0 4px 14px rgb(var(--shadow-rgb) / .12);border-radius:20px;align-items:center;gap:3px;padding:3px;display:flex;position:absolute;bottom:14px;right:14px}.tree-side-switcher.single{padding:5px 13px}.side-badge{color:var(--ink-soft);-webkit-user-select:none;user-select:none;font-size:11.5px;font-weight:600}.side-btn{color:var(--ink-soft);cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:1px solid #0000;border-radius:16px;align-items:center;gap:5px;padding:5px 11px;font-size:11.5px;font-weight:600;transition:all .18s;display:flex}.side-btn:hover{background:color-mix(in srgb, var(--paper) 60%, var(--rule));color:var(--ink)}.side-btn.active{background:var(--paper);border-color:var(--accent);color:var(--accent);box-shadow:0 2px 8px rgb(var(--shadow-rgb) / .12)}.side-icon{justify-content:center;align-items:center;font-size:12px;line-height:1;display:inline-flex}.side-icon-img{pointer-events:none;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:20px;height:20px;display:block}.side-name{opacity:.85;font-weight:500}@media (width<=640px){.tree-side-switcher{bottom:10px;right:10px}.side-btn{padding:4px 8px;font-size:10.5px}}.tree-legend{color:var(--ink-soft);flex-wrap:wrap;gap:16px;margin:12px 0 0;padding:0;font-size:13px;list-style:none;display:flex}.tree-legend li{align-items:center;display:flex}.swatch{box-sizing:border-box;border-radius:3px;width:16px;height:12px;margin-right:6px}.swatch.kandung{background:var(--k-bg);border:.5px solid var(--k-bd)}.swatch.seibu-sebapa,.swatch.seibu,.swatch.sebapa{background:var(--seibu-bg);border:.5px solid var(--seibu-bd)}.swatch.ipar{background:var(--i-bg);border:1px dashed var(--i-bd)}.swatch.aktif{background:var(--a-bg);border:2px solid var(--a-bd)}@media (prefers-reduced-motion:reduce){.box,.tree-lines path,.tree-canvas,.info-card{transition:none;animation:none}}[data-theme=naskhah-pusaka] .box.kandung{background:linear-gradient(#ead4aa 0%,#d8be8a 50%,#c4a568 100%);border:1.5px solid #75511d;box-shadow:0 3px 10px #75511d38,inset 0 1px #ffffff80}[data-theme=naskhah-pusaka] .box.kandung .box-name{color:#241604;font-weight:700}[data-theme=naskhah-pusaka] .box.kandung .box-role,[data-theme=naskhah-pusaka] .box.kandung .box-title{color:#523712}[data-theme=naskhah-pusaka] .box.ipar{background:linear-gradient(#f9ede5 0%,#edd8cc 50%,#dcc0af 100%);border:1.5px dashed #a86a4c;box-shadow:0 3px 8px #a86a4c2e,inset 0 1px #fff6}[data-theme=naskhah-pusaka] .box.ipar .box-name{color:#301a0e;font-weight:600}[data-theme=naskhah-pusaka] .box.ipar .box-role,[data-theme=naskhah-pusaka] .box.ipar .box-title{color:#5e3925}[data-theme=naskhah-pusaka] .box.seibu,[data-theme=naskhah-pusaka] .box.sebapa{background:linear-gradient(#fff0ca 0%,#fce099 50%,#efc96e 100%);border:1.5px solid #b8860b;box-shadow:0 3px 10px #b8860b40,inset 0 1px #ffffffa6}[data-theme=naskhah-pusaka] .box.seibu .box-name,[data-theme=naskhah-pusaka] .box.seibu .box-name{color:#291a03;font-weight:600}[data-theme=naskhah-pusaka] .box.seibu .box-role,[data-theme=naskhah-pusaka] .box.seibu .box-title,[data-theme=naskhah-pusaka] .box.sebapa .box-role,[data-theme=naskhah-pusaka] .box.sebapa .box-title{color:#543909}[data-theme=naskhah-pusaka] .box.aktif,[data-theme=naskhah-pusaka] .box.kandung.aktif,[data-theme=naskhah-pusaka] .box.ipar.aktif,[data-theme=naskhah-pusaka] .box.seibu.aktif,[data-theme=naskhah-pusaka] .box.sebapa.aktif{outline-offset:2px!important;background:linear-gradient(#fff 0%,#fffdf8 45%,#f5ecda 100%)!important;border:2.5px solid #8c6226!important;outline:2px solid #d4a359!important;box-shadow:0 0 0 4px #d4a35973,0 8px 24px #8c622659!important}[data-theme=naskhah-pusaka] .box.aktif .box-name,[data-theme=naskhah-pusaka] .box.kandung.aktif .box-name,[data-theme=naskhah-pusaka] .box.ipar.aktif .box-name,[data-theme=naskhah-pusaka] .box.seibu.aktif .box-name,[data-theme=naskhah-pusaka] .box.sebapa.aktif .box-name{color:#261706!important;font-weight:800!important}[data-theme=naskhah-pusaka] .box.aktif .box-role,[data-theme=naskhah-pusaka] .box.aktif .box-title,[data-theme=naskhah-pusaka] .box.kandung.aktif .box-role,[data-theme=naskhah-pusaka] .box.kandung.aktif .box-title,[data-theme=naskhah-pusaka] .box.ipar.aktif .box-role,[data-theme=naskhah-pusaka] .box.ipar.aktif .box-title,[data-theme=naskhah-pusaka] .box.seibu.aktif .box-role,[data-theme=naskhah-pusaka] .box.seibu.aktif .box-title,[data-theme=naskhah-pusaka] .box.sebapa.aktif .box-role,[data-theme=naskhah-pusaka] .box.sebapa.aktif .box-title{color:#8c6226!important;font-weight:700!important}[data-theme=naskhah-pusaka] .badge-anda{color:#261706;letter-spacing:.02em;text-shadow:0 1px #ffffff59;background:linear-gradient(135deg,#e5b469 0%,#bd8c3d 100%);border:1px solid #75511d;font-weight:700;box-shadow:0 2px 6px #8c622659}[data-theme=naskhah-pusaka] .swatch.kandung{background:linear-gradient(#ead4aa 0%,#c4a568 100%);border:1px solid #75511d}[data-theme=naskhah-pusaka] .swatch.seibu-sebapa,[data-theme=naskhah-pusaka] .swatch.seibu,[data-theme=naskhah-pusaka] .swatch.sebapa{background:linear-gradient(#fff0ca 0%,#efc96e 100%);border:1px solid #b8860b}[data-theme=naskhah-pusaka] .swatch.ipar{background:linear-gradient(#f9ede5 0%,#dcc0af 100%);border:1.5px dashed #a86a4c}[data-theme=naskhah-pusaka] .swatch.aktif{background:linear-gradient(#fff 0%,#f7f1e0 100%);border:2px solid #8c6226}[data-theme=naskhah-pusaka] .generation-box{background:#8c622606;border-color:#8c6226}[data-theme=naskhah-pusaka] .generation-indicator-badge{color:#8c6226;background:linear-gradient(#fdfbf7 0%,#ede3cf 100%);border-color:#8c6226;box-shadow:0 2px 6px #8c62261f}[data-theme=naskhah-pusaka] .tooltip,[data-theme=naskhah-pusaka] .info-card{color:#382c22;background-color:#fcf9f2;background-image:url(/scroll/parchment-texture.webp);background-size:180px 180px;border:1.5px solid #8c6226;box-shadow:0 10px 28px #382c2240,inset 0 0 15px #8c62261a}[data-theme=naskhah-pusaka] .tooltip strong,[data-theme=naskhah-pusaka] .info-card strong{color:#2b1d0e;font-size:14.5px}[data-theme=pucuk-rebung] .box.kandung{background:linear-gradient(#f7fcf9 0%,#e5f4ec 50%,#d1ecde 100%);border:1.5px solid #238368;box-shadow:0 3px 10px #0f6e5629,inset 0 1px #fffc}[data-theme=pucuk-rebung] .box.kandung .box-name{color:#06382b;font-weight:700}[data-theme=pucuk-rebung] .box.kandung .box-role,[data-theme=pucuk-rebung] .box.kandung .box-title{color:#1b5c4b}[data-theme=pucuk-rebung] .box.ipar{background:linear-gradient(#faf9fe 0%,#eeeafd 50%,#ddd7fa 100%);border:1.5px dashed #8275d8;box-shadow:0 3px 8px #5a4bbe24,inset 0 1px #ffffffbf}[data-theme=pucuk-rebung] .box.ipar .box-name{color:#261e68;font-weight:600}[data-theme=pucuk-rebung] .box.ipar .box-role,[data-theme=pucuk-rebung] .box.ipar .box-title{color:#43398a}[data-theme=pucuk-rebung] .box.seibu,[data-theme=pucuk-rebung] .box.sebapa{background:linear-gradient(#fef5f6 0%,#fde2e6 50%,#f9cad2 100%);border:1.5px solid #d4687a;box-shadow:0 3px 10px #d4687a2e,inset 0 1px #ffffffbf}[data-theme=pucuk-rebung] .box.seibu .box-name,[data-theme=pucuk-rebung] .box.sebapa .box-name{color:#4d1520;font-weight:600}[data-theme=pucuk-rebung] .box.seibu .box-role,[data-theme=pucuk-rebung] .box.seibu .box-title,[data-theme=pucuk-rebung] .box.sebapa .box-role,[data-theme=pucuk-rebung] .box.sebapa .box-title{color:#752534}[data-theme=pucuk-rebung] .box.aktif,[data-theme=pucuk-rebung] .box.kandung.aktif,[data-theme=pucuk-rebung] .box.ipar.aktif,[data-theme=pucuk-rebung] .box.seibu.aktif,[data-theme=pucuk-rebung] .box.sebapa.aktif{outline-offset:2px!important;background:linear-gradient(#fff 0%,#f6fdfa 45%,#daf3e7 100%)!important;border:2.5px solid #0f6e56!important;outline:2px solid #52c7a7!important;box-shadow:0 0 0 4px #52c7a759,0 8px 24px #0f6e5647!important}[data-theme=pucuk-rebung] .box.aktif .box-name,[data-theme=pucuk-rebung] .box.kandung.aktif .box-name,[data-theme=pucuk-rebung] .box.ipar.aktif .box-name,[data-theme=pucuk-rebung] .box.seibu.aktif .box-name,[data-theme=pucuk-rebung] .box.sebapa.aktif .box-name{color:#042a20!important;font-weight:800!important}[data-theme=pucuk-rebung] .box.aktif .box-role,[data-theme=pucuk-rebung] .box.aktif .box-title,[data-theme=pucuk-rebung] .box.kandung.aktif .box-role,[data-theme=pucuk-rebung] .box.kandung.aktif .box-title,[data-theme=pucuk-rebung] .box.ipar.aktif .box-role,[data-theme=pucuk-rebung] .box.ipar.aktif .box-title,[data-theme=pucuk-rebung] .box.seibu.aktif .box-role,[data-theme=pucuk-rebung] .box.seibu.aktif .box-title,[data-theme=pucuk-rebung] .box.sebapa.aktif .box-role,[data-theme=pucuk-rebung] .box.sebapa.aktif .box-title{color:#0f6e56!important;font-weight:700!important}[data-theme=pucuk-rebung] .badge-anda{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#1b9474 0%,#0c5c47 100%);border:1px solid #084233;font-weight:700;box-shadow:0 2px 6px #0f6e5659}[data-theme=pucuk-rebung] .swatch.kandung{background:linear-gradient(#f7fcf9 0%,#d1ecde 100%);border:1px solid #238368}[data-theme=pucuk-rebung] .swatch.seibu-sebapa,[data-theme=pucuk-rebung] .swatch.seibu,[data-theme=pucuk-rebung] .swatch.sebapa{background:linear-gradient(#fef5f6 0%,#f9cad2 100%);border:1px solid #d4687a}[data-theme=pucuk-rebung] .swatch.ipar{background:linear-gradient(#faf9fe 0%,#ddd7fa 100%);border:1.5px dashed #8275d8}[data-theme=pucuk-rebung] .swatch.aktif{background:linear-gradient(#fff 0%,#daf3e7 100%);border:2px solid #0f6e56}[data-theme=pucuk-rebung] .generation-box{background:#0f6e5606;border-color:#0f6e56}[data-theme=pucuk-rebung] .generation-indicator-badge{color:#0f6e56;background:linear-gradient(#fff 0%,#e8f5f0 100%);border-color:#0f6e56;box-shadow:0 2px 6px #0f6e561f}[data-theme=songket] .box.kandung{background:linear-gradient(#fdfbf7 0%,#f5e9d6 50%,#ead5b7 100%);border:1.5px solid #9e6f30;box-shadow:0 3px 10px #8a2c2429,inset 0 1px #fffc}[data-theme=songket] .box.kandung .box-name{color:#361e05;font-weight:700}[data-theme=songket] .box.kandung .box-role,[data-theme=songket] .box.kandung .box-title{color:#5e3811}[data-theme=songket] .box.ipar{background:linear-gradient(#f7fbf8 0%,#e5eee8 50%,#d1dfd5 100%);border:1.5px dashed #598d70;box-shadow:0 3px 8px #3c735524,inset 0 1px #ffffffbf}[data-theme=songket] .box.ipar .box-name{color:#133827;font-weight:600}[data-theme=songket] .box.ipar .box-role,[data-theme=songket] .box.ipar .box-title{color:#27573f}[data-theme=songket] .box.seibu,[data-theme=songket] .box.sebapa{background:linear-gradient(#fef4f3 0%,#f9dcda 50%,#f1beba 100%);border:1.5px solid #bf5048;box-shadow:0 3px 10px #bf504833,inset 0 1px #ffffffbf}[data-theme=songket] .box.seibu .box-name,[data-theme=songket] .box.sebapa .box-name{color:#48120e;font-weight:600}[data-theme=songket] .box.seibu .box-role,[data-theme=songket] .box.seibu .box-title,[data-theme=songket] .box.sebapa .box-role,[data-theme=songket] .box.sebapa .box-title{color:#70221c}[data-theme=songket] .box.aktif,[data-theme=songket] .box.kandung.aktif,[data-theme=songket] .box.ipar.aktif,[data-theme=songket] .box.seibu.aktif,[data-theme=songket] .box.sebapa.aktif{outline-offset:2px!important;background:linear-gradient(#fff 0%,#fff7f6 45%,#fbe1df 100%)!important;border:2.5px solid #8a2c24!important;outline:2px solid #d46b63!important;box-shadow:0 0 0 4px #d46b6359,0 8px 24px #8a2c2447!important}[data-theme=songket] .box.aktif .box-name,[data-theme=songket] .box.kandung.aktif .box-name,[data-theme=songket] .box.ipar.aktif .box-name,[data-theme=songket] .box.seibu.aktif .box-name,[data-theme=songket] .box.sebapa.aktif .box-name{color:#330a07!important;font-weight:800!important}[data-theme=songket] .box.aktif .box-role,[data-theme=songket] .box.aktif .box-title,[data-theme=songket] .box.kandung.aktif .box-role,[data-theme=songket] .box.kandung.aktif .box-title,[data-theme=songket] .box.ipar.aktif .box-role,[data-theme=songket] .box.ipar.aktif .box-title,[data-theme=songket] .box.seibu.aktif .box-role,[data-theme=songket] .box.seibu.aktif .box-title,[data-theme=songket] .box.sebapa.aktif .box-role,[data-theme=songket] .box.sebapa.aktif .box-title{color:#8a2c24!important;font-weight:700!important}[data-theme=songket] .badge-anda{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#a6362c 0%,#6e1d16 100%);border:1px solid #52120c;font-weight:700;box-shadow:0 2px 6px #8a2c2459}[data-theme=songket] .swatch.kandung{background:linear-gradient(#fdfbf7 0%,#ead5b7 100%);border:1px solid #9e6f30}[data-theme=songket] .swatch.seibu-sebapa,[data-theme=songket] .swatch.seibu,[data-theme=songket] .swatch.sebapa{background:linear-gradient(#fef4f3 0%,#f1beba 100%);border:1px solid #bf5048}[data-theme=songket] .swatch.ipar{background:linear-gradient(#f7fbf8 0%,#d1dfd5 100%);border:1.5px dashed #598d70}[data-theme=songket] .swatch.aktif{background:linear-gradient(#fff 0%,#fbe1df 100%);border:2px solid #8a2c24}[data-theme=songket] .generation-box{background:#8a2c2406;border-color:#8a2c24}[data-theme=songket] .generation-indicator-badge{color:#8a2c24;background:linear-gradient(#fff 0%,#faecea 100%);border-color:#8a2c24;box-shadow:0 2px 6px #8a2c241f}[data-theme=indigo] .box.kandung{background:linear-gradient(#f7f9fd 0%,#e5ecf9 50%,#d0def5 100%);border:1.5px solid #3c5fa8;box-shadow:0 3px 10px #2f4a8a2e,inset 0 1px #fffc}[data-theme=indigo] .box.kandung .box-name{color:#10204a;font-weight:700}[data-theme=indigo] .box.kandung .box-role,[data-theme=indigo] .box.kandung .box-title{color:#243b73}[data-theme=indigo] .box.ipar{background:linear-gradient(#fdf8f4 0%,#f6e6da 50%,#edd0bc 100%);border:1.5px dashed #b87850;box-shadow:0 3px 8px #b8785026,inset 0 1px #ffffffb3}[data-theme=indigo] .box.ipar .box-name{color:#4a220c;font-weight:600}[data-theme=indigo] .box.ipar .box-role,[data-theme=indigo] .box.ipar .box-title{color:#6e391b}[data-theme=indigo] .box.seibu,[data-theme=indigo] .box.sebapa{background:linear-gradient(#faf4fc 0%,#f0def6 50%,#e2c2ec 100%);border:1.5px solid #9f5bb8;box-shadow:0 3px 10px #9f5bb82e,inset 0 1px #ffffffbf}[data-theme=indigo] .box.seibu .box-name,[data-theme=indigo] .box.sebapa .box-name{color:#40134f;font-weight:600}[data-theme=indigo] .box.seibu .box-role,[data-theme=indigo] .box.seibu .box-title,[data-theme=indigo] .box.sebapa .box-role,[data-theme=indigo] .box.sebapa .box-title{color:#632578}[data-theme=indigo] .box.aktif,[data-theme=indigo] .box.kandung.aktif,[data-theme=indigo] .box.ipar.aktif,[data-theme=indigo] .box.seibu.aktif,[data-theme=indigo] .box.sebapa.aktif{outline-offset:2px!important;background:linear-gradient(#fff 0%,#f8faff 45%,#e1e9fa 100%)!important;border:2.5px solid #2f4a8a!important;outline:2px solid #6c8cd6!important;box-shadow:0 0 0 4px #6c8cd659,0 8px 24px #2f4a8a47!important}[data-theme=indigo] .box.aktif .box-name,[data-theme=indigo] .box.kandung.aktif .box-name,[data-theme=indigo] .box.ipar.aktif .box-name,[data-theme=indigo] .box.seibu.aktif .box-name,[data-theme=indigo] .box.sebapa.aktif .box-name{color:#0c1938!important;font-weight:800!important}[data-theme=indigo] .box.aktif .box-role,[data-theme=indigo] .box.aktif .box-title,[data-theme=indigo] .box.kandung.aktif .box-role,[data-theme=indigo] .box.kandung.aktif .box-title,[data-theme=indigo] .box.ipar.aktif .box-role,[data-theme=indigo] .box.ipar.aktif .box-title,[data-theme=indigo] .box.seibu.aktif .box-role,[data-theme=indigo] .box.seibu.aktif .box-title,[data-theme=indigo] .box.sebapa.aktif .box-role,[data-theme=indigo] .box.sebapa.aktif .box-title{color:#2f4a8a!important;font-weight:700!important}[data-theme=indigo] .badge-anda{color:#fff;letter-spacing:.02em;background:linear-gradient(135deg,#3757a3 0%,#203569 100%);border:1px solid #14244d;font-weight:700;box-shadow:0 2px 6px #2f4a8a59}[data-theme=indigo] .swatch.kandung{background:linear-gradient(#f7f9fd 0%,#d0def5 100%);border:1px solid #3c5fa8}[data-theme=indigo] .swatch.seibu-sebapa,[data-theme=indigo] .swatch.seibu,[data-theme=indigo] .swatch.sebapa{background:linear-gradient(#faf4fc 0%,#e2c2ec 100%);border:1px solid #9f5bb8}[data-theme=indigo] .swatch.ipar{background:linear-gradient(#fdf8f4 0%,#edd0bc 100%);border:1.5px dashed #b87850}[data-theme=indigo] .swatch.aktif{background:linear-gradient(#fff 0%,#e1e9fa 100%);border:2px solid #2f4a8a}[data-theme=indigo] .generation-box{background:#2f4a8a06;border-color:#2f4a8a}[data-theme=indigo] .generation-indicator-badge{color:#2f4a8a;background:linear-gradient(#fff 0%,#edf1fc 100%);border-color:#2f4a8a;box-shadow:0 2px 6px #2f4a8a1f}@media (width<=720px){.tree-stage:before,.tree-stage:after{content:"";z-index:4;pointer-events:none;background:var(--paper);position:absolute;left:0;right:0}.tree-stage:before{border-bottom:1px solid var(--rule);height:44px;top:0}.tree-stage:after{border-top:1px solid var(--rule);height:92px;bottom:0}.tree-level,.tree-float{white-space:nowrap;padding:3px 8px;font-size:11px;top:9px}.tree-level{left:8px}.tree-float-center{left:45%}.tree-float-group{gap:4px;top:9px;right:8px}.tree-bottom-left{bottom:54px;left:8px}.tree-tahlil-btn{bottom:54px;right:8px}.tree-side-switcher{width:max-content;max-width:calc(100% - 16px);box-shadow:none;bottom:8px;left:50%;right:auto;transform:translate(-50%)}.tree-score-panel{bottom:96px}.tree-score-panel.tree-tahlil-panel{bottom:96px;right:8px}}[data-theme=pucuk-rebung]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4f6f5;--paper:#fff;--ink:#1d2b28;--ink-soft:#55625f;--rule:#dde3e1;--accent:#0f6e56;--on-accent:#fff;--danger:#a32d2d;--shadow-rgb:20 40 36;--k-bg:#f1efe8;--k-bd:#b4b2a9;--k-t:#444441;--k-s:#5f5e5a;--seibu-bg:#fbecee;--seibu-bd:#e2b4b8;--seibu-t:#5f272c;--seibu-s:#7e393f;--sebapa-bg:#fbecee;--sebapa-bd:#e2b4b8;--sebapa-t:#5f272c;--sebapa-s:#7e393f;--i-bg:#eeedfe;--i-bd:#afa9ec;--i-t:#3c3489;--i-s:#534ab7;--a-bg:#e1f5ee;--a-bd:#0f6e56;--a-t:#085041;--a-s:#0f6e56;--y-bg:#faeeda;--y-bd:#ba7517;--y-t:#633806;--line:#9b9a93;--bg-pattern-size:20px 20px;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 2L18 10L15 10L10 5L5 10L2 10Z' fill='%230f6e56' fill-opacity='0.045'/%3E%3Cpath d='M0 18L10 8L20 18' fill='none' stroke='%230f6e56' stroke-width='1' stroke-opacity='0.04'/%3E%3Ccircle cx='10' cy='14' r='1' fill='%230f6e56' fill-opacity='0.05'/%3E%3C/svg%3E")}[data-theme=songket]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f7f2ea;--paper:#fffdf9;--ink:#2e1a17;--ink-soft:#6b5650;--rule:#e6dccb;--accent:#8a2c24;--on-accent:#fff;--danger:#b42318;--shadow-rgb:46 26 23;--k-bg:#f1ebe0;--k-bd:#c9bba5;--k-t:#4a3f35;--k-s:#6b5d50;--seibu-bg:#f9ebea;--seibu-bd:#dcb3b0;--seibu-t:#612724;--seibu-s:#803935;--sebapa-bg:#f9ebea;--sebapa-bd:#dcb3b0;--sebapa-t:#612724;--sebapa-s:#803935;--i-bg:#e9f0ec;--i-bd:#8fb3a2;--i-t:#24503f;--i-s:#3a6b57;--a-bg:#f7e6e3;--a-bd:#8a2c24;--a-t:#5c1f1b;--a-s:#8a2c24;--y-bg:#f8ecc8;--y-bd:#b8860b;--y-t:#5e4204;--line:#a89c8a;--bg-pattern-size:20px 20px;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M10 0L20 10L10 20L0 10Z' fill='none' stroke='%238a5a1e' stroke-width='0.9' stroke-opacity='0.055'/%3E%3Cpath d='M10 6L14 10L10 14L6 10Z' fill='%238a2c24' fill-opacity='0.035'/%3E%3Ccircle cx='10' cy='10' r='1' fill='%23b8860b' fill-opacity='0.06'/%3E%3Ccircle cx='0' cy='0' r='1' fill='%23b8860b' fill-opacity='0.05'/%3E%3Ccircle cx='20' cy='0' r='1' fill='%23b8860b' fill-opacity='0.05'/%3E%3Ccircle cx='0' cy='20' r='1' fill='%23b8860b' fill-opacity='0.05'/%3E%3Ccircle cx='20' cy='20' r='1' fill='%23b8860b' fill-opacity='0.05'/%3E%3C/svg%3E")}[data-theme=indigo]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f3f4f8;--paper:#fff;--ink:#1b2140;--ink-soft:#545b78;--rule:#dcdfea;--accent:#2f4a8a;--on-accent:#fff;--danger:#a32d2d;--shadow-rgb:27 33 64;--k-bg:#eff0f3;--k-bd:#b3b6c2;--k-t:#3f4250;--k-s:#5a5e6e;--seibu-bg:#f9e9ed;--seibu-bd:#d7afb8;--seibu-t:#5c232f;--seibu-s:#7a3543;--sebapa-bg:#f9e9ed;--sebapa-bd:#d7afb8;--sebapa-t:#5c232f;--sebapa-s:#7a3543;--i-bg:#fbece6;--i-bd:#e0a487;--i-t:#7a3518;--i-s:#9a4a26;--a-bg:#e7ebf8;--a-bd:#2f4a8a;--a-t:#1f2f66;--a-s:#2f4a8a;--y-bg:#faeeda;--y-bd:#ba7517;--y-t:#633806;--line:#9a9eab;--bg-pattern-size:24px 24px;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Ccircle cx='12' cy='12' r='9' fill='none' stroke='%232f4a8a' stroke-width='0.9' stroke-opacity='0.045'/%3E%3Cpath d='M12 3C15 7.5 15 16.5 12 21C9 16.5 9 7.5 12 3ZM3 12C7.5 9 16.5 9 21 12C16.5 15 7.5 15 3 12Z' fill='none' stroke='%232f4a8a' stroke-width='0.8' stroke-opacity='0.045'/%3E%3Ccircle cx='12' cy='12' r='1.3' fill='%232f4a8a' fill-opacity='0.06'/%3E%3Ccircle cx='0' cy='0' r='1.1' fill='%232f4a8a' fill-opacity='0.05'/%3E%3Ccircle cx='24' cy='0' r='1.1' fill='%232f4a8a' fill-opacity='0.05'/%3E%3Ccircle cx='0' cy='24' r='1.1' fill='%232f4a8a' fill-opacity='0.05'/%3E%3Ccircle cx='24' cy='24' r='1.1' fill='%232f4a8a' fill-opacity='0.05'/%3E%3C/svg%3E")}[data-theme=naskhah-pusaka]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:#f4eedb;--paper:#fcf9f2;--ink:#382c22;--ink-soft:#7a6958;--rule:#d8c8af;--accent:#8c6226;--on-accent:#fffdf7;--danger:#a32d2d;--shadow-rgb:56 44 34;--k-bg:#d8be8a;--k-bd:#75511d;--k-t:#241604;--k-s:#523712;--seibu-bg:#fce099;--seibu-bd:#b8860b;--seibu-t:#291a03;--seibu-s:#543909;--sebapa-bg:#fce099;--sebapa-bd:#b8860b;--sebapa-t:#291a03;--sebapa-s:#543909;--i-bg:#edd8cc;--i-bd:#a86a4c;--i-t:#301a0e;--i-s:#5e3925;--a-bg:#fffdf9;--a-bd:#8c6226;--a-t:#261706;--a-s:#694716;--y-bg:#d4a359;--y-bd:#8c6226;--y-t:#261706;--line:#8c6226;--bg-pattern-size:28px 28px;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' viewBox='0 0 28 28'%3E%3Cpath d='M14 0v28M0 14h28' stroke='%238c6226' stroke-width='0.5' stroke-opacity='0.05' stroke-dasharray='2 2'/%3E%3Cpath d='M14 8L15.5 12.5L20 14L15.5 15.5L14 20L12.5 15.5L8 14L12.5 12.5Z' fill='%238c6226' fill-opacity='0.06' stroke='%238c6226' stroke-width='0.6' stroke-opacity='0.08'/%3E%3Ccircle cx='14' cy='14' r='1.3' fill='%23d4a359' fill-opacity='0.15'/%3E%3Ccircle cx='0' cy='0' r='1.2' fill='%238c6226' fill-opacity='0.06'/%3E%3Ccircle cx='28' cy='0' r='1.2' fill='%238c6226' fill-opacity='0.06'/%3E%3Ccircle cx='0' cy='28' r='1.2' fill='%238c6226' fill-opacity='0.06'/%3E%3Ccircle cx='28' cy='28' r='1.2' fill='%238c6226' fill-opacity='0.06'/%3E%3C/svg%3E");--bg-app:#f4eedb;--bg-surface:#fcf9f2;--border-subtle:#d8c8af;--text-main:#382c22;--text-muted:#7a6958;--accent-primary:#8c6226;--accent-primary-hover:#75511d;--text-on-accent:#fffdf7;--badge-self-bg:#d4a359;--badge-self-text:#2b1d0e;--node-self-border:#8c6226;--node-bg:#ede3cf;--node-border:#cbb99c;--node-text:#45372b;--paper-grain-overlay:radial-gradient(#e8dfc9 10%, transparent 11%);--paper-grain-size:8px 8px}[data-theme=teduh-malam]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:#262f34;--paper:#2e383e;--ink:#eef2f0;--ink-soft:#b6c2be;--rule:#404d54;--accent:#7ce0be;--on-accent:#0f2920;--danger:#f4a69e;--shadow-rgb:8 14 18;--k-bg:#38434a;--k-bd:#78858d;--k-t:#f0f4f2;--k-s:#cbd4d0;--seibu-bg:#443338;--seibu-bd:#8c636c;--seibu-t:#f5e8ea;--seibu-s:#d6bac1;--sebapa-bg:#443338;--sebapa-bd:#8c636c;--sebapa-t:#f5e8ea;--sebapa-s:#d6bac1;--i-bg:#3b3859;--i-bd:#9b94e0;--i-t:#eceafe;--i-s:#d0ccf7;--a-bg:#235245;--a-bd:#7ce0be;--a-t:#e8f8f2;--a-s:#bce8d8;--y-bg:#524120;--y-bd:#e0ae4c;--y-t:#f7e2b2;--line:#6c7a82;--bg-pattern-size:20px 20px;--bg-pattern:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' viewBox='0 0 20 20'%3E%3Cpath d='M20 0L0 0 0 20' fill='none' stroke='%23eef2f0' stroke-width='0.6' stroke-opacity='0.04'/%3E%3Ccircle cx='5' cy='5' r='0.8' fill='%23e0ae4c' fill-opacity='0.06'/%3E%3Ccircle cx='15' cy='13' r='0.7' fill='%23eef2f0' fill-opacity='0.05'/%3E%3Cpath d='M12 4L14 5M4 15L6 14' stroke='%23e0ae4c' stroke-width='0.7' stroke-opacity='0.05' stroke-linecap='round'/%3E%3C/svg%3E")}:root{--bg-app:var(--page);--bg-surface:var(--paper);--border-subtle:var(--rule);--text-main:var(--ink);--text-muted:var(--ink-soft);--accent-primary:var(--accent);--accent-primary-hover:color-mix(in srgb, var(--accent) 85%, black);--text-on-accent:var(--on-accent);--badge-self-bg:var(--y-bg);--badge-self-text:var(--y-t);--node-self-border:var(--a-bd);--node-bg:var(--k-bg);--node-border:var(--k-bd);--node-text:var(--k-t)}.theme-preview-card{background-color:var(--bg-app);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:12px;padding:16px}.tree-bar{background-color:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;justify-content:space-between;padding:8px 12px;font-weight:600;display:flex}.node-user{background-color:var(--bg-surface);border:2px solid var(--node-self-border);color:var(--text-main);border-radius:6px;padding:6px 12px;font-weight:600;position:relative}.badge-self{background-color:var(--badge-self-bg);color:var(--badge-self-text);border-radius:10px;padding:1px 6px;font-size:11px;font-weight:700;position:absolute;top:-9px;right:6px}.node-relative{background-color:var(--node-bg);border:1px dashed var(--node-border);color:var(--node-text);border-radius:6px;padding:6px 10px}.btn-action{background-color:var(--accent-primary);color:var(--text-on-accent);cursor:pointer;border:none;border-radius:6px;padding:8px 14px;font-weight:600;box-shadow:0 2px 4px #382c2226}:root{color:var(--ink);background-color:var(--page);background-image:var(--bg-pattern,none);background-repeat:repeat;background-size:var(--bg-pattern-size,20px 20px);font-family:Plus Jakarta Sans,system-ui,sans-serif}*{box-sizing:border-box}html,body{max-width:100vw;margin:0;line-height:1.6;overflow-x:hidden}h1{letter-spacing:-.01em;margin:0 0 12px;font-size:26px;font-weight:600}h2{margin:0 0 8px;font-size:18px;font-weight:600}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.shell{flex-direction:column;max-width:100vw;min-height:100dvh;display:flex;overflow-x:hidden}.shell>.page,.shell>.login{flex:1 0 auto;width:100%}.site-footer{padding:16px 24px calc(16px + env(safe-area-inset-bottom));border-top:1px solid var(--rule);color:var(--ink-soft);text-align:center;flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 8px;font-size:13px;display:flex}.footer-mobile-account{display:none}.site-footer-brand{align-items:center;gap:6px;display:inline-flex}.footer-cop-stamp{object-fit:contain;opacity:.85;width:18px;height:18px;transition:opacity .15s,transform .15s}.site-footer-brand:hover .footer-cop-stamp{opacity:1;transform:rotate(-6deg)scale(1.08)}[data-theme=teduh-malam] .footer-cop-stamp{filter:invert(.85)sepia(.4)saturate(1.8)}.topbar{z-index:40;border-bottom:1px solid var(--rule);background:color-mix(in srgb, var(--paper) 95%, transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:100%;position:sticky;top:0}[data-topbar-motif] .topbar{background:var(--topbar-bg) var(--topbar-motif) repeat;background-size:var(--topbar-motif-size);-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:2px solid var(--topbar-fg)}[data-topbar-motif] .site-footer{background:var(--topbar-bg) var(--topbar-motif) repeat;background-size:var(--topbar-motif-size);border-top:2px solid var(--topbar-fg);color:var(--topbar-text)}[data-topbar-motif=motif] .site-footer-brand{background:color-mix(in srgb, var(--topbar-bg) 80%, transparent);border-radius:999px;padding:3px 10px}[data-topbar-motif] .site-footer a{color:inherit}[data-theme=indigo] .footer-cop-stamp,[data-theme=songket] .footer-cop-stamp{filter:invert(.9)sepia(.3)}[data-topbar-motif=paper] .topbar .brand,[data-topbar-motif=paper] .site-footer-brand{background:color-mix(in srgb, var(--topbar-bg) 80%, transparent)}[data-topbar-motif=paper] .topbar .brand{border-radius:12px;padding:4px 14px 4px 6px}[data-topbar-motif=paper] .site-footer-brand{border-radius:999px;padding:3px 10px}[data-topbar-motif=motif] .topbar .brand{background:color-mix(in srgb, var(--topbar-bg) 80%, transparent);border-radius:12px;padding:4px 14px 4px 6px}[data-topbar-motif] .topbar .nav-segmented,[data-topbar-motif] .topbar .user-chip,[data-topbar-motif] .site-footer .user-chip{background:var(--paper)}[data-topbar-motif] .topbar .brand-title{color:var(--topbar-text)}[data-topbar-motif] .topbar .brand-subtitle{color:color-mix(in srgb, var(--topbar-text) 88%, transparent);text-shadow:0 1px 3px var(--topbar-bg), 0 0 8px var(--topbar-bg)}.topbar-inner{box-sizing:border-box;justify-content:space-between;align-items:center;gap:16px;width:100%;max-width:1200px;margin:0 auto;padding:10px 20px;display:flex}.brand{color:inherit;-webkit-user-select:none;user-select:none;flex-shrink:0;align-items:center;gap:12px;text-decoration:none;transition:opacity .2s,transform .2s;display:inline-flex}.brand:hover{opacity:.92;transform:translateY(-.5px)}.brand-icon{object-fit:contain;width:48px;height:48px;filter:drop-shadow(0 2px 4px rgb(var(--shadow-rgb) / .18));flex-shrink:0;display:block}.brand-text{flex-direction:column;justify-content:center;gap:1px;display:flex}.brand-title{letter-spacing:-.015em;color:var(--ink);white-space:nowrap;font-size:17px;font-weight:700;line-height:1.15}.brand-subtitle{color:var(--ink-soft);letter-spacing:-.01em;white-space:nowrap;font-size:12px;font-weight:500;line-height:1.2}.topnav{justify-content:flex-end;align-items:center;gap:10px;font-size:13.5px;display:flex}.nav-segmented{background:var(--paper-inset);border:1px solid var(--rule);border-radius:12px;align-items:center;gap:3px;padding:3px;display:inline-flex}.nav-pill-btn{color:var(--ink-soft);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:6px;padding:6px 13px;font-size:13px;font-weight:500;text-decoration:none;transition:all .18s;display:inline-flex}.nav-pill-btn:hover{color:var(--ink);background:color-mix(in srgb, var(--accent) 7%, transparent)}.nav-pill-btn.current{color:var(--accent);background:var(--paper);border-color:color-mix(in srgb, var(--rule) 90%, transparent);box-shadow:0 1px 4px rgb(var(--shadow-rgb) / .1);font-weight:700}.nav-badge-count{background:var(--danger);color:#fff;letter-spacing:-.01em;min-width:18px;height:18px;box-shadow:0 1px 3px rgb(var(--shadow-rgb) / .25);border-radius:999px;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:700;line-height:1;display:inline-flex}.nav-icon{justify-content:center;align-items:center;font-size:13px;line-height:1;display:inline-flex}.nav-icon-img{pointer-events:none;-webkit-user-select:none;user-select:none;background-position:50%;background-repeat:no-repeat;background-size:contain;width:18px;height:18px;display:block}.inline-role-icon{object-fit:contain;vertical-align:-3px;width:16px;height:16px;margin-right:4px;display:inline-block}.role-icon-img{object-fit:contain;width:20px;height:20px;display:block}.topnav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;display:flex}.demo-nav-group{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.demo-back-btn{color:var(--accent);background:color-mix(in srgb, var(--accent) 10%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-radius:9px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;text-decoration:none;transition:all .2s;display:inline-flex}.demo-back-btn:hover{background:color-mix(in srgb, var(--accent) 18%, var(--paper));border-color:var(--accent);transform:translateY(-.5px)}.demo-watikah-btn{background:var(--paper);border-color:var(--rule);color:var(--ink)}.demo-badge{text-transform:uppercase;letter-spacing:.05em;background:color-mix(in srgb, var(--accent) 15%, var(--paper));color:var(--accent);border-radius:6px;align-items:center;padding:3px 8px;font-size:10.5px;font-weight:700;display:inline-flex}.action-pill-btn{color:var(--ink);background:var(--paper);border:1px solid var(--rule);cursor:pointer;white-space:nowrap;box-shadow:0 1px 3px rgb(var(--shadow-rgb) / .05);border-radius:10px;align-items:center;gap:6px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.action-pill-btn:hover{background:var(--paper-inset);border-color:color-mix(in srgb, var(--accent) 40%, var(--rule));color:var(--accent);transform:translateY(-.5px)}.theme-current-name{font-size:12.5px;font-weight:600}.theme-chevron{opacity:.6;font-size:10px}.user-chip-container{display:inline-flex;position:relative}.user-chip{color:var(--ink);background:var(--paper-inset);border:1px solid var(--rule);white-space:nowrap;border-radius:10px;align-items:center;gap:6px;max-width:100%;padding:6px 12px;font-size:12px;font-weight:600;display:inline-flex}.user-chip-name{text-overflow:ellipsis;white-space:nowrap;max-width:200px;overflow:hidden}.user-chip-btn{cursor:pointer;font-family:inherit;transition:all .18s cubic-bezier(.16,1,.3,1)}.user-chip-btn:hover,.user-chip-btn.active{background:var(--paper);border-color:var(--accent);box-shadow:0 3px 10px #00000014}.user-role-badge{background:color-mix(in srgb, var(--accent) 15%, transparent);color:var(--accent);letter-spacing:.02em;border-radius:6px;padding:1px 6px;font-size:10px;font-weight:700}.role-guide-popover{background:var(--paper);border:1px solid var(--rule);z-index:100;width:350px;max-width:calc(100vw - 32px);color:var(--ink);border-radius:14px;padding:16px;animation:.18s cubic-bezier(.16,1,.3,1) popoverFadeIn;position:absolute;top:calc(100% + 10px);right:0;box-shadow:0 14px 40px #0000002e}@keyframes popoverFadeIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.role-guide-header-title{flex-direction:column;display:flex}.role-guide-header-title strong{color:var(--ink);font-size:15px;font-weight:700}.role-guide-subtitle{color:var(--ink-soft);margin-top:2px;font-size:11.5px;font-weight:400}.role-guide-current{background:color-mix(in srgb, var(--accent) 8%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 25%, transparent);border-radius:8px;justify-content:space-between;align-items:center;margin-bottom:14px;padding:8px 12px;font-size:12px;display:flex}.current-label{color:var(--ink-soft);font-weight:500}.current-badge{color:var(--accent);background:color-mix(in srgb, var(--accent) 15%, transparent);border-radius:6px;padding:2px 8px;font-weight:700}.role-guide-watikah-action{flex-direction:column;gap:6px;margin:-6px 0 14px;display:flex}.role-guide-watikah-btn{width:100%;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 28%, var(--rule));cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.role-guide-watikah-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 15%, var(--paper));border-color:var(--accent)}.role-guide-watikah-btn:disabled{opacity:.58;cursor:not-allowed}.role-guide-watikah-hint{color:var(--ink-soft);margin:6px 2px 0;font-size:11px;line-height:1.35}.role-guide-watikah-hint.is-error{color:#b42318}.role-guide-list{flex-direction:column;gap:8px;margin:0 0 10px;padding:0;list-style:none;display:flex}.role-guide-list li{background:#00000005;border:1px solid #0000;border-radius:10px;align-items:flex-start;gap:10px;padding:10px 12px;transition:all .15s;display:flex}.role-guide-list li.active-role{border-color:color-mix(in srgb, var(--accent) 45%, transparent);background:color-mix(in srgb, var(--accent) 8%, var(--paper));box-shadow:0 2px 8px #0000000f}.role-guide-toggle{width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;gap:10px;margin:0;padding:0;display:flex}.role-guide-toggle:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:6px}.role-guide-chevron{opacity:.7;margin-left:8px;font-size:14px;transition:transform .15s}.role-guide-toggle .self-tag{margin-left:auto}.role-guide-chevron.is-open{transform:rotate(180deg)}.role-icon{flex-shrink:0;margin-top:2px;font-size:18px;line-height:1}.role-info{flex:1;min-width:0}.role-title-row{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.role-title-row strong{color:var(--ink);font-size:13px;font-weight:700}.self-tag{color:var(--on-accent);background:var(--accent);letter-spacing:.02em;border-radius:6px;padding:1px 7px;font-size:10.5px;font-weight:700}.role-info p{color:var(--ink-soft);margin:0;font-size:11.5px;line-height:1.45}.signout-pill-btn{color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--paper));border:1px solid color-mix(in srgb, var(--danger) 22%, transparent);cursor:pointer;white-space:nowrap;border-radius:10px;align-items:center;gap:5px;padding:6px 12px;font-size:12.5px;font-weight:600;transition:all .18s;display:inline-flex}.signout-pill-btn:hover{background:color-mix(in srgb, var(--danger) 15%, var(--paper));border-color:var(--danger);transform:translateY(-.5px)}@media (width<=860px){.topbar-inner{flex-wrap:wrap;gap:8px;padding:8px 12px}.topnav{flex-wrap:wrap;justify-content:space-between;gap:6px;width:100%}.nav-segmented{justify-content:stretch;width:100%;display:flex}.nav-pill-btn{flex:1;justify-content:center;padding:6px 8px;font-size:12px}.topnav-actions{display:none}.site-footer{position:relative}.footer-mobile-account{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;max-width:100%;display:inline-flex}.footer-mobile-account .user-chip-container{max-width:100%;position:static}.footer-mobile-account .user-chip-name{max-width:150px}.footer-mobile-account .role-guide-popover.up{text-align:left;width:auto;max-width:420px;max-height:70vh;margin:0 auto;inset:auto 16px calc(100% + 8px);overflow-y:auto}.action-pill-btn,.user-chip,.signout-pill-btn{border-radius:8px;padding:5px 9px;font-size:11.5px}.theme-current-name{font-size:11.5px}}@media (width<=640px){.brand-icon{width:32px;height:32px}.brand-title{font-size:15px}.brand-subtitle{font-size:10.5px}.nav-pill-btn{padding:5px 9px;font-size:12px}.action-pill-btn,.signout-pill-btn,.user-chip{padding:5px 9px;font-size:11.5px}}.page{max-width:1120px;margin:0 auto;padding:24px}.narrow{max-width:560px}.muted{color:var(--ink-soft)}.notice{background:var(--paper);border:1px solid var(--rule);box-shadow:0 2px 8px rgb(var(--shadow-rgb) / .05);border-radius:12px;padding:14px 18px}.notice.error{border-color:var(--danger);color:var(--danger);background:color-mix(in srgb, var(--danger) 8%, var(--paper))}.field-error{color:var(--danger);margin:0;font-size:14px}.primary-btn{text-align:center;cursor:pointer;background:var(--accent);color:var(--on-accent);box-shadow:0 2px 8px color-mix(in srgb, var(--accent) 30%, transparent);border:0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:11px 20px;font-size:14px;font-weight:600;text-decoration:none;transition:transform .1s,box-shadow .15s,opacity .15s;display:inline-flex}.primary-btn:hover:not(:disabled){box-shadow:0 4px 14px color-mix(in srgb, var(--accent) 40%, transparent)}.primary-btn:active:not(:disabled){transform:scale(.98)}.primary-btn:disabled{opacity:.6;cursor:progress}.tree-btn{border:1px solid var(--rule);background:var(--paper);height:36px;color:var(--ink);cursor:pointer;border-radius:9px;justify-content:center;align-items:center;gap:6px;padding:0 13px;font-size:13.5px;font-weight:600;transition:border-color .14s,color .14s,background .14s;display:inline-flex}.tree-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent)}.tree-btn:disabled{opacity:.6;cursor:not-allowed}.text-btn{color:var(--accent);cursor:pointer;text-align:left;background:0 0;border:0;padding:6px 0;font-size:14px;font-weight:500;text-decoration:none}.w-full{width:100%!important}.card-box{background:var(--paper);color:var(--ink);border:1px solid var(--rule);box-shadow:0 10px 30px -5px rgb(var(--shadow-rgb) / .08), 0 4px 10px -2px rgb(var(--shadow-rgb) / .04);border-radius:20px;transition:border-color .2s,box-shadow .2s;position:relative;overflow:hidden}.card-box:before{content:"";background:var(--accent);height:4px;position:absolute;top:0;left:0;right:0}.card-header{text-align:center;padding:26px 28px 16px}.card-emblem{background:color-mix(in srgb, var(--accent) 14%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 30%, var(--rule));width:52px;height:52px;color:var(--accent);box-shadow:0 3px 10px rgb(var(--shadow-rgb) / .06);border-radius:16px;justify-content:center;align-items:center;margin:0 auto 12px;font-size:26px;display:flex}.card-title{color:var(--ink);letter-spacing:-.01em;margin:0 0 6px;font-size:20px;font-weight:700}.card-subtitle{color:var(--ink-soft);margin:0;font-size:13px;line-height:1.5}.card-divider{background:var(--rule);height:1px;margin:0 24px 20px}.card-body{padding:0 28px 28px}@media (width<=640px){.card-header{padding:22px 20px 14px}.card-divider{margin:0 16px 16px}.card-body{padding:0 20px 20px}}.login-wrapper{justify-content:center;align-items:center;min-height:calc(80vh - 120px);padding:24px 16px;display:flex}.login-card{width:100%;max-width:440px}.login-wrapper.has-scroll-theme{padding-top:10px;padding-bottom:24px}.login-card.is-scroll-mode{border-radius:16px;max-width:100%;box-shadow:none!important;background:radial-gradient(at 50% 45%,#fffbf08f 0%,#fcf6e857 68%,#fcf6e800 100%)!important;border:none!important;padding:4px 8px!important}.login-card.is-scroll-mode:before{display:none}.login-card.is-scroll-mode .card-header{padding:6px 6px 10px}.login-card.is-scroll-mode .card-title{color:#2b1d0e;text-shadow:0 1px #fffcf4b3}.login-card.is-scroll-mode .card-subtitle{color:#4f3b26;text-shadow:0 1px #fffcf499}.login-card.is-scroll-mode .card-divider{background:linear-gradient(90deg,#0000 0%,#8c622673 50%,#0000 100%);border-top:0;height:1px;margin:2px 10px 14px}.login-card.is-scroll-mode .card-body{padding:0 6px 8px}.login-card.is-scroll-mode .emulator-login{border-top-color:#0000;padding-top:16px;position:relative}.login-card.is-scroll-mode .emulator-login:before{content:"";background:linear-gradient(90deg,#0000 0%,#8c62266b 50%,#0000 100%);height:1px;position:absolute;top:0;left:8px;right:8px}.login-card.is-scroll-mode .emulator-login h2,.login-card.is-scroll-mode .form label{text-shadow:0 1px #fffcf48c;color:#382c22!important}.login-card.is-scroll-mode input{color:#2b1d0e;background:#fffcf5eb;border-color:#c5ad89;box-shadow:inset 0 1px 2px #382c2214}.login-card.is-scroll-mode input:focus{background:#fffdf8;border-color:#8c6226;box-shadow:0 0 0 3px #8c622638}.login-card.is-scroll-mode .primary-btn{color:#fffdf7;background:linear-gradient(#a67834 0%,#865c21 100%);border:1px solid #6b4715;box-shadow:0 3px 10px #382c223d,inset 0 1px #fff0c84d}.login-card.is-scroll-mode .primary-btn:hover:not(:disabled){background:linear-gradient(#986b2b 0%,#754e1a 100%)}.login-card.is-scroll-mode .emulator-submit-btn{background:linear-gradient(#4b3929 0%,#36281c 100%);border-color:#24180f}.login-card.is-scroll-mode .emulator-submit-btn:hover:not(:disabled){background:linear-gradient(#3f2f21 0%,#2a1e14 100%)}.login-google-btn{justify-content:center;align-items:center;gap:10px;display:inline-flex}.login-google-badge{background:#fffdf8;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex;box-shadow:0 1px 3px #0000002e}.login-demo-link{color:var(--accent);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-decoration-color:color-mix(in srgb, var(--accent) 45%, transparent);text-underline-offset:4px;align-items:center;gap:6px;font-weight:600;display:inline-flex}.login-demo-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--ink);text-decoration-color:var(--ink)}.login-card.is-scroll-mode .login-demo-link{color:#6b4715;text-decoration-color:#6b471566}.login-card.is-scroll-mode .login-demo-link:hover{color:#382c22;text-decoration-color:#382c22}.login{flex-direction:column;gap:12px;max-width:440px;margin:8vh auto 0;padding:0 24px;display:flex}.form,.claim{flex-direction:column;gap:14px;display:flex}.form label,.claim label{color:var(--ink);flex-direction:column;gap:6px;font-size:13px;font-weight:600;display:flex}input,select,textarea{border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;box-sizing:border-box;border-radius:10px;padding:10px 14px;font-size:14px;transition:border-color .15s,box-shadow .15s,background-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}input::placeholder,textarea::placeholder{color:var(--ink-soft);opacity:.7}.claim{background:var(--paper);border:1px solid var(--rule);box-shadow:0 4px 14px rgb(var(--shadow-rgb) / .05);border-radius:16px;margin-bottom:16px;padding:20px 24px}.claim dl{grid-template-columns:max-content 1fr;gap:4px 16px;margin:0;font-size:14px;display:grid}.claim dt{color:var(--ink-soft);font-weight:500}.claim dd{margin:0;font-weight:600}.actions{align-items:center;gap:12px;display:flex}.claim-match-section{flex-direction:column;gap:8px;display:flex}.claim-match-heading{color:var(--ink-soft);font-size:13px;font-weight:500}.claim-suggestions-list{flex-direction:column;gap:8px;display:flex}.claim-suggestion-card,.claim-match-selected{--tier-tone:var(--accent);border:1px solid color-mix(in srgb, var(--tier-tone) 42%, var(--rule));background:color-mix(in srgb, var(--tier-tone) 7%, var(--paper));border-radius:12px;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;display:flex}.claim-suggestion-card.tier-perfect{--tier-tone:#15803d;border-width:1.5px;border-color:color-mix(in srgb, var(--tier-tone) 62%, var(--rule));background:color-mix(in srgb, var(--tier-tone) 10%, var(--paper))}.claim-suggestion-card.tier-good{--tier-tone:#0f766e}.claim-suggestion-card.tier-partial{--tier-tone:#b45309}.claim-suggestion-card.tier-low{--tier-tone:#c2410c;background:color-mix(in srgb, var(--tier-tone) 5%, var(--paper))}[data-theme=teduh-malam] .claim-suggestion-card.tier-perfect{--tier-tone:#4ade80}[data-theme=teduh-malam] .claim-suggestion-card.tier-good{--tier-tone:#2dd4bf}[data-theme=teduh-malam] .claim-suggestion-card.tier-partial{--tier-tone:#fbbf24}[data-theme=teduh-malam] .claim-suggestion-card.tier-low{--tier-tone:#fb923c}.claim-match-selected{border-color:var(--accent);background:color-mix(in srgb, var(--accent) 12%, var(--paper))}.claim-match-person{flex-direction:column;gap:4px;min-width:0;display:flex}.claim-match-name-row{color:var(--ink);flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;display:flex}.claim-suggestion-label{background:color-mix(in srgb, var(--tier-tone) 14%, var(--paper));color:var(--tier-tone);border:1px solid color-mix(in srgb, var(--tier-tone) 32%, transparent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.claim-suggestion-card.tier-perfect .claim-suggestion-label{color:#fff;background:#15803d;border-color:#15803d}[data-theme=teduh-malam] .claim-suggestion-card.tier-perfect .claim-suggestion-label{color:#052e16;background:#16a34a;border-color:#16a34a}.claim-match-parents{color:var(--ink-soft);font-size:12px}.claim-match-tags{flex-wrap:wrap;gap:6px;margin-top:2px;display:flex}.match-tag{background:color-mix(in srgb, var(--tier-tone,#15803d) 12%, var(--paper));color:var(--tier-tone,#166534);border:1px solid color-mix(in srgb, var(--tier-tone,#15803d) 28%, transparent);border-radius:999px;padding:2px 8px;font-size:11px;font-weight:600}.claim-confirm-btn{border:1px solid color-mix(in srgb, var(--tier-tone,var(--accent)) 65%, var(--rule));background:var(--paper);color:var(--tier-tone,var(--accent));cursor:pointer;border-radius:10px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:700;transition:all .15s}.claim-confirm-btn:hover:not(:disabled){background:var(--tier-tone,var(--accent));border-color:var(--tier-tone,var(--accent));color:#fff}.claim-suggestion-card.tier-perfect .claim-confirm-btn{color:#fff;background:#15803d;border-color:#15803d}.claim-suggestion-card.tier-perfect .claim-confirm-btn:hover:not(:disabled){background:#166534;border-color:#166534}[data-theme=teduh-malam] .claim-confirm-btn:hover:not(:disabled){color:#0f172a}[data-theme=teduh-malam] .claim-suggestion-card.tier-perfect .claim-confirm-btn{color:#052e16;background:#22c55e;border-color:#22c55e}.claim-manual-toggle,.claim-match-change-btn{color:var(--accent);align-self:flex-start;padding:2px 0;font-size:12.5px;font-weight:600}.claim-live-search{flex-direction:column;gap:8px;display:flex}.claim-no-auto-note,.claim-search-hint,.claim-search-empty{color:var(--ink-soft);margin:0;font-size:12px}.claim-search-empty{text-align:center;padding:10px 12px}.claim-search-results{border:1px solid var(--rule);background:var(--paper);border-radius:12px;flex-direction:column;max-height:240px;display:flex;overflow-y:auto}.claim-search-item{border:0;border-bottom:1px solid color-mix(in srgb, var(--rule) 55%, transparent);text-align:left;cursor:pointer;background:0 0;justify-content:space-between;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .12s;display:flex}.claim-search-item:last-child{border-bottom:0}.claim-search-item:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 8%, var(--paper))}.claim-search-item:disabled{opacity:.55;cursor:not-allowed}.claim-search-item-main{flex-direction:column;gap:2px;min-width:0;font-size:13.5px;display:flex}.claim-pick-pill,.claim-linked-pill{border-radius:999px;flex-shrink:0;padding:3px 9px;font-size:11.5px;font-weight:600}.claim-pick-pill{background:color-mix(in srgb, var(--accent) 12%, var(--paper));color:var(--accent)}.claim-linked-pill{background:color-mix(in srgb, var(--ink-soft) 14%, transparent);color:var(--ink-soft)}@media (width<=560px){.claim-suggestion-card,.claim-match-selected{flex-direction:column;align-items:stretch}.claim-confirm-btn{width:100%}}.year-picker-container{width:100%;position:relative}.year-picker-trigger{background:var(--paper);border:1px solid var(--rule);width:100%;color:var(--ink);font:inherit;text-align:left;cursor:pointer;-webkit-user-select:none;user-select:none;box-sizing:border-box;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:14px;transition:all .15s;display:flex}.year-picker-trigger:hover:not(:disabled){border-color:var(--accent)}.year-picker-trigger:focus-visible,.year-picker-trigger.active{border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 22%, transparent);outline:none}.year-picker-trigger:disabled{opacity:.6;cursor:not-allowed}.year-picker-input{color:var(--ink);font:inherit;cursor:text;background:0 0;border:none;outline:none;flex:1;width:100%;padding:0;font-size:14px;font-weight:600}.year-picker-input::placeholder{color:var(--ink-soft);opacity:.7;font-weight:400}.year-picker-toggle-btn{cursor:pointer;color:inherit;background:0 0;border:none;align-items:center;padding:0 0 0 8px;line-height:1;display:flex}.year-picker-toggle-btn:hover{opacity:.8}.year-picker-placeholder{color:var(--ink-soft);opacity:.7;font-weight:400}.year-picker-text{font-weight:600}.year-picker-icon{opacity:.7;font-size:14px}.year-picker-popup{z-index:100;background:var(--paper);border:1px solid var(--rule);width:290px;max-width:calc(100vw - 32px);box-shadow:0 12px 36px -4px rgb(var(--shadow-rgb) / .18), 0 4px 12px -2px rgb(var(--shadow-rgb) / .08);border-radius:16px;padding:14px;animation:.15s year-popup-in;position:absolute;top:calc(100% + 6px);left:0}.year-picker-popup.align-right{left:auto;right:0}@keyframes year-popup-in{0%{opacity:0;transform:translateY(-4px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.year-picker-header{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.year-nav-btn{background:color-mix(in srgb, var(--page) 50%, var(--paper));border:1px solid var(--rule);width:32px;height:32px;color:var(--ink);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:18px;font-weight:700;transition:all .15s;display:flex}.year-nav-btn:hover:not(:disabled){background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.year-nav-btn:disabled{opacity:.3;cursor:not-allowed}.year-mode-btn{color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 8px;font-size:14px;font-weight:700;transition:all .15s}.year-mode-btn:hover{background:color-mix(in srgb, var(--accent) 12%, var(--paper));color:var(--accent)}.year-decade-header{width:100%;color:var(--ink);justify-content:space-between;align-items:center;font-size:13px;font-weight:700;display:flex}.year-mode-back{border:1px solid var(--rule);color:var(--accent);cursor:pointer;background:0 0;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:600}.year-mode-back:hover{background:var(--accent);color:var(--on-accent)}.year-grid{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.year-btn{background:color-mix(in srgb, var(--page) 40%, var(--paper));border:1px solid var(--rule);color:var(--ink);cursor:pointer;text-align:center;border-radius:8px;padding:9px 4px;font-size:13px;font-weight:600;transition:all .12s}.year-btn:hover:not(:disabled){background:color-mix(in srgb, var(--accent) 12%, var(--paper));border-color:var(--accent);color:var(--accent);transform:scale(1.02)}.year-btn.selected{box-shadow:0 2px 6px color-mix(in srgb, var(--accent) 30%, transparent);background:var(--accent)!important;color:var(--on-accent)!important;border-color:var(--accent)!important}.year-btn.current:not(.selected){border-color:var(--accent);color:var(--accent)}.year-btn:disabled{opacity:.3;cursor:not-allowed}.decade-grid{grid-template-columns:repeat(2,1fr);gap:6px;max-height:200px;padding-right:4px;display:grid;overflow-y:auto}.decade-btn{background:color-mix(in srgb, var(--page) 40%, var(--paper));border:1px solid var(--rule);color:var(--ink);cursor:pointer;text-align:center;border-radius:8px;padding:8px 6px;font-size:12px;font-weight:600;transition:all .12s}.decade-btn:hover{background:color-mix(in srgb, var(--accent) 12%, var(--paper));border-color:var(--accent);color:var(--accent)}.decade-btn.selected{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.year-picker-footer{border-top:1px solid var(--rule);justify-content:flex-end;gap:8px;margin-top:12px;padding-top:8px;display:flex}.year-clear-btn{color:var(--danger);cursor:pointer;background:0 0;border:0;padding:4px 8px;font-size:12px;font-weight:600}.year-clear-btn:hover{text-decoration:underline}.year-close-btn{background:color-mix(in srgb, var(--page) 60%, var(--paper));border:1px solid var(--rule);color:var(--ink);cursor:pointer;border-radius:6px;padding:4px 10px;font-size:12px;font-weight:600}.year-close-btn:hover{background:var(--rule)}@media (width<=640px){.page{padding:12px}.who{display:none}.topnav{flex-wrap:wrap;gap:6px;width:100%;margin-left:0}}.topnav .lang{font-size:13px}.emulator-login{border-top:1px solid var(--rule);margin-top:4px;padding-top:14px}.emulator-login h2{color:var(--ink-soft);margin:0;font-size:15px}.claim select{width:100%}.user-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.user-row{background:var(--paper);border:1px solid var(--rule);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 14px;padding:12px 16px;display:flex}.user-who{flex:220px;min-width:0}.user-who small{color:var(--ink-soft);overflow-wrap:anywhere;font-size:13px;display:block}.status{border:1px solid var(--rule);color:var(--ink-soft);border-radius:999px;padding:0 8px;font-size:12px;line-height:20px}.status.APPROVED{border-color:var(--accent);color:var(--accent)}.status.REJECTED,.status.SUSPENDED{border-color:var(--danger);color:var(--danger)}.danger-btn{border:1px solid var(--danger);color:var(--danger);cursor:pointer;background:0 0;border-radius:10px;padding:8px 14px;font-weight:600}.danger-btn:disabled,.primary-btn:disabled{opacity:.6;cursor:progress}.theme-menu{display:inline-flex;position:relative}.site-footer .theme-menu .theme-btn{background:var(--paper);border:1px solid var(--rule);cursor:pointer;color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:4px 11px;font-size:12.5px;font-weight:600;display:inline-flex}.site-footer .theme-menu .theme-btn:hover{border-color:var(--accent)}.theme-dot{width:12px;height:12px;box-shadow:0 0 0 1px var(--rule);border-radius:50%;flex:none}.theme-dot.large{width:16px;height:16px}.theme-list{z-index:20;background:var(--paper);border:1px solid var(--rule);min-width:240px;max-width:calc(100vw - 32px);box-shadow:0 8px 24px rgb(var(--shadow-rgb) / .18);border-radius:10px;flex-direction:column;gap:2px;padding:6px;display:flex;position:absolute}.theme-list.down{top:calc(100% + 6px);right:0}.theme-list.up{bottom:calc(100% + 6px);left:auto;right:0;transform:none}@media (width<=640px){.theme-list.down{left:0;right:auto}}@media (width<=480px){.site-footer{position:relative}.site-footer .theme-menu{position:static}.theme-list.up{min-width:0;max-width:none;left:16px;right:16px;transform:none}}.theme-menu .theme-list button{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;align-items:center;gap:12px;padding:8px 10px;display:flex}.theme-menu .theme-list button:hover,.theme-menu .theme-list button:focus-visible{background:var(--page)}.theme-text{flex-direction:column;line-height:1.3;display:flex}.theme-name{font-size:14px;font-weight:600}.theme-desc{color:var(--ink-soft);font-size:12px}.theme-check{color:var(--accent);margin-left:auto;font-weight:600}.role-select select{width:auto;padding:4px 8px;font-size:13px}.user-link-select{margin-top:4px;display:inline-block}.user-link-select select{border-radius:8px;width:auto;max-width:260px;padding:4px 8px;font-size:12.5px}.claim-group-head{margin:22px 0 2px;font-size:16px}.claim-group-hint{margin:0 0 10px;font-size:13px}.claim-noform-pill{vertical-align:middle;margin-left:8px;font-size:11px}.email-tpl-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (width<=860px){.email-tpl-grid{grid-template-columns:minmax(0,1fr)}}.email-tpl-edit{flex-direction:column;gap:10px;display:flex}.email-tpl-label{flex-direction:column;gap:4px;font-size:13px;font-weight:600;display:flex}.email-tpl-label input,.email-tpl-label textarea{border:1px solid var(--rule);width:100%;font:inherit;border-radius:8px;padding:8px 10px;font-weight:400}.email-tpl-label textarea{resize:vertical;font-size:13.5px;line-height:1.45}.email-tpl-var{border:1px solid var(--rule);background:var(--bg);border-radius:6px;margin:0 6px 4px 0;padding:1px 7px;font-size:12.5px;display:inline-block}.email-tpl-preview{border:1px solid var(--rule);background:var(--bg);border-radius:10px;flex-direction:column;gap:8px;min-width:0;padding:14px;display:flex}.email-tpl-preview-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);font-size:11px;font-weight:700}.email-tpl-preview-subject{overflow-wrap:anywhere;font-size:15px}.email-tpl-preview-body{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;margin:0;font-size:13.5px;line-height:1.5}.email-tpl-preview-html{overflow-wrap:anywhere;border-radius:10px;overflow:hidden}.email-tpl-preview-html a{pointer-events:none}.person-link-picker{max-width:100%;margin-top:4px;display:inline-block;position:relative}.person-link-trigger{border:1px solid var(--rule);background:var(--surface,#fff);max-width:280px;color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;align-items:center;gap:8px;padding:5px 10px;font-size:12.5px;display:inline-flex}.person-link-trigger:disabled{opacity:.6;cursor:default}.person-link-trigger.is-empty{color:var(--ink-soft);border-style:dashed}.person-link-trigger-text{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.person-link-pop{z-index:30;border:1px solid var(--rule);background:var(--surface,#fff);border-radius:10px;width:min(320px,86vw);padding:8px;position:absolute;top:calc(100% + 4px);left:0;box-shadow:0 10px 28px #0000002e}.person-link-pop input{border-radius:8px;width:100%;padding:7px 10px;font-size:14px}.person-link-list{max-height:260px;margin:6px 0 0;padding:0;list-style:none;overflow-y:auto}.person-link-option{width:100%;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 8px;font-size:13.5px;display:block}.person-link-option:hover:not(:disabled),.person-link-option:focus-visible{background:var(--bg)}.person-link-option:disabled{opacity:.55;cursor:default}.person-link-option.is-current{font-weight:700}.person-link-option.is-unlink{color:var(--danger,#9b1c1c)}.person-link-note{color:var(--ink-soft);padding:7px 8px;font-size:12.5px}.sr-only{clip:rect(0 0 0 0);width:1px;height:1px;position:absolute;overflow:hidden}.invitations-submodule{flex-direction:column;gap:16px;margin-top:8px;display:flex}.invitation-section,.invitation-history-section{padding:22px 20px 20px}.section-head{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.badge-count{background:var(--bg);border:1px solid var(--rule);color:var(--ink-soft);white-space:nowrap;border-radius:999px;padding:3px 10px;font-size:12px;font-weight:600}.unlinked-row{border:1px solid var(--rule);border-radius:10px}.history-who{flex-direction:column;flex:240px;gap:3px;min-width:0;display:flex}.history-who small{overflow-wrap:anywhere;font-size:13px;line-height:1.4;display:block}.status.PENDING{color:#b45309;background:#fef3c7;border-color:#f59e0b}.status.ACCEPTED{color:#047857;background:#d1fae5;border-color:#10b981}.status.REVOKED{border-color:var(--rule);color:var(--ink-soft);background:var(--paper)}.theme-preview-modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(5px);-webkit-overflow-scrolling:touch;box-sizing:border-box;background:#000000a6;justify-content:center;align-items:flex-start;padding:24px 16px 64px;animation:.2s card-in;display:flex;position:fixed;inset:0;overflow-y:auto}.theme-preview-modal-content{width:100%;max-width:480px;margin:auto 0;position:relative}.preview-modal-close{background:var(--paper);border:1px solid var(--rule);width:32px;height:32px;color:var(--ink);cursor:pointer;z-index:10;border-radius:50%;justify-content:center;align-items:center;font-size:18px;font-weight:700;line-height:1;transition:all .15s;display:flex;position:absolute;top:-10px;right:-10px;box-shadow:0 4px 12px #0000002e}.preview-modal-close:hover{background:var(--page);transform:scale(1.08)}.theme-menu-preview-action{border-top:1px dashed var(--rule);margin-top:6px;padding-top:6px}.theme-card-preview-btn{width:100%;color:var(--accent);background:color-mix(in srgb, var(--accent) 8%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 25%, var(--rule));cursor:pointer;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.theme-card-preview-btn:hover{background:color-mix(in srgb, var(--accent) 15%, var(--paper));border-color:var(--accent)}.impersonation-banner{color:#fff;z-index:99;background:linear-gradient(90deg,#d97706 0%,#b45309 100%);padding:8px 16px;position:relative;box-shadow:0 2px 8px #b4530940}.impersonation-banner-inner{justify-content:space-between;align-items:center;gap:12px;max-width:1200px;margin:0 auto;font-size:13px;font-weight:500;display:flex}.impersonated-user-name{color:#fef3c7;font-weight:700}.impersonated-role-badge{letter-spacing:.02em;background:#00000040;border-radius:4px;padding:2px 7px;font-size:11px;font-weight:700}.impersonation-exit-btn{color:#92400e;cursor:pointer;white-space:nowrap;background:#fff;border:none;border-radius:6px;padding:5px 12px;font-size:12px;font-weight:700;transition:all .15s;box-shadow:0 2px 5px #00000026}.impersonation-exit-btn:hover{background:#fef3c7;transform:translateY(-1px)}.user-action-buttons{align-items:center;gap:8px;display:flex}.act-as-btn{background:color-mix(in srgb, var(--accent) 10%, var(--paper));border:1px solid color-mix(in srgb, var(--accent) 35%, transparent);color:var(--accent);cursor:pointer;white-space:nowrap;border-radius:8px;padding:5px 10px;font-size:12px;font-weight:600;transition:all .15s}.act-as-btn:hover{background:var(--accent);color:var(--on-accent);box-shadow:0 2px 6px #0000001f}.impersonated-pill{color:#92400e;background:#fef3c7;border:1px solid #fde68a;border-radius:6px;align-items:center;margin-left:6px;padding:1px 7px;font-size:11px;font-weight:600;display:inline-flex}.settings-page{flex-direction:column;gap:18px;padding-bottom:84px;display:flex}.settings-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.settings-header h2{margin:0 0 4px}.settings-header .muted{margin:0;font-size:13.5px}.settings-summary-badges{flex-wrap:wrap;gap:8px;display:flex}.settings-stat-pill{background:var(--paper);border:1px solid var(--rule);color:var(--ink-soft);border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:12.5px;display:inline-flex}.settings-stat-pill strong{color:var(--accent)}.settings-card{background:var(--paper);border:1px solid var(--rule);box-shadow:0 2px 10px rgb(var(--shadow-rgb) / .05);border-radius:14px;flex-direction:column;gap:14px;padding:18px 20px;display:flex}.settings-card-head{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.settings-card-head h3{margin:0;font-size:16px}.settings-page-grid{flex-direction:column;gap:10px;display:flex}.settings-page-row{border:1px solid var(--rule);background:var(--paper-inset);border-radius:10px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px 14px;padding:10px 12px;display:flex}.settings-page-row.is-modified{border-color:color-mix(in srgb, var(--accent) 55%, var(--rule));background:color-mix(in srgb, var(--accent) 6%, var(--paper))}.settings-page-info{flex-direction:column;gap:2px;min-width:0;display:flex}.settings-page-title{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.settings-route-tag,.settings-key-code{background:color-mix(in srgb, var(--ink) 7%, transparent);color:var(--ink);border-radius:6px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.settings-modified-tag{background:color-mix(in srgb, var(--accent) 16%, transparent);color:var(--accent);border-radius:999px;padding:1px 7px;font-size:11px;font-weight:700}.settings-lang-toggle{border:1px solid var(--rule);background:var(--paper);border-radius:9px;gap:2px;padding:2px;display:inline-flex}.settings-lang-btn{color:var(--ink-soft);cursor:pointer;background:0 0;border:0;border-radius:7px;padding:5px 11px;font-size:12.5px;font-weight:600;transition:all .14s}.settings-lang-btn.active{background:var(--accent);color:var(--on-accent)}.settings-modified-toggle{color:var(--ink);cursor:pointer;align-items:center;gap:6px;font-size:13px;display:inline-flex}.settings-filter-bar{flex-direction:column;gap:10px;display:flex}.settings-group-pills{flex-wrap:wrap;gap:6px;display:flex}.settings-group-pill{border:1px solid var(--rule);background:var(--paper-inset);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:5px 11px;font-size:12.5px;font-weight:600}.settings-group-pill.active{background:var(--accent);color:var(--on-accent);border-color:var(--accent)}.settings-search-input{border:1px solid var(--rule);background:var(--page);width:100%;color:var(--ink);border-radius:10px;padding:9px 12px;font-size:13.5px}.settings-labels-list{flex-direction:column;gap:10px;display:flex}.settings-label-row{border:1px solid var(--rule);background:var(--paper-inset);border-radius:10px;flex-direction:column;gap:8px;padding:10px 12px;display:flex}.settings-label-row.is-modified{border-color:color-mix(in srgb, var(--accent) 55%, var(--rule));background:color-mix(in srgb, var(--accent) 5%, var(--paper))}.settings-label-meta{justify-content:space-between;align-items:center;gap:8px;display:flex}.settings-label-keyline{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.settings-var-chip{border:1px dashed var(--rule);color:var(--ink-soft);border-radius:6px;padding:1px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.settings-row-reset-btn{border:1px solid var(--rule);background:var(--paper);color:var(--ink-soft);cursor:pointer;border-radius:7px;padding:3px 9px;font-size:12px}.settings-row-reset-btn:hover{border-color:var(--accent);color:var(--accent)}.settings-label-inputs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.settings-lang-field{flex-direction:column;gap:4px;min-width:0;display:flex}.settings-lang-code{letter-spacing:.04em;color:var(--ink-soft);font-size:11px;font-weight:700}.settings-lang-field input,.settings-lang-field textarea{border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);resize:vertical;border-radius:8px;padding:7px 10px;font-family:inherit;font-size:13px}.settings-var-warn{color:var(--danger);font-size:11.5px}.settings-more-wrap{justify-content:center;padding-top:4px;display:flex}.settings-empty{text-align:center;padding:18px 0}.settings-action-bar{bottom:calc(10px + env(safe-area-inset-bottom));z-index:15;background:var(--paper);border:1px solid var(--rule);box-shadow:0 8px 24px rgb(var(--shadow-rgb) / .16);border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex;position:sticky}.settings-dirty-dot{color:var(--accent);font-size:13px;font-weight:600}.settings-action-buttons{flex-wrap:wrap;align-items:center;gap:8px;display:flex}@media (width<=680px){.settings-label-inputs{grid-template-columns:1fr}}.settings-tab-bar{border-top:1px solid var(--rule);flex-wrap:wrap;gap:8px;padding-top:12px;display:flex}.settings-tab-btn{border:1px solid var(--rule);background:var(--page);color:var(--ink-soft);cursor:pointer;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:600;transition:all .14s}.settings-tab-btn:hover{border-color:var(--accent);color:var(--ink)}.settings-tab-btn.active{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.ai-admin-stack{flex-direction:column;gap:16px;display:flex}.ai-privacy-bar{flex-flow:wrap;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;display:flex}.ai-admin-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}@media (width<=980px){.ai-admin-grid{grid-template-columns:1fr}}.ai-admin-card{flex-direction:column;gap:14px;padding:20px;display:flex}.ai-card-top{border-bottom:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding-bottom:10px;display:flex}.ai-card-label{color:var(--ink);font-size:13.5px;font-weight:600}.ai-mono-stat{color:var(--ink-soft);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;font-weight:600}.ai-hero-metric{padding:4px 0;font-size:26px;line-height:1.25}.ai-hero-metric .muted{font-size:13px;font-weight:500}.ai-progress-track{background:var(--page);border:1px solid var(--rule);border-radius:999px;width:100%;height:10px;overflow:hidden}.ai-progress-fill{background:var(--accent);height:100%;transition:width .25s}.ai-progress-fill.warn{background:#b91c1c}.ai-progress-legend{color:var(--ink-soft);justify-content:space-between;gap:8px;font-size:11.5px;display:flex}.ai-card-footer-stats{border-top:1px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;margin-top:auto;padding-top:12px;font-size:13px;display:flex}.ai-green{color:#15803d}.ai-mini-counts{font-size:12px}.ai-field{color:var(--ink-soft);flex-direction:column;gap:6px;font-size:12.5px;font-weight:600;display:flex}.ai-field select,.ai-field input{border:1px solid var(--rule);background:var(--page);width:100%;color:var(--ink);border-radius:9px;padding:8px 11px;font-size:13.5px}.ai-split-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.ai-usd-input{border:1px solid var(--rule);background:var(--page);border-radius:9px;align-items:center;padding-left:12px;display:flex}.ai-usd-input span{color:var(--ink-soft);font-weight:600}.ai-usd-input input{background:0 0;border:0}.ai-full-btn{justify-content:center;width:100%}.ai-split-buttons{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ai-warn-btn{color:#92400e;cursor:pointer;background:#fef3c7;border:1px solid #d97706;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:600}.ai-warn-btn:hover{background:#fde68a}.ai-limit-note{margin:auto 0 0;padding-top:8px;font-size:12px;line-height:1.48}.ai-card-actions{justify-content:flex-end;margin-top:auto;padding-top:8px;display:flex}.ai-pill{border:1px solid var(--rule);border-radius:999px;align-items:center;gap:4px;padding:4px 10px;font-size:11.5px;font-weight:600;display:inline-flex}.ai-pill-ok,.ai-pill-privacy{color:#065f46;background:#ecfdf5;border-color:#a7f3d0}.ai-pill-warn{color:#92400e;background:#fef3c7;border-color:#fcd34d}.ai-pill-local{color:#1e40af;background:#eff6ff;border-color:#bfdbfe}.ai-pill-neutral{background:var(--page);color:var(--ink-soft)}.ai-review-filters{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-review-list{flex-direction:column;gap:10px;display:flex}.ai-review-item{border:1px solid var(--rule);background:var(--page);border-radius:10px;flex-direction:column;gap:8px;padding:12px 14px;display:flex}.ai-review-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.ai-review-title-wrap{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-review-meta{font-size:11px}.ai-review-excerpt{white-space:pre-line;margin:0;font-size:13px;line-height:1.55}.ai-review-editor{flex-direction:column;gap:8px;display:flex}.ai-review-editor textarea{border:1px solid var(--rule);background:var(--paper);width:100%;color:var(--ink);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:13px;line-height:1.55}.ai-review-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.login-view-note{border-top:1px dashed color-mix(in srgb, var(--ink) 22%, transparent);text-align:center;color:var(--ink-soft);margin:16px 0 0;padding-top:12px;font-size:12px;line-height:1.45}.topnav-menu-btn,.topnav-menu-scrim{display:none}@media (width<=720px){.topbar-inner{flex-wrap:nowrap;position:relative}.topnav-menu-btn{border:1px solid var(--rule);background:var(--paper);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;flex:none;align-items:center;gap:6px;margin-left:auto;padding:7px 12px;font-size:13.5px;font-weight:600;display:inline-flex}.topnav-menu-btn.open{border-color:var(--accent);color:var(--accent)}.topnav-menu-caret{font-size:11px;transition:transform .15s}.topnav-menu-btn.open .topnav-menu-caret{transform:rotate(180deg)}.topnav-menu-scrim{z-index:44;display:block;position:fixed;inset:0}.topnav{z-index:45;background:var(--paper);border:1px solid var(--rule);width:min(270px,100vw - 24px);box-shadow:0 14px 34px rgb(var(--shadow-rgb) / .28);border-radius:14px;flex-direction:column;align-items:stretch;gap:6px;padding:8px;display:none;position:absolute;top:calc(100% + 4px);right:12px}.topnav.open{display:flex}.topnav .demo-nav-group{border-bottom:1px solid var(--rule);justify-content:space-between;align-items:center;gap:8px;padding:2px 4px 6px;display:flex}.topnav .nav-segmented{background:0 0;border:0;flex-direction:column;align-items:stretch;gap:2px;width:100%;padding:0}.topnav .nav-pill-btn{border-radius:10px;flex:none;justify-content:flex-start;padding:10px 12px;font-size:14.5px}.topnav .topnav-actions{border-top:1px solid var(--rule);flex-direction:column;align-items:stretch;gap:6px;padding-top:6px;display:flex}.topnav .topnav-actions:empty{display:none}.topnav .user-chip-container,.topnav .user-chip,.topnav .signout-pill-btn,.topnav .demo-watikah-btn{justify-content:flex-start;width:100%}.topnav .user-chip,.topnav .signout-pill-btn,.topnav .demo-watikah-btn{padding:10px 12px;font-size:14px}}.signout-pill-btn.signout-icon-only{gap:0;padding:7px 9px}.role-guide-signout{border-top:1px solid color-mix(in srgb, var(--ink) 12%, transparent);margin:0;padding-top:10px}.role-guide-signout-btn{color:var(--danger);background:color-mix(in srgb, var(--danger) 7%, var(--paper));border-color:color-mix(in srgb, var(--danger) 22%, transparent)}.role-guide-signout-btn:hover{background:color-mix(in srgb, var(--danger) 15%, var(--paper));border-color:var(--danger)}.user-group-head{letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft);border-bottom:1px solid var(--rule);margin-top:10px;padding:4px 2px;font-size:13px;font-weight:800}.user-group-head:first-child{margin-top:0}.audit-logins{border:1px solid var(--border-soft,#e2e8f0);background:var(--bg-surface,#fff);border-radius:10px;margin:12px 0 16px;padding:12px 16px;box-shadow:0 1px 3px #0000000d}.audit-logins summary{cursor:pointer;font-weight:700}.audit-logins-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:6px 16px;margin:10px 0 6px;padding:0;list-style:none;display:grid}.audit-logins-list li{border-bottom:1px dashed var(--rule);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;font-size:13.5px;display:flex}.audit-logins-time{color:var(--ink-soft);white-space:nowrap;margin-left:auto;font-size:12.5px}.audit-logins-note{margin:4px 0 0;font-size:12px}