:root{--color-bg:#f5f5f4;--color-surface:#ffffff;--color-border:#e7e5e4;--color-border-strong:#d6d3d1;--color-text:#1c1917;--color-muted:#78716c;--color-muted-strong:#57534e;--color-primary:#ea580c;--color-primary-dark:#c2410c;--color-primary-soft:#fff7ed;--color-on-primary:#ffffff;--color-danger:#dc2626;--color-danger-bg:#fef2f2;--color-danger-soft:#fecaca;--color-danger-code:#fee2e2;--color-success:#16a34a;--color-warn-bg:#fffbeb;--color-warn-text:#92400e;--color-warn-accent:#fcd34d;--color-hover:#f5f5f4;--color-topbar:#1c1917;--color-topbar-text:#fafaf9;--color-topbar-hover:#2e2a27;--color-topbar-link:#fdba74;--color-shadow:0 1px 3px rgba(28,25,23,0.1);--radius:10px;--shadow:var(--color-shadow)}html[data-theme=dark]{color-scheme:dark;--color-bg:#121212;--color-surface:#1e1e1e;--color-border:#333333;--color-border-strong:#4d4d4d;--color-text:#f5f5f5;--color-muted:#a8a29e;--color-muted-strong:#d6d3d1;--color-primary:#f59e0b;--color-primary-dark:#d97706;--color-primary-soft:#3a2e10;--color-on-primary:#1c1400;--color-danger:#f87171;--color-danger-bg:#2a1512;--color-danger-soft:#5b2226;--color-danger-code:#7f2f33;--color-success:#4ade80;--color-warn-bg:#2a2110;--color-warn-text:#fcd34d;--color-warn-accent:#fbbf24;--color-hover:#2a2622;--color-topbar:#1a1512;--color-topbar-text:#fafaf9;--color-topbar-hover:#2e2620;--color-topbar-link:#fbbf24;--color-shadow:0 1px 3px rgba(0,0,0,0.5)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--color-bg);color:var(--color-text);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:15px;line-height:1.5}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}.container{max-width:960px;margin:0 auto;padding:40px 20px 80px}.lead{margin-top:0;color:var(--color-muted);font-size:17px}.errorBanner{margin:20px 0;padding:14px 16px;border:1px solid var(--color-danger-soft);border-radius:var(--radius);background:var(--color-danger-bg);color:var(--color-danger)}.errorBanner code{background:var(--color-danger-code);padding:1px 6px;border-radius:4px}.newSiteForm{gap:10px;flex-wrap:wrap;margin:24px 0}.newSiteForm,.newSiteSlugRow{display:flex;align-items:center}.newSiteSlugRow{flex:1 1;min-width:260px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);overflow:hidden}.newSiteSlugRow .input{flex:1 1;min-width:0;border:none;background:transparent}.newSiteSlugRow .input:focus{outline:none}.newSiteSlugSuffix{padding:0 12px;color:var(--color-text-muted,#666);white-space:nowrap}.input{flex:1 1;min-width:260px;padding:11px 14px}.btn,.input{border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface)}.btn{padding:11px 20px;color:var(--color-text);cursor:pointer}.btn:disabled{opacity:.5;cursor:not-allowed}.btnPrimary{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary)}.formError{width:100%;margin:0;color:var(--color-danger);font-size:14px}.sectionTitle{margin:36px 0 16px;font-size:18px}.emptyState{color:var(--color-muted)}.siteList{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));grid-gap:14px;gap:14px;margin:0;padding:0;list-style:none}.siteCard{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow)}.siteCard a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;color:var(--color-text);text-decoration:none}.siteCard a:hover{border-color:var(--color-primary);text-decoration:none}.siteCard strong{font-size:16px}.siteCard span{color:var(--color-muted);font-size:13px}.siteCardActions{display:flex;justify-content:flex-end;padding:0 14px 14px}.siteCardDelete{padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-surface);color:var(--color-danger);font-size:13px;cursor:pointer}.siteCardDelete:hover:not(:disabled){border-color:var(--color-danger);background:var(--color-danger-bg)}.siteCardDelete:disabled{opacity:.5;cursor:not-allowed}.siteCardError{margin:0;padding:0 14px 12px;color:var(--color-danger);font-size:13px}.templateGrid{width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));grid-gap:10px;gap:10px;margin:6px 0}.templateCard{display:flex;flex-direction:column;gap:6px;align-items:flex-start;text-align:left;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);box-shadow:var(--shadow);cursor:pointer}.templateCard strong{font-size:15px}.templateCard span{color:var(--color-muted);font-size:13px;line-height:1.4}.templateAccent{width:100%;height:6px;border-radius:999px}.templateCardSelected{border-color:var(--color-primary);box-shadow:0 0 0 2px rgba(37,99,235,.25)}.appRoot{display:flex;flex-direction:column;min-height:100vh}.shortcutGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:10px;gap:10px;margin:0 0 18px}.shortcutCard{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);text-align:left;cursor:pointer}.shortcutCard:hover,.shortcutCard[aria-checked=true]{border-color:var(--color-primary)}.shortcutCard[aria-checked=true]{box-shadow:var(--shadow)}.shortcutCard strong{font-size:14px}.shortcutCard span{font-size:12px;color:var(--color-muted)}.shortcutAccent{height:4px;border-radius:999px}.shortcutPreview{position:relative;display:block;height:110px;overflow:hidden;border:1px solid var(--color-border);border-radius:8px;background:#ffffff;margin-bottom:4px;pointer-events:none}.shortcutPreviewInner{display:block;width:1200px;transform:scale(.2);transform-origin:top left}.suggestRow{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 10px}.suggestInput{flex:1 1 260px;padding:10px 14px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-surface);color:var(--color-text)}.suggestBtn,.suggestInput{min-height:42px;font-size:14px}.suggestBtn{padding:10px 18px;border:0;border-radius:10px;background:var(--color-primary);color:#ffffff;font-weight:600;cursor:pointer}.suggestBtn:disabled{opacity:.55;cursor:not-allowed}.suggestMessage{margin:0 0 14px;font-size:13px;color:var(--color-muted)}.siteConfirmBackdrop{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;padding:20px;background:rgba(15,23,42,.55)}.siteConfirmBox{width:100%;max-width:420px;padding:22px;border-radius:14px;background:var(--color-surface,#ffffff);color:var(--color-text,#0f172a);box-shadow:0 20px 50px rgba(0,0,0,.28)}.siteConfirmBox h3{margin:0 0 8px;font-size:17px}.siteConfirmBox p{margin:0 0 14px;font-size:14px;line-height:1.5;opacity:.8}.siteConfirmRemember{display:flex;align-items:center;gap:8px;margin-bottom:16px;font-size:13px;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}.siteConfirmActions{display:flex;justify-content:flex-end;gap:10px}.siteConfirmCancel{padding:9px 16px;border:1px solid var(--color-border,#cbd5e1);border-radius:9px;background:transparent;color:inherit;font-size:14px;cursor:pointer}.siteConfirmCancel:hover{background:var(--color-hover,#f1f5f9)}.siteConfirmOk{padding:9px 16px;border:1px solid #dc2626;border-radius:9px;background:#dc2626;color:#ffffff;font-size:14px;cursor:pointer}.siteConfirmOk:hover{background:#b91c1c}.authContainer{max-width:460px;margin:0 auto}.authForm{flex-direction:column;align-items:stretch}.authForm .input{width:100%}.authSwitch{color:var(--color-muted);font-size:14px}.accountBar{gap:12px;align-items:center;justify-content:space-between;padding:12px 16px;margin:16px 0;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface)}.accountBar,.accountWho{display:flex;flex-wrap:wrap}.accountWho{gap:8px;align-items:baseline;font-size:14px}.accountWho span{color:var(--color-muted)}.accountRole{padding:2px 8px;border-radius:999px;background:var(--color-primary-soft);color:var(--color-primary);font-size:12px}.accountActions{display:flex;gap:8px;flex-wrap:wrap}