:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--bg:#f6f6f7;--surface:#fff;--surface-2:#f0f0f3;--text:#16161a;--text-muted:#74747e;--text-faint:#a8a8b2;--border:#16161a14;--red:#ff3b30;--red-deep:#e5352b;--red-soft:#ff3b301a;--green:#1f9d55;--green-soft:#1f9d551f;--amber:#b26205;--amber-soft:#ff9f0a29;--shadow-card:0 1px 2px #1010140a, 0 6px 20px #1010140d;--shadow-float:0 4px 12px #10101414, 0 12px 32px #1010141f;--shadow-button:0 6px 16px #ff3b3052, 0 2px 6px #ff3b303d;--tabbar-height:60px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0d0d10;--surface:#17171b;--surface-2:#232329;--text:#f2f2f5;--text-muted:#9d9da8;--text-faint:#6c6c77;--border:#ffffff17;--red:#ff453a;--red-deep:#d63a30;--red-soft:#ff453a29;--green:#32d074;--green-soft:#32d07429;--amber:#ffb340;--amber-soft:#ffb34029;--shadow-card:0 1px 2px #0006, 0 8px 24px #00000052;--shadow-float:0 6px 16px #00000073, 0 16px 40px #00000080;--shadow-button:0 6px 16px #ff453a47, 0 2px 6px #ff453a33}}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,Inter,system-ui,sans-serif;line-height:1.5}button{font:inherit}:focus-visible{outline:2px solid var(--red);outline-offset:2px}.app{max-width:560px;min-height:100dvh;padding:calc(env(safe-area-inset-top) + 14px) 20px calc(env(safe-area-inset-bottom) + var(--tabbar-height) + 44px);margin:0 auto}.app-main{width:100%}@media (prefers-reduced-motion:no-preference){.page{animation:.28s cubic-bezier(.2,.7,.3,1) both page-in}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}}.page-header{justify-content:space-between;align-items:flex-start;gap:12px;margin:4px 0 20px;display:flex}.page-title{letter-spacing:-.03em;margin:0;font-size:30px;font-weight:800;line-height:1.15}.page-subtitle{color:var(--text-muted);margin:3px 0 0;font-size:15px}.icon-button{background:var(--surface);width:40px;height:40px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-card);border:none;border-radius:999px;flex:none;place-items:center;transition:color .15s,transform .1s;display:grid}.icon-button:hover{color:var(--text)}.icon-button:active{transform:scale(.92)}.section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);margin:0 0 10px;padding-left:4px;font-size:13px;font-weight:700}.tabbar{left:50%;bottom:calc(10px + env(safe-area-inset-bottom));z-index:50;width:min(440px,100% - 24px);height:var(--tabbar-height);border:1px solid var(--border);background:var(--surface);background:color-mix(in srgb, var(--surface) 80%, transparent);-webkit-backdrop-filter:blur(20px)saturate(1.8);backdrop-filter:blur(20px)saturate(1.8);box-shadow:var(--shadow-float);border-radius:24px;gap:2px;padding:6px;display:flex;position:fixed;transform:translate(-50%)}.tabbar a{color:var(--text-faint);letter-spacing:.01em;border-radius:17px;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:11px;font-weight:600;text-decoration:none;transition:color .15s,transform .1s;display:flex}.tabbar a:hover{color:var(--text-muted)}.tabbar a.active{color:var(--red)}.tabbar a:active{transform:scale(.94)}.card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-card);border-radius:20px}.button{border:1px solid var(--border);background:var(--surface);color:var(--text);cursor:pointer;border-radius:12px;padding:.55rem 1rem;font-weight:600;transition:transform .1s,background .15s,color .15s}.button:active:not(:disabled){transform:scale(.97)}.button:disabled{opacity:.55;cursor:not-allowed}.button-primary{color:#fff;background:linear-gradient(180deg, #ff5148, var(--red) 55%, var(--red-deep));width:100%;box-shadow:var(--shadow-button);border:none;border-radius:14px;padding:.9rem 1rem;font-size:16px;font-weight:700}.button-ghost{color:var(--text-muted);background:0 0;border-color:#0000}.button-danger{border-color:var(--red);color:var(--red);background:0 0}.button-link{width:100%;color:var(--red);text-underline-offset:3px;background:0 0;border:none;padding:.5rem;text-decoration:underline}.text-button{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:8px;padding:6px 8px;font-size:13px;font-weight:600;transition:color .15s,background .15s}.text-button svg{vertical-align:-2px}.text-button:hover{color:var(--text);background:var(--surface-2)}.text-button-danger:hover{color:var(--red)}.field{text-align:left;flex-direction:column;gap:.4rem;display:flex}.field span{color:var(--text-muted);font-size:13px;font-weight:600}.field input{font:inherit;border:1.5px solid var(--border);background:var(--surface);color:var(--text);border-radius:14px;padding:.8rem .9rem;font-size:16px;transition:border-color .15s,box-shadow .15s}.field input:focus{border-color:var(--red);box-shadow:0 0 0 3px var(--red-soft);outline:none}.field-hint{color:var(--text-faint);font-size:12.5px}.form-error{color:var(--red);margin:0;font-size:14px}.login-page{min-height:100dvh;padding:calc(env(safe-area-inset-top) + 16px) 20px calc(env(safe-area-inset-bottom) + 16px);place-items:center;display:grid}.login-card{text-align:center;flex-direction:column;gap:1rem;width:100%;max-width:360px;display:flex}.login-logo{color:#fff;background:linear-gradient(180deg, #ff5148, var(--red) 55%, var(--red-deep));width:68px;height:68px;box-shadow:var(--shadow-button);border-radius:999px;place-items:center;margin:0 auto 2px;display:grid}.login-title{letter-spacing:-.03em;margin:0;font-size:28px;font-weight:800}.login-subtitle{color:var(--text-muted);margin:-.6rem 0 .4rem;font-size:15px}.record-hero{flex-direction:column;align-items:center;gap:16px;margin-bottom:26px;padding:26px 0 30px;display:flex}.record-button{color:#fff;cursor:pointer;background:linear-gradient(180deg, #ff5148, var(--red) 55%, var(--red-deep));width:104px;height:104px;box-shadow:var(--shadow-button);border:none;border-radius:999px;place-items:center;transition:transform .15s cubic-bezier(.2,.7,.3,1.4),box-shadow .2s;display:grid;position:relative}.record-button:active:not(:disabled){transform:scale(.93)}.record-button:disabled{opacity:.55;cursor:not-allowed}.record-button-active{background:linear-gradient(180deg, #ff4640, var(--red-deep))}.record-button-active .record-button-icon{animation:1.6s ease-in-out infinite record-breathe}@keyframes record-breathe{0%,to{transform:scale(1)}50%{transform:scale(.88)}}@media (prefers-reduced-motion:no-preference){.record-button-active:before,.record-button-active:after{content:"";border:2px solid var(--red);pointer-events:none;border-radius:999px;animation:2s ease-out infinite record-pulse;position:absolute;inset:0}.record-button-active:after{animation-delay:1s}@keyframes record-pulse{0%{opacity:.55;transform:scale(1)}to{opacity:0;transform:scale(1.8)}}}.record-timer{font-variant-numeric:tabular-nums;letter-spacing:.01em;font-size:40px;font-weight:300;line-height:1}.record-timer-cap{color:var(--text-faint);margin-left:4px;font-size:15px;font-weight:400}.record-status{min-height:24px;color:var(--text-muted);align-items:center;gap:8px;margin:0;font-size:14.5px;display:flex}.spinner{border:2px solid var(--red-soft);border-top-color:var(--red);border-radius:999px;flex:none;width:15px;height:15px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.waveform{align-items:center;gap:3px;width:min(280px,82%);height:42px;display:flex}.waveform-bar{background:var(--red);border-radius:3px;flex:1;min-height:5px;transition:height .1s}.upload-failed{background:var(--red-soft);border-radius:16px;flex-direction:column;align-items:center;gap:.6rem;padding:14px 18px;display:flex}.upload-failed .form-error{text-align:center}.upload-failed-actions{gap:.5rem;display:flex}.session-card{flex-direction:column;gap:12px;margin-bottom:14px;padding:16px 18px;display:flex}.session-header{color:var(--text-muted);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.session-language{text-transform:uppercase;letter-spacing:.06em;color:var(--text-faint);background:var(--surface-2);border-radius:999px;padding:2px 7px;font-size:11px;font-weight:700}.session-status{background:var(--surface-2);color:var(--text-muted);border-radius:999px;align-items:center;gap:5px;margin-left:auto;padding:3px 9px;font-size:12px;font-weight:600;display:inline-flex}.session-status:before{content:"";background:currentColor;border-radius:999px;width:6px;height:6px}.session-status-ready{background:var(--green-soft);color:var(--green)}.session-status-processing{background:var(--amber-soft);color:var(--amber)}.session-status-failed{background:var(--red-soft);color:var(--red)}.session-transcript{margin:0;font-size:15px;line-height:1.55}.session-transcript-original{color:var(--text-muted);font-size:14px;font-style:italic}.session-original-toggle{align-self:flex-start}.session-items{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.session-item{align-items:baseline;gap:10px;font-size:15px;display:flex}.item-kind{text-transform:uppercase;letter-spacing:.06em;background:var(--surface-2);color:var(--text-muted);border-radius:999px;flex:none;padding:2.5px 8px;font-size:10.5px;font-weight:700}.item-kind-task{background:var(--red-soft);color:var(--red)}.item-kind-idea{background:var(--amber-soft);color:var(--amber)}.item-due{color:var(--text-faint);flex:none;align-items:center;gap:4px;font-size:12.5px;font-weight:600;display:inline-flex}.item-due svg{width:13px;height:13px}.item-due-overdue{color:var(--red)}.session-reality-check{background:var(--surface-2);color:var(--text-muted);border-radius:12px;margin:0;padding:10px 14px;font-size:14px;line-height:1.5}.session-audio{width:100%;height:36px}.session-footer{flex-wrap:wrap;align-items:center;gap:.25rem;margin:-2px -8px -6px;display:flex}.session-delete-confirm{color:var(--text-muted);font-size:13.5px}.task-list{margin:0;padding:2px 16px;list-style:none}.task-row{border-bottom:1px solid var(--border);align-items:center;gap:12px;padding:13px 0;display:flex}.task-list>li:last-child{border-bottom:none}.task-check{flex:none;place-items:center;width:26px;height:26px;display:inline-grid;position:relative}.task-check input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.task-check-box{border:2px solid var(--text-faint);color:#0000;background:0 0;border-radius:999px;place-items:center;width:22px;height:22px;transition:background .18s cubic-bezier(.2,.7,.3,1.4),border-color .18s,color .18s,transform .18s cubic-bezier(.2,.7,.3,1.4);display:grid}.task-check-box svg{width:12px;height:12px}.task-check input:checked+.task-check-box{background:var(--red);border-color:var(--red);color:#fff;transform:scale(1.05)}.task-check input:active+.task-check-box{transform:scale(.9)}.task-check input:focus-visible+.task-check-box{outline:2px solid var(--red);outline-offset:2px}.task-text{font:inherit;color:inherit;cursor:text;text-align:left;background:0 0;border:none;flex:1;padding:0;font-size:15.5px}.task-text:hover{-webkit-text-decoration:underline dotted var(--text-faint);text-decoration:underline dotted var(--text-faint);text-underline-offset:3px}.task-edit{font:inherit;border:1.5px solid var(--red);background:var(--surface);color:var(--text);border-radius:8px;flex:1;padding:.3rem .6rem;font-size:15.5px}.task-row-done .task-text{color:var(--text-faint);text-decoration:line-through;-webkit-text-decoration-color:var(--text-faint);text-decoration-color:var(--text-faint)}.task-divider{text-transform:uppercase;letter-spacing:.08em;color:var(--text-faint);padding:16px 0 6px;font-size:12px;font-weight:700}.note-group{margin-bottom:20px}.note-date{text-transform:uppercase;letter-spacing:.07em;color:var(--text-faint);margin:0 0 8px;padding-left:4px;font-size:12.5px;font-weight:700}.note-card{border-radius:16px;margin-bottom:8px;padding:13px 16px;font-size:15px;line-height:1.55}.idea-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.idea-row{border-radius:16px;padding:14px 16px}.idea-text{margin:0 0 3px;font-size:15px;line-height:1.55}.idea-date{color:var(--text-faint);font-size:12.5px}.empty-state{text-align:center;color:var(--text-faint);flex-direction:column;align-items:center;gap:10px;padding:40px 16px;display:flex}.empty-state svg{opacity:.55;width:34px;height:34px}.empty-state p{max-width:280px;margin:0;font-size:14.5px}.loading-screen{min-height:100dvh;color:var(--text-muted);place-items:center;display:grid}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (width>=640px){.app{padding-top:calc(env(safe-area-inset-top) + 28px)}}
