:root{--bg:#E7E3DB;--bg-2:#DCD7CE;--paper:#F8F6F1;--ink:#22231F;--ink-2:#55564F;--muted:#55564F;--sage:#635D52;--sage-soft:#D8D2C6;--sage-tint:#D8D2C6;--line:#CCC6BA;--dark:#1E1F1B;--on-dark:#ECEBE4;--tile-a:#D6D2C8;--tile-b:#B4AEA3;--glass:rgba(250,248,243,.5);--glass-strong:rgba(248,246,241,.74);--glass-line:rgba(255,255,255,.62);--ease-out:cubic-bezier(.23,1,.32,1);--ease-io:cubic-bezier(.77,0,.175,1);--radius:14px;--sans:Geist,system-ui,sans-serif;--serif:'Cormorant Garamond',Georgia,serif;color-scheme:light}
body{background:var(--bg);color:var(--ink);font-family:var(--sans)}.workspace{background:var(--bg)}.sidebar{background:linear-gradient(160deg,#2A2B26,#1E1F1B);color:var(--on-dark);border-right:1px solid #393A34}.workspace-label{background:#ffffff08;border-color:#ffffff12}.profile,.sidebar-bottom{border-color:#ffffff14}.nav-link,.sidebar-bottom>a{color:#C4C0B5}.nav-link.active{background:#ECEBE4;color:#22231F;box-shadow:0 4px 18px #00000014}.sidebar .nav-group,.workspace-label small,.profile small{color:#A7A89E}.brand img{border-radius:12px}.sidebar .brand>span{color:#B4AEA3}.topbar{background:var(--glass-strong);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--glass-line)}.topbar-right .avatar,.profile-avatar{background:#B4AEA3;color:#22231F}.page-heading h1{font-family:var(--sans);font-size:clamp(32px,3.6vw,50px);font-weight:550;letter-spacing:-.06em;line-height:1.08}.page-heading h1 em{font-family:var(--serif);font-style:italic;color:var(--sage);font-weight:500}.page-heading p{font-size:14px;line-height:1.75}.panel,.metric{background:var(--glass-strong);border:1px solid var(--glass-line);border-radius:24px;box-shadow:0 2px 6px #22231F08,0 26px 60px -26px #22231F18}.metric{background:linear-gradient(140deg,#F8F6F1BB,#E0DBD1BB)}.metric:before{display:none}.metric-value{font-family:var(--sans);letter-spacing:-.05em}.metric-icon,.metric .nav-icon{background:#D8D2C6;color:#635D52}.button{background:var(--glass);border:1px solid #FFFFFF99;color:var(--ink);border-radius:14px;box-shadow:0 2px 8px #22231F06;transition:transform 160ms var(--ease-out),background-color 200ms var(--ease-out),box-shadow 240ms var(--ease-out)}.button.primary,.primary{background:#22231F;color:#EEEBE4;border:1px solid #22231F;box-shadow:0 8px 22px -14px #22231F66}.button:active{transform:scale(.975)}.site-card{background:linear-gradient(135deg,#D6D2C8,#B4AEA3);border-color:#ffffff60;color:#22231F}.site-card p,.site-card-top{color:#55564F}.site-card .primary{background:#22231F;color:#EEEBE4}.chart-line{stroke:#635D52}.chart-area{fill:#B4AEA322}.chart-labels,.chart-note,.settings-content p{color:var(--muted)}.list-avatar,.project-icon{background:#D8D2C6;color:#635D52}.tag{background:#D8D2C6;color:#55564F;border:1px solid #C6BFB1}.tag.active,.tag.success{background:#DBDFD2;color:#49503C}.tag.warning{background:#E4DACA;color:#735A3D}.table-panel th{background:#E0DBD166;color:#635D52}.table-panel td,.settings-row,.history-item{border-color:var(--line)}.field input,.field textarea,.field select,.toolbar input{background:#FAF8F3B3;border:1px solid #CCC6BA;border-radius:12px;color:var(--ink);box-shadow:inset 0 1px 1px #22231F03}.field input:focus,.field textarea:focus,.field select:focus,.toolbar input:focus{border-color:#635D52;box-shadow:0 0 0 3px #635D5218;outline:none}.filter-group button.active{background:#D8D2C6;color:#22231F}.upload-zone{background:linear-gradient(130deg,#F8F6F1CC,#D8D2C6BB);border:1px dashed #B4AEA3}.upload-icon{background:#D8D2C6;color:#635D52;border-color:#C6BFB1}.upload-note,.release-steps .complete{color:#635D52}.release-steps{color:#948E81}.preview-stage{background:#DCD7CE}.preview-docs button.active,.preview-widths button.active{background:#D8D2C6;color:#22231F}.preview-dot,.live-label i{background:#778363;box-shadow:0 0 0 4px #77836318}.live-label{color:#596446}.upload-zone.drag-over{border-color:#635D52;box-shadow:0 0 0 4px #635D5218}.dialog,.detail-dialog{background:#F8F6F1;border:1px solid #FFFFFF99;border-radius:28px;box-shadow:0 30px 100px #22231F40}.dialog::backdrop{background:#22231F66;backdrop-filter:blur(8px)}.dialog-top,.dialog-bottom{border-color:var(--line)}.message-content{background:#E7E3DB;border-color:#CCC6BA}.gmail-mark,.mail-avatar{background:#D8D2C6;border-color:#CCC6BA;color:#635D52}.mail-row{border-color:var(--line)}.toast{background:#22231F;color:#ECEBE4;border:1px solid #55564F}.auth-story{background:radial-gradient(ellipse at 95% 5%,#B4AEA350,transparent 60%),#22231F;color:#ECEBE4}.auth-story h1{font-family:var(--sans);font-weight:500;letter-spacing:-.055em}.auth-story h1 em{font-family:var(--serif);font-style:italic;color:#D6D2C8}.auth-eyebrow,.auth-foot{color:#B4AEA3}.auth-form-wrap{background:linear-gradient(130deg,#F8F6F1,#E7E3DB)}.workspace-footer{color:#827B6E}.environment{color:#635D52}
.technical-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:22px}.technical-panel{padding:26px;min-width:0}.technical-panel h2{font-size:21px;margin-bottom:8px;letter-spacing:-.04em}.technical-panel p{font-size:13px;color:var(--muted);line-height:1.7}.code-panel{margin-top:24px;min-width:0;overflow:hidden}.code-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 24px;border-bottom:1px solid var(--line)}.code-toolbar select{max-width:70%;padding:10px;background:#F8F6F1;border:1px solid #CCC6BA;border-radius:10px;font:inherit;font-size:13px}.source-code{margin:0;max-height:620px;overflow:auto;padding:24px;background:#22231F;color:#E7E3DB;font:12px/1.8 ui-monospace,SFMono-Regular,Consolas,monospace;tab-size:2;white-space:pre}.check-list{display:grid;gap:10px;margin-top:20px}.check-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:12px;padding:14px;background:#E7E3DB88;border:1px solid #CCC6BA66;border-radius:14px}.check-item b{font-size:13px}.check-item p{margin:4px 0 0;font-size:12px}.check-mark{color:#586448;font-weight:650}.check-item.warning .check-mark{color:#967346}.check-item.error .check-mark{color:#A4513C}.finding{margin:14px 0;padding:18px;border-left:3px solid #A4513C;background:#EADDD588;border-radius:0 14px 14px 0}.finding.warning{border-color:#967346;background:#E4DACA88}.finding strong,.finding small{display:block;overflow-wrap:anywhere}.finding p{margin:8px 0}.code-output{max-height:300px;overflow:auto;padding:18px;background:#22231F;color:#E7E3DB;border-radius:14px;font:12px/1.7 ui-monospace,Consolas,monospace;white-space:pre-wrap}.user-setup{margin-top:24px}.user-setup form{display:grid;gap:15px;margin-top:20px}.registration-list small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.technical-loading{padding:50px;text-align:center;color:var(--muted)}.connection-history{font-variant-numeric:tabular-nums}.code-empty{padding:32px;color:var(--muted)}
@media(hover:hover) and (pointer:fine){.nav-link:hover{background:#FFFFFF12;color:#ECEBE4}.nav-link.active:hover{background:#D8D2C6;color:#22231F}.button:hover{background:#F8F6F1;box-shadow:0 10px 26px -14px #22231F38}.primary:hover,.site-card .primary:hover{background:#3A3B35;color:#EEEBE4}.mail-row:hover{background:#E7E3DB66}.table-action:hover,.subtle-link:hover{color:#635D52}}
@media(max-width:1000px){.technical-grid{grid-template-columns:1fr}}@media(max-width:760px){.page-heading h1{font-size:35px}.page-heading p{font-size:13px}.technical-panel{padding:21px}.code-toolbar{padding:16px;flex-wrap:wrap}.code-toolbar select{max-width:100%;width:100%}.source-code{padding:16px;font-size:11px}.panel,.metric{border-radius:20px}.technical-grid{gap:16px}}@media(max-width:380px){.page-heading h1{font-size:30px}}html[data-motion="paused"] .source-code,html.motion-paused .technical-panel{animation:none}

.diagnostic-findings{margin-top:24px}.calm *{animation:none!important;transition:none!important}

.technical-grid{align-items:start}.workspace-monogram{background:#B4AEA3;color:#22231F;border-color:#D6D2C844}.connection-dot{background:#9BA389;box-shadow:0 0 0 4px #9BA38918}.nav-link.active .nav-icon{color:#635D52}.avatar{background:#D8D2C6;color:#22231F;box-shadow:0 1px 3px #22231F12}.environment{border-color:#CCC6BA;color:#635D52;background:#F8F6F1}.environment i{background:#778363}.metric-head .nav-icon,.metric:nth-child(2) .nav-icon,.metric:nth-child(3) .nav-icon,.metric:nth-child(4) .nav-icon{background:#D8D2C6;border-color:#CCC6BA;color:#635D52}

@media(max-width:760px){.sidebar{visibility:hidden;transition:transform 220ms var(--ease-out),visibility 0s 220ms}.sidebar.open{visibility:visible;transition:transform 220ms var(--ease-out),visibility 0s 0s}}