:root{--accent:#ffc107;--on-accent:#1a1a1a;--font:"Plus Jakarta Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--r-pill:999px;--r-xl:40px;--r-lg:28px;--r-md:22px;--r-sm:14px;--focus:0 0 0 3px color-mix(in srgb, var(--accent) 55%, transparent)}:root,[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--page:linear-gradient(160deg, #faebc9 0%, #f4dba8 55%, #efcf96 100%);--text:#1a1a1a;--muted:#6b665c;--left:linear-gradient(145deg, #fffdf8 0%, #f8f1e3 55%, #efe5d1 100%);--card:#fff;--chip:#f1ebdd;--chip-fg:#3a362e;--ring:#b8b0a0;--line:#e4dac4;--nav:#fff;--nav-fg:#1a1a1a;--nav-shadow:0 1px 4px #0000000f;--btn:#1a1a1a;--btn-fg:#fff;--inp:#f6f0e2;--ph:#8a8478;--shell:linear-gradient(180deg, #2b2b2b 0%, #1c1c1c 100%);--shell-shadow:0 24px 60px #78500a40;--rcard:#2f2f2f;--red-bg:#ffe1e3;--red-fg:#b3261e;--orange-bg:#ffebd9;--orange-fg:#a64e08;--green-bg:#d5f0dd;--green-fg:#1e6b3a;--blue-bg:#dcebff;--blue-fg:#1e4f9a;--purple-bg:#e6defb;--purple-fg:#4b2fa0;--grey-bg:#ececec;--grey-fg:#555}[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--page:linear-gradient(160deg, #151515 0%, #0e0e0e 100%);--text:#f2f2f2;--muted:#a3a3a3;--left:linear-gradient(145deg, #222 0%, #1a1a1a 100%);--card:#262626;--chip:#333;--chip-fg:#e6e6e6;--ring:#666;--line:#3a3a3a;--nav:#262626;--nav-fg:#f2f2f2;--nav-shadow:none;--btn:#3a3a3a;--btn-fg:#fff;--inp:#1c1c1c;--ph:#a8a296;--shell:linear-gradient(180deg, #141414 0%, #0f0f0f 100%);--shell-shadow:0 24px 60px #0000008c;--rcard:#222;--red-bg:#e5384f33;--red-fg:#ff9aa5;--orange-bg:#ff98432e;--orange-fg:#ffb877;--green-bg:#4cc8782e;--green-fg:#8fe0ae;--blue-bg:#5a96ff33;--blue-fg:#a9cbff;--purple-bg:#9678ff33;--purple-fg:#cbbdff;--grey-bg:#ffffff1a;--grey-fg:#bdbdbd}:root,[data-theme=light]{--shadow-hover:0 14px 30px #5a3c0029, 0 2px 6px #5a3c0014;--shadow-btn:0 6px 16px #0000002e}[data-theme=dark]{--shadow-hover:0 16px 34px #0009, 0 2px 8px #0006;--shadow-btn:0 6px 18px #0000008c}
*,:before,:after{box-sizing:border-box}html,body{margin:0}body{background:var(--page);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;background-attachment:fixed;font-size:16px;line-height:1.4}a{color:inherit;text-decoration:none}button,input,select,textarea{font-family:inherit}:focus-visible{box-shadow:var(--focus);outline:none}.jn-sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.jn-icon{flex:none;display:block}.jn-btn{border-radius:var(--r-pill);cursor:pointer;white-space:nowrap;border:0;justify-content:center;align-items:center;gap:8px;font-weight:600;transition:transform 80ms,opacity .15s;display:inline-flex}.jn-btn[disabled],.jn-btn[aria-disabled=true]{opacity:.5;cursor:not-allowed}.jn-btn--sm{height:36px;padding:0 14px;font-size:13px}.jn-btn--md{height:44px;padding:0 18px;font-size:14px}.jn-btn--lg{height:52px;padding:0 24px;font-size:16px}.jn-btn--dark{background:var(--btn);color:var(--btn-fg)}.jn-btn--accent{background:var(--accent);color:var(--on-accent)}.jn-btn--light{background:var(--nav);color:var(--nav-fg);box-shadow:var(--nav-shadow)}.jn-btn--ghost{color:var(--text);box-shadow:inset 0 0 0 1px var(--line);background:0 0}.jn-btn--danger{background:var(--red-bg);color:var(--red-fg)}.jn-btn--block{width:100%}.jn-iconbtn{border-radius:var(--r-pill);cursor:pointer;background:var(--chip);color:var(--chip-fg);border:0;justify-content:center;align-items:center;display:inline-flex}.jn-iconbtn--accent{background:var(--accent);color:var(--on-accent)}.jn-iconbtn--light{background:var(--nav);color:var(--nav-fg);box-shadow:var(--nav-shadow)}.jn-spin{animation:.8s linear infinite jn-spin}@keyframes jn-spin{to{transform:rotate(360deg)}}.jn-chip{border-radius:var(--r-pill);white-space:nowrap;background:var(--chip);color:var(--chip-fg);align-items:center;gap:6px;font-weight:600;display:inline-flex}.jn-chip--sm{height:24px;padding:0 9px;font-size:11px}.jn-chip--md{height:26px;padding:0 10px;font-size:12px}.jn-chip--lg{height:30px;padding:0 12px;font-size:13px}.jn-chip--accent{background:var(--accent);color:var(--on-accent)}.jn-chip--dark{color:#fff;background:#1a1a1a}.jn-chip--red{background:var(--red-bg);color:var(--red-fg)}.jn-chip--orange{background:var(--orange-bg);color:var(--orange-fg)}.jn-chip--green{background:var(--green-bg);color:var(--green-fg)}.jn-chip--blue{background:var(--blue-bg);color:var(--blue-fg)}.jn-chip--purple{background:var(--purple-bg);color:var(--purple-fg)}.jn-chip--grey{background:var(--grey-bg);color:var(--grey-fg)}.jn-avatar{border-radius:var(--r-pill);color:#1a1a1a;flex:none;justify-content:center;align-items:center;font-weight:700;display:inline-flex}.jn-avatars{align-items:center;display:inline-flex}.jn-avatars .jn-avatar{box-shadow:0 0 0 2px var(--card);margin-left:-8px}.jn-avatars .jn-avatar:first-child{margin-left:0}.jn-avatar--more{border:2px dashed var(--ring);color:var(--muted);background:0 0}.jn-field{flex-direction:column;gap:6px;min-width:0;display:flex}.jn-label{color:var(--muted);align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.jn-hint{color:var(--muted);font-size:12px}.jn-error{color:var(--red-fg);font-size:12px;font-weight:600}.jn-input{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--inp);width:100%;height:44px;color:var(--text);padding:0 14px;font-size:14px}.jn-input::placeholder{color:var(--ph)}.jn-input[aria-invalid=true]{border-color:var(--red-fg)}.jn-input:disabled{opacity:.55}textarea.jn-input{resize:vertical;height:auto;padding:12px 14px;line-height:1.5}.jn-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}.jn-check{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.jn-check input{opacity:0;width:0;height:0;position:absolute}.jn-check__box{border:2px solid var(--ring);width:24px;height:24px;color:var(--on-accent);border-radius:8px;flex:none;justify-content:center;align-items:center;transition:background .12s;display:flex}.jn-check input:checked+.jn-check__box{background:var(--accent);border-color:var(--accent)}.jn-check input:focus-visible+.jn-check__box{box-shadow:var(--focus)}.jn-check input:disabled+.jn-check__box{opacity:.5}.jn-toggle{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:inline-flex}.jn-toggle input{opacity:0;width:0;height:0;position:absolute}.jn-toggle__track{border-radius:var(--r-pill);background:var(--chip);border:1px solid var(--line);flex:none;width:44px;height:26px;transition:background .15s;position:relative}.jn-toggle__track:after{content:"";background:var(--ring);border-radius:50%;width:20px;height:20px;transition:transform .15s,background .15s;position:absolute;top:2px;left:2px}.jn-toggle input:checked+.jn-toggle__track{background:var(--accent);border-color:var(--accent)}.jn-toggle input:checked+.jn-toggle__track:after{background:var(--on-accent);transform:translate(18px)}.jn-toggle input:focus-visible+.jn-toggle__track{box-shadow:var(--focus)}.jn-seg{flex-wrap:wrap;gap:8px;display:flex}.jn-seg__opt{border-radius:var(--r-pill);background:var(--chip);height:38px;color:var(--chip-fg);cursor:pointer;border:0;align-items:center;gap:6px;padding:0 14px;font-size:13px;font-weight:600;display:inline-flex}.jn-seg__opt[aria-pressed=true]{background:var(--btn);color:var(--btn-fg)}.jn-drop{border:2px dashed var(--ring);color:var(--muted);cursor:pointer;border-radius:18px;align-items:center;gap:12px;padding:16px;font-size:13px;display:flex}.jn-drop[data-over=true]{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.jn-drop input{opacity:0;width:0;height:0;position:absolute}.jn-card{border-radius:var(--r-lg);background:var(--card);padding:18px 20px}.jn-rcard{background:var(--rcard);color:#fff;border-radius:24px;padding:16px 18px}.jn-banner{background:var(--chip);color:var(--chip-fg);border-radius:20px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.jn-banner--red{background:var(--red-bg);color:var(--red-fg)}.jn-banner--orange{background:var(--orange-bg);color:var(--orange-fg)}.jn-banner--green{background:var(--green-bg);color:var(--green-fg)}.jn-banner--blue{background:var(--blue-bg);color:var(--blue-fg)}.jn-banner__title{font-size:15px;font-weight:700}.jn-banner__body{margin-top:2px;font-size:13px}.jn-empty{border:2px dashed var(--ring);border-radius:var(--r-lg);text-align:center;color:var(--muted);flex-direction:column;align-items:center;gap:10px;padding:40px 24px;display:flex}.jn-empty__title{color:var(--text);font-size:18px;font-weight:600}.jn-skel{background:linear-gradient(90deg,var(--chip) 25%,var(--card) 50%,var(--chip) 75%);background-size:200% 100%;border-radius:12px;animation:1.4s infinite jn-shimmer}@keyframes jn-shimmer{to{background-position:-200% 0}}.jn-progress{border-radius:var(--r-pill);background:var(--chip);height:6px;overflow:hidden}.jn-progress>span{border-radius:var(--r-pill);background:var(--ring);height:100%;display:block}.jn-progress--accent>span{background:var(--accent)}.jn-progress--red>span{background:var(--red-fg)}.jn-progress--green>span{background:var(--green-fg)}.jn-modal{border-radius:var(--r-xl);background:var(--card);width:min(720px,100vw - 32px);max-height:calc(100vh - 48px);color:var(--text);border:0;padding:0;box-shadow:0 30px 80px #0006}.jn-modal::backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0a0a0a8c}.jn-modal__head{justify-content:space-between;align-items:center;gap:12px;padding:24px 28px 0;display:flex}.jn-modal__title{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:300}.jn-modal__body{flex-direction:column;gap:14px;padding:18px 28px;display:flex}.jn-modal__foot{justify-content:flex-end;gap:10px;padding:0 28px 24px;display:flex}.jn-tabs{flex-wrap:wrap;gap:8px;display:flex}.jn-tab{border-radius:var(--r-pill);background:var(--nav);height:44px;color:var(--nav-fg);box-shadow:var(--nav-shadow);cursor:pointer;border:0;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.jn-count{border-radius:var(--r-pill);background:var(--chip);min-width:22px;height:22px;color:var(--chip-fg);justify-content:center;align-items:center;padding:0 6px;font-size:11px;font-weight:700;display:inline-flex}.jn-tab[aria-selected=true] .jn-count{background:var(--accent);color:var(--on-accent)}.jn-stepper{gap:8px;display:flex}.jn-step{border-radius:var(--r-pill);background:var(--chip);height:44px;color:var(--muted);flex:1;justify-content:center;align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.jn-step[data-state=done]{background:var(--green-bg);color:var(--green-fg)}.jn-step[data-state=current]{background:var(--accent);color:var(--on-accent)}.jn-toasts{z-index:100;flex-direction:column;gap:10px;display:flex;position:fixed;bottom:20px;right:20px}.jn-toast{color:#fff;background:#1a1a1a;border-radius:18px;align-items:center;gap:10px;padding:12px 16px;font-size:14px;font-weight:600;animation:.18s ease-out jn-pop;display:flex;box-shadow:0 10px 30px #0000004d}@keyframes jn-pop{0%{opacity:0;transform:translateY(8px)}}.jn-kpi{border-radius:26px;padding:18px}.jn-kpi--white{background:var(--card);color:var(--text)}.jn-kpi--accent{background:var(--accent);color:var(--on-accent)}.jn-kpi--dark{color:#fff;background:#1a1a1a}.jn-kpi__val{letter-spacing:-.04em;margin-top:14px;font-size:34px;font-weight:300;line-height:1}.jn-kpi__sub{opacity:.7;margin-top:6px;font-size:12px}.jn-bars{align-items:flex-end;gap:12px;display:flex}.jn-bar{flex-direction:column;flex:1;align-items:center;gap:8px;font-size:12px;display:flex}.jn-bar__col{background:#ffffff2e;border-radius:14px;width:100%}.jn-bar[data-hl=true] .jn-bar__col{background:var(--accent)}.jn-table{border-collapse:separate;border-spacing:0 8px;width:100%;font-size:14px}.jn-table th{text-align:left;color:var(--muted);padding:0 14px 4px;font-size:12px;font-weight:600}.jn-table th button{all:unset;cursor:pointer;align-items:center;gap:4px;display:inline-flex}.jn-table td{background:var(--card);padding:12px 14px}.jn-table td:first-child{border-radius:18px 0 0 18px}.jn-table td:last-child{border-radius:0 18px 18px 0}.jn-table tr[data-clickable=true]{cursor:pointer}.jn-table tr[data-selected=true] td{background:color-mix(in srgb,var(--accent) 22%,var(--card))}.jn-bulk{border-radius:var(--r-pill);background:var(--btn);color:var(--btn-fg);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:13px;font-weight:600;display:flex}.jn-timeline{flex-direction:column;display:flex}.jn-tl{gap:14px;display:flex}.jn-tl__rail{flex-direction:column;align-items:center;display:flex}.jn-tl__dot{background:var(--chip);width:36px;height:36px;color:var(--chip-fg);border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.jn-tl__line{background:var(--line);flex:1;width:2px;margin-top:4px}.jn-tl:last-child .jn-tl__line{display:none}.jn-tl__main{flex:1;min-width:0;padding-bottom:18px}.jn-tl__meta{color:var(--muted);justify-content:space-between;align-items:center;gap:8px;font-size:12px;display:flex}.jn-tl__text{margin:6px 0 0;font-size:15px;font-weight:500}.jn-row{background:var(--card);border-radius:24px;align-items:center;gap:14px;padding:14px 18px;display:flex}.jn-task{border-radius:var(--r-lg);background:var(--card);padding:18px 20px}.jn-task__title{letter-spacing:-.02em;margin:0;font-size:18px;font-weight:600}.jn-task__sub{color:var(--muted);margin-top:6px;font-size:13px}.jn-circle{border:2px solid var(--ring);cursor:pointer;width:28px;height:28px;color:var(--on-accent);background:0 0;border-radius:50%;flex:none;justify-content:center;align-items:center;display:flex}.jn-circle[data-done=true]{background:var(--accent);border-color:var(--accent)}.jn-split{border-bottom:1px solid var(--line);grid-template-columns:1fr auto 120px auto;align-items:center;gap:10px;padding:8px 0;display:grid}.jn-money{grid-template-columns:1fr 110px 110px;gap:10px;display:grid}.jn-var{border:1px dashed var(--ring);border-radius:var(--r-pill);height:30px;color:var(--text);cursor:pointer;background:0 0;align-items:center;padding:0 10px;font-size:12px;font-weight:600;display:inline-flex}.jn-timer{color:#fff;background:#1a1a1a;border-radius:32px;padding:28px}.jn-timer__time{letter-spacing:-.05em;font-variant-numeric:tabular-nums;margin-top:14px;font-size:76px;font-weight:300;line-height:1}.jn-approve{border-radius:var(--r-lg);background:var(--card);flex-wrap:wrap;align-items:center;gap:8px;padding:18px 20px;display:flex}.jn-page{min-height:100vh;padding:32px}.jn-shell{background:var(--shell);border-radius:var(--r-xl);max-width:1376px;box-shadow:var(--shell-shadow);grid-template-columns:720px minmax(0,1fr);margin:0 auto;display:grid;overflow:hidden}.jn-left{background:var(--left);z-index:2;border-radius:40px 56px 56px 40px;flex-direction:column;gap:20px;min-width:0;padding:32px;display:flex;position:relative}.jn-right{color:#fff;flex-direction:column;gap:20px;min-width:0;padding:32px 32px 32px 40px;display:flex}.jn-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.jn-logo{letter-spacing:-.05em;font-size:26px;font-weight:600}.jn-nav{align-items:center;gap:6px;display:flex}.jn-navpill{border-radius:var(--r-pill);background:var(--nav);height:48px;color:var(--nav-fg);box-shadow:var(--nav-shadow);align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:600;display:inline-flex}.jn-navpill[aria-current=page]{background:var(--btn);color:var(--btn-fg);box-shadow:none}[data-theme=dark] .jn-navpill[aria-current=page]{background:var(--accent);color:var(--on-accent)}.jn-title{letter-spacing:-.04em;margin:0;font-size:48px;font-weight:300;line-height:1.05}.jn-sub{color:var(--muted);margin:8px 0 0;font-size:14px}.jn-section-h{letter-spacing:-.02em;margin:0;font-size:22px;font-weight:400}@media (max-width:1100px){.jn-shell{grid-template-columns:1fr}.jn-left{border-radius:40px}}@media (max-width:640px){.jn-page{padding:12px}.jn-left,.jn-right{padding:20px}.jn-title{font-size:36px}.jn-nav{flex-wrap:wrap}}@media (prefers-reduced-motion:reduce){.jn-btn:active{transform:none}.jn-toast,.jn-skel{animation:none}}.jn-lift{transition:box-shadow .22s}.jn-lift:hover{box-shadow:var(--shadow-hover)}.jn-btn{transition:transform .12s,box-shadow .2s,filter .15s}.jn-btn:hover:not([disabled]):not([aria-disabled=true]){box-shadow:var(--shadow-btn);transform:translateY(-1px)}.jn-btn--accent:hover:not([disabled]){box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 50%,transparent)}.jn-btn:active{transform:scale(.97)}.jn-iconbtn{transition:transform .15s,box-shadow .2s}.jn-iconbtn:hover{box-shadow:var(--shadow-btn);transform:translateY(-1px)rotate(-4deg)}.jn-navpill{transition:transform .15s,box-shadow .2s}.jn-navpill:hover{box-shadow:var(--shadow-btn);transform:translateY(-1px)}.jn-tab{background:var(--nav);transition:box-shadow .2s;position:relative}.jn-tab:hover{box-shadow:var(--shadow-btn)}.jn-tab[aria-selected=true]{background:var(--nav);color:var(--btn-fg);box-shadow:none}.jn-tab__bg{border-radius:var(--r-pill);background:var(--btn);position:absolute;inset:0}.jn-tab__in{z-index:1;align-items:center;gap:8px;display:inline-flex;position:relative}.jn-table tbody tr{transition:transform .15s}.jn-table tbody tr[data-clickable=true]:hover td{box-shadow:0 8px 18px #00000014}.jn-table tbody tr[data-clickable=true]:hover{transform:translateY(-1px)}.jn-chip{transition:transform .15s}.jn-modal[open]{animation:.22s cubic-bezier(.2,.9,.3,1.1) jn-modal-in}.jn-modal[open]::backdrop{animation:.2s ease-out jn-fade}@keyframes jn-modal-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}@keyframes jn-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.jn-btn:hover,.jn-iconbtn:hover,.jn-navpill:hover{transform:none}.jn-modal[open],.jn-modal[open]::backdrop{animation:none}}
.g-top{z-index:50;background:color-mix(in srgb,var(--card) 88%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:16px;padding:14px 28px;display:flex;position:sticky;top:0}.g-top h1{letter-spacing:-.03em;margin:0;font-size:20px;font-weight:600}.g-top .g-spacer{flex:1}.g-swatches{align-items:center;gap:8px;display:flex}.g-swatch{cursor:pointer;border:2px solid #0000;border-radius:50%;width:28px;height:28px;padding:0}.g-swatch[aria-pressed=true]{border-color:var(--text);box-shadow:0 0 0 2px var(--card) inset}.g-layout{grid-template-columns:220px minmax(0,1fr);gap:28px;max-width:1500px;margin:0 auto;padding:28px;display:grid}.g-side{flex-direction:column;align-self:start;gap:2px;max-height:calc(100vh - 110px);display:flex;position:sticky;top:84px;overflow:auto}.g-side a{color:var(--muted);border-radius:12px;padding:8px 12px;font-size:14px;font-weight:500}.g-side a:hover{background:var(--chip);color:var(--text)}.g-side h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:14px 12px 6px;font-size:11px}.g-main{flex-direction:column;gap:36px;min-width:0;display:flex}.g-sec{scroll-margin-top:84px}.g-sec h2{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:300}.g-sec>p{color:var(--muted);max-width:720px;margin:6px 0 14px;font-size:14px}.g-play{border-radius:var(--r-xl);background:var(--left);box-shadow:inset 0 0 0 1px var(--line);grid-template-columns:minmax(0,1fr) 280px;display:grid;overflow:hidden}.g-stage{flex-direction:column;justify-content:center;align-items:flex-start;gap:14px;min-width:0;padding:28px;display:flex}.g-stage.g-fill{align-items:stretch}.g-stage.g-dark{background:var(--shell);color:#fff}.g-ctl{border-left:1px solid var(--line);background:color-mix(in srgb,var(--card) 70%,transparent);flex-direction:column;gap:12px;padding:18px;display:flex}.g-ctl h4{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11px}.g-ctl label{color:var(--muted);flex-direction:column;gap:4px;font-size:12px;font-weight:600;display:flex}.g-ctl select,.g-ctl input[type=text],.g-ctl input[type=number]{border:1px solid var(--line);background:var(--inp);height:36px;color:var(--text);border-radius:10px;padding:0 10px;font-size:13px}.g-ctl .g-bool{flex-direction:row;align-items:center;gap:8px}.g-code{color:#e8e8e8;white-space:pre-wrap;word-break:break-word;background:#161616;border-radius:14px;margin:0;padding:12px 14px;font:12px/1.5 ui-monospace,SFMono-Regular,Menlo,monospace;overflow:auto}.g-tokens{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:10px;width:100%;display:grid}.g-tok{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:16px;font-size:12px;overflow:hidden}.g-tok i{height:44px;display:block}.g-tok span{padding:8px 10px;font-family:ui-monospace,monospace;display:block}.g-icons{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:8px;width:100%;display:grid}.g-icon{background:var(--card);color:var(--muted);border-radius:14px;flex-direction:column;align-items:center;gap:6px;padding:12px 6px;font-size:11px;display:flex}@media (max-width:1000px){.g-layout{grid-template-columns:1fr}.g-side{display:none}.g-play{grid-template-columns:1fr}.g-ctl{border-left:0;border-top:1px solid var(--line)}}.d-wrap{flex-direction:column;gap:44px;max-width:1300px;margin:0 auto;padding:28px;display:flex}.d-sec h2{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:300}.d-sec>p{color:var(--muted);max-width:760px;margin:6px 0 16px;font-size:14px}.d-grid{gap:14px;display:grid}.d-g2{grid-template-columns:repeat(2,minmax(0,1fr))}.d-g3{grid-template-columns:repeat(3,minmax(0,1fr))}.d-g4{grid-template-columns:repeat(4,minmax(0,1fr))}.d-theme{border-radius:var(--r-xl);background:var(--left);color:var(--text);box-shadow:inset 0 0 0 1px var(--line);padding:20px}.d-theme[data-theme=dark]{background:#161616}.d-theme h3{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0 0 12px;font-size:12px}.d-sw{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px;display:grid}.d-sw div{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:14px;font:11px ui-monospace,monospace;overflow:hidden}.d-sw i{height:38px;display:block}.d-sw span{padding:6px 8px;display:block}.d-tonepair{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.d-card{border-radius:var(--r-lg);background:var(--card);flex-direction:column;gap:6px;padding:18px;display:flex}.d-card h4{margin:0;font-size:16px;font-weight:600}.d-card p{color:var(--muted);margin:0;font-size:13px}.d-num{background:var(--accent);width:28px;height:28px;color:var(--on-accent);border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:inline-flex}.d-flow{flex-wrap:wrap;align-items:stretch;gap:10px;display:flex}.d-node{background:var(--card);box-shadow:inset 0 0 0 1px var(--line);border-radius:18px;flex-direction:column;gap:4px;min-width:120px;padding:12px 14px;font-size:13px;display:flex}.d-node b{font-size:14px}.d-node small{color:var(--muted);font-size:12px}.d-node[data-tone=accent]{background:var(--accent);color:var(--on-accent);box-shadow:none}.d-node[data-tone=accent] small{color:inherit;opacity:.75}.d-node[data-tone=dark]{color:#fff;box-shadow:none;background:#1a1a1a}.d-node[data-tone=dark] small{color:#bdbdbd}.d-arrow{color:var(--muted);align-self:center;display:flex}.d-stack{flex-direction:column;gap:8px;display:flex}.d-anat{height:360px;box-shadow:inset 0 0 0 1px var(--line);border-radius:32px;grid-template-columns:260px minmax(0,1fr);display:grid;position:relative;overflow:hidden}.d-anat .l{background:var(--left);z-index:2;border-radius:0 40px 40px 0;flex-direction:column;gap:8px;padding:14px;font-size:12px;display:flex;position:relative}.d-anat .r{background:var(--shell);color:#fff;flex-direction:column;gap:8px;padding:14px;font-size:12px;display:flex}.d-anat .blk{border:1.5px dashed var(--ring);color:var(--muted);border-radius:14px;padding:8px 10px}.d-anat .r .blk{color:#cfcfcf;border-color:#ffffff59}.d-anat .hero{background:var(--accent);color:var(--on-accent);border:0}.d-spacing{flex-wrap:wrap;align-items:flex-end;gap:10px;display:flex}.d-spacing div{color:var(--muted);flex-direction:column;align-items:center;gap:6px;font-size:11px;display:flex}.d-spacing i{background:var(--accent);border-radius:4px;display:block}.d-elev{border-radius:var(--r-lg);background:var(--left);flex-wrap:wrap;gap:18px;padding:22px;display:flex}.d-elev div{background:var(--card);width:150px;height:84px;color:var(--muted);border-radius:20px;justify-content:center;align-items:center;font-size:12px;display:flex}.d-do{border-radius:var(--r-lg);background:var(--card);flex-direction:column;gap:10px;padding:16px;display:flex}.d-do[data-kind=do]{box-shadow:inset 0 0 0 2px var(--green-fg)}.d-do[data-kind=dont]{box-shadow:inset 0 0 0 2px var(--red-fg)}.d-do h4{text-transform:uppercase;letter-spacing:.06em;align-items:center;gap:8px;margin:0;font-size:13px;display:flex}.d-table{border-collapse:separate;border-spacing:0 6px;width:100%;font-size:14px}.d-table th{text-align:left;color:var(--muted);padding:0 12px 4px;font-size:12px}.d-table td{background:var(--card);padding:10px 12px}.d-table td:first-child{border-radius:14px 0 0 14px;font-weight:600}.d-table td:last-child{border-radius:0 14px 14px 0}@media (max-width:900px){.d-g2,.d-g3,.d-g4{grid-template-columns:1fr}.d-anat{grid-template-columns:1fr;height:auto}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}