:root{--bg: #f6f7f4;--surface: #ffffff;--text: #1c1f1d;--muted: #5d655f;--line: #e2e5df;--brand: #16a34a;--brand-dark: #15803d;--radius: 14px;--tabbar: 64px;font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color-scheme:light dark}@media(prefers-color-scheme:dark){:root{--bg: #121512;--surface: #1c201d;--text: #eef1ee;--muted: #a3ada5;--line: #2c322d;--brand: #22c55e;--brand-dark: #16a34a}}*{box-sizing:border-box}html,body{margin:0;background:var(--bg);color:var(--text)}body{line-height:1.45;-webkit-text-size-adjust:100%}button,input{font:inherit;color:inherit}button{cursor:pointer}.app{max-width:640px;margin:0 auto;min-height:100dvh;padding-bottom:calc(var(--tabbar) + env(safe-area-inset-bottom) + 12px)}.top{padding:20px 16px 8px}.top h1{margin:0;font-size:1.5rem}.top p{margin:4px 0 0;color:var(--muted);font-size:.95rem}.main{padding:8px 16px 0}.muted{color:var(--muted)}.small{font-size:.85rem}.disclaimer{margin:28px 0 0;padding:12px 14px;font-size:.85rem;color:var(--muted);border:1px dashed var(--line);border-radius:var(--radius)}.tabbar{position:fixed;left:0;right:0;bottom:0;display:flex;justify-content:center;gap:4px;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line);z-index:10}.tabbar button{flex:1;max-width:200px;height:calc(var(--tabbar) - 12px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border:0;border-radius:12px;background:transparent;color:var(--muted);font-size:.78rem}.tabbar button .icon{font-size:1.3rem;line-height:1}.tabbar button.active{background:color-mix(in srgb,var(--brand) 14%,transparent);color:var(--brand-dark);font-weight:600}@media(prefers-color-scheme:dark){.tabbar button.active{color:var(--brand)}}.search input{width:100%;padding:14px 16px;font-size:1rem;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);outline:none}.search input:focus{border-color:var(--brand);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand) 25%,transparent)}.chips{display:flex;gap:8px;margin:12px -16px;padding:0 16px 4px;overflow-x:auto;scrollbar-width:none}.chips::-webkit-scrollbar{display:none}.chips.wrap{flex-wrap:wrap;overflow:visible;margin:8px 0 16px;padding:0}.chip{flex:none;padding:8px 12px;font-size:.85rem;white-space:nowrap;border:1px solid color-mix(in srgb,var(--c, var(--line)) 50%,var(--line));border-radius:999px;background:var(--surface)}.chip.on{background:var(--c);border-color:var(--c);color:#fff}.chip.plain{--c: var(--line)}.label{margin:8px 0 0;font-weight:600}.count{margin:4px 0 8px;color:var(--muted);font-size:.85rem}.cards{list-style:none;margin:0;padding:0;display:grid;gap:10px}.card{padding:14px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:var(--radius)}.badge{display:inline-block;margin-top:6px;padding:3px 10px;font-size:.82rem;font-weight:600;color:#fff;background:var(--c);border-radius:999px}.note{margin:8px 0 0;font-size:.9rem;color:var(--muted)}.alt{margin:8px 0 0;font-size:.82rem;color:var(--muted)}.alt span{margin-left:6px}.empty{padding:24px 8px;text-align:center}.place{margin-bottom:28px}.place h2{margin:16px 0 4px;font-size:1.2rem}.tips{margin:8px 0 12px;padding:12px 14px 12px 32px;font-size:.9rem;background:color-mix(in srgb,var(--brand) 10%,var(--surface));border-radius:var(--radius)}.tips li+li{margin-top:4px}.cat{margin-top:10px;background:var(--surface);border:1px solid var(--line);border-left:5px solid var(--c);border-radius:var(--radius);overflow:hidden}.cat summary{display:flex;align-items:center;gap:12px;padding:12px 14px;list-style:none;cursor:pointer}.cat summary::-webkit-details-marker{display:none}.cat summary:after{content:"›";margin-left:auto;font-size:1.4rem;color:var(--muted);transition:transform .15s}.cat[open] summary:after{transform:rotate(90deg)}.cat .emoji{font-size:1.6rem}.cat .title{display:flex;flex-direction:column}.cat small{color:var(--muted)}.cat .body{padding:0 14px 14px}.cat .body p{margin:0 0 8px}.cat h3{margin:12px 0 4px;font-size:.9rem}.cat ul{margin:0;padding-left:20px}.cat .tip{margin-top:14px;padding:10px 12px;font-size:.9rem;background:color-mix(in srgb,var(--c) 10%,var(--surface));border-radius:10px}.center{text-align:center;padding:24px 0}.big{font-size:3rem;margin:0}.primary{margin-top:16px;padding:14px 24px;font-weight:600;color:#fff;background:var(--brand-dark);border:0;border-radius:var(--radius)}.primary:active{filter:brightness(.92)}.progress{height:6px;margin:8px 0;background:var(--line);border-radius:999px;overflow:hidden}.progress .bar{height:100%;background:var(--brand);transition:width .25s}.q{margin:12px 0 16px;font-size:1.3rem}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.opt{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:84px;padding:8px 4px;font-size:.72rem;text-align:center;background:var(--surface);border:2px solid var(--line);border-radius:12px}.opt .emoji{font-size:1.5rem}.opt:not(:disabled):active{border-color:var(--c)}.opt.right{border-color:#16a34a;background:color-mix(in srgb,#16a34a 18%,var(--surface))}.opt.wrong{border-color:#dc2626;background:color-mix(in srgb,#dc2626 16%,var(--surface))}.opt.dim{opacity:.45}.feedback{margin-top:16px;padding:14px;border-radius:var(--radius)}.feedback p{margin:0}.feedback.good{background:color-mix(in srgb,#16a34a 15%,var(--surface))}.feedback.bad{background:color-mix(in srgb,#dc2626 13%,var(--surface))}.feedback .primary{margin-top:12px;width:100%}