:root{--background:#f6f4ef;--foreground:#1c1b18;--muted:#706c61;--line:#ddd7cb;--panel:#fffaf1;--accent:#8b2f2f;--accent-strong:#641f1f;--green:#2e6b4f;--ink:#202124}*{box-sizing:border-box}html,body{min-height:100%}body{background:var(--background);color:var(--foreground);letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}.login-page{align-items:center;min-height:100vh;padding:32px;display:grid}.login-panel{background:var(--panel);border:1px solid var(--line);border-radius:8px;width:100%;max-width:420px;margin:0 auto;padding:28px}.eyebrow{color:var(--accent);letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.login-panel h1,.page h1{margin:12px 0;font-size:30px;line-height:1.15}.muted{color:var(--muted);line-height:1.6}.error{color:#8a2016;background:#fff0ed;border:1px solid #efb0a4;border-radius:6px;margin:16px 0;padding:12px}.primary-button,.secondary-button,.nav-link,.user-button{border-radius:6px;justify-content:center;align-items:center;gap:8px;min-height:42px;display:inline-flex}.primary-button{background:var(--accent);border:1px solid var(--accent);color:#fff;cursor:pointer;width:100%;padding:0 16px}.primary-button:hover{background:var(--accent-strong)}.secondary-button{border:1px solid var(--line);color:var(--ink);padding:0 14px}.app-shell{grid-template-columns:248px minmax(0,1fr);min-height:100vh;display:grid}.sidebar{color:#fff7e9;background:#27231e;flex-direction:column;padding:20px;display:flex}.brand{border-bottom:1px solid #ffffff24;align-items:center;gap:12px;padding-bottom:20px;display:flex}.brand-logo{border-radius:6px;flex:none}.brand-text{min-width:0;display:block}.brand strong{font-size:18px;display:block}.brand span{color:#d7c8ac;margin-top:4px;font-size:13px;display:block}.nav{gap:20px;margin-top:24px;display:grid}.nav-group{gap:8px;display:grid}.nav-group-title{color:#d7c8ac;padding:0 12px;font-size:13px}.nav-link{color:#eadfca;justify-content:flex-start;padding:0 12px}.nav-link:hover{color:#fff;background:#ffffff14}.user-box{border-top:1px solid #ffffff24;margin-top:auto;padding-top:16px}.user-email{color:#d7c8ac;overflow-wrap:anywhere;font-size:13px}.user-button{color:#fff7e9;cursor:pointer;background:0 0;border:1px solid #fff3;width:100%;margin-top:10px;padding:0 12px}.main{padding:28px}.page{max-width:1080px;margin:0 auto}.grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:24px;display:grid}.card{background:var(--panel);border:1px solid var(--line);border-radius:8px;padding:18px}.card h2{margin:0 0 8px;font-size:18px}.actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.skill-content{color:var(--ink);white-space:pre-wrap;margin:12px 0 0;font-family:Arial,Helvetica,sans-serif;line-height:1.65}.doc{max-width:760px}.doc h2{margin:32px 0 12px;font-size:20px}.doc p,.doc li{line-height:1.7}.doc ol,.doc ul{padding-left:22px}.doc li{margin:6px 0}.doc code{background:#efe9dc;border-radius:4px;padding:1px 5px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.doc pre{color:#fff7e9;background:#27231e;border-radius:8px;margin:12px 0;padding:14px 16px;line-height:1.6;overflow-x:auto}.doc pre code{color:inherit;background:0 0;padding:0}.doc table{border-collapse:collapse;width:100%;margin:12px 0}.doc th,.doc td{border:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 12px}.doc thead th{background:var(--panel)}.doc tbody th{white-space:nowrap}.doc .callout{border-radius:8px;margin:12px 0;padding:12px 14px;line-height:1.7}.doc .callout.warn{color:#6b4b12;background:#fdf3e4;border:1px solid #e3c48f}.doc .manual-flow{border:1px solid var(--line);border-radius:8px;margin:24px 0;padding:0 16px}.doc .manual-flow[open]{padding-bottom:16px}.doc .manual-flow summary{color:var(--muted);cursor:pointer;padding:14px 0;font-weight:700}.doc .manual-flow summary:hover{color:var(--ink)}.doc .copy-block{position:relative}.doc .copy-block pre{padding-right:130px}.doc .copy-button{background:var(--panel);min-height:34px;position:absolute;top:10px;right:10px}@media (max-width:780px){.app-shell{grid-template-columns:1fr}.sidebar{min-height:auto}.main{padding:20px}}