:root{--color-bg:#0b0d12;--color-surface:#15181f;--color-surface-strong:#1b1e26;--color-surface-soft:#20242d;--color-text:#f7f8f3;--color-muted:#a1a6b2;--color-border:#ffffff24;--color-border-strong:#ffffff42;--color-accent:#ddff52;--color-accent-hover:#e8ff86;--color-accent-ink:#151807;--color-link:#77a7ff;--color-danger:#ffb4ab;--color-danger-bg:#8f222338;--color-warning:#ffe08a;--color-warning-bg:#7d58003d;--color-success:#c7f46b;--radius-sm:10px;--radius-md:14px;--radius-lg:22px;--space-1:.5rem;--space-2:.75rem;--space-3:1rem;--space-4:1.5rem;--space-5:2rem;--space-6:3rem;color:var(--color-text);background:var(--color-bg);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;font-synthesis:none;text-rendering:optimizelegibility;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:var(--color-bg);min-width:320px;min-height:100%}body{background:var(--color-bg);min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button,input,select{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}::selection{color:var(--color-accent-ink);background:var(--color-accent)}:focus-visible{outline-offset:3px;outline:3px solid #ddff5285}.auth-layout{background-color:var(--color-bg);background-image:url(/assets/midnight-studio-CeFyTnC6.webp);background-position:50%;background-size:cover;grid-template-columns:minmax(24rem,1.08fr) minmax(28rem,.92fr);min-height:100vh;display:grid}.auth-brand{border-right:1px solid var(--color-border);background:#080a0e57;flex-direction:column;min-height:100vh;padding:clamp(2rem,5vw,5.25rem);display:flex}.brand,.brand-mark{color:var(--color-text);letter-spacing:-.055em;white-space:nowrap;font-size:clamp(1.4rem,2vw,2rem);font-weight:860;line-height:1;text-decoration:none}.brand-mark--compact{font-size:1.3rem}.brand-mark__accent{color:var(--color-accent)}.brand-story{max-width:39rem;padding-block:var(--space-6);flex-direction:column;flex:1;justify-content:center;display:flex}.brand-story__line{border-top:2px solid var(--color-accent);width:3.5rem;margin-bottom:clamp(2rem,6vh,4rem)}.brand-story__eyebrow{color:var(--color-muted);letter-spacing:.13em;text-transform:uppercase;margin:0 0 .45rem;font-size:.78rem;font-weight:760}.brand-story h2{max-width:13ch;margin:0 0 var(--space-4);letter-spacing:-.065em;font-size:clamp(3rem,5vw,5.2rem);font-weight:760;line-height:.96}.brand-story>div>p:last-child{max-width:34rem;color:var(--color-muted);margin:0;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.65}.brand-story__values{gap:var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:clamp(3rem,9vh,7rem);display:grid}.brand-story__values div{padding-top:var(--space-3);border-top:1px solid var(--color-border);gap:.45rem;display:grid}.brand-story__values strong{font-size:.95rem}.brand-story__values span{color:var(--color-muted);font-size:.88rem;line-height:1.5}.auth-brand__footer{color:#7f8592;margin:0;font-size:.78rem}.auth-main{background:#07090dad;place-items:center;min-width:0;padding:clamp(1.25rem,5vw,5rem);display:grid}.auth-mobile-brand{display:none}.auth-content{width:min(100%,36rem)}.panel{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:#15181ff0;width:min(100%,54rem);padding:clamp(1.3rem,3vw,2.4rem);box-shadow:0 24px 70px #00000047}.auth-content .panel{width:100%;box-shadow:none;background:0 0;border:0;border-radius:0;flex-direction:column;padding:0;display:flex}.panel h1{margin:0 0 var(--space-3);letter-spacing:-.05em;font-size:clamp(2rem,5vw,3.15rem);font-weight:780;line-height:1.04}.panel h2{margin:var(--space-5) 0 var(--space-2);letter-spacing:-.02em;font-size:1.3rem}.panel>p{color:var(--color-muted);line-height:1.65}.auth-content .panel>.eyebrow{order:-1}.auth-lead{max-width:31rem;margin:0;font-size:1.05rem}.actions{gap:var(--space-2);margin:var(--space-5) 0;flex-wrap:wrap;display:flex}.button{border-radius:var(--radius-sm);background:var(--color-accent);min-height:48px;color:var(--color-accent-ink);text-align:center;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;padding:.78rem 1.25rem;font-weight:780;line-height:1.2;text-decoration:none;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.button:hover{background:var(--color-accent-hover);transform:translateY(-1px)}.button:active{transform:translateY(0)}.button:disabled{cursor:wait;opacity:.58;transform:none}.button--secondary,.button--quiet{border-color:var(--color-border-strong);color:var(--color-text);background:0 0}.button--secondary:hover,.button--quiet:hover{border-color:var(--color-accent);color:var(--color-accent);background:#ddff5214}.auth-content .actions .button{flex:12rem}.link-button{color:var(--color-link);text-underline-offset:.2em;cursor:pointer;background:0 0;border:0;margin-left:.5rem;padding:0;text-decoration:underline;text-decoration-thickness:1px}.notice{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);background:#ffffff0d;line-height:1.55}.notice--danger,[data-tone=danger] .notice{background:var(--color-danger-bg);color:var(--color-danger);border-color:#ffb4ab47}.notice--warning{background:var(--color-warning-bg);color:var(--color-warning);border-color:#ffe08a42}[data-tone=danger] .panel h1{color:#fff2f0}.field{margin:var(--space-3) 0;color:var(--color-text);gap:.5rem;font-weight:680;display:grid}.field input,.field select,select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;min-height:48px;color:var(--color-text);box-shadow:none;background:#ffffff0d;padding:.78rem .9rem;transition:border-color .16s,background-color .16s,box-shadow .16s}.field input:hover,.field select:hover,select:hover{border-color:var(--color-border-strong)}.field input:focus,.field select:focus,select:focus{border-color:var(--color-accent);outline-offset:1px;background:#ffffff12;outline:3px solid #ddff5229}.field__error{color:var(--color-danger);font-size:.88rem;font-weight:600}.hint,.eyebrow{color:var(--color-muted)}.eyebrow{letter-spacing:.13em;text-transform:uppercase;margin:0 0 .65rem;font-size:.75rem;font-weight:780}.summary{margin:var(--space-4) 0;gap:0;display:grid}.summary div{gap:var(--space-3);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border);grid-template-columns:minmax(8rem,.42fr) 1fr;display:grid}.summary div:first-child{border-top:1px solid var(--color-border)}.summary dt{color:var(--color-muted)}.summary dd{overflow-wrap:anywhere;margin:0;font-weight:650}.choice-list{gap:var(--space-2);padding:0;list-style:none;display:grid}.choice{justify-content:space-between;align-items:center;gap:var(--space-2);width:100%;min-height:64px;padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);cursor:pointer;text-align:left;background:#ffffff0a;display:flex}.choice:hover{border-color:var(--color-accent);background:#ddff5212}.choice span{color:var(--color-muted);font-size:.88rem}.result{gap:var(--space-2);padding-top:var(--space-3);display:grid}.result output{padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-muted);overflow-wrap:anywhere;background:#ffffff0a}.account-settings form{display:grid}.account-settings__password{margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.account-settings__password h2{margin-top:0}.field input[readonly]{color:#858b97;cursor:not-allowed;background:#ffffff08}.app-shell{background-color:var(--color-bg);background-image:url(/assets/midnight-studio-CeFyTnC6.webp);background-position:50%;background-size:cover;background-attachment:fixed;min-height:100vh}.app-header{align-items:center;gap:var(--space-3);min-height:72px;padding:var(--space-2) clamp(1rem, 3vw, 2rem);border-bottom:1px solid var(--color-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0b0d12e6;display:flex}.brand{align-items:center;text-decoration:none;display:inline-flex}.workspace-select{max-width:18rem;margin-left:auto}.workspace-select select{background:var(--color-surface);min-height:44px}.app-layout{background:#07090db3;grid-template-columns:16rem minmax(0,1fr);min-height:calc(100vh - 72px);display:grid}.app-layout nav{padding:var(--space-4);border-right:1px solid var(--color-border);background:#0a0c11b8;flex-direction:column;gap:.4rem;display:flex}.app-layout nav a{border-radius:var(--radius-sm);color:var(--color-muted);border:1px solid #0000;padding:.8rem .9rem;text-decoration:none;transition:all .16s}.app-layout nav a:hover{border-color:var(--color-border);color:var(--color-text);background:#ffffff0d}.app-layout nav a:focus-visible{color:var(--color-accent)}.app-content{min-width:0;padding:clamp(1rem,4vw,3.5rem)}.app-content .panel{margin-inline:auto}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width<=820px){.auth-layout{background-position:0;grid-template-columns:1fr}.auth-brand{display:none}.auth-main{background:#07090dc2;place-items:start stretch;min-height:100vh;padding:clamp(1rem,7vw,3rem)}.auth-mobile-brand{margin-bottom:clamp(3rem,12vh,6rem);display:block}.auth-content{margin:auto}.panel h1{font-size:clamp(2rem,9vw,3rem)}}@media (width<=640px){.auth-main{padding:1.25rem}.auth-content .actions{display:grid}.auth-content .actions .button{width:100%}.app-header{flex-wrap:wrap;padding:.8rem}.workspace-select{flex:1 0 100%;order:3;max-width:none}.app-layout{grid-template-columns:1fr}.app-layout nav{border-right:0;border-bottom:1px solid var(--color-border);flex-direction:row;padding:.75rem;overflow-x:auto}.app-layout nav a{flex:none}.app-content{padding:.75rem}.app-content .panel{border-radius:var(--radius-md);padding:1.2rem}.summary div{grid-template-columns:1fr;gap:.25rem}.choice{flex-direction:column;align-items:flex-start}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (prefers-reduced-data:reduce){.auth-layout,.app-shell{background-image:none}}@media (forced-colors:active){:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}.auth-layout,.app-shell{background-image:none}.button,.field input,.field select,select,.panel{border:1px solid canvastext}}
