:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-canvas:#080808;--color-canvas-raised:#0a0a0a;--color-surface:#151515;--color-surface-2:#202020;--color-surface-hover:#282828;--color-text:#f8f8f6;--color-text-muted:#969696;--color-text-subtle:#737373;--color-line:#ffffff1f;--color-line-soft:#ffffff12;--color-gold:#d6a94f;--color-gold-soft:#f0d28a;--color-danger:#f04444;--color-danger-soft:#f77;--color-success:#7dcc96;--overlay:#000000b8;--font-sans:Inter, "SF Pro Display", "SF Pro Text", -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;--text-xs:.625rem;--text-sm:.75rem;--text-md:.875rem;--text-lg:1.125rem;--text-xl:1.5rem;--text-display:1.75rem;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--radius-sm:.5rem;--radius-md:.75rem;--radius-lg:.9375rem;--radius-xl:1.5rem;--shadow-overlay:0 24px 72px #00000075;--header-height:3.625rem;--mobile-nav-height:3.625rem;--sidebar-width:14.5rem;--content-max:430px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);font-family:var(--font-sans)}*,:before,:after{box-sizing:border-box}html{background:#030303;min-width:20rem;min-height:100%}body{min-width:20rem;min-height:100%;color:var(--color-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;background:#030303;margin:0}body,button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%}svg{display:block}:focus-visible{outline:2px solid var(--color-gold-soft);outline-offset:3px}::selection{background:var(--color-gold-soft);color:#17120a}#root{background:var(--color-canvas);width:100%;max-width:430px;min-height:100dvh;margin-inline:auto;box-shadow:0 0 70px #0000007a;container:dramora/inline-size}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.scroll-rail{scrollbar-width:none;scroll-snap-type:x proximity;overflow:auto hidden}.scroll-rail::-webkit-scrollbar{display:none}.page-container{width:100%;max-width:var(--content-max);margin-inline:auto;padding-inline:1rem}.page-content{padding-block:var(--space-5) calc(var(--mobile-nav-height) + var(--safe-bottom) + var(--space-6))}.route-loading{min-height:50dvh;color:var(--color-text-muted);font-size:var(--text-sm);place-items:center;display:grid}.integration-state,.full-page-state{place-content:center;justify-items:center;gap:var(--space-3);min-height:100dvh;padding:var(--space-8);text-align:center;display:grid}.integration-state h1,.full-page-state h1{max-width:35rem;font-size:var(--text-display);margin:0;line-height:1.08}.integration-state p,.full-page-state p{max-width:34rem;margin:0 0 var(--space-3);color:var(--color-text-muted);line-height:1.6}.integration-state code{border:1px solid var(--color-line);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-gold-soft);padding:.2em .4em}.integration-state__eyebrow{color:var(--color-gold-soft);font-size:var(--text-xs);letter-spacing:.12em;text-transform:uppercase;font-weight:900}.state-symbol{border:1px solid var(--color-line);background:var(--color-surface);width:4.625rem;height:4.625rem;color:var(--color-gold-soft);font-size:var(--text-xl);border-radius:50%;place-items:center;font-weight:900;display:grid}@container dramora (width>=48rem){.page-content{padding-bottom:var(--space-10)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.brand{color:var(--color-text);letter-spacing:.11em;align-items:center;font-size:.9375rem;font-weight:950;line-height:1.2;display:inline-flex}.brand span{color:var(--color-gold)}.button{justify-content:center;align-items:center;gap:var(--space-2);min-height:2.75rem;padding:0 var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);border:0;font-weight:850;line-height:1;transition:transform .16s,background-color .16s,opacity .16s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled,.button[aria-disabled=true]{cursor:not-allowed;opacity:.48;transform:none}.button--primary{background:var(--color-gold-soft);color:#1a1106}.button--secondary{color:var(--color-text);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffff29}.button--outline{border:1px solid var(--color-line);background:var(--color-surface);color:var(--color-text)}.button--danger{background:var(--color-surface);color:var(--color-danger-soft);border:1px solid #ff777747}.button--ghost{color:var(--color-text);background:0 0}.button--sm{min-height:2.125rem;padding-inline:var(--space-3);font-size:.6875rem}.button--lg{min-height:3.125rem;font-size:.8125rem}.button--full{width:100%}.button__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:1em;height:1em;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.icon-button{background:0 0;border:0;border-radius:50%;place-items:center;width:2.375rem;height:2.375rem;padding:0;display:grid}.icon-button:hover{background:#ffffff14}.icon-button svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;width:1.375rem;height:1.375rem}.card{border:1px solid var(--color-line);border-radius:var(--radius-lg);background:var(--color-surface)}.field{gap:.4375rem;margin-bottom:.8125rem;display:grid}.field label{color:#b7b7b7;font-size:var(--text-xs);font-weight:750}.field input{border:1px solid var(--color-line);width:100%;height:3rem;color:var(--color-text);font-size:var(--text-sm);background:#171717;border-radius:.6875rem;outline:0;padding:0 .8125rem}.field input:focus{border-color:var(--color-gold);box-shadow:0 0 0 3px #d6a94f1f}.field input:disabled{color:var(--color-text-subtle);cursor:not-allowed}.field small{color:var(--color-text-muted);font-size:var(--text-xs);line-height:1.45}.field--error input{border-color:var(--color-danger)}.field--error small{color:var(--color-danger-soft)}.page-header{z-index:30;min-height:var(--header-height);padding:var(--safe-top) var(--space-3) 0;border-bottom:1px solid var(--color-line-soft);background:#0a0a0af7;grid-template-columns:2.625rem minmax(0,1fr) 2.625rem;align-items:center;display:grid;position:sticky;top:0}.page-header h1{font-size:var(--text-lg);text-align:center;text-overflow:ellipsis;white-space:nowrap;margin:0;font-weight:850;line-height:1.35;overflow:hidden}.page-header__action{place-items:center;display:grid}.modal-layer{z-index:1000;padding-top:var(--safe-top);background:var(--overlay);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.modal{width:min(100%,37.5rem);max-height:calc(100dvh - var(--safe-top));border:1px solid var(--color-line);border-radius:var(--radius-xl) var(--radius-xl) 0 0;background:var(--color-surface);box-shadow:var(--shadow-overlay);border-bottom:0;overflow-y:auto}.modal__header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-5);background:inherit;display:flex;position:sticky;top:0}.modal__header h2{font-size:var(--text-xl);margin:0;line-height:1.2}.modal__body{padding:0 var(--space-5) var(--space-5);color:var(--color-text-muted);line-height:1.55}.modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5) calc(var(--space-5) + var(--safe-bottom));border-top:1px solid var(--color-line-soft);display:flex}.toast{z-index:1200;left:50%;bottom:calc(var(--mobile-nav-height) + var(--safe-bottom) + 1rem);border:1px solid var(--color-line);width:max-content;max-width:min(90vw,22rem);color:var(--color-text);box-shadow:var(--shadow-overlay);font-size:var(--text-xs);opacity:0;pointer-events:none;background:#1b1b1bf5;border-radius:.625rem;padding:.625rem .8125rem;font-weight:750;transition:all .2s;position:fixed;transform:translate(-50%,.875rem)}.toast--visible{opacity:1;transform:translate(-50%)}.toast--success{border-color:#7dcc9673}.toast--error{border-color:#f0444480}@container dramora (width>=48rem){.modal-layer{padding:var(--space-6);align-items:center}.modal{border-bottom:1px solid var(--color-line);border-radius:var(--radius-xl);max-height:calc(100dvh - 3rem)}.toast{bottom:var(--space-6)}}.app-shell{background:var(--color-canvas);width:100%;min-height:100dvh}.app-content{min-width:0;min-height:100dvh}.desktop-sidebar{display:none}.mobile-navigation{z-index:70;width:min(100%,430px);height:calc(var(--mobile-nav-height) + var(--safe-bottom));padding:0 var(--safe-right) var(--safe-bottom) var(--safe-left);border-top:1px solid var(--color-line-soft);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0a0a0af7;grid-template-columns:repeat(5,minmax(0,1fr));position:fixed;bottom:0;left:50%;right:auto;transform:translate(-50%)}.side-navigation{gap:var(--space-1);display:grid}.navigation-link{align-items:center;gap:var(--space-3);min-width:0;color:var(--color-text-subtle);font-size:var(--text-sm);font-weight:750;transition:color .16s,background-color .16s;display:flex}.navigation-link svg{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:1.25rem;height:1.25rem}.navigation-link.is-active{color:var(--color-text)}.mobile-navigation{display:grid}.mobile-navigation .navigation-link{align-content:center;place-items:center;gap:.1875rem;font-size:.5625rem;display:grid}.mobile-navigation .navigation-link svg{width:1.25rem;height:1.25rem}.sidebar-promo{gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-lg);color:#2c1b08;background:radial-gradient(circle at 90% 0,#fff0bf,#0000 38%),linear-gradient(135deg,#f1d28c,#b77732);margin-top:auto;display:grid}.sidebar-promo span{font-size:var(--text-xs);font-weight:900}.sidebar-promo strong{font-size:var(--text-md)}.sidebar-promo a{box-sizing:border-box;border-radius:var(--radius-sm);color:#fff;width:max-content;min-height:2.75rem;font-size:var(--text-xs);background:#3e290f;align-items:center;padding:0 .625rem;font-weight:850;display:inline-grid}.app-shell--immersive .app-content{width:100%}