:root{--bg: #070a14;--panel: rgba(14, 20, 41, .78);--panel-border: rgba(165, 245, 255, .16);--text: rgba(245, 248, 255, .94);--muted: #cbd5e1;--accent: #a5f5ff;--accent2: #ff6bd6;--danger: #ff4d4d;--ok: #68ff8a;--shadow: rgba(0, 0, 0, .35)}.mountain-bg,.auth-bg,.project-bg{position:fixed;inset:0;width:100%;height:100%;z-index:-1;background-color:#000;background-position:center;background-repeat:no-repeat;opacity:.5;pointer-events:none}.mountain-bg{background-image:url(/assets/mountain-background.png);background-size:cover;animation:subtle-scroll 120s linear infinite}.auth-bg,.project-bg{background-image:url(/assets/trees-with-mountbackground.png);background-size:cover;animation:subtle-scroll 120s linear infinite}@keyframes subtle-scroll{0%{transform:scale(1.1) translateY(0)}50%{transform:scale(1.1) translateY(-2%)}to{transform:scale(1.1) translateY(0)}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;color:var(--text);background:radial-gradient(900px 420px at 18% 12%,rgba(255,107,214,.16),transparent 65%),radial-gradient(900px 520px at 75% 22%,rgba(165,245,255,.16),transparent 60%),linear-gradient(180deg,#060817,#070a14 55%,#050610);font-family:"Press Start 2P",ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;letter-spacing:.01em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9em;color:#ffffffdb}.app{min-height:100vh;min-width:640px;display:flex;flex-direction:column}.container{flex:1 0 auto;width:min(1000px,100%);margin:0 auto;padding:18px 16px 40px}.container.whiteboard-layout{width:100%!important;max-width:100%!important;padding:0!important;margin:0!important}.container.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 20px 55px var(--shadow);padding:32px}.topbar{position:sticky;top:0;z-index:10;backdrop-filter:blur(10px);background:#070a14cc;border-bottom:1px solid rgba(255,255,255,.06);padding:14px 16px;display:flex;gap:16px;align-items:center}.brand{color:var(--text);text-decoration:none;font-weight:700}.nav{display:flex;gap:12px;align-items:center;width:100%}.nav a{color:#f5f8ffd6;padding:10px;border-radius:10px;border:1px solid transparent}.nav a.active{border-color:#a5f5ff2e;background:#a5f5ff0f;color:var(--text);text-decoration:none}.spacer{flex:1 1 auto}.user{color:#f5f8ffb8;font-size:10px;max-width:320px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.panel{background:var(--panel);border:1px solid var(--panel-border);border-radius:14px;box-shadow:0 20px 55px var(--shadow);padding:18px}.panel.err{background:#ff4d4d1f;border-color:var(--danger);color:#ff4d4d}.hero h1{margin:8px 0 14px;font-size:26px;line-height:1.25}.kicker{margin:0;color:var(--muted);font-size:10px}.lede{margin:0;color:#f5f8ffd6;font-size:12px;line-height:1.7}h1{margin:0 0 12px;font-size:22px;line-height:1.3}h2{margin:0 0 10px;font-size:14px;line-height:1.4}.muted{color:var(--muted)}.small{font-size:10px;line-height:1.6}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.btn{appearance:none;font-family:inherit;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 14px;border-radius:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;color:var(--text);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none}.btn:hover{background:#ffffff17;text-decoration:none}.btn.primary{background:var(--accent);color:#000;border-color:var(--accent);font-weight:700}.btn.primary:hover{background:#a5f5ff29}.btn.err{background:#ff4d4d;color:#000;border-color:#0003;font-weight:700}.btn.err:hover{background:#f33}.btn.small{padding:10px 12px;border-radius:10px;font-size:10px}.btn.full{width:100%}.btn:disabled{opacity:.55;cursor:not-allowed}.form{display:grid;gap:12px;margin-top:14px}.label{display:grid;gap:8px;font-size:10px}.input{appearance:none;font-family:inherit;width:100%;padding:12px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:var(--text);outline:none}.input:focus{border-color:#a5f5ff5c;box-shadow:0 0 0 4px #a5f5ff14}.fieldset{border:1px dashed rgba(255,255,255,.16);border-radius:12px;padding:12px;margin:6px 0 0}.radio{display:flex;gap:10px;align-items:flex-start;margin:8px 0;font-size:10px;line-height:1.6}.callout{border-radius:12px;padding:12px;border:1px solid rgba(255,255,255,.12);background:#ffffff0f;font-size:10px;line-height:1.6}.callout.ok{border-color:#68ff8a33;background:#68ff8a14}.callout.warn{border-color:#ffd46b3d;background:#ffd46b14}.callout.err{border-color:#ff4d4d3d;background:#ff4d4d14}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.card{background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:14px}.card.selectable{cursor:pointer;transition:all .2s ease}.card.selectable:hover:not(.selected){background:#ffffff14;border-color:#fff3}.card.selected{border-color:var(--accent);background:#a5f5ff1f;box-shadow:0 0 15px #a5f5ff33}.card h3{margin:0 0 8px;font-size:14px;color:var(--text)}.card p{margin:0;color:#f5f8ffbd;font-size:10px;line-height:1.8}.row{display:flex;gap:14px;align-items:center}.between{justify-content:space-between}.empty{display:grid;place-items:center;padding:26px 0 10px}.pixel-box{width:100%;border:2px solid rgba(165,245,255,.26);box-shadow:0 0 0 4px #ff6bd614,0 22px 50px #00000052;border-radius:14px;padding:16px;background:#00000029}.pixel-box .title{font-size:12px;margin-bottom:8px}.footer{padding:16px;text-align:center;border-top:1px solid rgba(255,255,255,.06);background:#070a1499}.avatar-thumb{width:48px;height:72px;object-fit:contain;image-rendering:pixelated;flex-shrink:0}.avatar-large{width:64px;height:96px;object-fit:contain;image-rendering:pixelated;margin-right:12px}@media (max-width: 860px){.cards{grid-template-columns:1fr}.user{display:none}}