@font-face{font-family:DM Sans;src:url(/fonts/dm_sans.ttf) format("truetype");font-weight:100 1000;font-display:swap}@font-face{font-family:"DM Serif Display";src:url(/fonts/dm_serif_display.ttf) format("truetype");font-display:swap}:root{--bg: #F4F5F8;--surface: #FFFFFF;--text: #141A2E;--muted: #545C72;--accent: #1E2A4F;--accent2: #9A6A0A;--on-accent: #FFFFFF;--chip: #E5E8EF;--line: #D8DCE6;--bad: #A3322A;--bad-bg: #F8E3E0;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #0F1424;--surface: #192038;--text: #EEF1F8;--muted: #A3AAC0;--accent: #F0B640;--accent2: #8FB0F0;--on-accent: #0F1424;--chip: #232B45;--line: #2D3653;--bad: #F08A7E;--bad-bg: #3A2230;color-scheme:dark}}:root[data-theme=dark]{--bg: #0F1424;--surface: #192038;--text: #EEF1F8;--muted: #A3AAC0;--accent: #F0B640;--accent2: #8FB0F0;--on-accent: #0F1424;--chip: #232B45;--line: #2D3653;--bad: #F08A7E;--bad-bg: #3A2230;color-scheme:dark}*{box-sizing:border-box}html,body{margin:0}body{background:var(--bg);color:var(--text);font:400 15px/1.4 DM Sans,system-ui,sans-serif;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}button,input{font:inherit;color:inherit}button{cursor:pointer}a{color:var(--accent)}.screen{max-width:640px;margin:0 auto;min-height:100dvh;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top) + 16px) 16px calc(env(safe-area-inset-bottom) + 16px)}.center{justify-content:center;gap:16px}h1.title{margin:0;font:400 30px/1.15 "DM Serif Display",Georgia,serif;color:var(--accent)}h2{margin:8px 0 4px;font:400 21px "DM Serif Display",Georgia,serif;color:var(--accent)}.muted{color:var(--muted)}.small{font-size:13px}.error{color:var(--bad);background:var(--bad-bg);padding:10px 12px;border-radius:12px}.topbar{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.btn{min-height:46px;padding:0 18px;border-radius:14px;border:0;background:var(--accent);color:var(--on-accent);font-weight:600}.btn.secondary{background:var(--chip);color:var(--text)}.btn:disabled{opacity:.5;cursor:default}.icon-btn{width:42px;height:42px;flex:none;border:0;border-radius:12px;background:var(--chip);color:var(--text);display:flex;align-items:center;justify-content:center}.field{display:flex;flex-direction:column;gap:6px}.field input,.search{height:46px;padding:0 14px;border-radius:14px;border:1px solid var(--line);background:var(--surface);outline:0;font-size:16px}.field input:focus,.search:focus-within{border-color:var(--accent)}.search{display:flex;align-items:center;gap:10px;color:var(--muted)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font-size:16px}.card{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.stack{display:flex;flex-direction:column;gap:12px}.row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin:12px 0}.tab{height:38px;border:0;border-radius:10px;padding:0 4px;background:var(--chip);color:var(--text);font-size:13px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tab[aria-selected=true]{background:var(--accent);color:var(--on-accent);font-weight:600}.entry{display:flex;gap:12px;align-items:center;padding:9px 0;border-bottom:1px solid var(--line)}.thumb{width:52px;height:52px;flex:none;border-radius:10px;background:var(--chip);color:var(--muted);display:flex;align-items:center;justify-content:center;font:400 22px "DM Serif Display",Georgia,serif}.entry-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.entry-name{display:flex;gap:6px;align-items:center}.entry-name span:first-child{font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.entry-sub{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{flex:none;font-size:10px;font-weight:600;padding:1px 6px;border-radius:6px;background:var(--accent);color:var(--on-accent)}.badge.bad{background:var(--bad-bg);color:var(--bad)}.badge.try{background:var(--chip);color:var(--accent2)}.score{flex:none;display:flex;flex-direction:column;align-items:flex-end}.score b{font:400 22px "DM Serif Display",Georgia,serif;color:var(--accent)}.score span{font-size:11px;color:var(--muted)}.segmented{display:inline-flex;gap:4px;padding:3px;border-radius:12px;background:var(--chip)}.segmented button{border:0;border-radius:9px;padding:6px 12px;background:transparent;color:var(--muted)}.segmented button[aria-pressed=true]{background:var(--surface);color:var(--accent);font-weight:600}