:root{--bg: #ffffff;--bg-secondary: #f2f2f7;--text: #000000;--hint: #8e8e93;--link: #007aff;--button: #007aff;--button-text: #ffffff;--danger: #ff3b30;--radius: 12px;--gap: 12px}:root[data-scheme=dark]{--bg: #17212b;--bg-secondary: #232e3c;--text: #ffffff;--hint: #708499}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.45 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;padding-bottom:env(safe-area-inset-bottom)}.app{max-width:640px;margin:0 auto}.screen{padding:var(--gap);display:flex;flex-direction:column;gap:var(--gap)}.hero h1{margin:0 0 4px;font-size:26px}.hero p{margin:0;color:var(--hint)}.tabs{display:flex;gap:4px;padding:var(--gap) var(--gap) 0;position:sticky;top:0;background:var(--bg);z-index:2}.tabs button{flex:1;padding:10px 8px;border:0;border-radius:var(--radius);background:var(--bg-secondary);color:var(--hint);font-size:14px;cursor:pointer}.tabs button.active{background:var(--button);color:var(--button-text)}.add-form{display:flex;gap:8px}.add-form input{flex:1;min-width:0;padding:12px;border:0;border-radius:var(--radius);background:var(--bg-secondary);color:var(--text);font-size:16px}button{padding:12px 16px;border:0;border-radius:var(--radius);background:var(--button);color:var(--button-text);font-size:15px;cursor:pointer}button:disabled{opacity:.5}button.secondary{background:var(--bg-secondary);color:var(--text)}button.wide{width:100%}.hint{margin:0;color:var(--hint);font-size:14px}.error{color:var(--danger);margin:0 0 8px}.card{padding:12px;border-radius:var(--radius);background:var(--bg-secondary)}.card-title{font-weight:600}.sample{margin:8px 0 0;padding-left:18px;color:var(--hint);font-size:14px}.list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.row{display:flex;align-items:center;gap:8px;padding:12px;border-radius:var(--radius);background:var(--bg-secondary)}.row-main{flex:1;min-width:0}.row-title{font-weight:500;overflow-wrap:anywhere}.link{color:var(--link);text-decoration:none}.mode{margin-top:6px;padding:4px 10px;font-size:13px;background:var(--bg);color:var(--hint)}.icon{background:transparent;color:var(--hint);padding:8px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{background:var(--bg-secondary);color:var(--text);display:inline-flex;align-items:baseline;gap:6px}.chip.on{background:var(--button);color:var(--button-text)}.chip-note{font-size:12px;opacity:.7}.weak{opacity:.5}section h2{margin:0 0 4px;font-size:17px}.state{padding:var(--gap);display:flex;flex-direction:column;gap:8px}.state.empty{align-items:center;text-align:center;padding:40px var(--gap)}.empty-title{margin:0;font-weight:500}.skeleton{height:44px;border-radius:var(--radius);background:var(--bg-secondary);animation:pulse 1.2s ease-in-out infinite}.skeleton.short{width:60%}@keyframes pulse{50%{opacity:.5}}@media(prefers-reduced-motion:reduce){.skeleton{animation:none}}.trace{margin:0;padding:10px;border-radius:var(--radius);background:var(--bg-secondary);color:var(--hint);font-size:12px;white-space:pre-wrap;overflow-wrap:anywhere}