:root{--radius:18px;--shadow-soft:0 12px 36px color-mix(in srgb,var(--primary) 8%,transparent)}
body{font-size:15px}.public-main{max-width:none;width:100%;margin:0}.workspace-main{width:100%;max-width:1800px;padding:30px clamp(20px,3vw,54px)}
.public-header{gap:24px;min-height:90px;padding:14px clamp(20px,4.5vw,90px);width:100%;max-width:none;background:var(--surface);border-bottom:1px solid var(--border);position:relative;z-index:50}.public-header .brand{flex:0 0 auto}.public-nav{gap:clamp(12px,1.5vw,28px);margin-left:auto}.public-nav a{font-size:13px;font-weight:650}.public-header .top-actions{flex:0 0 auto;gap:12px}.public-menu-toggle{display:none}
.sidebar .brand{max-width:calc(100% - 32px);padding:10px 0;margin:18px 16px 12px}.sidebar .brand-identity{max-width:100%;justify-content:flex-start}.sidebar .brand-logo{max-width:210px}.sidebar .brand-name{font-size:19px}.sidebar .brand-identity[data-logo-surface=auto]{background:color-mix(in srgb,var(--surface) 95%,transparent);padding:8px 10px;border-radius:12px}.sidebar nav a{font-size:13px;border-radius:10px;padding:10px 12px}.sidebar nav a.active{background:#ffffff18}.sidebar nav a[hidden],.sidebar details[hidden]{display:none!important}.nav-search{display:flex;margin:0 16px 10px;gap:4px;position:relative}.nav-search input[type=search]{min-height:38px;background:#ffffff14;color:white;border-color:#ffffff3b;padding-right:28px;font-size:12px}.nav-search input::placeholder{color:#d5e0eb}.nav-search button{position:absolute;right:5px;top:5px;background:none;color:#e7edf4;border:0;font-size:20px}.navbar-search{display:flex;align-items:center;position:relative;flex:1;max-width:440px;min-width:160px;margin-left:auto}.navbar-search input[type=search]{border-radius:100px;padding:10px 88px 10px 18px;background:var(--bg);font-size:12px;min-height:42px}.navbar-search button{position:absolute;right:10px;border:0;background:none;color:var(--primary);font-size:25px}.navbar-search kbd{position:absolute;right:42px;color:var(--muted);font-size:9px;border:1px solid var(--border);border-radius:5px;padding:2px 4px;pointer-events:none}.topbar .top-actions{margin-left:0}.topbar{min-height:78px;height:auto;padding-block:14px;box-shadow:0 4px 18px #102a4304}.context-indicator{max-width:260px;font-weight:600;font-size:12px;flex:0 1 auto}
.button,.panel,.card,.stat,.welcome-banner,.table-wrap,.auth-wrap,.color-preview{border-radius:var(--radius)}.button{border-radius:100px;transition:transform .18s ease,background .18s ease,box-shadow .18s ease;box-shadow:0 4px 12px color-mix(in srgb,var(--primary) 9%,transparent)}.button:hover{transform:translateY(-1px);box-shadow:var(--shadow-soft)}.button:active{transform:translateY(0)}.panel,.stat,.card{box-shadow:0 6px 24px color-mix(in srgb,var(--primary) 4%,transparent)}.panel h2{font-size:22px}.page-head h1{font-size:clamp(30px,3vw,42px)}.field label,label.field-label{font-size:13px}th{font-size:11px}td{font-size:13px}input:not([type=checkbox]):not([type=radio]):not([type=color]),select,textarea{border-radius:11px}input:focus,textarea:focus,select:focus{outline:3px solid color-mix(in srgb,var(--accent) 35%,transparent);outline-offset:2px;border-color:var(--primary)}
.public-footer{max-width:none;width:100%;padding:48px clamp(24px,5vw,100px);gap:32px}.public-footer .brand-identity{max-width:240px}.public-footer nav{gap:18px;flex-wrap:wrap}.public-footer>div>p{max-width:480px;line-height:1.8}.public-footer>small{grid-column:1/-1;font-size:12px}
.page-progress{position:fixed;top:0;left:0;width:100%;height:4px;z-index:9999;overflow:hidden;background:color-mix(in srgb,var(--primary) 15%,transparent)}.page-progress[hidden]{display:none}.page-progress span{display:block;height:100%;width:35%;background:var(--accent);border-radius:20px;animation:progress-wave 1s ease-in-out infinite}.loading-status:empty{display:none}.workspace-main>*{animation:page-arrive .32s ease-out both}.workspace-main>:nth-child(2){animation-delay:35ms}.workspace-main>:nth-child(3){animation-delay:65ms}@keyframes page-arrive{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes progress-wave{from{transform:translateX(-100%)}to{transform:translateX(400%)}}body[data-motion=none] .workspace-main>*{animation:none}body[data-motion=none] .page-progress span{animation:none;width:100%}
.search-page{max-width:1500px!important;margin:auto;padding-block:55px}.global-search-form{display:flex;gap:12px;max-width:1000px;margin:25px 0}.global-search-form input{flex:1}.search-results{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.search-result{display:grid;grid-template-columns:1fr auto;padding:24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text)}.search-result>span:first-child{grid-column:1/-1;font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.search-result h2{font:600 19px/1.5 system-ui;margin:8px 0}.search-result:hover{border-color:var(--primary);text-decoration:none;box-shadow:var(--shadow-soft)}
.auth-wrap{width:calc(100% - clamp(32px,8vw,140px));max-width:1460px;min-height:680px;margin:42px auto 60px;grid-template-columns:1.05fr 1fr;box-shadow:var(--shadow-soft)}.auth-story{position:relative;background-size:cover;background-position:center;padding:clamp(30px,5vw,80px);isolation:isolate}.auth-story .eyebrow,.auth-story small{color:#fff3d7!important}.auth-story h2{font-size:clamp(32px,3.5vw,52px);max-width:520px}.auth-story p{font-size:16px;color:#f0f4f8}.auth-form{padding:clamp(30px,5vw,80px);display:flex;flex-direction:column;justify-content:center}.auth-form h1{font-size:36px}.auth-form>p{font-size:14px}.auth-form .field{margin-top:9px}.auth-form form .button{min-width:160px}.auth-form .field input{min-height:48px}
.subscription-feature-list{line-height:1.9}.prose{max-width:1100px}.grid{align-items:start}.status-note{line-height:1.7}.table-wrap td small{font-size:11px}.is-loading-link{opacity:.7}
@media(min-width:1101px){body.sidebar-collapsed .sidebar .brand-logo,body.sidebar-collapsed .sidebar .brand-name,body.sidebar-collapsed .nav-search{display:none}body.sidebar-collapsed .sidebar .brand-icon{display:block;width:34px;height:34px;object-fit:contain}body.sidebar-collapsed .sidebar .brand{margin:18px 8px;padding:0;max-width:50px}body.sidebar-collapsed .sidebar .brand-identity{padding:6px!important;background:transparent!important}}
@media(max-width:1250px){.public-header{gap:16px;padding-inline:26px}.public-header .brand-logo{max-width:180px;max-height:52px}.public-nav{gap:14px}.public-nav a{font-size:12px}.public-header .top-actions{gap:9px}.navbar-search kbd{display:none}.navbar-search input[type=search]{padding-right:42px}.context-indicator{max-width:190px}}
@media(max-width:1000px){.public-menu-toggle{display:block;margin-left:auto}.public-nav{display:none}.public-nav.is-open{display:flex;position:absolute;left:20px;right:20px;top:100%;padding:22px;border:1px solid var(--border);background:var(--surface);border-radius:18px;box-shadow:var(--shadow-soft);flex-wrap:wrap;gap:20px;z-index:60}.public-header .top-actions{margin-left:0}.navbar-search{max-width:300px}.context-indicator{display:none}.auth-wrap{min-height:600px}.auth-story{padding:38px}.auth-form{padding:38px}.topbar{padding-inline:20px}}
@media(max-width:700px){.public-header{min-height:76px;padding:12px 16px;gap:9px}.public-header .brand-logo{max-width:155px;max-height:42px}.public-header .top-actions{gap:5px}.public-header .top-actions .text-button,.public-header .top-actions .button{display:none}.public-header .locale-form select{font-size:11px;min-height:36px;padding:6px}.public-search-link{display:none}.public-header .icon-button{width:34px;height:34px}.workspace-main{padding:22px 16px}.topbar{gap:9px;padding:12px;min-height:66px}.navbar-search{min-width:80px;max-width:none}.navbar-search input[type=search]{font-size:11px;min-height:38px;padding-left:12px}.navbar-search input::placeholder{font-size:10px}.topbar .locale-form select{font-size:10px;padding:6px;min-height:36px}.topbar .avatar{width:30px;height:30px}.top-actions{gap:5px}.auth-wrap{display:block;width:calc(100% - 28px);margin:24px auto 40px}.auth-story{min-height:310px;padding:32px}.auth-story h2{font-size:34px}.auth-form{padding:30px 24px}.auth-form h1{font-size:30px}.search-results{grid-template-columns:1fr}.global-search-form{flex-direction:column}.public-footer{padding:32px 24px}.public-footer nav{justify-content:flex-start}.page-head h1{font-size:30px}.sidebar nav a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.workspace-main>*,.page-progress span{animation:none!important}.button:hover{transform:none}}
@media print{.page-progress,.nav-search,.navbar-search{display:none!important}.workspace-main>*{animation:none!important}.public-main{width:100%}.auth-story{display:none}}
/* Keep long section links and form controls inside narrow screens. Tables scroll locally. */
.workspace-body,.workspace-main,.panel,.form-grid>.field{min-width:0}
.form-actions{flex-wrap:wrap}
.workspace-main>nav.form-actions{gap:10px 18px;margin-bottom:18px}
.workspace-main>nav.form-actions>a{padding-block:4px}
.form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(max-width:700px){.form-grid{grid-template-columns:minmax(0,1fr)}}