/* Geometry follows the supplied 822px-wide screen interior. Native controls remain live. */
.app{--ref:calc(100cqw / 822);container-type:inline-size;background:#fbf8f1;isolation:isolate}
body{background:#e3e7dc;background-image:radial-gradient(ellipse at 20% 15%,#f9f3df,transparent 60%),linear-gradient(145deg,#e4e9db,#c9d2c0)}
:root:not([data-theme="dark"]){--bg:#fbf8f1;--bg-2:#f0efe5;--card:#fffcf8;--text:#111c17;--text-2:#737875;--text-3:#8d9290;--brand:#1d715c;--brand-2:#073e31;--line:rgba(158,142,103,.13);--serif:'Noto Sans SC','Microsoft YaHei',sans-serif;--nav-h:76px}
.pages{min-height:0}.page{padding-bottom:calc(var(--nav-h) + 16px + env(safe-area-inset-bottom,0px))}
#page-home{background-color:#fbf8f1;background-image:linear-gradient(to bottom,rgba(251,248,241,0) 0%,rgba(251,248,241,.3) 25%,#fbf8f1 66%),url('assets/hero-reference-v2.webp');background-size:100% calc(690 * var(--ref)),100% auto;background-position:center top;background-repeat:no-repeat;padding-bottom:calc(164 * var(--ref) + env(safe-area-inset-bottom,0px));}
.hero{height:calc(400 * var(--ref));margin:0;overflow:visible;background:none}.hero-bg,.hero-fade{display:none}
.hero-inner{padding:calc(104 * var(--ref)) calc(40 * var(--ref)) 0;}
.hero .hello{font-size:calc(26 * var(--ref));line-height:1.45;font-weight:600;color:#0d392d}
.hero .hand-title{margin:calc(5 * var(--ref)) 0 0 calc(-13 * var(--ref));width:calc(438 * var(--ref));height:calc(106 * var(--ref));background:url('assets/headline-transparent.webp') left center/contain no-repeat;font-size:0;color:transparent}
.hero .hand-title .sun,.hero .u-line{display:none}.hero .h-date{margin-top:calc(10 * var(--ref));font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:calc(25 * var(--ref));line-height:1.4;font-weight:400;color:#252b26}.hero .slogan{font-family:'Noto Serif SC','Songti SC','SimSun',serif;font-size:calc(23 * var(--ref));line-height:1.62;color:#546352;margin-top:calc(12 * var(--ref))}
.hero .bell{top:calc(84 * var(--ref));right:calc(27 * var(--ref));width:calc(65 * var(--ref));height:calc(65 * var(--ref));border-radius:calc(20 * var(--ref));background:rgba(48,99,80,.69);color:white;border:1px solid rgba(255,255,255,.25);box-shadow:0 3px 12px rgba(67,82,57,.08)}.hero .bell svg{width:calc(34 * var(--ref));color:#fff;stroke-width:1.7}.hero .bell::after{content:'';position:absolute;inset:-7px}
#page-home .card{margin:0 calc(19 * var(--ref)) calc(18 * var(--ref));padding:calc(23 * var(--ref)) calc(28 * var(--ref));border-radius:calc(39 * var(--ref));background:rgba(255,253,249,.82);border:1px solid rgba(255,255,255,.66);box-shadow:0 4px 9px rgba(94,77,40,.08),0 12px 24px rgba(109,91,58,.035);backdrop-filter:blur(9px);position:relative;overflow:hidden}
#page-home .card>*{position:relative;z-index:1}#page-home .home-progress{min-height:calc(206 * var(--ref));padding:calc(25 * var(--ref)) calc(27 * var(--ref))}
.home-progress::after{content:'';position:absolute;width:calc(185 * var(--ref));height:calc(68 * var(--ref));bottom:0;right:0;background:url('assets/reference-progress-leaves.webp') right bottom/contain no-repeat;mix-blend-mode:multiply;opacity:.83;pointer-events:none}
.today-hero{gap:calc(52 * var(--ref));align-items:center}.ring{width:calc(157 * var(--ref));height:calc(157 * var(--ref))}.ring>svg{width:100%;height:100%}.ring .fg-c{stroke:#24755f}.ring .bg-c{stroke:#eeeee6}.ring .pct{font-family:'Noto Serif SC','STSong','SimSun',serif;font-size:calc(35 * var(--ref));font-weight:500;line-height:1.1}.ring .pl{font-size:calc(19 * var(--ref));margin-top:calc(3 * var(--ref))}
.today-hero .big{font-size:calc(26 * var(--ref));font-weight:600;white-space:nowrap}.today-hero .big .zero{font-family:'Noto Serif SC','STSong','SimSun',serif;font-size:calc(44 * var(--ref));font-weight:600;color:#062e22}.today-hero .big .zero2{font-size:calc(26 * var(--ref));font-family:inherit;color:#101714}.today-hero .sub{font-size:calc(22 * var(--ref));line-height:1.45;margin-top:calc(8 * var(--ref));color:#6f7373}.today-hero .info{flex:1}.today-hero .arrow{position:absolute;right:0;top:50%;transform:translateY(-50%);width:calc(50 * var(--ref));height:calc(50 * var(--ref));background:rgba(255,255,255,.73)}.today-hero .arrow svg{width:calc(27 * var(--ref))}
#page-home .home-todos{min-height:calc(325 * var(--ref));padding:calc(24 * var(--ref)) calc(30 * var(--ref)) calc(23 * var(--ref))}.home-todos::before{content:'';position:absolute;left:0;bottom:0;width:calc(141 * var(--ref));height:calc(165 * var(--ref));background:url('assets/reference-leaf-corner.webp') left bottom/contain no-repeat;mix-blend-mode:multiply;pointer-events:none}
.card-title{margin-bottom:calc(13 * var(--ref))}.card-title .t{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:calc(29 * var(--ref));font-weight:700;color:#0e1412;line-height:1.3}.card-title .link{font-size:calc(22 * var(--ref));gap:calc(6 * var(--ref));line-height:1.4;color:#757777;min-height:32px}.card-title .link svg{width:calc(23 * var(--ref))}
.card-empty{padding:0;text-align:center}.card-empty img{width:calc(169 * var(--ref));height:calc(99 * var(--ref));object-fit:contain;mix-blend-mode:multiply}.card-empty .et{font-size:calc(23 * var(--ref));line-height:1.45;margin-top:calc(4 * var(--ref));color:#717777}.speak-btn{margin-top:calc(19 * var(--ref));height:calc(74 * var(--ref));min-height:40px;padding:0 calc(40 * var(--ref));gap:calc(14 * var(--ref));border-radius:calc(40 * var(--ref));font-size:calc(25 * var(--ref));font-weight:500;background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.25),transparent 55%),linear-gradient(120deg,#6cbca4,#26876d 65%,#80c9ae);border:1px solid rgba(255,255,255,.95);box-shadow:inset 0 0 9px rgba(255,255,255,.36),0 12px 22px rgba(115,212,164,.3)}.speak-btn svg{width:calc(32 * var(--ref));height:calc(38 * var(--ref));stroke-width:1.8}
#page-home .home-trend{min-height:calc(200 * var(--ref));padding:calc(23 * var(--ref)) calc(29 * var(--ref)) calc(25 * var(--ref))}.home-trend .card-title{margin-bottom:calc(20 * var(--ref))}.home-trend .bars{height:calc(90 * var(--ref));gap:calc(20 * var(--ref));align-items:flex-end;padding:0 calc(8 * var(--ref))}.home-trend .bars .b{gap:calc(10 * var(--ref));position:relative}.bars .bv{font-size:calc(17 * var(--ref));color:#8a8f8c;line-height:1}.home-trend .bars .bar{width:calc(39 * var(--ref));max-width:none;height:calc(39 * var(--ref));min-height:calc(39 * var(--ref));border-radius:50%;background:linear-gradient(145deg,#faf9f5,#e7e8de);box-shadow:inset 0 1px 3px rgba(255,255,255,.8)}.home-trend .bars .bar.today{height:calc(61 * var(--ref));border-radius:calc(22 * var(--ref));background:linear-gradient(100deg,#338e74,#1d6b57);box-shadow:inset 1px 1px 3px rgba(255,255,255,.15)}.home-trend .bars .bl{font-size:calc(19 * var(--ref));line-height:1.3;color:#8a8e8a}.home-trend .bars .b.today .bl{color:#145243}
.func-cards{gap:calc(21 * var(--ref));margin:0 calc(19 * var(--ref)) calc(15 * var(--ref))}.func-card{height:calc(198 * var(--ref));border-radius:calc(34 * var(--ref));padding:0;background-size:100% 100%!important;background-position:center!important;box-shadow:0 5px 9px rgba(113,90,42,.075);text-align:left;border:1px solid rgba(255,255,255,.65)}#fcVoice{background-image:url('assets/reference-voice-card.webp')!important}#fcSched{background-image:url('assets/reference-schedule-card.webp')!important}.func-card .fc-icon,.func-card .fc-title,.func-card .fc-sub,.func-card .fc-arrow{opacity:0;pointer-events:none}
.more-head{padding:0 calc(37 * var(--ref)) calc(14 * var(--ref));align-items:center}.more-head .t{font-family:'Noto Sans SC','Microsoft YaHei',sans-serif;font-size:calc(27 * var(--ref));font-weight:700;color:#141815}.more-head .link{font-size:calc(20 * var(--ref));min-height:30px;color:#858a87}.more-head .link svg{width:calc(23 * var(--ref))}.more-grid{padding:0 calc(19 * var(--ref));gap:0}.more-item{padding:0;position:relative;min-height:calc(166 * var(--ref));justify-content:flex-start}.more-item+.more-item::before{content:'';position:absolute;left:0;top:calc(8 * var(--ref));height:calc(146 * var(--ref));width:1px;background:linear-gradient(transparent,rgba(214,198,166,.21),transparent)}.more-item .mi{width:calc(99 * var(--ref));height:calc(95 * var(--ref));border-radius:calc(30 * var(--ref));background-color:transparent!important;background-size:100% 100%;background-position:center}.more-item .mi svg{opacity:0}.more-item:nth-child(1) .mi{background-image:url('assets/reference-icon-category.webp')!important}.more-item:nth-child(2) .mi{background-image:url('assets/reference-icon-important.webp')!important}.more-item:nth-child(3) .mi{background-image:url('assets/reference-icon-history.webp')!important}.more-item:nth-child(4) .mi{background-image:url('assets/reference-icon-settings.webp')!important}.more-item .mt{font-size:calc(22 * var(--ref));font-weight:600;margin-top:calc(10 * var(--ref));line-height:1.4;white-space:nowrap}.more-item .ms{font-size:calc(19 * var(--ref));margin-top:calc(4 * var(--ref));line-height:1.4;white-space:nowrap;color:#8b8e8a}
.navbar{height:calc(152 * var(--ref) + env(safe-area-inset-bottom,0px));border:0;border-radius:calc(43 * var(--ref)) calc(43 * var(--ref)) 0 0;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);box-shadow:0 -4px 25px rgba(212,192,160,.08);padding-bottom:calc(15 * var(--ref) + env(safe-area-inset-bottom,0px));align-items:center}.nav-item{font-size:calc(23 * var(--ref));gap:calc(10 * var(--ref));padding-top:calc(20 * var(--ref));min-height:44px;color:#888d8c}.nav-item svg{width:calc(42 * var(--ref));height:calc(42 * var(--ref));stroke-width:1.8}.nav-item.on{color:#12634f;font-weight:500}.nav-item.on[data-nav="home"] svg{fill:#216e57;stroke:#216e57}.nav-mic{width:calc(153 * var(--ref))}.nav-mic .fab{width:calc(114 * var(--ref));height:calc(114 * var(--ref));margin-top:calc(-47 * var(--ref));background:radial-gradient(ellipse at 15% 0%,rgba(255,255,255,.3),transparent 60%),linear-gradient(130deg,#61b49b,#126951 70%);box-shadow:inset 0 0 10px rgba(255,255,255,.12),0 14px 20px rgba(107,205,153,.32);border:1px solid rgba(255,255,255,.9)}.nav-mic .fab svg{width:calc(55 * var(--ref));height:calc(58 * var(--ref));stroke-width:1.5}
.preview-statusbar{display:flex;position:absolute;left:0;right:0;top:0;z-index:3;height:calc(78 * var(--ref));align-items:center;padding:0 calc(78 * var(--ref));font-family:Arial,sans-serif;pointer-events:none;color:#050b06;font-size:calc(30 * var(--ref));font-weight:600}.preview-statusbar .island{position:absolute;left:50%;top:calc(16 * var(--ref));transform:translateX(-50%);width:calc(225 * var(--ref));height:calc(49 * var(--ref));border-radius:99px;background:#000;box-shadow:inset -12px 0 12px rgba(12,16,24,.5)}.preview-statusbar .island::after{content:'';position:absolute;right:calc(19 * var(--ref));top:50%;transform:translateY(-50%);width:calc(16 * var(--ref));height:calc(16 * var(--ref));border-radius:50%;background:radial-gradient(circle at 35% 35%,#265390,#001127 50%,#000 75%)}.preview-statusbar .signals{margin-left:auto;display:flex;align-items:center;gap:calc(10 * var(--ref));font-size:calc(23 * var(--ref));font-weight:500}.preview-statusbar .signals svg{width:calc(36 * var(--ref));height:calc(26 * var(--ref));fill:currentColor}.preview-statusbar .battery{width:calc(43 * var(--ref));height:calc(21 * var(--ref));border:1px solid #333;border-radius:4px;position:relative;padding:2px}.preview-statusbar .battery::before{content:'';display:block;width:100%;height:100%;background:#111;border-radius:2px}.preview-statusbar .battery::after{content:'';position:absolute;right:-3px;top:5px;width:2px;height:8px;background:#555;border-radius:2px}.app:not([data-page="home"]) .preview-statusbar{display:none}
.category-chips{display:flex;gap:8px;overflow-x:auto;padding:0 18px 12px}.category-chips[hidden]{display:none}.category-chips button{flex-shrink:0;background:var(--card);border:1px solid var(--line);min-height:40px;padding:7px 15px;border-radius:12px;color:var(--text-2);font-size:13px}.category-chips button.on{color:var(--brand);background:var(--brand-soft);border-color:var(--brand)}
.schedule-toolbar{display:flex;align-items:center;gap:8px;margin:4px 16px 14px}.schedule-toolbar input{min-width:0;flex:1;padding:10px 12px;border:1px solid var(--line);background:var(--card);color:var(--text);border-radius:12px;min-height:44px;font:inherit;font-size:14px}.schedule-toolbar button{background:var(--card);width:44px;height:44px;border-radius:12px;font-size:21px}.schedule-seg{display:flex;gap:8px;margin:0 16px 16px}.schedule-seg button{min-height:40px;padding:8px 18px;border-radius:20px;font-size:14px;background:var(--card);color:var(--text-2)}.schedule-seg .on{color:#fff;background:var(--brand)}.schedule-summary{font-size:13px;line-height:1.7;color:var(--text-2);margin:0 20px 16px}
button,.more-item,.func-card{transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}button:active,.more-item:active,.func-card:active{transform:scale(.97)}.ring .pct,.prec-time,#aiRecordTime{font-variant-numeric:tabular-nums}.card-title .t,.page-head h2,.ai-scroll h3{text-wrap:balance}
.card-title .link,.more-head .link{min-height:0;position:relative}.card-title .link::after,.more-head .link::after{content:'';position:absolute;inset:-8px}.card-empty{position:relative;height:calc(227 * var(--ref));padding-top:calc(79 * var(--ref))}.card-empty img{position:absolute;left:50%;top:calc(-23 * var(--ref));transform:translateX(-50%)}.card-empty .et{margin-top:0;line-height:1.4}.card-empty .speak-btn{margin-top:calc(14 * var(--ref))}
@media(min-width:481px){.app{width:min(448px,calc((100dvh - 40px) * .45616 + 16px));height:min(960px,calc(100dvh - 24px));max-width:100vw;border:8px solid #111613;border-radius:58px;outline:2px solid #aeb5ac;box-shadow:0 0 0 4px #dfe2d7,0 24px 65px rgba(41,51,30,.2)}.app::after{content:'';position:absolute;inset:0;border-radius:49px;pointer-events:none;border:1px solid rgba(255,255,255,.22);z-index:60}}
@media(max-width:480px){.app{height:100dvh;width:100vw;border:0;border-radius:0}.preview-statusbar{display:none}.hero{height:calc(330 * var(--ref))}.hero-inner{padding-top:calc(34 * var(--ref) + env(safe-area-inset-top,0px))}.hero .bell{top:calc(27 * var(--ref) + env(safe-area-inset-top,0px))}#page-home{background-size:100% calc(620 * var(--ref)),100% auto}}
[data-theme="dark"] #page-home{background-color:var(--bg);background-image:linear-gradient(to bottom,rgba(16,23,20,.35),var(--bg) 68%),url('assets/hero-reference-v2.webp')}[data-theme="dark"] #page-home .card{background:rgba(28,39,32,.87);border-color:rgba(97,120,102,.2)}[data-theme="dark"] .hero{background:none}[data-theme="dark"] .hero .hello,[data-theme="dark"] .hero .h-date,[data-theme="dark"] .hero .slogan{color:#e8e8db}[data-theme="dark"] .hero .hand-title{mix-blend-mode:normal;border-radius:8px;opacity:.9}[data-theme="dark"] .card-title .t,[data-theme="dark"] .today-hero .big,[data-theme="dark"] .today-hero .big .zero,[data-theme="dark"] .today-hero .big .zero2,[data-theme="dark"] .more-head .t{color:var(--text)}[data-theme="dark"] .home-todos::before,[data-theme="dark"] .home-progress::after{opacity:.2}[data-theme="dark"] .navbar{background:rgba(24,36,29,.96)}[data-theme="dark"] .preview-statusbar{color:#e2e9df}[data-theme="dark"] .card-empty img{mix-blend-mode:normal;border-radius:12px;opacity:.8}
@media(prefers-reduced-motion:reduce){button,.func-card,.more-item{transition:none}}

.today-hero .sub{font-size:calc(25 * var(--ref));max-width:calc(440 * var(--ref))}.home-todos::before{mask-image:radial-gradient(ellipse at left bottom,#000 15%,#000 40%,transparent 73%)}

.more-item .mi{background-size:100% 100%!important;background-position:center!important;background-repeat:no-repeat!important}.hero .hand-title{background-size:100% 100%}.home-progress::after{mask-image:linear-gradient(to bottom,transparent,#000 70%)}

:root{--serif:"Noto Sans SC","Microsoft YaHei",sans-serif;--nav-h:76px}[data-theme="dark"] .hero .hand-title{filter:brightness(1.7)}

.mini-check,.t-check{position:relative;flex-shrink:0}.mini-check::after,.t-check::after{content:"";position:absolute;inset:-10px}.t-more{min-width:44px;min-height:44px}