:root{color:#142033;background:#f7fafc;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button{border:0}.page{position:relative;min-height:100vh;padding:calc(18px + env(safe-area-inset-top)) 14px 92px;background:linear-gradient(180deg,#edf5ff,#f7fafc 38%,#f8faf9)}.app-nav{position:fixed;z-index:30;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(4,1fr);gap:2px;padding:9px 10px calc(9px + env(safe-area-inset-bottom));background:#fffffff7;border-top:1px solid #d9e4e8}.app-nav button{padding:8px 2px;color:#64748b;background:transparent;font-size:12px;font-weight:700}.app-nav button.active{color:#0f766e}.reading-hero-copy{margin-top:22px;color:#fffc;font-size:14px}.points-list,.reading-list{display:grid;gap:10px;margin-top:18px}.point-row,.reading-card{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px;background:#fff;border:1px solid #dce7e7;border-radius:14px}.point-row div{display:grid;gap:5px;min-width:0}.point-row b{font-size:14px}.point-row span,.reading-card small{color:#718096;font-size:12px}.positive{color:#059669}.negative{color:#dc2626}.reading-card{align-items:flex-start;border-left:4px solid #0f766e}.reading-card.today{background:#f0fdfa}.reading-card h3{margin:0 0 5px;font-family:Georgia,Songti SC,serif;font-size:17px}.reading-card p{display:-webkit-box;overflow:hidden;color:#51606b;font-size:13px;line-height:1.55;-webkit-line-clamp:2;-webkit-box-orient:vertical}.reading-date{flex:0 0 42px;color:#0f766e;font-family:Georgia,serif;font-size:13px}.reading-action{flex:0 0 auto;padding:7px 10px;border-radius:7px;color:#fff;background:#0f766e;font-size:12px;font-weight:700}.empty-state{margin:32px 0;color:#94a3b8;text-align:center;font-size:14px}.reading-card h3 em{margin-left:5px;color:#0f766e;font-family:inherit;font-size:12px;font-style:normal}.reading-card h3 em.unread{color:#b45309}.reading-list{gap:12px}.reading-card{display:block;position:relative;min-height:126px;padding:16px 16px 14px;border:1px solid #d9e7e1;border-left:0;border-radius:12px;background:#fff;box-shadow:0 5px 16px #1b43390e;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease}.reading-card:active{transform:scale(.985);box-shadow:0 2px 8px #1b433917}.reading-card.today{border-color:#a7d7ce;background:#f6fcf9}.reading-card:before{position:absolute;top:16px;bottom:16px;left:0;width:3px;border-radius:0 3px 3px 0;content:"";background:#0f766e}.reading-card-top,.reading-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px}.reading-card-top time{color:#789087;font-family:Georgia,Songti SC,serif;font-size:13px;font-weight:700}.reading-status{display:inline-flex;align-items:center;gap:4px;color:#9a6a23;font-size:12px;font-weight:700}.reading-status.done{color:#16836c}.reading-status.draft{color:#537b9e}.reading-card h3{display:-webkit-box;overflow:hidden;margin:13px 28px 15px 0;color:#173c38;font-family:Georgia,Songti SC,serif;font-size:18px;font-weight:700;line-height:1.45;-webkit-line-clamp:1;-webkit-box-orient:vertical}.reading-card-bottom span{overflow:hidden;color:#7a8c85;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.reading-share-icon{display:grid;flex:0 0 32px;width:32px;height:32px;place-items:center;border:1px solid #c9dfd7;border-radius:50%;color:#0f766e;background:#f5fbf8}.reading-card .reading-date,.reading-card .reading-action,.reading-card .reading-share-action,.reading-card .reading-card-actions{display:none}.reading-content{overflow:hidden;color:#51606b;font-size:14px;line-height:1.8}.reading-content p{margin:0 0 10px}.reading-content ol,.reading-content ul{margin:0 0 10px;padding-left:22px}.reading-content h1,.reading-content h2,.reading-content h3{margin:12px 0 8px;color:#173c38;font-family:Georgia,Songti SC,serif}.reading-content img{max-width:100%;height:auto}.reading-content a{color:#0f766e}.reading-page{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;background:#f7fbf8}.reading-page header{display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border-bottom:1px solid #dbe7df;background:#fff}.reading-page header button{padding:6px;color:#0f766e;background:transparent;font-weight:800}.reading-page-content{flex:1;overflow:auto;padding:26px 22px 140px;color:#26362e;font-family:Georgia,Songti SC,serif;line-height:2}.reading-page-content p{margin:0 0 1em}.reading-page-content img{max-width:100%;height:auto}.reading-page footer{position:absolute;right:0;bottom:0;left:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom));border-top:1px solid #dbe7df;background:#fff;color:#64748b;font-size:12px}.reading-page footer audio{width:100%;height:32px;margin-top:6px}.reading-controls{display:flex;gap:8px;margin-top:8px}.reading-controls button{flex:1;padding:10px 6px;border-radius:8px;color:#fff;background:#0f766e;font-weight:800}.reading-controls button:disabled{background:#94a3b8}.reading-card-actions{display:flex;gap:8px;align-items:center}.reading-share-action{padding:7px 8px;border:1px solid #a7d7ce;border-radius:7px;color:#0f766e;background:#f1fbf8;font-size:12px;font-weight:700}.reading-uploading{display:grid;grid-template-columns:1fr auto;gap:5px 10px;align-items:center;margin-top:8px;color:#0f766e}.reading-uploading i{grid-column:1/-1;height:5px;overflow:hidden;border-radius:999px;background:#d9eee8}.reading-uploading em{display:block;height:100%;border-radius:inherit;background:#16a34a;transition:width .2s ease}.reading-modal-mask{position:fixed;z-index:100;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-end;justify-content:center;padding:18px;background:#0c201c75}.reading-confirm,.reading-share-sheet{width:min(100%,540px);padding:24px;border-radius:18px;background:#fffdf8;box-shadow:0 20px 60px #0f282240}.reading-confirm h3,.reading-share-sheet h3{margin:0;color:#173c38;font-family:Georgia,Songti SC,serif;font-size:21px}.reading-confirm p,.reading-share-sheet p{margin:10px 0 18px;color:#61716c;font-size:14px;line-height:1.7}.reading-confirm>div{display:flex;gap:10px}.reading-confirm button{flex:1;padding:11px;border-radius:8px;color:#36534c;background:#edf4f0;font-weight:700}.reading-confirm button.primary{color:#fff;background:#0f766e}.reading-share-sheet{position:relative;max-height:90vh;overflow:auto}.share-close{position:absolute;top:12px;right:13px;width:28px;height:28px;border-radius:50%;color:#5d6c67;background:#edf4f0;font-size:20px}.share-cover-input{display:none}.share-themes{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-bottom:14px}.share-themes button{padding:8px 4px;border:1px solid #d5e2dc;border-radius:7px;color:#476158;background:#fff;font-size:12px}.share-themes button.active,.share-themes button.upload-cover{border-color:#0f766e;color:#fff;background:#0f766e}.share-themes button:disabled{opacity:.55}.share-card-loading{padding:80px 0;color:#5d766d;text-align:center}.share-card-image{display:block;width:100%;border-radius:10px;box-shadow:0 12px 28px #0f372e2b}.reading-share-page{min-height:100vh;padding:0 0 calc(30px + env(safe-area-inset-bottom));background:#f7f3eb;color:#26362e}.reading-share-cover{min-height:300px;padding:42px 28px 34px;color:#fff;background:linear-gradient(135deg,#0e3b34,#1e7869)}.reading-share-cover span{display:inline-block;padding-bottom:8px;border-bottom:3px solid #d9a441;font-family:Georgia,Songti SC,serif;font-size:18px}.reading-share-cover h1{margin:60px 0 12px;font-family:Georgia,Songti SC,serif;font-size:29px;line-height:1.35}.reading-share-cover p{color:#fffc;font-size:14px}.reading-share-meta{display:grid;gap:5px;padding:22px 24px 12px}.reading-share-meta b{font-size:17px}.reading-share-meta span{color:#708078;font-size:13px}.reading-share-audio{display:block;width:calc(100% - 48px);height:38px;margin:8px 24px 20px}.reading-share-content{padding:10px 24px 30px;font-family:Georgia,Songti SC,serif;font-size:17px;line-height:2;color:#34433e}.reading-share-content p{margin:0 0 1em}.reading-share-content h1,.reading-share-content h2,.reading-share-content h3{margin:1.2em 0 .7em;color:#173c38}.reading-share-content img{max-width:100%;height:auto}.share-loading{display:flex;min-height:100vh;align-items:center;justify-content:center;color:#5d766d;font-size:14px}.share-card-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:14px}.share-card-actions button{padding:11px;border:1px solid #b7d5cb;border-radius:8px;color:#0f766e;background:#f3faf7;font-weight:700}.share-card-actions button.primary{border-color:#0f766e;color:#fff;background:#0f766e}.pull-refresh{position:fixed;top:calc(4px + env(safe-area-inset-top));left:50%;z-index:20;opacity:0;pointer-events:none;padding:8px 13px;border-radius:999px;color:#2563eb;background:#fffffff0;box-shadow:0 10px 26px #1420331f;font-size:12px;font-weight:800;transition:opacity .16s ease,transform .18s ease}.pull-refresh.visible{opacity:1}.hero{padding:20px;border-radius:24px;color:#fff;background:linear-gradient(135deg,#172554,#0f766e 54%,#16a34a);box-shadow:0 18px 42px #0f2d5238}.hero-top,.section-head,.task-card header,.meta,.progress-row,.field-row,.reminder-row,.switch-row,.sheet-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.eyebrow{display:block;color:#ffffffb8;font-size:12px}h1,h2,h3,p{margin:0}h1{margin-top:6px;font-size:28px;line-height:1.15}.round-button{width:44px;height:44px;border-radius:50%;color:#fff;background:#ffffff2e;font-size:20px}.summary-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px}.summary-grid strong,.summary-grid span{display:block}.summary-grid strong{font-size:28px}.summary-grid span,.completion{color:#ffffffc2;font-size:12px}.warning{color:#fde68a}.danger{color:#fecaca}.completion{display:flex;align-items:center;gap:10px;margin-top:18px}.completion-bar{flex:1;height:7px;overflow:hidden;border-radius:99px;background:#ffffff3d}.completion-bar div{height:100%;border-radius:inherit;background:#fff}.quick-actions{display:grid;grid-template-columns:1.3fr .9fr;gap:10px;margin:18px 0}.voice-button,.add-button,.submit-button{min-height:52px;border-radius:16px;font-weight:800}.voice-button{color:#0f766e;background:#fff;box-shadow:0 12px 30px #14203314}.voice-button span{margin-right:8px;font-size:18px}.voice-button.recording{color:#dc2626}.add-button,.submit-button{color:#fff;background:#2563eb;box-shadow:0 12px 26px #2563eb42}.voice-result,.task-card,.sheet{background:#fff;box-shadow:0 14px 34px #14203314}.voice-result{margin-bottom:18px;padding:14px;border-radius:16px}.voice-result span,.section-head p,.section-head>span,.meta,.subtask small,.switch-row small{color:#718096;font-size:12px}.voice-result p{margin-top:6px;color:#263246;line-height:1.55}.section-head{align-items:flex-end;margin:22px 2px 12px}.section-head h2{font-size:20px}.section-head.compact{align-items:center}.task-list{display:grid;gap:14px}.task-card{padding:18px;border:1px solid rgba(148,163,184,.18);border-radius:20px}.task-card h3{font-size:17px;line-height:1.35}.status{display:inline-flex;margin-top:8px;padding:5px 9px;border-radius:99px;color:#2563eb;background:#dbeafe;font-size:12px;font-weight:800}.status-overdue{color:#dc2626;background:#fee2e2}.status-done{color:#047857;background:#d1fae5}.link-button,.danger-link{flex:0 0 auto;color:#2563eb;background:transparent;font-weight:800}.danger-link{color:#dc2626}.content{margin-top:12px;color:#4a5568;line-height:1.6}.meta,.progress-row,.reminders,.subtasks,.subtask-add{margin-top:14px}.progress-row input{flex:1;accent-color:#10b981}.progress-row strong{width:48px;text-align:right;color:#0f766e}.reminders{display:flex;flex-wrap:wrap;gap:8px}.reminders span{padding:6px 8px;border-radius:10px;color:#334155;background:#eef2f7;font-size:12px}.subtasks{padding-left:10px;border-left:2px solid #dbeafe}.subtask{display:flex;width:100%;align-items:flex-start;gap:8px;padding:5px 0;text-align:left;background:transparent}.subtask i{width:8px;height:8px;margin-top:7px;border-radius:50%;background:#2563eb}.subtask b,.subtask small{display:block}.subtask b{color:#1f2937}.subtask small{margin-top:3px}.subtask-add{width:100%;min-height:42px;border-radius:12px;color:#2563eb;background:#eff6ff;font-weight:800}.sheet-mask{position:fixed;top:0;right:0;bottom:0;left:0;z-index:30;display:flex;align-items:flex-end;background:#0f172a7a}.sheet{width:100%;max-height:86vh;overflow-x:hidden;overflow-y:auto;padding:18px 14px calc(24px + env(safe-area-inset-bottom));border-radius:24px 24px 0 0}.sheet-head{margin-bottom:16px}.sheet-head h2{font-size:20px}.sheet-head button{width:34px;height:34px;border-radius:50%;color:#475569;background:#f1f5f9;font-size:22px}.field{display:block;margin-top:16px;color:#334155;font-weight:800}.field input,.field textarea,.field select{width:100%;max-width:100%;min-width:0;margin-top:8px;border:1px solid #d8e0ea;border-radius:14px;background:#f8fafc;color:#142033}.field input,.field select{height:46px;padding:0 12px}.field input[type=datetime-local],.field input[type=time]{min-width:0;padding-right:8px;font-size:14px}.mobile-date-time-picker{position:relative;display:block;width:100%;height:46px;margin-top:8px;overflow:hidden;border:1px solid #d8e0ea;border-radius:14px;background:#f8fafc}.mobile-date-time-value{display:flex;width:100%;height:100%;align-items:center;padding:0 12px;overflow:hidden;color:#142033;text-align:left;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.mobile-date-time-picker input[type=datetime-local]{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;min-width:0;height:46px;margin:0;padding:0;border:0;opacity:0;cursor:pointer}.field textarea{min-height:108px;padding:12px;resize:vertical}.progress-field input{accent-color:#2563eb}.reminder-editor{margin-top:10px;padding:12px;border-radius:16px;background:#f8fafc}.reminder-row input{flex:1;margin-top:0;background:#fff}.reminder-row select{width:84px;margin-top:0;background:#fff}.chip-grid{display:flex;flex-wrap:wrap;gap:8px}.chip-grid.top-gap,.reminder-editor .chip-grid{margin-top:10px}.chip-grid button{padding:8px 11px;border:1px solid #d8e0ea;border-radius:12px;color:#475569;background:#fff;font-weight:800}.chip-grid button.active{color:#fff;border-color:#2563eb;background:#2563eb}.switch-row{margin-top:18px;padding:14px;border-radius:16px;background:#f8fafc}.switch-row b,.switch-row small{display:block}.switch-row input{width:46px;height:26px;accent-color:#2563eb}.submit-button{width:100%;margin-top:20px}.toast{position:fixed;left:50%;bottom:calc(28px + env(safe-area-inset-bottom));z-index:40;max-width:calc(100vw - 56px);transform:translate(-50%);padding:10px 14px;border-radius:999px;color:#fff;background:#0f172adb;font-size:13px}.page{padding-bottom:calc(148px + env(safe-area-inset-bottom))}.task-card{padding:16px;border-color:#dbe6e6;border-radius:14px;box-shadow:none}.task-card-head{margin-bottom:10px}.task-card .status{align-items:center;gap:4px;margin:0;padding:4px 8px;border-radius:6px;font-size:11px}.task-card h3{overflow:hidden;color:#173b3a;font-size:17px;line-height:1.45;text-overflow:ellipsis;white-space:nowrap}.task-card .content{display:-webkit-box;overflow:hidden;margin-top:7px;color:#59706f;font-size:13px;line-height:1.55;-webkit-box-orient:vertical;-webkit-line-clamp:2}.task-time{overflow:hidden;margin-top:11px;color:#6b7f7e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.task-card .progress-row{margin-top:12px}.subtask-actions{display:flex;align-items:center;justify-content:flex-start;gap:10px;margin-top:13px}.subtask-count,.subtask-mini-add,.subtask-create,.icon-button{display:inline-flex;align-items:center;justify-content:center;gap:5px;cursor:pointer;transition:background-color .18s ease,color .18s ease,border-color .18s ease}.subtask-count{min-height:32px;padding:0 8px;border:1px solid #d9e8e6;border-radius:7px;color:#376663;background:#f6fbfa;font-size:12px;font-weight:700}.subtask-count b{display:grid;min-width:20px;height:20px;place-items:center;border-radius:5px;color:#0f766e;background:#d7f2ec;font-size:12px}.subtask-mini-add{min-height:32px;padding:0 4px;color:#0d9488;background:transparent;font-size:12px;font-weight:700}.subtask-count:active,.subtask-mini-add:active,.icon-button:active{background:#e6f5f1}.icon-button{width:32px;height:32px;padding:0;border-radius:7px;color:#55706f;background:#f1f7f6}.danger-icon{color:#c2410c;background:#fff4ed}.voice-fab{position:fixed;right:20px;bottom:calc(82px + env(safe-area-inset-bottom));z-index:25;display:grid;width:58px;height:58px;place-items:center;overflow:visible;border:2px solid #d8f0eb;border-radius:50%;color:#fff;background:#0d9488;box-shadow:0 10px 22px #0d948847;cursor:pointer}.voice-fab.recording{border-color:#ffe1dc;background:#e85d4a;box-shadow:0 10px 22px #e85d4a47}.voice-wave{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:2px solid rgba(232,93,74,.46);border-radius:50%;animation:voice-pulse 1.6s ease-out infinite}.voice-wave.wave-two{animation-delay:.8s}@keyframes voice-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.65)}}.reminder-empty{margin-top:8px;padding:12px;border:1px dashed #cbdedb;border-radius:8px;color:#7b9290;background:#fbfefd;font-size:12px;font-weight:500}.completed-task-list{display:grid;gap:8px;margin-bottom:18px}.completed-task-row{display:flex;width:100%;align-items:center;gap:10px;padding:12px 13px;border:1px solid #dcebe7;border-radius:8px;color:#438277;background:#f8fcfb;text-align:left;cursor:pointer}.completed-task-row>span{min-width:0;flex:1}.completed-task-row b,.completed-task-row small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.completed-task-row b{color:#355c56;font-size:14px}.completed-task-row small{margin-top:3px;color:#78928e;font-size:11px}.participant-picker{display:flex;min-height:42px;align-items:center;flex-wrap:wrap;gap:6px;margin-top:9px;padding:6px 8px;border:1px solid #d8e7e3;border-radius:8px;background:#fff}.participant-picker:focus-within{border-color:#48a99c;box-shadow:0 0 0 2px #0d94881a}.participant-picker input{min-width:116px;flex:1 1 116px;height:28px;padding:0 2px;border:0;outline:0;background:transparent}.participant-chip{display:inline-flex;max-width:100%;align-items:center;gap:3px;padding:4px 5px 4px 7px;border-radius:6px;color:#087c70;background:#e5f6f1;font-size:12px;font-weight:700}.participant-chip button{display:grid;width:17px;height:17px;place-items:center;padding:0;border:0;border-radius:4px;color:#278e82;background:transparent;cursor:pointer}.participant-chip button:active{background:#caeae2}.field-row small{color:#74908b;font-size:12px;font-weight:500}.participant-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-height:158px;margin-top:10px;overflow-y:auto;padding:2px}.participant-option{display:flex;min-width:0;min-height:34px;align-items:center;justify-content:space-between;gap:4px;padding:0 8px;border:1px solid #d8e7e3;border-radius:7px;color:#486662;background:#fff;font-size:12px;cursor:pointer}.participant-option span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.participant-option.active{border-color:#59afa2;color:#087c70;background:#eaf8f4;font-weight:700}.participant-empty{grid-column:1 / -1;margin:4px 0;color:#839994;font-size:12px;text-align:center}.field-row .link-button{display:inline-flex;align-items:center;gap:4px}.subtask-sheet .sheet-head small{display:block;max-width:260px;overflow:hidden;margin-top:4px;color:#7b9290;font-size:12px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.subtask-list-item{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 2px;border-bottom:1px solid #e7efee;cursor:pointer}.subtask-list-item b,.subtask-list-item span{display:block}.subtask-list-item b{overflow:hidden;color:#254543;font-size:15px;text-overflow:ellipsis;white-space:nowrap}.subtask-list-item span{overflow:hidden;margin-top:5px;color:#78908e;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.subtask-create{width:100%;min-height:46px;margin-top:18px;border:1px dashed #73bcb2;border-radius:8px;color:#0f766e;background:#f4fbf9;font-weight:800}.reading-page-content{font-size:var(--reading-font-size, 18px)!important}.reading-page-content *{font-size:inherit!important}.voice-processing-mask{position:fixed;z-index:120;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0f23206b}.voice-processing-mask>div{display:grid;justify-items:center;gap:10px;width:min(76vw,290px);padding:26px 20px;border-radius:18px;color:#fff;background:#173c38;box-shadow:0 18px 45px #0000003d}.voice-processing-mask svg{color:#8fe2d1}.voice-processing-mask b{font-size:16px}.voice-processing-mask span{color:#cde7e0;font-size:12px}@media (prefers-reduced-motion: reduce){.voice-wave{animation:none}}