:root{--paper:#eadfca;--paper2:#e1d3b8;--paper3:#d8c7a7;--ink:#1e1913;--ink2:#4d4236;--ink3:#7a6b5a;--rule:rgba(30,25,19,.22);--rule2:rgba(30,25,19,.5);--seal:#c4472a;--green:#2fbf71;--glow:rgba(47,191,113,.5);--term:#171512;--err:#b3361d}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--paper);color:var(--ink);font-family:'Noto Serif SC','Songti SC',serif;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.5;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='f'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' seed='4'/%3E%3CfeColorMatrix values='0 0 0 0 .45 0 0 0 0 .36 0 0 0 0 .24 0 0 0 .32 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23f)'/%3E%3C/svg%3E")}
a{color:var(--ink)}a:hover{color:var(--seal)}
.dot{display:inline-block;width:.22em;height:.22em;margin-top:.18em;border-radius:50%;background:var(--green);animation:breathe 3.2s ease-in-out infinite}
@keyframes breathe{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1);box-shadow:0 0 .18em .04em var(--glow)}}
@media (prefers-reduced-motion:reduce){.dot{animation:none}}
.brand{font:800 23px/1 'Geist',sans-serif;letter-spacing:-.05em;display:inline-flex;align-items:flex-start;gap:3px;text-decoration:none}
.page{position:relative;min-height:100vh;display:flex;flex-direction:column}
.top{padding:20px 40px;border-bottom:1px solid var(--rule)}
.center{flex:1;display:flex;align-items:center;justify-content:center;padding:56px 18px}
.card{width:100%;max-width:440px;display:flex;flex-direction:column;gap:16px}
.card h1{margin:0 0 4px;font:900 40px/1.2 'Noto Serif SC',serif}
.card p{margin:0;color:var(--ink2);font-size:17px;line-height:1.85}
label{font:600 14px 'Geist',sans-serif;color:var(--ink3)}
input{width:100%;height:52px;padding:0 16px;border:1.5px solid var(--ink);background:rgba(255,250,238,.5);color:var(--ink);font:17px 'Geist',sans-serif;outline:none;border-radius:0}
input:focus{border-color:var(--seal);background:rgba(255,250,238,.85)}
.btn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;height:52px;border:0;background:transparent;box-shadow:inset 0 0 0 1.5px var(--ink);color:var(--ink);font:600 16px 'Geist',sans-serif;cursor:pointer;text-decoration:none}
.btn:hover{background:var(--ink);color:var(--paper)}
.btn.primary{background:var(--ink);color:var(--paper);box-shadow:none}
.btn.primary:hover{background:var(--seal)}
.btn[disabled]{opacity:.6;cursor:default}
.or{display:flex;align-items:center;gap:12px;color:var(--ink3);font:500 13px 'Geist',sans-serif}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--rule2)}
.msg{min-height:26px;font-size:15px;color:#2b7a4b}.msg.err{color:var(--err)}
.cmd{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--term);color:#efe6d4;font:14px 'Geist Mono',monospace}
.cmd span{color:#d0662f}.cmd code{flex:1;min-width:0;overflow-x:auto;white-space:nowrap}
.foot{padding:22px 40px;border-top:1px solid var(--rule);color:var(--ink3);font:500 13px 'Geist',sans-serif}
@media (max-width:640px){.top,.foot{padding-left:18px;padding-right:18px}}
[hidden]{display:none!important}