:root{--sky: #58abe8;--grass: #8fbf3f;--earth: #3a2a1e;--amber: #e08a2c;--rust: #d9552b;--rust-dark: #b8431f;--paper: #fdf3dc;--paper-bright: #fffaf0;--line: #7a6449;--muted: #7d6b55;--success: #4f7a2a;--danger: #a33224}*{box-sizing:border-box}html,body{font-family:Space Mono,ui-monospace,Courier New,monospace;color:var(--earth);margin:0;padding:0;overflow-x:hidden;min-height:100%;background-color:var(--sky);background-image:url(/background.png);background-size:cover;background-position:center bottom;background-repeat:no-repeat;background-attachment:fixed;image-rendering:pixelated}a{color:inherit}button,input{font:inherit}#app,#app-wrapper{display:flex;flex-direction:column;min-height:100vh;width:100%}.navbar{display:flex;align-items:center;justify-content:space-between;background-color:#231912d1;padding:10px 16px;color:var(--paper);flex-shrink:0;image-rendering:auto}.nav-left{display:flex;align-items:center;gap:16px}.nav-logo{display:flex;align-items:center}.nav-links-left,.nav-links-right{list-style:none;display:flex;gap:16px;margin:0;padding:0;align-items:center}.nav-links-left li a,.nav-links-right li a{color:var(--paper);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;text-decoration:none}.nav-links-left li a:hover,.nav-links-right li a:hover{color:var(--amber)}.shell{flex:1;display:flex;align-items:center;justify-content:center;padding:32px 16px 56px}.auth-panel{position:relative;width:min(420px,100%);display:grid;gap:14px;background:var(--paper);border:2px solid var(--line);border-radius:6px;padding:26px 24px;box-shadow:0 10px 28px #1e161052;image-rendering:auto;overflow:hidden}.auth-panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgb(58 42 30 / 5%) 0 1px,transparent 1px 3px)}.auth-panel>*{position:relative}.eyebrow{margin:0;font-size:.7rem;letter-spacing:.22em;text-transform:uppercase;color:var(--muted)}h1{margin:0;font-size:1.15rem;font-weight:700;line-height:1.5;letter-spacing:.02em}.lede{margin:0;font-size:.85rem;line-height:1.65;color:var(--muted)}.status{margin:0;font-size:.82rem;letter-spacing:.04em;color:var(--muted)}.status.error{color:var(--rust-dark)}.status.success{color:var(--success)}.account-card{display:grid;gap:14px;padding:18px;background:var(--paper-bright);border:2px solid var(--line);border-radius:4px}.account-label{margin:0;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.account-value{margin:4px 0 0;font-size:.95rem;font-weight:700;word-break:break-all}.auth-card{display:grid;gap:18px}.mode-toggle{display:flex;gap:0;border:2px solid var(--line);border-radius:4px;overflow:hidden}.mode-button{flex:1;padding:10px 12px;border:none;background:var(--paper-bright);color:var(--muted);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;transition:background .15s ease}.mode-button+.mode-button{border-left:2px solid var(--line)}.mode-button:hover{background:#e08a2c2e}.mode-button.active{background:var(--rust);color:var(--paper-bright)}.auth-form{display:grid;gap:14px}.field{display:grid;gap:8px}.field span{font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.field input{width:100%;padding:11px 12px;border:2px solid var(--line);border-radius:4px;background:var(--paper-bright);color:var(--earth);box-shadow:inset 0 2px 5px #3a2a1e24}.field input:focus{outline:none;border-color:var(--amber);box-shadow:inset 0 2px 5px #3a2a1e24,0 0 0 3px #e08a2c52}.actions{display:flex;justify-content:flex-start}.submit-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;white-space:nowrap;cursor:pointer;font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;padding:11px 20px;border:2px solid var(--line);border-radius:4px;background:var(--rust);color:var(--paper-bright);transition:background .15s ease}.submit-button:hover{background:var(--rust-dark)}.submit-button:active{transform:translateY(1px)}.submit-button:focus-visible{outline:2px solid var(--amber);outline-offset:2px}.submit-button:disabled{opacity:.55;cursor:not-allowed;transform:none}.submit-button.secondary{background:transparent;color:var(--earth)}.submit-button.secondary:hover{background:#7a644924}@media (max-width: 480px){.auth-panel{padding:20px 16px}}