:root{--pace-safe-top:env(safe-area-inset-top,0px);--pace-safe-bottom:env(safe-area-inset-bottom,0px);--color-surface-bg:#fffdf8;--color-surface-section:#fbf3e7;--color-surface-card:#fff;--color-surface-pressed:color-mix(in srgb,#2e2a25 3%,transparent);--color-text-primary:#2e2a25;--color-text-secondary:#6b655c;--color-text-faint:#a39c92;--color-text-on-accent:#fff;--color-text-accent:#c96a2b;--color-accent:#f2924a;--color-accent-soft:#ffe4c7;--color-accent-pressed:#c96a2b;--color-accent-night:#5b5bb8;--color-accent-night-soft:#d6d6f5;--color-border-subtle:#d8d3cc;--color-divider:#f5f3f0;--color-brand:#f2924a;--color-brand-bear-fur:#a8714c;--color-brand-bear-fur-shadow:#7a4e32;--color-brand-bear-scarf:#5b5bb8;--color-mood-state-1:#ffe4c7;--color-mood-state-2:#ffcf9e;--color-mood-state-3:#ff9f52;--color-mood-state-4:#f2924a;--color-mood-state-5:#c96a2b;--color-week-state-tired:#d6d6f5;--color-week-state-neutral:#ffcf9e;--color-week-state-energized:#ff9f52;--color-chip-selected-bg:#f2924a;--color-chip-selected-text:#fff;--color-slider-thumb-bg:#fff;--color-slider-thumb-active-bg:#ffe4c7;--color-slider-thumb-active-border:#f2924a;--color-slider-dot-active:#f2924a;--color-text-offline-banner:#c96a2b;--color-accent-offline-banner:#f2924a;--shadow-sm:0 1px 2px rgba(46,42,37,.06);--shadow-md:0 4px 12px rgba(46,42,37,.1);--shadow-lg:0 8px 24px rgba(46,42,37,.14)}[data-theme=night]{--color-surface-bg:#1e1e42;--color-surface-section:#383875;--color-surface-card:color-mix(in srgb,#383875 55%,#1e1e42);--color-surface-pressed:color-mix(in srgb,#fffdf8 5%,transparent);--color-text-primary:#fffdf8;--color-text-secondary:#d6d6f5;--color-text-faint:#8e8edb;--color-text-accent:#8e8edb;--color-border-subtle:color-mix(in srgb,#5b5bb8 35%,transparent);--color-divider:color-mix(in srgb,#383875 70%,transparent);--color-text-offline-banner:#d6d6f5;--color-accent-offline-banner:#5b5bb8;--shadow-sm:0 1px 3px rgba(0,0,0,.25);--shadow-md:0 4px 16px rgba(0,0,0,.3);--shadow-lg:0 8px 24px rgba(0,0,0,.35)}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;scroll-behavior:smooth}img,svg{display:block;max-width:100%}button{font-family:inherit;cursor:pointer;border:none;background:none}a{color:inherit;text-decoration:none}ol,ul{list-style:none}body{font-family:Noto Sans TC,Inter,sans-serif;font-size:16px;font-weight:400;line-height:1.6;color:var(--color-text-primary);background-color:var(--color-surface-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ph,.ph-fill{display:inline-flex;line-height:1;flex-shrink:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}@media(prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.page-wrapper{display:flex;flex-direction:column;min-height:100dvh;min-height:100vh;background-color:var(--color-surface-bg)}.page-content{flex:1;display:flex;flex-direction:column;padding-top:var(--pace-safe-top);padding-bottom:calc(96px + var(--pace-safe-bottom))}.page-enter--hidden,.page-enter--visible{transition:opacity .4s ease-out,transform .4s ease-out}.page-enter--hidden{opacity:0;transform:translateY(6px)}.page-enter--visible{opacity:1;transform:translateY(0)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:16px 32px;border-radius:999px;background-color:var(--color-accent);color:var(--color-text-on-accent);font-size:16px;font-weight:500;line-height:1.2;transition:background-color .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-md)}.btn-primary:hover{background-color:var(--color-accent-pressed);box-shadow:var(--shadow-lg)}.btn-primary:active{transform:scale(.97)}.btn-primary:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.btn-primary--compact{padding:8px 24px;font-size:14px;line-height:1.5;box-shadow:var(--shadow-sm)}.greeting-gradient{background:linear-gradient(180deg,#ffe4c7 0,#fff4e8 60%,var(--color-surface-bg) 100%)}.night-greeting-gradient{background:linear-gradient(180deg,#383875 0,#1e1e42 55%,var(--color-surface-bg) 100%)}.night-glow{background:radial-gradient(ellipse at 75% 40%,color-mix(in srgb,#ffb877 18%,transparent),transparent 65%)}.surface-offline-banner{background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent) 16%,var(--color-accent-soft)) 0,var(--color-accent-soft) 55%,color-mix(in srgb,var(--color-surface-card) 40%,var(--color-accent-soft)) 100%)}[data-theme=night] .surface-offline-banner{background:linear-gradient(90deg,color-mix(in srgb,var(--color-accent-night) 22%,transparent) 0,color-mix(in srgb,var(--color-accent-night-soft) 90%,transparent))}@media(max-width:430px){.pace-device-bezel,.pace-device-screen,.pace-device-shell{display:contents}.pace-device-btn,.pace-device-home-bar,.pace-device-island{display:none}}@media(min-width:431px){.pace-device-host{display:flex;min-height:100dvh;min-height:100vh;align-items:center;justify-content:center;background-color:#2e2a25;padding:24px;--pace-device-island-top:11px;--pace-device-island-height:37px;--pace-safe-top:calc(var(--pace-device-island-top) + var(--pace-device-island-height) + 20px)}.pace-device-bezel{position:relative;display:flex;flex-direction:column;padding:11px;border-radius:58px;background:linear-gradient(160deg,#636366,#3a3a3c 14%,#1c1c1e,#2c2c2e 82%,#48484a);box-shadow:inset 0 0 0 1px #ffffff14,inset 0 1px #ffffff1f,0 0 0 1px #000000d9,0 40px 80px #0000008c}.pace-device-btn{position:absolute;z-index:10;width:3px;border-radius:2px;background:linear-gradient(180deg,#636366,#48484a 45%,#2c2c2e);box-shadow:inset 0 1px #ffffff26,0 1px 2px #0006;pointer-events:none}.pace-device-btn--action{top:18%;left:-3px;height:28px}.pace-device-btn--volume-up{top:28%;left:-3px;height:56px}.pace-device-btn--volume-down{top:38%;left:-3px;height:56px}.pace-device-btn--power{top:32%;right:-3px;height:88px}.pace-device-screen{position:relative;display:flex;flex-direction:column;width:430px;max-width:430px;height:min(932px,100dvh - 48px);max-height:calc(100dvh - 48px);overflow:hidden;border-radius:46px;background-color:var(--color-surface-bg);box-shadow:inset 0 0 0 2px #000;transform:translateZ(0);--pace-safe-bottom:34px}.pace-device-screen .page-wrapper{min-height:100%;height:100%;overflow-y:auto}.pace-device-island{position:absolute;top:var(--pace-device-island-top);left:50%;z-index:200;display:flex;align-items:center;justify-content:flex-end;width:124px;height:var(--pace-device-island-height);padding-right:22px;border-radius:20px;background-color:#000;transform:translate(-50%);pointer-events:none}.pace-device-island__camera{width:12px;height:12px;border-radius:999px;background:radial-gradient(circle at 35% 35%,#2a5080 0,#142840 55%,#0a1520);box-shadow:inset 0 0 0 1px #ffffff14,0 0 4px #2a508073}.pace-device-home-bar{position:absolute;bottom:8px;left:50%;z-index:200;width:134px;height:5px;border-radius:999px;background-color:color-mix(in srgb,#2e2a25 28%,transparent);box-shadow:0 0 0 1px color-mix(in srgb,#fff 12%,transparent);transform:translate(-50%);pointer-events:none}.pace-device-screen .page-content{padding-top:0}.pace-device-screen .page-content>:first-child:not(.greeting-gradient):not(.night-greeting-gradient),.pace-device-screen .page-content>header.greeting-gradient,.pace-device-screen .page-content>header.night-greeting-gradient,.pace-device-screen .page-content>section.greeting-gradient{padding-top:var(--pace-safe-top)}.pace-device-screen .page-content.greeting-gradient,.pace-device-screen .page-content.night-greeting-gradient{margin-top:0;padding-top:var(--pace-safe-top)}}