:root{--bg: #1c1510;--surface: #2c2018;--accent: #c4782a;--accent-ui: #d4633a;--text: #f5edd8;--text-dim: #a89880;--line: #443a30;--surface-hi: #362a20;--status-want: #e8a030;--status-visited: #4eadab;--status-return: #7abf5a;--status-noreturn: #d46060;--radius: 14px;--gap: 16px;--maxw: 560px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color-scheme:dark}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{background:var(--bg);color:var(--text);line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}h1{font-size:1.5rem}h2{font-size:1.15rem}a{color:var(--accent);text-decoration:none;transition:color .15s ease}a:hover{color:var(--accent-ui)}.dim{color:var(--text-dim)}.error{color:var(--status-noreturn);font-size:.9rem}.center{text-align:center}button:focus-visible,.btn:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app-shell{max-width:var(--maxw);margin:0 auto;padding:var(--gap);padding-bottom:64px;display:flex;flex-direction:column;gap:var(--gap)}.card{background:var(--surface);border-radius:var(--radius);padding:var(--gap);display:flex;flex-direction:column;gap:6px;transition:background .15s ease,transform .15s ease}a.card{color:inherit;text-decoration:none}a.card:hover{background:var(--surface-hi)}.gate{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--gap)}.gate .card{width:100%;max-width:360px;gap:10px}.gate .hero{text-align:center}.gate .mascot{display:block;height:120px;width:auto;margin:4px auto 2px}.gate .logo{display:block;width:100%;max-width:260px;height:auto;margin:4px auto}form{display:flex;flex-direction:column;gap:10px;margin-top:6px}input[type=text],input[type=search],input[type=password],input[type=date]{font:inherit;width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--text)}input::placeholder{color:var(--text-dim)}button,.btn{font:inherit;border:none;border-radius:10px;padding:12px 18px;background:var(--accent);color:var(--bg);font-weight:600;cursor:pointer;text-decoration:none;transition:background .15s ease,color .15s ease,border-color .15s ease}button:hover:not(:disabled),.btn:hover:not(:disabled){background:var(--accent-ui)}button:disabled,.btn:disabled{opacity:.45;cursor:default}button.secondary,.btn.secondary{background:transparent;color:var(--text);border:1px solid var(--line)}button.secondary:hover:not(:disabled),.btn.secondary:hover:not(:disabled){background:transparent;border-color:var(--accent-ui);color:var(--accent-ui)}button.danger,.btn.danger{background:transparent;color:var(--status-noreturn);border:1px solid var(--status-noreturn);padding:8px 14px}button.danger:hover:not(:disabled),.btn.danger:hover:not(:disabled){background:var(--status-noreturn);color:var(--bg)}.topbar-wrap.svelte-12qhfyh{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:1px solid var(--line)}.topbar.svelte-12qhfyh{max-width:var(--maxw);margin:0 auto;padding:12px var(--gap);display:flex;align-items:center;justify-content:space-between}.brand.svelte-12qhfyh{display:inline-flex;align-items:center}.brand.svelte-12qhfyh img:where(.svelte-12qhfyh){display:block;height:28px;width:auto}.topbar.svelte-12qhfyh nav:where(.svelte-12qhfyh){display:flex;align-items:center;gap:16px}.linklike.svelte-12qhfyh{background:none;border:none;padding:0;color:var(--accent);font-weight:600;cursor:pointer;font:inherit}.profile-list.svelte-12qhfyh{display:flex;flex-direction:column;gap:8px;margin-top:4px}.view-tabs.svelte-12qhfyh{max-width:var(--maxw);margin:0 auto;padding:0 var(--gap) 10px;display:flex;justify-content:center}.view-tabs-inner.svelte-12qhfyh{display:inline-flex;background:var(--surface);border-radius:999px;padding:4px;gap:2px}.view-tabs.svelte-12qhfyh a:where(.svelte-12qhfyh){padding:6px 22px;border-radius:999px;color:var(--text-dim);font-weight:600;font-size:.9rem;text-decoration:none;transition:background .15s ease,color .15s ease}.view-tabs.svelte-12qhfyh a:where(.svelte-12qhfyh):hover{color:var(--text)}.view-tabs.svelte-12qhfyh a.active:where(.svelte-12qhfyh){background:var(--accent-ui);color:var(--bg)}
