:root{color-scheme:dark;--ink:#edf5ef;--muted:#91a59c;--green:#b9f264;--panel:#14221f;--line:#263a35}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}body{margin:0;min-height:100dvh;background:radial-gradient(circle at 50% 22%,#1b312b 0,#0c1715 42%,#08110f 100%);font:16px/1.45 ui-sans-serif,-apple-system,BlinkMacSystemFont,"SF Pro",sans-serif;color:var(--ink);overscroll-behavior:none}main{width:min(100%,520px);min-height:100dvh;margin:auto;padding:calc(env(safe-area-inset-top) + 22px) 20px calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;gap:20px}header{display:flex;align-items:center;gap:12px}header .mark{display:grid;place-items:center;width:38px;height:38px;border:1px solid #426056;border-radius:12px;color:var(--green);font-weight:800}h1{font-size:18px;margin:0;letter-spacing:-.02em}header p{margin:1px 0 0;color:var(--muted);font-size:13px}header i{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#51645d;box-shadow:0 0 0 4px #1c2a26}.card{background:linear-gradient(145deg,rgba(26,43,39,.92),rgba(16,29,26,.92));border:1px solid var(--line);border-radius:20px;padding:18px;box-shadow:0 18px 48px #0004}.card label{font-size:10px;color:var(--green);letter-spacing:.18em;font-weight:700}.card p{margin:11px 0 0}.card #transcript{font-size:18px;min-height:54px}.card #assistant{color:var(--muted);font-size:14px;border-top:1px solid transparent;padding-top:0}.card #assistant:not(:empty){border-color:var(--line);padding-top:12px}.controls{text-align:center;flex:1;display:grid;place-content:center}.controls button{position:relative;width:190px;height:190px;border-radius:50%;border:1px solid #49675d;background:radial-gradient(circle,#27413a,#162823 62%,#10201c);color:var(--ink);box-shadow:0 25px 55px #0008,inset 0 1px 1px #fff2;touch-action:none}.controls button:disabled{opacity:.45}.controls button.active{background:radial-gradient(circle,#d8ff9f,#8dcc36);color:#101b15;transform:scale(.97);box-shadow:0 0 0 16px #b9f26410,0 0 65px #b9f26455}.mic{display:block;font-size:34px;color:var(--green);line-height:1}.active .mic{color:#172514}.controls strong{display:block;margin-top:15px;font-size:11px;letter-spacing:.13em}.hint{font-size:12px;color:var(--muted);margin:18px 0 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}.actions button,details input{min-height:48px;border-radius:13px;border:1px solid var(--line);background:#192b26;color:var(--ink);font-weight:650}.actions button:disabled{opacity:.4}.actions #save{background:var(--green);color:#102016;border-color:var(--green)}.actions .quiet{grid-column:1/-1;background:transparent;min-height:36px;color:var(--muted)}details{color:var(--muted);font-size:13px}details label{display:block;margin:12px 0 6px}details input{width:100%;padding:0 12px}#toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);translate:-50% 130px;background:#edf5ef;color:#0d1815;border-radius:99px;padding:11px 17px;font-size:13px;font-weight:700;transition:.25s;white-space:nowrap;box-shadow:0 8px 28px #0008}#toast.show{translate:-50% 0}