.app{width:100%;max-width:430px;min-height:100%;margin:0 auto;padding:calc(env(safe-area-inset-top) + 24px) var(--screen-x) calc(env(safe-area-inset-bottom) + 128px);display:flex;flex-direction:column}.content{flex:1}.header{display:flex;flex-direction:column;gap:5px;margin-bottom:24px}.header-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-icon{display:block;flex:none;margin-left:-3px}.brand-name{font-family:var(--serif);font-size:28px;line-height:34px;font-weight:400;letter-spacing:-.04em;color:#22201f}.brand-date{margin:0 0 0 41px;font-family:var(--sans);font-size:12px;line-height:16px;color:var(--text-muted)}.header-right{display:flex;align-items:center;gap:10px}.streak-pill{height:40px;min-width:82px;padding:0 16px;border-radius:var(--radius-pill);background:#ffffffc2;border:1px solid rgba(88,57,36,.1);box-shadow:0 8px 22px #69442614,inset 0 1px #ffffffd9;display:inline-flex;align-items:center;justify-content:center;gap:8px}.streak-pill svg{color:#d69132}.streak-num{font-size:20px;font-weight:500;color:#292525;font-variant-numeric:tabular-nums}.icon-btn{position:relative;width:40px;height:40px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#ffffffc2;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer}.icon-dot{position:absolute;top:6px;right:6px;width:7px;height:7px;border-radius:var(--radius-pill);background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#281c1247;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:grid;place-items:center;padding:22px;z-index:50;animation:card-in .22s ease-out both}.modal{position:relative;width:100%;max-width:380px;background:var(--surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border:1px solid var(--border-soft);border-radius:22px;padding:24px 22px 20px;box-shadow:0 30px 70px #67482d47}.modal h2{margin:0 0 10px;font-family:var(--serif);font-size:24px;font-weight:400;letter-spacing:-.02em;color:var(--text-primary)}.modal-lead{margin:0 0 16px;font-size:15px;line-height:21px;color:var(--text-secondary)}.key-input{width:100%;height:52px;padding:0 16px;border-radius:var(--radius-control);border:1px solid rgba(90,70,55,.16);background:#fff;font-family:var(--sans);font-size:16px;color:var(--text-primary);outline:none}.key-input:focus{border-color:#e9974d8c;box-shadow:0 0 0 4px #f0a4521a}.modal-actions{display:flex;gap:10px;margin-top:14px}.btn-primary,.btn-ghost{flex:1;height:48px;border-radius:var(--radius-control);font-family:var(--sans);font-size:15px;font-weight:600;cursor:pointer}.btn-primary{border:none;background:linear-gradient(145deg,var(--accent-peach),var(--accent-coral));color:#fff;box-shadow:0 10px 22px #ff875b33}.btn-ghost{background:transparent;border:1px solid var(--border-soft);color:var(--text-secondary)}.btn-ghost:disabled{opacity:.5;cursor:default}.modal-note{margin:14px 0 0;font-size:12.5px;line-height:18px;color:var(--text-muted)}.modal.confirm{max-width:340px;text-align:center}.confirm-detail{margin:2px 0 4px;font-size:15px;line-height:21px;color:var(--text-secondary)}.review-list{list-style:none;margin:4px 0 0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:46vh;overflow-y:auto}.review-row{display:flex;align-items:center;gap:8px}.review-num{flex:none;width:22px;height:22px;display:grid;place-items:center;border-radius:var(--radius-pill);background:#503c2d12;color:var(--text-muted);font-size:12px;font-weight:600;font-variant-numeric:tabular-nums}.review-row .prio-dot{margin-left:-2px}.review-row input{flex:1;min-width:0;height:48px;padding:0 14px;border-radius:14px;border:1px solid rgba(90,70,55,.16);background:#fff;font-family:var(--sans);font-size:15px;color:var(--text-primary);outline:none}.review-row input:focus{border-color:#e9974d80;box-shadow:0 0 0 3px #f0a4521a}.review-del{width:34px;height:34px;flex:none;border:none;background:transparent;color:var(--text-muted);font-size:1.4rem;line-height:1;cursor:pointer;border-radius:10px}.install{height:40px;padding:0 14px;border-radius:var(--radius-pill);border:1px solid var(--border-soft);background:#ffffffc2;color:var(--accent-deep);font-family:var(--sans);font-size:14px;font-weight:600;cursor:pointer}.install-wrap{position:relative}.install-tip{position:absolute;top:calc(100% + 8px);right:0;width:min(280px,78vw);background:var(--surface-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:var(--text-primary);border:1px solid var(--border-soft);border-radius:16px;padding:14px 16px 12px;box-shadow:0 20px 48px #67482d33;z-index:40;text-align:left;font-weight:400}.install-tip strong{display:block;margin-bottom:8px;font-size:.95rem}.install-tip ol{margin:0 0 8px;padding-left:18px;display:flex;flex-direction:column;gap:6px;font-size:.85rem}.install-tip .tip-note{margin:0;font-size:.76rem;color:var(--text-secondary)}.install-tip .tip-close{position:absolute;top:6px;right:8px;border:none;background:transparent;font-size:1.3rem;line-height:1;color:var(--text-muted);cursor:pointer}.main-card{width:100%;background:var(--surface);border:1px solid var(--border-soft);border-radius:var(--radius-page-card);padding:30px 24px;box-shadow:0 24px 60px #6e4b2d1a,0 8px 20px #6e4b2d0f;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;flex-direction:column;animation:card-in .45s ease-out both}@keyframes card-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.hero{margin-bottom:36px}.hero.centered{margin-bottom:8px;align-items:center;text-align:center;display:flex;flex-direction:column;gap:12px}.hero h1{margin:0 0 8px;font-family:var(--serif);font-size:clamp(34px,9.2vw,38px);line-height:1.16;font-weight:400;letter-spacing:-.045em;color:#262323}.wrap-title{margin-bottom:4px}.subtitle{margin:0;font-family:var(--sans);font-size:17px;line-height:24px;color:var(--text-secondary)}.voice-panel{position:relative;width:100%;min-height:205px;height:210px;border-radius:var(--radius-panel);background:linear-gradient(145deg,#fff6ebf0,#ffffffad);border:1px solid var(--border-warm);box-shadow:inset 0 1px #ffffffd1,0 12px 32px #db8b4e14;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 20px;transition:transform .16s ease,border-color .22s ease,box-shadow .22s ease}.voice-panel.listening{border-color:#e9974db8;box-shadow:inset 0 1px #ffffffd1,0 16px 40px #db8b4e29}.vp-lang{position:absolute;top:12px;right:12px;display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 6px 0 9px;border-radius:var(--radius-pill);background:#ffffffb3;border:1px solid var(--border-soft);color:var(--accent-deep);cursor:pointer}.vp-lang svg{flex:none;color:var(--accent-deep)}.vp-lang select{-moz-appearance:none;appearance:none;-webkit-appearance:none;border:none;background:transparent;font-family:var(--sans);font-size:12.5px;color:var(--text-secondary);padding:0 2px;outline:none;cursor:pointer}.vp-lang select:disabled{opacity:.55;cursor:default}.vp-btn{position:relative;width:68px;height:68px;border-radius:var(--radius-pill);background:#ffffffd1;border:1px solid rgba(179,121,54,.16);box-shadow:0 10px 28px #bd783724,inset 0 1px #ffffffeb;color:var(--accent-deep);display:grid;place-items:center;cursor:pointer;transition:transform .12s ease,box-shadow .22s ease}.vp-btn:active{transform:scale(.96)}.voice-panel.listening .vp-btn{box-shadow:0 14px 34px #bd783738,inset 0 1px #ffffffeb}.vp-ring{position:absolute;top:-6px;right:-6px;bottom:-6px;left:-6px;border-radius:var(--radius-pill);border:2px solid rgba(240,162,62,.5);animation:vp-pulse 1.6s ease-out infinite}@keyframes vp-pulse{0%{transform:scale(1);opacity:.32}to{transform:scale(1.28);opacity:0}}.vp-wave{display:flex;align-items:center;gap:5px;margin:14px 0 20px;opacity:.55;transition:opacity .22s ease}.vp-wave i{display:block;width:4px;height:6px;border-radius:var(--radius-pill);background:#e9a13c}.vp-wave i:nth-child(2){height:11px}.voice-panel.listening .vp-wave{animation:vp-wave-pulse 1.5s ease-in-out infinite}@keyframes vp-wave-pulse{0%,to{opacity:.45;transform:scale(1)}50%{opacity:.85;transform:scale(1.06)}}.voice-panel.processing .vp-btn{opacity:.6;cursor:default}.voice-panel.processing .vp-wave{animation:vp-wave-shim 1.1s ease-in-out infinite}@keyframes vp-wave-shim{0%,to{opacity:.3}50%{opacity:.72}}.vp-title{margin:0 0 8px;font-family:var(--serif);font-size:22px;line-height:28px;font-weight:400;letter-spacing:-.035em;color:#252222;text-wrap:balance}.vp-sub{margin:0;font-family:var(--sans);font-size:16px;line-height:23px;color:#7e7885}.input-row{margin-top:22px;display:flex;align-items:center;gap:14px}.field{flex:1;min-width:0;height:60px;display:flex;align-items:center;gap:10px;padding:0 18px;border-radius:var(--radius-control);background:#ffffff9e;border:1px solid rgba(90,70,55,.14);box-shadow:inset 0 1px #ffffffe0,0 6px 14px #5c3e2a0a;transition:border-color .16s ease,box-shadow .16s ease}.field:focus-within{border-color:#e9974d85;box-shadow:0 0 0 4px #f0a4521a,inset 0 1px #ffffffe0}.field-icon{color:#aaa3aa;flex:none}.field input{flex:1;min-width:0;border:none;background:transparent;outline:none;font-family:var(--sans);font-size:17px;color:var(--text-primary)}.field input::placeholder{color:var(--text-muted)}.add-btn{width:60px;height:60px;flex:none;border:none;border-radius:var(--radius-control);background:linear-gradient(145deg,var(--accent-peach),var(--accent-coral));color:#fff;display:grid;place-items:center;cursor:pointer;box-shadow:0 10px 22px #ff875b33;transition:transform .12s ease,opacity .16s ease,box-shadow .16s ease}.add-btn:active{transform:scale(.96)}.add-btn:disabled{opacity:.68;box-shadow:0 6px 14px #ff875b1a;cursor:default}.carried-note{margin:18px 0 0;display:flex;align-items:center;justify-content:center;gap:6px;font-size:14px;color:var(--text-secondary)}.carried-note svg{color:var(--text-muted);flex:none}.empty{margin-top:34px;text-align:center}.empty .divider{display:flex;align-items:center;gap:16px;margin-bottom:26px}.empty .divider .line{height:1px;flex:1;background:#3c2d231a}.empty .divider .ic{width:26px;height:26px;color:#b7aea8;opacity:.75;flex:none}.empty h3{margin:0 0 8px;font-family:var(--serif);font-size:24px;line-height:30px;font-weight:400;color:#272323}.empty p{margin:0;font-family:var(--sans);font-size:16px;line-height:22px;color:#8a8490}.plan-summary{margin:28px 0 0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 18px;border-radius:var(--radius-control);background:linear-gradient(145deg,#fff6ebe6,#ffffff9e);border:1px solid var(--border-warm);box-shadow:inset 0 1px #ffffffd1,0 10px 24px #db8b4e12}.ps-left{display:flex;flex-direction:column;gap:3px;min-width:0}.ps-title{font-family:var(--serif);font-size:19px;line-height:24px;letter-spacing:-.02em;color:var(--text-primary)}.ps-sub{display:flex;align-items:center;gap:4px;font-size:13px;line-height:17px;color:var(--text-secondary)}.ps-sub .prio-dot{margin:0 1px 0 2px}.ps-time{flex:none;display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 13px;border-radius:var(--radius-pill);background:#ffffffb8;border:1px solid var(--border-soft);color:var(--accent-deep);font-size:14px;font-weight:600;font-variant-numeric:tabular-nums}.tasks{list-style:none;margin:28px 0 0;padding:0;display:flex;flex-direction:column;gap:12px}.plan-summary+.tasks{margin-top:14px}.task-card{min-height:64px;border-radius:var(--radius-control);background:#ffffffad;border:1px solid rgba(80,60,45,.1);padding:15px 16px;display:flex;align-items:center;gap:12px;box-shadow:0 8px 18px #5a3c280b,inset 0 1px #ffffffd1;animation:task-in .26s ease-out both;transition:opacity .2s ease}.task-card.done{opacity:.58}@keyframes task-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.task-check{width:24px;height:24px;flex:none;border-radius:var(--radius-pill);border:1.5px solid rgba(70,65,60,.28);background:transparent;color:#fff;display:grid;place-items:center;cursor:pointer;transition:background .16s ease,border-color .16s ease}.task-card.done .task-check{background:var(--accent);border-color:var(--accent)}.task-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;background:transparent;border:none;padding:4px 0;text-align:left;cursor:pointer;font-family:var(--sans)}.task-title-row{display:flex;align-items:center;gap:8px}.prio-dot{width:8px;height:8px;border-radius:var(--radius-pill);flex:none}.task-title{min-width:0;font-size:16px;line-height:22px;color:#302d2c;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-card.done .task-title{text-decoration:line-through}.task-meta{display:flex;align-items:center;gap:10px;min-width:0}.task-source{flex:none;font-size:12px;line-height:16px;color:var(--text-muted);letter-spacing:.01em}.chip{display:inline-flex;align-items:center;gap:4px;flex:none;font-size:12.5px;color:var(--text-secondary);background:#503c2d0f;padding:2px 8px;border-radius:var(--radius-pill)}.task-note{font-size:13px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-carried{color:var(--text-muted);flex:none;display:inline-flex;align-items:center}.task-grip{flex:none;border:none;background:transparent;color:#cbc4be;cursor:grab;padding:6px 2px;display:grid;place-items:center;touch-action:none}.task-grip:active{cursor:grabbing}.edit-field{margin-top:14px}.edit-field label{display:block;font-size:13px;color:var(--text-secondary);margin-bottom:8px}.prio-seg{display:flex;gap:8px}.prio-opt{flex:1;height:42px;border-radius:12px;border:1px solid var(--border-soft);background:#fff;display:inline-flex;align-items:center;justify-content:center;gap:6px;cursor:pointer;font-family:var(--sans);font-size:13px;color:var(--text-secondary);transition:border-color .14s ease,background .14s ease}.prio-opt.active{border-color:#e9974d8c;background:#f0a45214;color:var(--text-primary);font-weight:600}.note-input{width:100%;min-height:76px;resize:vertical;padding:12px 14px;border-radius:14px;border:1px solid rgba(90,70,55,.16);background:#fff;font-family:var(--sans);font-size:15px;line-height:21px;color:var(--text-primary);outline:none}.note-input:focus{border-color:#e9974d80;box-shadow:0 0 0 3px #f0a4521a}.rec-start{width:100%;height:48px;border-radius:14px;border:1px dashed rgba(185,121,54,.4);background:#fff6eb99;color:var(--accent-deep);font-family:var(--sans);font-size:15px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer}.rec-row{height:48px;display:flex;align-items:center;gap:12px;padding:0 14px;border-radius:14px;background:#ef6b5e14;border:1px solid rgba(239,107,94,.28)}.rec-dot{width:10px;height:10px;border-radius:var(--radius-pill);background:#ef6b5e;animation:dot-pulse 1s ease-in-out infinite}.rec-time{flex:1;font-variant-numeric:tabular-nums;font-size:15px;color:var(--text-primary)}.rec-stop{border:none;background:#ef6b5e;color:#fff;font-weight:600;font-size:14px;padding:8px 16px;border-radius:var(--radius-pill);cursor:pointer}.voice-row{display:flex;align-items:center;gap:8px}.voice-row .audio{flex:1}.voice-action{width:44px;height:44px;flex:none;border:1px solid var(--border-soft);background:#fff;border-radius:12px;color:var(--text-secondary);display:grid;place-items:center;cursor:pointer}.audio{display:flex;align-items:center;flex-wrap:wrap;gap:10px;min-height:44px;padding:6px 12px;border-radius:14px;background:#f0a23e1a}.audio.compact{height:auto;padding:0;background:transparent;gap:6px}.audio-play{width:30px;height:30px;flex:none;border:none;border-radius:var(--radius-pill);background:var(--accent);color:#fff;display:grid;place-items:center;cursor:pointer;padding-left:1px}.audio.compact .audio-play{width:22px;height:22px}.audio-play:disabled{opacity:.5}.audio-bar{flex:1;height:4px;border-radius:var(--radius-pill);background:#b9793638;overflow:hidden}.audio-bar span{display:block;height:100%;background:var(--accent-deep)}.audio-time{font-size:12.5px;color:var(--text-secondary);font-variant-numeric:tabular-nums}.audio-hint{flex-basis:100%;font-size:12px;line-height:1.35;color:var(--accent-deep)}.voice-chip{gap:4px;color:var(--accent-deep)}.primary-cta{margin:30px auto 0;padding:14px 30px;border:none;border-radius:var(--radius-pill);background:linear-gradient(145deg,var(--accent-peach),var(--accent-coral));color:#fff;font-family:var(--sans);font-weight:600;font-size:16px;cursor:pointer;box-shadow:0 12px 26px #ff875b38;transition:transform .12s ease}.primary-cta:active{transform:scale(.97)}.ghost{margin-top:24px;align-self:center;padding:13px 24px;background:transparent;border:1px solid var(--border-soft);border-radius:var(--radius-pill);font-family:var(--sans);font-weight:600;font-size:15px;color:var(--text-secondary);cursor:pointer}.nudge{margin:0;font-family:var(--sans);font-weight:600;color:var(--accent-deep)}.summary{margin:0;font-family:var(--serif);font-size:1.3rem;line-height:1.3;color:var(--text-primary)}.streak-line{margin:0;font-family:var(--sans);color:var(--text-secondary)}.ring{position:relative;width:max-content;margin:0 auto}.ring-track{stroke:#3c2d2314}.ring-fill{stroke:var(--accent);transition:stroke-dashoffset .5s ease}.ring-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center}.ring-count{font-family:var(--serif);font-size:2rem;font-weight:500;color:var(--text-primary)}.ring-total{font-size:1.1rem;color:var(--text-secondary)}.ring-pct{display:block;color:var(--text-secondary);font-weight:500}.bottom-nav{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 22px);transform:translate(-50%);width:min(310px,calc(100vw - 72px));height:66px;border-radius:var(--radius-pill);background:#ffffffc7;border:1px solid rgba(83,58,38,.11);box-shadow:0 18px 42px #67482d21,inset 0 1px #ffffffe6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);display:flex;align-items:center;justify-content:space-around;padding:0 14px;z-index:30}.nav-item{position:relative;width:56px;height:56px;border-radius:var(--radius-pill);border:1px solid transparent;background:transparent;color:#8f8a88;display:grid;place-items:center;cursor:pointer;transition:background .22s ease,color .22s ease,border-color .22s ease}.nav-item.active{background:linear-gradient(145deg,#ffecc7f2,#fff7eabf);border-color:#e9b25a40;color:#d69132;box-shadow:0 8px 18px #e099381c}.nav-dot{position:absolute;bottom:7px;left:50%;transform:translate(-50%);width:6px;height:6px;border-radius:var(--radius-pill);background:#e9a13c}@media (prefers-reduced-motion: reduce){.main-card,.task-card,.vp-wave{animation:none}.vp-ring{display:none}*{transition-duration:.01ms!important}}:root{color-scheme:light;--bg: #fffaf5;--surface: rgba(255, 255, 255, .72);--surface-strong: rgba(255, 255, 255, .86);--text-primary: #262323;--text-secondary: #77727c;--text-muted: #9d98a1;--border-soft: rgba(83, 58, 38, .1);--border-warm: rgba(236, 185, 128, .46);--accent: #f0a23e;--accent-deep: #b97935;--accent-coral: #ff9766;--accent-peach: #ffbe8d;--radius-page-card: 32px;--radius-panel: 26px;--radius-control: 20px;--radius-pill: 999px;--screen-x: 22px;--serif: ui-serif, "New York", "Playfair Display", "Cormorant Garamond", Georgia, serif;--sans: -apple-system, BlinkMacSystemFont, "Inter", "Segoe UI", system-ui, sans-serif}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--sans);color:var(--text-primary);background:radial-gradient(circle at 50% 105%,rgba(255,167,104,.26),transparent 42%),radial-gradient(circle at 18% 12%,rgba(255,226,183,.34),transparent 34%),linear-gradient(180deg,#fff8ef,#fffdf9 46%,#fff3e8);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;opacity:.03;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:1}