/* Port of the approved preview. Only the page wallpaper and top profile differ. */
.app[data-route="home"] .app-header{display:none}
.app[data-route="home"] .home-glass-page{position:absolute;isolation:isolate;overflow-y:auto;overflow-x:hidden;min-height:100%;padding:calc(var(--safe-top,0px) + 25px) 20px calc(100px + var(--safe-bottom,0px))!important;background:transparent;color:var(--ink);font:14px/1.6 "PingFang SC","Microsoft YaHei",sans-serif;scrollbar-width:none}
.home-glass-page::-webkit-scrollbar{display:none}.home-glass-page *{box-sizing:border-box}.home-glass-page [hidden]{display:none!important}
.home-glass-page .home-stack{display:block;max-width:393px;margin:auto}.home-glass-page .home-stack>*{animation:none!important}
.home-glass-page h1,.home-glass-page h2,.home-glass-page h3,.home-glass-page p{margin:0}
.home-glass-page button{font:inherit;color:inherit;background:none;border:0;padding:0}.home-glass-page button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.home-glass-page svg{width:19px;height:19px;stroke-width:1.5;display:block;flex-shrink:0}
.glass-brand{display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px;letter-spacing:1px}.glass-brand>div>small{display:block;font:10px/1.8 Georgia,serif;letter-spacing:.4px;color:var(--muted)}
.glass-head-actions{display:flex;gap:9px;align-items:center}.home-glass-page [data-glass-mode]{width:34px;height:34px;display:grid;place-items:center}
.home-glass-page .glass-profile{width:37px;height:37px;border:1px solid #ffffffe6;border-radius:50%;padding:3px}.glass-profile>span{display:block;width:100%;height:100%;border-radius:50%;background:var(--avatar) center/cover no-repeat}
.glass-intro{margin:32px 0 22px}.glass-intro>small{font-size:11px;color:var(--muted);letter-spacing:.5px}.home-glass-page .glass-intro h1{font-size:25px;font-weight:500;letter-spacing:-1px;margin:5px 0 7px}
.glass-weather{display:flex;align-items:center;gap:9px;font-size:11px;color:var(--muted)}.home-glass-page .glass-weather>button{margin-left:auto;display:grid;place-items:center;width:30px;height:30px;color:var(--ink)}.glass-weather button svg{width:17px;height:17px}
.home-glass-page .welcome-note{padding:0 3px 15px!important;margin:0!important;border:0!important;border-bottom:1px solid #30364638!important;background:none!important;box-shadow:none!important;border-radius:0;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;min-height:0;display:block}
.glass-author{display:flex;gap:9px;align-items:center;font-size:12px;font-weight:500}.home-glass-page .glass-author .avatar{width:30px;height:30px;border:0;background:var(--chiyan-avatar) center/cover;border-radius:50%}.glass-author small{display:block;font-size:9px;color:var(--muted);font-weight:400}.glass-author>svg{margin-left:auto;color:var(--accent);width:13px;height:13px}
.home-glass-page .whisper-copy{position:relative;margin:12px 0;min-width:0;min-height:0;background:none;border:0;box-shadow:none}.home-glass-page .whisper-text,.home-glass-page .whisper-reserve{font:400 13px/1.8 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.1px}
.glass-greeting-foot{display:flex;align-items:center;justify-content:space-between;gap:7px}.glass-greeting-foot>span{font:italic 10px Georgia,serif;color:var(--muted)}.home-glass-page .glass-welcome-link{font-size:10px;display:flex;gap:4px;align-items:center;min-height:28px}.glass-welcome-link svg{width:12px;height:12px}
.glass-section-title{display:flex;justify-content:space-between;align-items:center;margin:21px 3px 19px}.home-glass-page .glass-section-title h2{font-size:15px;font-weight:500;letter-spacing:.5px}
[data-glass-dots]{display:flex;justify-content:flex-end;gap:7px;align-items:center;min-width:44px;padding:4px 1px}[data-glass-dots] i{width:4px;height:4px;flex:0 0 4px;background:color-mix(in srgb,var(--muted) 34%,transparent);border-radius:50%;opacity:.58;filter:none!important;box-shadow:none;transform:scale(1);transition:width .3s cubic-bezier(.2,.78,.18,1),height .3s cubic-bezier(.2,.78,.18,1),flex-basis .3s cubic-bezier(.2,.78,.18,1),transform .3s cubic-bezier(.2,.78,.18,1),background .28s ease,opacity .28s ease,box-shadow .28s ease}[data-glass-dots] .active{width:6px;height:6px;flex-basis:6px;background:color-mix(in srgb,var(--muted) 68%,var(--ink));opacity:.8;box-shadow:0 0 0 3px color-mix(in srgb,var(--muted) 10%,transparent)}
.glass-deck-layout{display:grid;grid-template-columns:43px minmax(0,1fr);gap:17px;align-items:center;min-height:285px;margin-bottom:27px}
.glass-tabs{display:flex;flex-direction:column;gap:8px;position:relative;z-index:5}.home-glass-page .glass-tabs button{width:43px;min-height:61px;border-radius:24px;background:#eceef352;border:1px solid #ffffff38;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;flex-direction:column;justify-content:center;align-items:center;gap:3px;font-size:10px;color:#5e6673;box-shadow:0 2px 7px #3d465708;transition:background .3s,color .3s}.home-glass-page .glass-tabs button.active{background:#fbfcfdbf;color:var(--ink);border-color:#ffffffd6;box-shadow:inset 0 1px 2px #ffffffc0,0 4px 10px #353d5011}.glass-tabs small{font-size:7px;letter-spacing:.8px}.glass-tabs .active small{color:var(--accent)}
.glass-deck{position:relative;min-width:0;height:282px;perspective:800px;touch-action:pan-y}
.home-glass-page .glass-front{position:absolute;left:-5px;right:-2px;top:51px;min-height:187px;border-radius:25px;padding:17px 17px 14px;background:linear-gradient(122deg,#ffffffbd,#f6f7fb6b 55%,#ffffffa3);border:1px solid #ffffffbf;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);box-shadow:inset 0 1px 3px #ffffffcc,0 12px 24px #3b3e4d1a;overflow:hidden;isolation:isolate;animation:none;margin:0}
.glass-front:before{content:"";position:absolute;width:180%;height:49px;left:-40%;top:54%;background:linear-gradient(180deg,#ffffff52,#ffffff0f);border-top:1px solid #ffffff9e;border-bottom:1px solid #ffffff52;transform:rotate(-11deg);z-index:-1;pointer-events:none}.glass-front:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 2px 0 6px #ffffff4d,inset -1px -1px 3px #62697d1a;pointer-events:none}
.glass-card-head{display:flex;align-items:center;justify-content:space-between;gap:5px;font-size:10px;font-weight:500}.glass-card-head>small{font:9px Georgia,serif;color:var(--muted);font-weight:400}
.glass-day{display:flex;align-items:baseline;gap:7px;margin:10px 0 0}.glass-day>em{font:italic 24px Georgia,serif}.glass-day>b{font:500 62px/1.05 "Helvetica Neue",Arial,sans-serif;letter-spacing:-4px}.glass-card-caption{font-size:9px;color:var(--muted);margin:3px 0 13px}
.glass-us footer{display:flex;align-items:center;gap:7px;font-size:8px}.glass-us footer>span{margin-left:auto;color:#555c69}.glass-us footer>svg{width:12px;height:12px}.glass-pair{display:flex;padding-left:0}.home-glass-page .glass-pair>span{width:26px;height:26px;border-radius:50%;border:2px solid #ffffffe6;flex-shrink:0}.glass-user-avatar{background:var(--avatar) center/cover}.home-glass-page .glass-pair>.avatar{background:var(--chiyan-avatar) center/cover;margin-left:-7px}
.home-glass-page h3{font-size:15px;font-weight:500}.glass-paper p{font-size:10px;color:var(--muted);margin:4px 0 9px}.glass-note-art{height:58px;display:flex;align-items:center;gap:10px;margin:6px 0;color:#606a79}.glass-note-art svg{width:41px;height:41px;stroke-width:.9;transform:rotate(-10deg)}.glass-note-art>span{font:italic 17px Georgia,serif;letter-spacing:1px}.home-glass-page .glass-card-link{display:flex;align-items:center;gap:4px;margin-left:auto;min-height:26px;font-size:9px}.glass-card-link svg{width:12px;height:12px}
.glass-anniv-row{display:flex;align-items:center;gap:11px;margin:14px 0}.glass-anniv-row>div{display:flex;flex-direction:column;text-align:center}.glass-anniv-row>div small{font:9px Georgia,serif;color:var(--muted)}.glass-anniv-row>div strong{font:29px/1.1 Arial,sans-serif}.glass-anniv-row>span{font-size:13px}.glass-anniv-row>span small{display:block;font-size:9px;color:var(--muted);margin-top:2px}.glass-anniv-row>svg{margin-left:auto;width:18px;height:18px;color:#727b8a}.glass-anniv-second{display:flex;align-items:center;justify-content:space-between;gap:6px;padding:9px 0 4px;border-top:1px solid #3c435321;font-size:10px}.glass-anniv-second small{font-size:9px;color:var(--muted)}
.home-glass-page .health-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.home-glass-page .health-card{padding:0;border:0;background:none!important;box-shadow:none;backdrop-filter:none;min-width:0}.home-glass-page .health-card+.health-card{border-left:1px solid #3c435321;padding-left:15px}.home-glass-page .health-label{font-size:9px;font-family:inherit;color:var(--muted)}.home-glass-page .health-value{font:30px/1.4 Arial,sans-serif;letter-spacing:-1px;margin-top:5px}.home-glass-page .health-value small{font-size:8px;margin-left:3px;letter-spacing:0}.home-glass-page .health-status,.home-glass-page .health-axis{font-size:8px;color:var(--muted)}.home-glass-page .health-timeline{height:24px;width:100%}
.home-glass-page .home-links{display:flex;flex-direction:column;gap:9px;margin-top:6px}.home-glass-page .home-link{display:flex;align-items:center;gap:11px;width:100%;min-height:59px;background:linear-gradient(125deg,#f7f9fdc4,#ebeef78a);border:1px solid #ffffffa8;border-radius:35px;padding:7px 13px;backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px);box-shadow:inset 0 1px 2px #ffffffa6,0 4px 13px #4247580f;text-align:left;position:relative}.home-glass-page .home-link b{display:block;font-size:12px;font-weight:500}.home-glass-page .home-link small{display:block;font-size:9px;color:var(--muted)}.home-glass-page .home-link>.avatar,.glass-round-symbol{width:36px;height:36px;border-radius:50%;flex-shrink:0}.home-glass-page .home-link>.avatar{background:var(--chiyan-avatar) center/cover;border:0}.glass-round-symbol{display:grid;place-items:center;border:1px solid #4b515e2b;background:#ffffff2e}.glass-round-symbol svg{width:17px;height:17px}.home-glass-page .unread-dot{position:static;display:block;width:4px;height:4px;border-radius:50%;background:var(--accent);margin-left:auto;visibility:hidden;flex-shrink:0}.home-glass-page .has-unread .unread-dot{visibility:visible}.home-glass-page .home-link>svg{width:13px;height:13px;opacity:.5;margin-left:2px}
.home-glass-page #homeLedger{--home-cloud:#aebbd0;margin:7px 2px 0;width:calc(100% - 4px);min-height:132px;display:block;padding:3px 3px 0!important;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;color:var(--ink);text-align:left}
.home-ledger-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.home-ledger-head>span{font:italic calc(9px * var(--font-scale,1))/1.5 Georgia,serif;color:var(--muted);letter-spacing:.2px}.home-ledger-head>b{font-size:calc(10px * var(--font-scale,1));font-weight:500;font-variant-numeric:tabular-nums}
.home-ledger-chart{height:88px;display:grid;grid-template-columns:repeat(7,1fr);align-items:end;gap:7px;padding:5px 0 0}.home-ledger-day{height:82px;display:grid;grid-template-rows:13px 61px 8px;justify-items:center;align-items:end;opacity:.68}.home-ledger-day.is-today{opacity:1}.home-ledger-day>small{align-self:start;font:6.5px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}.home-ledger-day>time{font:6.5px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;color:var(--muted);font-variant-numeric:tabular-nums}
.home-ledger-stack{width:18px;height:61px;display:flex;flex-direction:column-reverse;justify-content:flex-start;align-self:end;overflow:visible}.home-ledger-stack>b,.home-ledger-stack>em{display:block;width:100%;min-height:0;font:inherit}.home-ledger-stack>b{background:var(--accent);border-radius:4px 4px 3px 3px}.home-ledger-stack>em{background:var(--home-cloud);border-radius:4px 4px 2px 2px}.home-ledger-day.is-zero .home-ledger-stack:after{content:"";width:6px;height:3px;border-radius:4px;background:color-mix(in srgb,var(--muted) 35%,transparent);margin:auto auto 0}
.home-ledger-foot{display:flex;align-items:center;gap:12px;margin-top:7px;font-size:calc(7.5px * var(--font-scale,1));color:var(--muted)}.home-ledger-foot>span{display:inline-flex;align-items:center;gap:4px}.home-ledger-foot i{width:7px;height:7px;border-radius:3px;background:var(--accent)}.home-ledger-foot>span:nth-child(2) i{background:var(--home-cloud)}.home-ledger-foot>small{margin-left:auto;font-size:inherit}
.app[data-route="home"] .home-glass-page .private-card{display:flex;align-items:flex-start;gap:7px;margin:10px 5px 18px;padding:0;color:var(--muted);font-size:9px;background:none!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.home-glass-page .private-card svg{width:12px;height:12px;margin-top:1px}.home-glass-page .private-card b{font-size:9px;font-weight:400}.home-glass-page .private-card span{font-size:8px;display:block;margin-top:3px}
.home-glass-page .home-reminder{margin:0 0 15px;padding:12px;border-radius:18px}
.app[data-route="home"] .tabbar{width:min(353px,calc(100% - 40px));height:62px;display:grid;grid-template-columns:1fr 47px 47px 47px;gap:8px;border:0;border-radius:0;box-shadow:none;background:none;backdrop-filter:none;padding:14px 0 0}
.app[data-route="home"] .tabbar button{border:1px solid #ffffffb3;background:#f7f9fda3;backdrop-filter:blur(14px);box-shadow:inset 0 1px 3px #ffffffa6;height:47px;border-radius:50%;color:#25272c}.app[data-route="home"] .tabbar button[data-route="home"]{border-radius:30px;display:flex;align-items:center;gap:9px;text-align:left;padding:6px 14px;font-size:11px}.app[data-route="home"] .tabbar button[data-route="home"]>svg{color:#338ade;width:20px;height:20px}.app[data-route="home"] .tabbar button[data-route="home"]>span{position:static;width:auto;height:auto;margin:0;clip:auto;clip-path:none;overflow:visible;white-space:normal;line-height:1.6}.app[data-route="home"] .tabbar small{display:block;font:8px/1.5 Georgia,serif;color:#676b75}.app[data-route="home"] .tabbar button>svg{width:19px;height:19px}
:root:not([data-mode="day"]) .app[data-route="home"] .home-glass-page{background:transparent}
:root:not([data-mode="day"]) .home-glass-page .glass-front{background:linear-gradient(125deg,#545864cc,#5156688a);border-color:#ffffff42}
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button,:root:not([data-mode="day"]) .home-glass-page .home-link,:root:not([data-mode="day"]) .app[data-route="home"] .tabbar button{background:#5a5f6e99;color:#e6e8ed}
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button.active{background:#a5afc299}:root:not([data-mode="day"]) .glass-us footer>span,:root:not([data-mode="day"]) .app[data-route="home"] .tabbar small{color:#bcc0ca}
@media(max-width:360px){.app[data-route="home"] .home-glass-page{padding-left:16px!important;padding-right:16px!important}.home-glass-page .glass-intro h1{font-size:23px}.glass-deck-layout{grid-template-columns:38px minmax(0,1fr);gap:13px}.home-glass-page .glass-tabs button{width:38px}.home-glass-page .glass-front{padding:15px 12px}.glass-card-head>small{font-size:8px}.glass-us footer{font-size:7px;gap:3px}.home-glass-page .glass-pair>span{width:23px;height:23px}.glass-day>b{font-size:58px}.app[data-route="home"] .tabbar{grid-template-columns:1fr 42px 42px 42px;gap:6px}.app[data-route="home"] .tabbar button{height:42px}}
@media(prefers-reduced-motion:reduce){.glass-tabs button,[data-glass-dots] i{transition:none}}
.glass-health-head,.glass-body-bottom{grid-column:1/-1}.home-glass-page .health-grid .health-timeline,.home-glass-page .health-grid .health-axis{display:none}.glass-body-bottom{border-top:1px solid #3c435321;padding-top:10px;font-size:10px}.home-glass-page .health-grid .health-status{font-size:9px}
.home-glass-page:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:repeating-linear-gradient(122deg,#ffffff21 0,#ffffff21 .4px,transparent .4px,transparent 3px);opacity:.4}
.home-glass-page .unread-dot{box-shadow:none}.home-glass-page .home-link>svg{color:var(--ink)}
/* Compact upper composition; decorations stay on existing rows. */
.app[data-route="home"] .home-glass-page{padding-top:calc(var(--safe-top,0px) + 10px)!important}
.glass-intro{margin:18px 0 12px}
.glass-date-line{display:flex;align-items:center;justify-content:space-between;gap:10px}
.glass-date-line>small{font-size:11px;letter-spacing:.5px;color:var(--muted)}
.glass-date-line>span{font:8px/1.5 Georgia,serif;letter-spacing:1.1px;color:var(--muted);opacity:.72}
.home-glass-page .glass-intro h1{font-size:24px;margin:4px 0;line-height:1.4}
.glass-private-tag{margin-left:auto;font-size:7px;letter-spacing:1.2px;border:1px solid #676b7530;border-radius:10px;padding:2px 7px;color:var(--muted);white-space:nowrap}
.home-glass-page .glass-weather>button{margin-left:0;width:24px;height:24px}
.home-glass-page .welcome-note{padding-bottom:10px!important}
.home-glass-page .whisper-copy{margin:8px 0}
.home-glass-page .whisper-text,.home-glass-page .whisper-reserve{line-height:1.7}
.home-glass-page .glass-welcome-link{min-height:24px}
.glass-author-name{display:inline-flex;align-items:center;gap:5px}.home-glass-page .glass-author-name>svg{width:13px;height:13px;color:var(--accent)}
/* Actual content cards exchange depth; no decorative image backplates. */
.home-glass-page .glass-deck .glass-front{transform-origin:50% 50%;backface-visibility:hidden;will-change:transform,opacity;pointer-events:none}
.home-glass-page .glass-deck.motion-ready .glass-front{transition:transform .62s cubic-bezier(.22,.68,.24,1),filter .54s ease,opacity .42s ease,box-shadow .54s ease}
.home-glass-page .glass-front[data-glass-layer="0"]{z-index:4;transform:translate3d(0,0,0) rotate(0deg) scale(1);filter:blur(0);opacity:1;pointer-events:auto}
.home-glass-page .glass-front[data-glass-layer="1"]{z-index:3;transform:translate3d(4px,-38px,0) rotate(7deg) scale(.94);filter:blur(1.8px);opacity:.62;box-shadow:0 6px 18px #3b3e4d0d}
.home-glass-page .glass-front[data-glass-layer="2"]{z-index:2;transform:translate3d(1px,36px,0) rotate(-7deg) scale(.94);filter:blur(2.7px);opacity:.46;box-shadow:0 4px 14px #3b3e4d08}
.home-glass-page .glass-front[data-glass-layer="3"]{z-index:1;transform:translate3d(12px,60px,0) rotate(-11deg) scale(.84);filter:blur(5px);opacity:0}
.home-glass-page .glass-front:not([data-glass-layer="0"]){-webkit-backdrop-filter:none;backdrop-filter:none}
.home-glass-page .glass-tabs:before{content:"";position:absolute;top:0;left:0;width:100%;height:61px;border-radius:24px;background:#fbfcfdbf;border:1px solid #ffffffd6;box-shadow:inset 0 1px 2px #ffffffc0,0 4px 10px #353d5011;transform:translate3d(0,calc(var(--glass-selected-index,0) * 69px),0);pointer-events:none}
.glass-tabs.motion-ready:before{transition:transform .62s cubic-bezier(.22,.68,.24,1)}
.home-glass-page .glass-tabs button{position:relative;z-index:1;backdrop-filter:none;-webkit-backdrop-filter:none}
.home-glass-page .glass-tabs button.active{background:transparent;border-color:transparent;box-shadow:none}
:root:not([data-mode="day"]) .home-glass-page .glass-tabs:before{background:#a5afc299;border-color:#ffffff42}
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button.active{background:transparent;border-color:transparent;box-shadow:none}
@media(prefers-reduced-motion:reduce){.home-glass-page .glass-deck.motion-ready .glass-front,.glass-tabs.motion-ready:before{transition:none;will-change:auto}}

/* Three-card vertical wheel, matched to the hand-driven reference motion. */
.glass-deck-layout{grid-template-columns:47px minmax(0,1fr);gap:13px;min-height:238px;margin-bottom:22px;align-items:center;overflow:visible;--glass-wheel-ease:cubic-bezier(.2,.72,.2,1)}
.glass-tabs{display:block;position:relative;height:210px;overflow:visible;z-index:6}
.home-glass-page .glass-tabs:before{display:none}
.home-glass-page .glass-tabs button{position:absolute;left:0;top:0;width:47px;height:62px;min-height:62px;border-radius:24px;gap:2px;background:#e9ebf04d;border:1px solid #ffffff42;transform:translate3d(0,210px,0);opacity:0;filter:blur(1px);pointer-events:none;transition:transform .58s var(--glass-wheel-ease),opacity .4s ease,filter .4s ease,background .35s ease,color .35s ease;will-change:transform,opacity}
.home-glass-page .glass-tabs button[data-glass-tab-pos="prev"]{transform:translate3d(0,0,0);opacity:.5;filter:blur(.35px);pointer-events:auto}
.home-glass-page .glass-tabs button[data-glass-tab-pos="current"]{transform:translate3d(0,70px,0);opacity:1;filter:none;pointer-events:auto;background:#fbfcfdd6;border-color:#fffffff2;box-shadow:inset 0 1px 3px #fff,0 8px 20px #353d5014;color:var(--ink)}
.home-glass-page .glass-tabs button[data-glass-tab-pos="next"]{transform:translate3d(0,140px,0);opacity:.5;filter:blur(.35px);pointer-events:auto}
.home-glass-page .glass-tabs button[data-glass-tab-pos="hidden"]{transform:translate3d(0,210px,0);opacity:0;filter:blur(2px);pointer-events:none}
.home-glass-page .glass-tabs button>span{font-size:10px;line-height:1.1}.home-glass-page .glass-tabs button>small{font:7px/1.2 "Helvetica Neue",Arial,sans-serif;letter-spacing:1.1px}
.home-glass-page .glass-tabs button[data-glass-tab-pos="current"]>small{color:var(--accent)}
.glass-deck{height:226px;perspective:950px;touch-action:pan-x;cursor:grab;overflow:visible}
.glass-deck:active{cursor:grabbing}
.home-glass-page .glass-front{left:0;right:0;top:23px;height:180px;min-height:180px;padding:15px 16px 13px;border-radius:25px;display:flex;flex-direction:column;transform-origin:50% 50%;pointer-events:none;transition:transform .58s var(--glass-wheel-ease),filter .48s ease,opacity .38s ease,box-shadow .48s ease;will-change:transform,filter,opacity}
.home-glass-page .glass-front[data-glass-pos="current"]{z-index:4;transform:translate3d(0,0,0) rotate(0) scale(1);filter:blur(0);opacity:1;pointer-events:auto;box-shadow:inset 0 1px 3px #ffffffee,0 15px 31px #343a4a1d}
.home-glass-page .glass-front[data-glass-pos="prev"]{z-index:2;transform:translate3d(3px,-58px,0) rotate(7deg) scale(.94);filter:blur(2.2px);opacity:.58;box-shadow:0 7px 17px #343a4a0e}
.home-glass-page .glass-front[data-glass-pos="next"]{z-index:3;transform:translate3d(-2px,58px,0) rotate(-7deg) scale(.94);filter:blur(2.6px);opacity:.5;box-shadow:0 7px 17px #343a4a0b}
.home-glass-page .glass-front[data-glass-pos="hidden"]{z-index:1;transform:translate3d(7px,96px,0) rotate(-11deg) scale(.86);filter:blur(5px);opacity:0}
.home-glass-page .glass-front:not([data-glass-pos="current"]){-webkit-backdrop-filter:none;backdrop-filter:none}
.glass-deck-layout.is-dragging .glass-front,.glass-deck-layout.is-settling .glass-front{transform:translate3d(0,var(--glass-live-y),0) rotate(var(--glass-live-r)) scale(var(--glass-live-s));opacity:var(--glass-live-o);filter:blur(var(--glass-live-b));pointer-events:none}
.glass-deck-layout.is-dragging .glass-tabs button,.glass-deck-layout.is-settling .glass-tabs button{transform:translate3d(0,var(--glass-tab-live-y),0);opacity:var(--glass-tab-live-o);filter:none;pointer-events:none}
.glass-deck-layout.is-dragging .glass-front,.glass-deck-layout.is-dragging .glass-tabs button,.glass-deck-layout.is-rebasing .glass-front,.glass-deck-layout.is-rebasing .glass-tabs button{transition:none!important}
.glass-deck-layout.is-settling .glass-front,.glass-deck-layout.is-settling .glass-tabs button{transition:transform .18s var(--glass-wheel-ease),opacity .18s ease,filter .18s ease}
.glass-profile-row{display:flex;align-items:center;gap:10px;min-width:0}.glass-card-avatar{width:38px;height:38px;border-radius:50%;border:1.5px solid #ffffffed;box-shadow:0 3px 10px #26314417;display:grid;place-items:center;flex:0 0 auto}.glass-card-avatar.glass-user-avatar{background:var(--avatar) center/cover no-repeat}.glass-card-avatar.avatar{background:var(--chiyan-avatar) center/cover no-repeat}.glass-profile-copy{min-width:0}.glass-profile-copy strong{display:block;font-size:13px;font-weight:550;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-profile-copy small{display:block;margin-top:2px;font:8px/1.4 "Helvetica Neue",Arial,sans-serif;letter-spacing:.35px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.glass-card-stamp{margin-left:auto;align-self:flex-start;font:7px/1.4 "Helvetica Neue",Arial,sans-serif;letter-spacing:.85px;color:var(--muted);white-space:nowrap}.glass-card-line{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;margin:14px 2px 10px!important;font-size:12px;line-height:1.75;min-height:42px;letter-spacing:.05px}.glass-us footer,.glass-paper footer{margin-top:auto;display:flex;align-items:center;gap:8px;min-height:27px;font-size:8px}.glass-us footer>span{margin-left:auto;color:var(--muted);font:italic 8px/1.4 Georgia,serif;letter-spacing:.25px}.glass-paper footer .glass-card-link{margin-left:auto}.glass-date-avatar,.glass-body-avatar{background:#f8f9fca0;color:#4e5868}.glass-date-avatar svg{width:17px;height:17px}.glass-body-avatar b{font:600 9px/1 Arial,sans-serif;max-width:31px;overflow:hidden;text-overflow:ellipsis}.glass-date #homeAnnivGrid{margin-top:10px}.glass-date .glass-anniv-row{margin:5px 0 6px}.glass-date .glass-anniv-row>div strong{font-size:23px}.glass-date .glass-anniv-second{padding:6px 0 0}.glass-date #homeAnnivGrid>:nth-child(n+3){display:none}.glass-date>.glass-card-link{position:absolute;right:15px;bottom:10px}.home-glass-page .health-grid{grid-template-columns:1fr 1fr;gap:9px}.home-glass-page .health-grid .glass-health-head{grid-column:1/-1}.home-glass-page .health-grid .health-value{font-size:25px;line-height:1.2;margin-top:2px}.home-glass-page .health-grid .health-card+.health-card{padding-left:11px}.home-glass-page .health-grid .glass-body-bottom{display:flex;justify-content:space-between;gap:7px;padding-top:7px}.glass-body-bottom>small{font-size:7px;color:var(--muted);white-space:nowrap}
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button[data-glass-tab-pos="current"]{background:#a5afc2b5;border-color:#ffffff5c;color:var(--ink)}
@media(max-width:360px){.glass-deck-layout{grid-template-columns:43px minmax(0,1fr);gap:10px}.home-glass-page .glass-tabs button{width:43px}.home-glass-page .glass-front{padding:14px 12px}.glass-profile-row{gap:8px}.glass-card-avatar{width:34px;height:34px}.glass-profile-copy strong{font-size:12px}.glass-card-line{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home-glass-page .glass-front,.home-glass-page .glass-tabs button{transition:none!important}}

/* Reference-matched wheel: broad low cards, three tall labels, calm hand-driven depth. */
.glass-deck-layout{min-height:228px;grid-template-columns:45px minmax(0,1fr);gap:10px;margin-bottom:18px}
.glass-tabs{height:228px}
.home-glass-page .glass-tabs button{width:45px;height:68px;min-height:68px;border-radius:23px;background:#eef0f55c;border-color:#ffffff52}
.home-glass-page .glass-tabs button[data-glass-tab-pos="current"]{transform:translate3d(0,76px,0);background:#fbfcfddd}
.home-glass-page .glass-tabs button[data-glass-tab-pos="next"]{transform:translate3d(0,152px,0)}
.home-glass-page .glass-tabs button[data-glass-tab-pos="hidden"]{transform:translate3d(0,228px,0)}
.glass-deck{height:224px;touch-action:none;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
.home-glass-page .glass-front{left:0;right:0;top:44px;height:136px;min-height:136px;padding:13px 15px 11px;border-radius:23px;background:radial-gradient(95% 125% at 8% 0,#ffffffd1 0,#ffffff82 33%,transparent 65%),linear-gradient(133deg,#f7f9fd9c 0,#edf1f77d 54%,#ffffffa8 100%);border:1px solid #ffffffe0;-webkit-backdrop-filter:blur(20px) saturate(138%);backdrop-filter:blur(20px) saturate(138%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff62,0 14px 30px #343a4a17}
.home-glass-page .glass-front:before{display:none}
.home-glass-page .glass-front:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(155deg,#ffffff70 0,transparent 24%,transparent 78%,#d8e1ee2e 100%);box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #7c879614;pointer-events:none}
.home-glass-page .glass-front[data-glass-pos="prev"]{transform:translate3d(2px,-44px,0) rotate(4.5deg) scale(.96);filter:blur(2.8px);opacity:.48}
.home-glass-page .glass-front[data-glass-pos="next"]{transform:translate3d(-1px,44px,0) rotate(-4.5deg) scale(.96);filter:blur(3.1px);opacity:.43}
.home-glass-page .glass-front[data-glass-pos="hidden"]{transform:translate3d(5px,80px,0) rotate(-7deg) scale(.9);filter:blur(5.5px);opacity:0}
.glass-deck-layout.is-settling .glass-front,.glass-deck-layout.is-settling .glass-tabs button{transition:transform .26s cubic-bezier(.2,.78,.18,1),opacity .22s ease,filter .24s ease}
.glass-profile-row{gap:9px}.glass-card-avatar{width:34px;height:34px}.glass-profile-copy strong{font-size:12.5px}.glass-profile-copy small{font-size:7.5px}.glass-card-stamp{font-size:6.5px}.glass-card-line{margin:8px 1px 5px!important;font-size:11px;line-height:1.55;min-height:33px}.glass-us footer,.glass-paper footer{min-height:22px}.home-glass-page .glass-pair>span{width:22px;height:22px}.glass-us footer>span{font-size:7.5px}.glass-date #homeAnnivGrid{margin-top:4px}.glass-date .glass-anniv-row{margin:1px 0 2px}.glass-date .glass-anniv-row>div strong{font-size:19px}.glass-date .glass-anniv-row>span{font-size:11px}.glass-date .glass-anniv-second{padding:2px 0 0;border-top:0}.glass-date>.glass-card-link{right:14px;bottom:7px}.home-glass-page .health-grid{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:5px 10px}.home-glass-page .health-grid .glass-health-head{margin-bottom:0}.home-glass-page .health-grid .health-card{min-height:37px;overflow:hidden}.home-glass-page .health-grid .health-card+.health-card{border-left:0;padding-left:8px}.home-glass-page .health-grid .health-label{font-size:7px}.home-glass-page .health-grid .health-value{font-size:19px;line-height:1.05;margin-top:1px}.home-glass-page .health-grid .health-value small{font-size:7px}.home-glass-page .health-grid .health-status{display:none}.home-glass-page .health-grid .glass-body-bottom{padding-top:3px;border-top:0;font-size:8px;line-height:1.2}.glass-body-bottom>small{font-size:6.5px}
:root:not([data-mode="day"]) .home-glass-page .glass-front{background:radial-gradient(95% 125% at 8% 0,#747b8bbc 0,#5e657494 36%,transparent 66%),linear-gradient(133deg,#555c6ca8,#434a59b4);border-color:#ffffff57;box-shadow:inset 0 1px 1px #ffffff57,0 14px 30px #080b1138}
@media(max-width:360px){.glass-deck-layout{grid-template-columns:41px minmax(0,1fr);gap:8px}.home-glass-page .glass-tabs button{width:41px}.home-glass-page .glass-front{padding:12px 12px 10px}.glass-card-line{font-size:10.5px}}

/* Swiper 14 drives the wheel. Keep the glass visual cheap enough for iOS WebView. */
.glass-deck-layout{min-height:228px;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:18px;overflow:visible}
.glass-deck.swiper{position:relative;height:136px;min-width:0;overflow:visible!important;perspective:950px;cursor:grab;touch-action:pan-x;overscroll-behavior:contain;-webkit-user-select:none;user-select:none}
.glass-deck.swiper:active{cursor:grabbing}
.glass-deck-track.swiper-wrapper{height:136px;overflow:visible;transform-style:preserve-3d}
.home-glass-page .glass-deck .glass-front.swiper-slide{position:relative!important;inset:auto!important;width:100%!important;height:136px!important;min-height:136px!important;margin:0!important;padding:13px 15px 11px;border-radius:23px;display:flex;flex-direction:column;overflow:hidden;isolation:isolate;backface-visibility:hidden;transform-origin:50% 50%;will-change:transform,opacity;contain:layout paint style;filter:none!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;background:radial-gradient(120% 145% at 4% -8%,#fffffff0 0,#ffffffa5 29%,transparent 61%),radial-gradient(85% 105% at 100% 100%,#e8eef89e 0,transparent 72%),linear-gradient(132deg,#f8faffd6 0,#eef2f8b8 52%,#ffffffcf 100%);border:1px solid #fffffff0;box-shadow:inset 1px 1px 1px #fff,inset -1px -1px 1px #8490a01a,0 14px 30px #343a4a17;pointer-events:none}
.home-glass-page .glass-deck .glass-front.health-grid.swiper-slide{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;gap:5px 10px}
.home-glass-page .glass-deck .glass-front.swiper-slide:before{display:none!important}
.home-glass-page .glass-deck .glass-front.swiper-slide:after{content:"";display:block;position:absolute;inset:0;border-radius:inherit;background:linear-gradient(145deg,#ffffff66 0,transparent 26%,transparent 78%,#cad7e928 100%);box-shadow:inset 0 1px 1px #fff,inset 0 -1px 1px #ffffff75;pointer-events:none;z-index:0}
.home-glass-page .glass-deck .glass-front.swiper-slide>*{position:relative;z-index:1;transition:opacity .28s ease}
.home-glass-page .glass-deck .swiper-slide-prev>*,.home-glass-page .glass-deck .swiper-slide-next>*{opacity:.12}
.home-glass-page .glass-deck .swiper-slide-active>*{opacity:1}
.home-glass-page .glass-deck .glass-front.swiper-slide-active{pointer-events:auto!important;background:radial-gradient(115% 145% at 4% -8%,#fff 0,#fffffff2 30%,transparent 61%),linear-gradient(132deg,#f8faff 0,#eef2f8 52%,#fff 100%)}
.home-glass-page .glass-deck .glass-front.swiper-slide:not(.swiper-slide-active):not(.swiper-slide-prev):not(.swiper-slide-next){opacity:0!important;visibility:hidden;pointer-events:none!important}
.home-glass-page .glass-deck .swiper-slide-prev,.home-glass-page .glass-deck .swiper-slide-next{pointer-events:none!important}
:root:not([data-mode="day"]) .home-glass-page .glass-deck .glass-front.swiper-slide{background:radial-gradient(120% 145% at 4% -8%,#798295dc 0,#646d80b8 31%,transparent 62%),radial-gradient(85% 105% at 100% 100%,#424b5ab8 0,transparent 72%),linear-gradient(132deg,#596274e0,#454d5de0);border-color:#ffffff66;box-shadow:inset 1px 1px 1px #ffffff70,inset -1px -1px 1px #1117222b,0 14px 30px #080b1138}
:root:not([data-mode="day"]) .home-glass-page .glass-deck .glass-front.swiper-slide-active{background:radial-gradient(115% 145% at 4% -8%,#7e8799 0,#677083f2 31%,transparent 62%),linear-gradient(132deg,#5c6577,#485061)}
@media(max-width:360px){.glass-deck-layout{grid-template-columns:41px minmax(0,1fr);gap:8px}.home-glass-page .glass-deck .glass-front.swiper-slide{padding:12px 12px 10px}}
@media(prefers-reduced-motion:reduce){.glass-deck.swiper .swiper-wrapper{transition-duration:0ms!important}.home-glass-page .glass-deck .glass-front.swiper-slide{will-change:auto}}

/* Tighter editorial stack: quieter side labels and refined type hierarchy. */
.home-glass-page .glass-tabs button[data-glass-tab-pos="prev"],.home-glass-page .glass-tabs button[data-glass-tab-pos="next"]{opacity:.38;filter:blur(1.8px);background:#e8ebf14a;border-color:#ffffff3b}
.home-glass-page .glass-tabs button[data-glass-tab-pos="current"]{filter:none}
.home-glass-page .glass-tabs button>span{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:10.5px;font-weight:500;letter-spacing:.08px}
.home-glass-page .glass-tabs button>small{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:7px;letter-spacing:1.2px}
.home-glass-page .glass-deck .glass-profile-copy strong{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-size:13px;font-weight:600;letter-spacing:.06px}
.home-glass-page .glass-deck .glass-profile-copy small,.home-glass-page .glass-deck .glass-card-stamp{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.55px}
.home-glass-page .glass-deck .glass-card-line{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:400;letter-spacing:.12px}
.home-glass-page .glass-deck .glass-card-link{font-family:"PingFang SC","Hiragino Sans GB","Microsoft YaHei",sans-serif;font-weight:500;letter-spacing:.08px}
.home-glass-page .glass-deck .glass-card-link.has-unread:before{content:"";width:4px;height:4px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #338ade17}

/* The note slide is a tiny private social post, fed by /app/notes rather than the welcome quote. */
.glass-paper{display:flex!important;flex-direction:column}.glass-paper>*:not(.paper-feed-decor){position:relative;z-index:2}.paper-feed-decor{position:absolute!important;inset:0;z-index:1!important;overflow:hidden;border-radius:inherit;pointer-events:none;color:var(--muted)}.paper-feed-decor:before{content:"";position:absolute;left:47px;right:27px;top:43px;bottom:27px;background:repeating-linear-gradient(180deg,transparent 0 16px,color-mix(in srgb,var(--muted) 8%,transparent) 16px 17px);-webkit-mask-image:linear-gradient(90deg,#000,transparent 87%);mask-image:linear-gradient(90deg,#000,transparent 87%)}.paper-feed-decor:after{content:"";position:absolute;right:13px;top:13px;width:14px;height:5px;background:radial-gradient(circle,color-mix(in srgb,var(--muted) 33%,transparent) 0 1px,transparent 1.5px) 0 0/5px 5px}.paper-feed-grid{position:absolute;right:13px;top:41px;width:27px;height:31px;background:linear-gradient(90deg,color-mix(in srgb,var(--accent) 10%,transparent) 1px,transparent 1px) 0 0/7px 100%,linear-gradient(color-mix(in srgb,var(--accent) 10%,transparent) 1px,transparent 1px) 0 0/100% 7px;opacity:.7}.paper-feed-rail{position:absolute;right:5px;top:49px;writing-mode:vertical-rl;font:5px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:1.05px;opacity:.55}.paper-feed-index{position:absolute;left:15px;bottom:4px;font:5px/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.6px;opacity:.48}.paper-feed-progress{position:absolute;left:73px;bottom:5px;width:47px;height:2px;background:color-mix(in srgb,var(--muted) 10%,transparent)}.paper-feed-progress:after{content:"";display:block;width:62%;height:100%;background:color-mix(in srgb,var(--accent) 31%,transparent)}.paper-social-head{display:grid;grid-template-columns:32px minmax(0,1fr) auto;align-items:center;gap:8px;min-width:0;padding-right:12px}.paper-social-head .glass-card-avatar{width:32px;height:32px}.paper-social-head strong{display:block;font:600 calc(12.5px * var(--font-scale,1))/1.25 "PingFang SC","Microsoft YaHei",sans-serif}.paper-social-head small{display:block;margin-top:1px;color:var(--muted);font:calc(7px * var(--font-scale,1))/1.25 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.45px}.paper-social-head>span:last-child{align-self:start;color:var(--muted);font:calc(6.5px * var(--font-scale,1))/1.4 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.7px;white-space:nowrap}.glass-paper .paper-social-copy{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden;min-height:43px;margin:6px 22px 2px 1px!important;color:var(--ink);font:400 calc(10.4px * var(--font-scale,1))/1.45 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.08px}.paper-social-actions{display:flex;align-items:center;gap:10px;margin-top:auto;min-height:24px;padding-right:7px}.paper-social-actions button{display:flex;align-items:center;gap:4px;min-height:24px;padding:0;border:0;background:transparent;color:var(--muted);font-size:calc(7.5px * var(--font-scale,1))}.paper-social-actions button>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.45}.paper-social-actions button.is-liked{color:var(--accent)}.paper-social-actions button.is-liked>svg{fill:color-mix(in srgb,var(--accent) 76%,transparent);stroke:var(--accent)}.paper-social-actions .glass-card-link{margin-left:auto;color:var(--ink)}.paper-social-actions .glass-card-link>svg{width:11px;height:11px}.paper-social-actions button:disabled{opacity:.45}
@media(max-width:360px){.paper-social-head{padding-right:8px}.glass-paper .paper-social-copy{margin-right:18px!important}.paper-feed-grid{right:10px}.paper-feed-rail{right:3px}.paper-feed-index{display:none}.paper-feed-progress{left:14px}}

/* The home page consumes the same appearance tokens as Settings. */
.app[data-route="home"] .home-glass-page{font-size:calc(14px * var(--font-scale,1))}
.home-glass-page .glass-brand{font-size:calc(12px * var(--font-scale,1))}.home-glass-page .glass-brand>div>small{font-size:calc(10px * var(--font-scale,1))}
.home-glass-page .glass-date-line>small,.home-glass-page .glass-weather{font-size:calc(11px * var(--font-scale,1))}.home-glass-page .glass-date-line>span{font-size:calc(8px * var(--font-scale,1))}
.home-glass-page .glass-intro h1{font-size:calc(24px * var(--font-scale,1))}.home-glass-page .glass-section-title h2{font-size:calc(15px * var(--font-scale,1))}
.home-glass-page .glass-author{font-size:calc(12px * var(--font-scale,1))}.home-glass-page .glass-author small{font-size:calc(9px * var(--font-scale,1))}.home-glass-page .whisper-text,.home-glass-page .whisper-reserve{font-size:calc(13px * var(--font-scale,1))}
.home-glass-page .glass-greeting-foot>span,.home-glass-page .glass-welcome-link{font-size:calc(10px * var(--font-scale,1))}
.home-glass-page .glass-tabs button>span{font-size:calc(10.5px * var(--font-scale,1))}.home-glass-page .glass-tabs button>small{font-size:calc(7px * var(--font-scale,1))}
.home-glass-page .glass-deck .glass-profile-copy strong{font-size:calc(13px * var(--font-scale,1))}.home-glass-page .glass-deck .glass-profile-copy small{font-size:calc(7.5px * var(--font-scale,1))}.home-glass-page .glass-deck .glass-card-stamp{font-size:calc(6.5px * var(--font-scale,1))}
.home-glass-page .glass-deck .glass-card-line{font-size:calc(11px * var(--font-scale,1))}.home-glass-page .glass-deck .glass-card-link{font-size:calc(9px * var(--font-scale,1))}
.home-glass-page .glass-deck .glass-front.swiper-slide{background:linear-gradient(145deg,var(--glass-highlight),transparent 42%),var(--panel);border-color:var(--glass-edge)}
.home-glass-page .glass-deck .glass-front.swiper-slide-active{background:linear-gradient(145deg,color-mix(in srgb,var(--glass-highlight) 88%,transparent),transparent 48%),var(--panel-strong)}
.home-glass-page .glass-tabs button,.app[data-route="home"] .tabbar button{background:var(--panel);border-color:var(--glass-edge);color:var(--ink)}
.home-glass-page .glass-tabs button[data-glass-tab-pos="current"]{background:var(--panel-strong);border-color:var(--glass-edge)}
:root[data-cards="flat"] .home-glass-page .glass-deck .glass-front.swiper-slide,:root[data-cards="flat"] .app[data-route="home"] .tabbar button{box-shadow:none!important;background:var(--panel)!important}
:root[data-cards="flat"] .home-glass-page .glass-deck .glass-front.swiper-slide-active{background:var(--panel-strong)!important}

/* Compact mobile hero: date/editorial line first, with the real profile and
   day-night controls kept on the title row without consuming another band. */
.home-glass-page .glass-intro{margin:0 0 12px}
.home-glass-page .glass-date-line{display:flex;margin:0 0 1px}
.home-glass-page .glass-title-row{display:flex;align-items:center;justify-content:space-between;gap:12px}
.home-glass-page .glass-title-row h1{min-width:0;margin:2px 0 3px;line-height:1.35}
.home-glass-page .glass-title-row .glass-head-actions{flex:0 0 auto}
.home-glass-page .glass-title-row [data-glass-mode]{width:32px;height:32px}
.home-glass-page .glass-title-row .glass-profile{width:36px;height:36px}
.home-glass-page .glass-weather{min-height:22px}

/* Preserve the previous composition; give Chiyan's sentence only a quiet lift. */
.home-glass-page .whisper-text,.home-glass-page .whisper-reserve{font-weight:500}

/* Editorial English heading: softer than the Chinese content hierarchy. */
.home-glass-page .glass-section-title h2[lang="en"]{font-family:Georgia,"Times New Roman",serif;font-size:calc(15px * var(--font-scale,1));font-style:italic;font-weight:400;letter-spacing:.25px;color:var(--muted)}

/* Us card: make the time together the single focus, while staying inside the
   quiet mist-blue glass language used by the rest of the home page. */
.home-glass-page .glass-deck .glass-us{padding:11px 15px 10px}
.glass-us-kicker{display:flex;align-items:center;min-height:15px;font:italic 9px/1.2 Georgia,"Times New Roman",serif;letter-spacing:.35px;color:var(--muted)}
.glass-us-heart{display:grid;place-items:center;margin-left:auto;color:color-mix(in srgb,var(--accent) 42%,var(--muted))}
.glass-us-heart svg{width:14px;height:14px;stroke-width:1.35}
.glass-us-time{display:grid;grid-template-columns:auto auto 1fr;align-items:baseline;column-gap:6px;margin:1px 1px 3px;min-width:0}
.glass-us-time>em{font:italic 19px/1 Georgia,"Times New Roman",serif;color:var(--muted)}
.glass-us-time>strong{font:500 44px/.95 "Helvetica Neue",Arial,sans-serif;letter-spacing:-2.7px;color:color-mix(in srgb,var(--accent) 32%,var(--ink))}
.glass-us-time>span{align-self:center;justify-self:end;padding-left:10px;border-left:1px solid color-mix(in srgb,var(--muted) 17%,transparent);text-align:right;color:var(--muted)}
.glass-us-time small,.glass-us-time b{display:block;white-space:nowrap}
.glass-us-time small{font:7px/1.2 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:1.15px;text-transform:uppercase}
.glass-us-time b{margin-top:2px;font:500 8px/1.2 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.65px}
.home-glass-page .glass-us footer{justify-content:space-between;gap:7px;margin-top:auto;min-width:0}
.glass-us-together{display:flex;align-items:center;gap:7px;min-width:0;color:var(--muted)}
.glass-us-together>span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:8px/1.3 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.08px}
.home-glass-page .glass-us .glass-pair>span{width:20px;height:20px}
.home-glass-page .glass-us .glass-card-link{flex:0 0 auto;font-size:8.5px}
@media(max-width:360px){.home-glass-page .glass-deck .glass-us{padding-left:12px;padding-right:12px}.glass-us-time>strong{font-size:41px}.glass-us-time>span{padding-left:7px}.glass-us-together{gap:5px}.glass-us-together>span{font-size:7.5px}}

/* Purely atmospheric details: a faint orbit, two tiny sparks and a quiet
   five-beat scale. They sit behind the real content and never receive input. */
.home-glass-page .glass-deck .glass-us>*:not(.glass-us-decor){position:relative;z-index:2}
.home-glass-page .glass-deck .glass-front.swiper-slide>.glass-us-decor{position:absolute;inset:0;z-index:1;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:.84}
.glass-us-orbit{position:absolute;left:25px;top:24px;width:174px;height:72px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:50%;transform:rotate(-8deg)}
.glass-us-orbit:before{content:"";position:absolute;inset:8px 22px;border:1px dashed color-mix(in srgb,var(--muted) 18%,transparent);border-radius:50%;transform:rotate(7deg)}
.glass-us-orbit:after{content:"";position:absolute;width:5px;height:5px;right:18px;top:5px;border-radius:50%;background:color-mix(in srgb,var(--accent) 38%,transparent);box-shadow:-132px 49px 0 -1px color-mix(in srgb,var(--muted) 34%,transparent)}
.glass-us-dotfield{position:absolute;right:21px;top:25px;width:72px;height:34px;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,transparent) 0 1px,transparent 1.25px) 0 0/8px 8px;-webkit-mask-image:linear-gradient(90deg,transparent,#000 32%,#000);mask-image:linear-gradient(90deg,transparent,#000 32%,#000);opacity:.58}
.glass-us-spark{position:absolute;font-family:Georgia,"Times New Roman",serif;line-height:1;color:color-mix(in srgb,var(--accent) 38%,transparent)}
.glass-us-spark-a{right:67px;top:15px;font-size:10px;transform:rotate(8deg)}
.glass-us-spark-b{left:199px;bottom:18px;font-size:8px;transform:rotate(-12deg)}
.glass-us-ticks{position:absolute;right:14px;top:56px;display:flex;align-items:flex-end;gap:3px;height:13px;opacity:.62}
.glass-us-ticks i{display:block;width:1px;height:4px;background:color-mix(in srgb,var(--muted) 34%,transparent);border-radius:1px}
.glass-us-ticks i:nth-child(2),.glass-us-ticks i:nth-child(4){height:7px}.glass-us-ticks i:nth-child(3){height:11px}
@media(max-width:360px){.glass-us-orbit{left:17px;width:165px}.glass-us-spark-b{left:185px}.glass-us-ticks{right:11px}}

/* One cropped photo is shared by all four cards in the home deck. The glass
   wash stays above it so every card keeps its own readable content hierarchy. */
:root.has-home-cards-wallpaper .home-glass-page .glass-deck .glass-front.swiper-slide,
:root.has-home-cards-wallpaper[data-cards="flat"] .home-glass-page .glass-deck .glass-front.swiper-slide{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel-strong) 72%,transparent),color-mix(in srgb,var(--panel) 84%,transparent)),var(--home-cards-wallpaper) center/cover no-repeat!important;
}
:root.has-home-cards-wallpaper .home-glass-page .glass-deck .glass-front.swiper-slide-active{
  background:linear-gradient(135deg,color-mix(in srgb,var(--panel-strong) 66%,transparent),color-mix(in srgb,var(--panel) 80%,transparent)),var(--home-cards-wallpaper) center/cover no-repeat!important;
}

/* Upcoming dates: a quiet keepsake ticket with one unmistakable focal point. */
.home-glass-page .glass-deck .glass-date{display:flex!important;flex-direction:column;padding:10px 15px 9px}
.anniv-card-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;min-height:15px}
.anniv-card-head>span{font:italic 10.5px/1.2 Georgia,"Times New Roman",serif;letter-spacing:.32px;color:var(--muted)}
.anniv-card-head>small{font:6.5px/1.2 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:1.25px;text-transform:uppercase;color:var(--muted)}
.glass-date #homeAnnivGrid{margin:0!important;min-height:0}
.anniv-hero{display:grid;grid-template-columns:76px minmax(0,1fr) 21px;align-items:center;gap:10px;height:54px;min-height:54px;margin:0;overflow:visible}
.anniv-countdown-main{position:relative;display:flex;flex-direction:column;justify-content:center;height:48px;padding-left:2px}
.anniv-countdown-main:after{content:"";position:absolute;right:0;top:6px;bottom:6px;border-right:1px dashed color-mix(in srgb,var(--muted) 24%,transparent)}
.anniv-countdown-main>small{font:6px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.72px;color:var(--muted);white-space:nowrap}
.anniv-countdown-main>div{display:flex;align-items:flex-end;gap:4px;margin-top:2px}
.anniv-countdown-main strong{font:520 34px/.8 "Helvetica Neue",Arial,sans-serif;letter-spacing:-1.9px;color:color-mix(in srgb,var(--accent) 38%,var(--ink))}
.anniv-countdown-main strong.is-word{font:600 calc(17px * var(--font-scale,1))/1.1 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:0}
.anniv-countdown-main>div>span{padding-bottom:1px;font:600 calc(10px * var(--font-scale,1))/1 "PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink)}
.anniv-feature{min-width:0;display:flex;flex-direction:column;justify-content:center}
.anniv-feature>small{font:6.5px/1.25 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.7px;color:var(--muted);white-space:nowrap}
.anniv-feature>strong{overflow:hidden;margin:3px 0 2px;font:600 calc(14px * var(--font-scale,1))/1.15 "PingFang SC","Microsoft YaHei",sans-serif;letter-spacing:.1px;white-space:nowrap;text-overflow:ellipsis}
.anniv-feature>span{font:italic 7.5px/1.2 Georgia,"Times New Roman",serif;letter-spacing:.25px;color:var(--muted)}
.anniv-star{display:flex;align-items:center;justify-content:center;width:20px;height:20px;border:1px solid color-mix(in srgb,var(--accent) 24%,var(--muted));border-radius:50%;overflow:visible;transform:none}
.anniv-star svg{display:block;width:10px;height:10px;overflow:visible;fill:color-mix(in srgb,var(--accent) 62%,var(--muted))}
.anniv-next{position:static;display:flex;align-items:center;justify-content:space-between;gap:7px;height:18px;min-height:18px;margin:1px 69px 0 0;padding-top:3px;border-top:1px solid color-mix(in srgb,var(--muted) 15%,transparent);overflow:hidden;white-space:nowrap}
.anniv-next>span{min-width:0;overflow:hidden;text-overflow:ellipsis;font:500 calc(8.5px * var(--font-scale,1))/1.2 "PingFang SC","Microsoft YaHei",sans-serif}
.anniv-next>span i{margin-right:6px;font:6px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:1px;color:var(--muted)}
.anniv-next>small{flex:0 0 auto;font:6px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.35px;color:var(--muted)}
.glass-date>.glass-card-link{right:13px;bottom:4px;min-height:25px;font:italic 8px/1 Georgia,"Times New Roman",serif;color:var(--ink)}
.glass-date>.glass-card-link svg{width:10px;height:10px}
:root:not([data-mode="day"]) .anniv-countdown-main strong{color:color-mix(in srgb,var(--accent) 35%,#f2f4f8)}
@media(max-width:360px){.home-glass-page .glass-deck .glass-date{padding-left:12px;padding-right:12px}.anniv-hero{grid-template-columns:69px minmax(0,1fr) 20px;gap:8px}.anniv-countdown-main strong{font-size:31px}.anniv-feature>strong{font-size:13px}.anniv-next{margin-right:62px}.anniv-next>small{display:none}}

/* Upcoming-date ticket details. This card intentionally uses a calendar / print
   registration language rather than repeating the orbit-and-stars on Us. */
.home-glass-page .glass-date>*:not(.anniv-atmosphere){position:relative;z-index:2}
.anniv-atmosphere{position:absolute!important;inset:0;z-index:1!important;overflow:hidden;border-radius:inherit;pointer-events:none;opacity:.72}
.anniv-atmosphere:before{content:"";position:absolute;left:62px;right:11px;top:26px;border-top:1px solid color-mix(in srgb,var(--muted) 12%,transparent)}
.anniv-calendar-grid{position:absolute;right:22px;top:18px;display:grid;grid-template-columns:repeat(4,8px);grid-auto-rows:7px;gap:2px;padding:7px 8px 6px;border:1px solid color-mix(in srgb,var(--accent) 17%,transparent);border-radius:2px;background:color-mix(in srgb,var(--glass-highlight) 12%,transparent);transform:rotate(2deg)}
.anniv-calendar-grid:before{content:"";position:absolute;left:7px;right:7px;top:4px;border-top:1px solid color-mix(in srgb,var(--accent) 20%,transparent)}
.anniv-calendar-grid i{display:block;border:1px solid color-mix(in srgb,var(--muted) 13%,transparent);background:color-mix(in srgb,var(--glass-highlight) 20%,transparent)}
.anniv-calendar-grid i:nth-child(7){border-color:color-mix(in srgb,var(--accent) 35%,transparent);background:color-mix(in srgb,var(--accent) 15%,transparent)}
.anniv-ticket-stamp{position:absolute;right:18px;bottom:13px;display:flex;flex-direction:column;align-items:center;justify-content:center;width:54px;height:20px;border:1px solid color-mix(in srgb,var(--accent) 18%,transparent);border-radius:2px;transform:rotate(-2deg);color:var(--muted)}
.anniv-ticket-stamp b{font:600 5.5px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:1.55px}.anniv-ticket-stamp small{margin-top:2px;font:4.5px/1 "Avenir Next","Helvetica Neue",Arial,sans-serif;letter-spacing:.72px}
.anniv-serial{position:absolute;left:13px;bottom:5px;font:5px/1 "SFMono-Regular",Consolas,monospace;letter-spacing:.5px;color:var(--muted);opacity:.56}
.anniv-barcode{position:absolute;left:78px;bottom:5px;width:43px;height:7px;background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--muted) 28%,transparent) 0 1px,transparent 1px 3px,color-mix(in srgb,var(--muted) 18%,transparent) 3px 5px,transparent 5px 7px);opacity:.62}
.anniv-perforation{position:absolute;right:83px;top:8px;bottom:8px;border-left:1px dashed color-mix(in srgb,var(--muted) 16%,transparent)}
.anniv-punch{position:absolute;right:78px;width:10px;height:10px;border-radius:50%;background:color-mix(in srgb,var(--accent) 6%,transparent);border:1px solid color-mix(in srgb,var(--glass-highlight) 45%,transparent)}
.anniv-punch-top{top:-6px}.anniv-punch-bottom{bottom:-6px}
.anniv-corner{position:absolute;width:8px;height:8px;border-color:color-mix(in srgb,var(--accent) 20%,transparent);border-style:solid}
.anniv-corner-a{left:9px;top:8px;border-width:1px 0 0 1px}.anniv-corner-b{right:9px;bottom:8px;border-width:0 1px 1px 0}
@media(max-width:360px){.anniv-calendar-grid{right:15px}.anniv-ticket-stamp{right:12px}.anniv-perforation{right:73px}.anniv-punch{right:68px}.anniv-serial{display:none}.anniv-barcode{left:14px}}

/* v337: moonlit blue-hour home. Keep the air and translucency of daytime;
   night is a luminous indigo tint, never a page-wide gray/black filter. */
:root:not([data-mode="day"]) .app[data-route="home"] .home-glass-page{
  color:var(--ink);
  text-shadow:0 1px 10px rgba(7,22,59,.10);
}
:root:not([data-mode="day"]) .app[data-route="home"] .home-glass-page:before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:radial-gradient(circle at 82% 9%,rgba(190,204,255,.22),transparent 29%),radial-gradient(circle at 18% 63%,rgba(99,160,255,.18),transparent 39%),linear-gradient(180deg,rgba(120,145,218,.04),rgba(10,37,82,.12));
}
:root:not([data-mode="day"]) .home-glass-page .glass-brand,
:root:not([data-mode="day"]) .home-glass-page .glass-intro h1,
:root:not([data-mode="day"]) .home-glass-page .whisper-text,
:root:not([data-mode="day"]) .home-glass-page .glass-welcome-link,
:root:not([data-mode="day"]) .home-glass-page .glass-card-link,
:root:not([data-mode="day"]) .home-glass-page .private-card b{
  color:#f9fbff;
}
:root:not([data-mode="day"]) .home-glass-page .glass-brand>div>small,
:root:not([data-mode="day"]) .home-glass-page .glass-date-line,
:root:not([data-mode="day"]) .home-glass-page .glass-weather,
:root:not([data-mode="day"]) .home-glass-page .glass-author small,
:root:not([data-mode="day"]) .home-glass-page .glass-greeting-foot>span,
:root:not([data-mode="day"]) .home-glass-page .private-card,
:root:not([data-mode="day"]) .home-glass-page #homeLedger{
  color:#ced9ef;
}
:root:not([data-mode="day"]) .home-glass-page .welcome-note{
  border-bottom-color:rgba(222,233,255,.27)!important;
}
:root:not([data-mode="day"]) .home-glass-page .glass-profile{
  border-color:rgba(236,243,255,.78);
  box-shadow:0 0 0 3px rgba(153,184,255,.12),0 7px 22px rgba(7,25,63,.18);
}
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button,
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button[data-glass-tab-pos="prev"],
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button[data-glass-tab-pos="next"]{
  background:linear-gradient(150deg,rgba(119,151,211,.26),rgba(42,82,145,.24));
  border-color:rgba(225,236,255,.25);
  color:#d4e0f5;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.20),0 8px 22px rgba(8,28,67,.13);
}
:root:not([data-mode="day"]) .home-glass-page .glass-tabs button[data-glass-tab-pos="current"]{
  background:linear-gradient(150deg,rgba(126,164,230,.50),rgba(51,91,158,.45));
  border-color:rgba(239,246,255,.47);
  color:#fff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 9px 25px rgba(8,29,70,.18),0 0 20px rgba(120,163,245,.10);
}
:root:not([data-mode="day"]) .home-glass-page .glass-deck .glass-front.swiper-slide{
  background:radial-gradient(120% 150% at 2% -10%,rgba(220,231,255,.32),transparent 54%),linear-gradient(138deg,rgba(93,126,184,.43),rgba(36,71,128,.38));
  border-color:rgba(234,242,255,.32);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.28),inset -1px -1px 0 rgba(15,43,91,.10),0 16px 34px rgba(7,25,64,.20);
}
:root:not([data-mode="day"]) .home-glass-page .glass-deck .glass-front.swiper-slide-active{
  background:radial-gradient(120% 150% at 2% -10%,rgba(237,244,255,.38),transparent 55%),linear-gradient(138deg,rgba(112,145,203,.54),rgba(43,79,139,.48));
  border-color:rgba(245,249,255,.48);
  box-shadow:inset 1px 1px 0 rgba(255,255,255,.42),inset -1px -1px 0 rgba(15,43,91,.10),0 18px 38px rgba(7,25,64,.23),0 0 30px rgba(112,154,235,.08);
}
:root:not([data-mode="day"])[data-cards="flat"] .home-glass-page .glass-deck .glass-front.swiper-slide{
  background:rgba(72,106,166,.40)!important;
  border-color:rgba(230,240,255,.28);
  box-shadow:none!important;
}
:root:not([data-mode="day"])[data-cards="flat"] .home-glass-page .glass-deck .glass-front.swiper-slide-active{
  background:rgba(91,126,187,.50)!important;
  border-color:rgba(245,249,255,.43);
}
:root:not([data-mode="day"]).has-home-cards-wallpaper .home-glass-page .glass-deck .glass-front.swiper-slide,
:root:not([data-mode="day"]).has-home-cards-wallpaper[data-cards="flat"] .home-glass-page .glass-deck .glass-front.swiper-slide{
  background:linear-gradient(135deg,rgba(97,128,187,.30),rgba(28,63,120,.46)),var(--home-cards-wallpaper) center/cover no-repeat!important;
}
:root:not([data-mode="day"]).has-home-cards-wallpaper .home-glass-page .glass-deck .glass-front.swiper-slide-active{
  background:linear-gradient(135deg,rgba(124,153,207,.28),rgba(37,74,133,.43)),var(--home-cards-wallpaper) center/cover no-repeat!important;
}
:root:not([data-mode="day"]) .home-glass-page .glass-deck .glass-front.swiper-slide:after{
  background:linear-gradient(145deg,rgba(255,255,255,.24),transparent 31%,transparent 70%,rgba(155,188,255,.10));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.31),inset 0 -1px 0 rgba(169,199,255,.10);
}
:root:not([data-mode="day"]) .home-glass-page .glass-us footer>span,
:root:not([data-mode="day"]) .home-glass-page .glass-card-stamp,
:root:not([data-mode="day"]) .home-glass-page .paper-social-actions button{
  color:#d0dcf1;
}
:root:not([data-mode="day"]) .home-glass-page #homeLedger{--home-cloud:#99add0}
:root:not([data-mode="day"]) .app[data-route="home"] .tabbar button{
  background:linear-gradient(150deg,rgba(134,163,217,.25),rgba(43,82,143,.25));
  border:1px solid rgba(231,240,255,.28);
  color:#eef4ff;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 27px rgba(7,25,64,.16);
}
:root:not([data-mode="day"])[data-cards="flat"] .app[data-route="home"] .tabbar button{
  background:rgba(58,93,153,.30)!important;
  border-color:rgba(233,241,255,.25);
  box-shadow:none!important;
}
:root:not([data-mode="day"]) .app[data-route="home"] .tabbar button[data-route="home"]{
  background:linear-gradient(145deg,rgba(122,160,226,.48),rgba(45,84,147,.43));
  border-color:rgba(244,248,255,.44);
}
:root:not([data-mode="day"])[data-cards="flat"] .app[data-route="home"] .tabbar button[data-route="home"]{
  background:rgba(90,130,199,.48)!important;
}
:root:not([data-mode="day"]) .app[data-route="home"] .tabbar button[data-route="home"]>svg{
  color:#b9d7ff;
}
:root:not([data-mode="day"]) .app[data-route="home"] .tabbar small{
  color:#d0dcf0;
}

/* v338: one shared liquid navigation for every primary route. The selected
   item grows into the same editorial pill used on Home; the previous pill
   collapses while the new one lands with a soft, springy duang. */
.app[data-route] .tabbar{
  --nav-item-size:47px;
  width:min(353px,calc(100% - 40px));
  height:62px;
  display:flex;
  grid-template-columns:none;
  align-items:flex-end;
  gap:8px;
  padding:14px 0 0;
  border:0;
  border-radius:0;
  background:none;
  -webkit-backdrop-filter:none;
  backdrop-filter:none;
  box-shadow:none;
}
.app[data-route] .tabbar button[data-route]{
  position:relative;
  flex:0 0 var(--nav-item-size);
  width:auto;
  min-width:0;
  height:var(--nav-item-size);
  padding:0;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.70);
  border-radius:999px;
  color:var(--ink);
  background:rgba(247,249,253,.64);
  -webkit-backdrop-filter:saturate(112%) blur(14px);
  backdrop-filter:saturate(112%) blur(14px);
  box-shadow:inset 0 1px 3px rgba(255,255,255,.66),0 5px 16px rgba(var(--shadow-rgb),.06);
  transform-origin:center;
  transition:flex-grow .42s cubic-bezier(.22,1.08,.32,1),flex-basis .42s cubic-bezier(.22,1.08,.32,1),gap .26s ease,padding .3s ease,color .22s ease,background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.app[data-route] .tabbar button[data-route].active{
  flex-grow:1;
  justify-content:flex-start;
  gap:9px;
  padding:6px 14px;
  color:var(--ink);
  background:rgba(247,249,253,.70);
  border-color:rgba(255,255,255,.82);
  box-shadow:inset 0 1px 3px rgba(255,255,255,.78),0 7px 19px rgba(var(--shadow-rgb),.075);
}
.app[data-route] .tabbar button[data-route]>svg{flex:0 0 auto;width:20px;height:20px;transition:color .28s ease,transform .48s cubic-bezier(.18,1.45,.3,1)}
.app[data-route] .tabbar button[data-route]>span{
  position:static;
  display:block;
  width:auto;
  max-width:0;
  height:auto;
  padding:0;
  margin:0;
  overflow:hidden;
  clip:auto;
  clip-path:none;
  white-space:nowrap;
  border:0;
  opacity:0;
  transform:translateX(-8px);
  text-align:left;
  font-size:11px;
  line-height:1.35;
  transition:max-width .34s cubic-bezier(.2,.82,.25,1),opacity .18s ease,transform .34s cubic-bezier(.2,.82,.25,1);
}
.app[data-route] .tabbar button[data-route].active>span{max-width:118px;opacity:1;transform:translateX(0);transition-delay:.08s}
.app[data-route] .tabbar button[data-route].active>svg{color:#338ade}
.app[data-route] .tabbar button[data-route] small{display:block;color:#676b75;font:8px/1.45 Georgia,serif;letter-spacing:.02em}
.app[data-route] .tabbar button[data-route].nav-arriving{animation:navDuangIn .42s cubic-bezier(.2,.82,.24,1) both}
.app[data-route] .tabbar button[data-route].nav-leaving{animation:navDuangOut .30s ease-out both}
@keyframes navDuangIn{
  0%{transform:scale(.94,.97)}
  44%{transform:scale(1.018,.988)}
  72%{transform:scale(.994,1.01)}
  100%{transform:scale(1)}
}
@keyframes navDuangOut{0%{transform:scale(1)}48%{transform:scale(.96,1.012)}100%{transform:scale(1)}}

:root:not([data-mode="day"]) .app[data-route] .tabbar button[data-route]{
  color:#eef4ff;
  background:linear-gradient(150deg,rgba(134,163,217,.25),rgba(43,82,143,.25));
  border-color:rgba(231,240,255,.28);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 10px 27px rgba(7,25,64,.16);
}
:root:not([data-mode="day"]) .app[data-route] .tabbar button[data-route].active{
  background:linear-gradient(145deg,rgba(122,160,226,.48),rgba(45,84,147,.43));
  border-color:rgba(244,248,255,.44);
}
:root:not([data-mode="day"]) .app[data-route] .tabbar button[data-route].active>svg{color:#b9d7ff}
:root:not([data-mode="day"]) .app[data-route] .tabbar button[data-route] small{color:#d0dcf0}
:root[data-cards="flat"] .app[data-route] .tabbar button[data-route]{background:var(--panel)!important;box-shadow:none!important}
:root[data-cards="flat"] .app[data-route] .tabbar button[data-route].active{background:var(--panel-strong)!important}
:root:not([data-mode="day"])[data-cards="flat"] .app[data-route] .tabbar button[data-route]{background:rgba(58,93,153,.30)!important;border-color:rgba(233,241,255,.25)}
:root:not([data-mode="day"])[data-cards="flat"] .app[data-route] .tabbar button[data-route].active{background:rgba(90,130,199,.48)!important;border-color:rgba(244,248,255,.44)}

@media(max-width:360px){
  .app[data-route] .tabbar{--nav-item-size:42px;gap:6px}
  .app[data-route] .tabbar button[data-route].active{gap:7px;padding-left:11px;padding-right:11px}
  .app[data-route] .tabbar button[data-route].active>span{max-width:98px;font-size:10px}
  .app[data-route] .tabbar button[data-route] small{font-size:7px}
}
@media(prefers-reduced-motion:reduce){
  .app[data-route] .tabbar button[data-route]{transition:none}
  .app[data-route] .tabbar button[data-route].nav-arriving,.app[data-route] .tabbar button[data-route].nav-leaving{animation:none}
}