:root{--bg:#0f1115;--panel:#171a21;--line:#262b36;--text:#e8eaee;--dim:#8a90a0;--accent:#ffb454;--danger:#ff6b6b;color-scheme:dark}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body,html{margin:0;height:100%;background:var(--bg);color:var(--text);font:16px/1.55 -apple-system,BlinkMacSystemFont,Segoe UI,Roboto,system-ui,sans-serif;overscroll-behavior:none}.screen{min-height:100dvh;display:flex;flex-direction:column;padding:max(20px,env(safe-area-inset-top)) 20px max(20px,env(safe-area-inset-bottom));gap:16px;max-width:640px;margin:0 auto}.screen.center{justify-content:center;align-items:center;text-align:center}h1{font-size:2.2rem;letter-spacing:-.02em}h1,h2{margin:0}h2{font-size:1.4rem}.sub{color:var(--dim);margin:0;max-width:34ch}.levels{display:flex;gap:8px}button{font:inherit;cursor:pointer;border-radius:12px;border:1px solid var(--line);transition:background .12s ease}.chip{background:transparent;color:var(--dim);padding:8px 16px}.chip.on,.primary{background:var(--accent);border-color:var(--accent);color:#16181d;font-weight:600}.primary{padding:15px 32px;font-size:1.05rem}.primary:disabled{opacity:.5}.ghost{background:transparent;color:var(--text);padding:12px 20px}.ghost.small{padding:6px 12px;font-size:.85rem;color:var(--dim)}.ghost.wide{width:100%}.error{color:var(--danger);font-size:.9rem}.walking{height:100dvh;min-height:0}.strip{display:flex;align-items:center;gap:12px;font-size:.8rem;color:var(--dim);border-bottom:1px solid var(--line);padding-bottom:10px}.strip span:first-child{flex:1 1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.log{flex:1 1;overflow-y:auto;display:flex;flex-direction:column;gap:14px;padding:4px 0}.log p{margin:0;padding:12px 16px;border-radius:16px;max-width:88%}.log .assistant{background:var(--panel);border-bottom-left-radius:5px;align-self:flex-start;font-size:1.08rem}.log .user{background:#2a3040;border-bottom-right-radius:5px;align-self:flex-end;color:var(--dim)}.log .faint{opacity:.5;font-style:italic}.controls{display:flex;flex-direction:column;gap:10px}.mic{background:var(--panel);color:var(--text);padding:20px;font-size:1.05rem;font-weight:600;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:none}.mic.live{background:var(--accent);border-color:var(--accent);color:#16181d}.row{display:flex;gap:8px}input{flex:1 1;font:inherit;font-size:16px;padding:12px 16px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}input:focus{outline:none;border-color:var(--accent)}.notes{display:flex;flex-direction:column;gap:12px;overflow-y:auto;flex:1 1}.note{display:flex;flex-direction:column;gap:4px;background:var(--panel);border-radius:14px;padding:14px 16px}.note strong{color:var(--accent);font-size:1.1rem}.note .meaning{font-size:.95rem}.note .ctx{color:var(--dim);font-size:.9rem}.note .anchor{color:var(--dim);font-size:.8rem;opacity:.75}@keyframes pulse{0%,to{box-shadow:0 0 0 0 rgba(255,180,84,.55)}50%{box-shadow:0 0 0 14px rgba(255,180,84,0)}}.mic.live{animation:pulse 1.4s ease-out infinite}.log .thinking{letter-spacing:.25em;opacity:.55;animation:breathe 1.4s ease-in-out infinite}@keyframes breathe{0%,to{opacity:.25}50%{opacity:.7}}.ghost.photo{flex:0 0 auto;padding:12px 14px;color:var(--text)}.ghost.photo:disabled{opacity:.4}