/* A quiet, single-purpose home. Existing detailed tools remain below it. */
:root { --clock-paper:#faf8f2; --clock-ink:#293d35; --clock-muted:#687364; --clock-line:#dce1d4; --clock-green:#496d4e; --clock-soft:#edf1e5; --clock-warm:#eee5d4; }
html { background:#e7eae2; scroll-behavior:smooth; }
body { background:var(--clock-paper)!important; color:var(--clock-ink); max-width:540px; min-height:100dvh; margin:0 auto!important; padding:0 0 max(24px,env(safe-area-inset-bottom))!important; font-family:-apple-system,BlinkMacSystemFont,"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif; }
body>header { position:relative!important; top:auto!important; background:var(--clock-paper)!important; box-shadow:none!important; border:0!important; height:auto!important; min-height:68px; padding:12px 24px!important; display:flex; justify-content:space-between; gap:12px; max-width:none!important; }
body>nav { display:none!important; }
body>header .logo-area { gap:8px!important; }
body>header .logo-area>svg { width:23px!important; height:32px!important; }
body>header .logo-text h1 { font-size:calc(19px * var(--text-scale, 1))!important; color:var(--clock-ink)!important; font-weight:600!important; background:none!important; -webkit-text-fill-color:var(--clock-ink)!important; letter-spacing:.02em; }
body>header .logo-text p,body>header .header-right { display:none!important; }
.clock-menu { border:0; background:transparent; color:var(--clock-muted); font:inherit; font-size:calc(13px * var(--text-scale, 1)); padding:8px 0 8px 16px; min-height:44px; cursor:pointer; }
.page-content { width:100%; max-width:none!important; margin:0!important; padding:0 22px 32px!important; }
.page-content:not(.active) { display:none!important; }
.clock-home { padding-top:0; }
.clock-date { margin:4px 0 0; color:var(--clock-muted); font-size:calc(12px * var(--text-scale, 1)); text-align:center; letter-spacing:.07em; }
.clock-time { display:block; margin:auto; color:var(--clock-ink); background:transparent; border:0; font-family:inherit; font-size:calc(46px * var(--text-scale, 1)); line-height:1.25; font-weight:400; letter-spacing:.07em; font-variant-numeric:tabular-nums; padding:8px 12px 0; cursor:pointer; }
.clock-phase { margin:5px 0 0; text-align:center; color:var(--clock-muted); font-size:calc(13px * var(--text-scale, 1)); }
.clock-hero { display:flex; flex-direction:column; align-items:center; width:100%; border:0; background:transparent; cursor:pointer; padding:0 0 22px; font:inherit; color:var(--clock-ink); }
.clock-hero .av-wrap { width:210px!important; height:210px!important; margin:2px auto 0!important; background:transparent!important; border:0!important; box-shadow:none!important; }
.clock-hero .av-wrap img { width:100%!important; height:100%!important; object-fit:contain!important; }
.clock-hero .av-wrap,.clock-art .av-wrap { border-radius:0!important; overflow:visible!important; }
.clock-hero strong { font-size:calc(19px * var(--text-scale, 1)); line-height:1.6; font-weight:500; margin:0 0 7px; }
.clock-hero small { font-size:calc(12px * var(--text-scale, 1)); line-height:1.5; color:var(--clock-muted); }
.clock-chart-heading { display:flex; align-items:center; justify-content:space-between; gap:8px; border-top:1px solid var(--clock-line); padding:17px 0 2px; }
.clock-chart-heading h2 { font-size:calc(15px * var(--text-scale, 1)); margin:0; font-weight:600; }
.clock-link { color:var(--clock-muted); background:transparent; border:0; font:inherit; font-size:calc(12px * var(--text-scale, 1)); min-height:40px; padding:4px 0 4px 8px; cursor:pointer; }
.clock-chart { display:block; width:100%; height:186px; overflow:visible; touch-action:pan-y; }
.clock-chart text { font-family:inherit; font-size:calc(11px * var(--text-scale, 1)); fill:var(--clock-muted); }
.clock-chart .current-label { font-size:calc(12px * var(--text-scale, 1)); fill:var(--clock-ink); }
.clock-stops { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:3px; margin:0 -5px; }
.clock-stop { border:0; color:var(--clock-ink); background:transparent; padding:9px 2px; border-radius:14px; min-height:68px; font:inherit; font-size:calc(12px * var(--text-scale, 1)); cursor:pointer; display:flex; flex-direction:column; gap:5px; align-items:center; }
.clock-stop.current { background:var(--clock-soft); }
.clock-stop span { font-variant-numeric:tabular-nums; font-size:calc(11px * var(--text-scale, 1)); color:var(--clock-muted); }
.clock-stop .clock-dot { width:5px; height:5px; background:var(--clock-line); border-radius:50%; }
.clock-stop.current .clock-dot { background:var(--clock-green); }
.clock-stop.done .clock-dot { background:var(--clock-green); width:12px; height:12px; color:white; font-size:calc(9px * var(--text-scale, 1)); line-height:12px; }
.clock-caption { font-size:calc(11px * var(--text-scale, 1)); line-height:1.8; color:var(--clock-muted); text-align:center; margin:16px 0 0; }
.clock-preview-strip { display:flex; align-items:center; justify-content:center; gap:12px; background:var(--clock-soft); border-radius:12px; margin:0 0 12px; padding:6px 10px; font-size:calc(12px * var(--text-scale, 1)); }
.clock-preview-strip button { border:0; background:transparent; font:inherit; color:var(--clock-green); min-height:36px; cursor:pointer; text-decoration:underline; }
.clock-back { display:inline-flex; align-items:center; gap:6px; font:inherit; font-size:calc(13px * var(--text-scale, 1)); color:var(--clock-muted); background:transparent; border:0; padding:8px 0; min-height:44px; margin:0 0 20px; cursor:pointer; }
.clock-eyebrow { font-size:calc(11px * var(--text-scale, 1)); letter-spacing:.1em; color:var(--clock-muted); margin:0 0 12px; }
.clock-title { font-size:calc(25px * var(--text-scale, 1)); font-weight:500; line-height:1.6; letter-spacing:.015em; margin:0 0 20px; }
.clock-copy { font-size:calc(14px * var(--text-scale, 1)); line-height:1.95; margin:0 0 22px; color:var(--clock-ink); overflow-wrap:anywhere; }
.clock-art { display:block; margin:0 auto 18px; text-align:center; }
.clock-art .av-wrap { width:174px!important; height:174px!important; }
.clock-primary,.clock-secondary { display:flex; align-items:center; justify-content:center; gap:8px; width:100%; min-height:48px; border:0; border-radius:13px; padding:13px 12px; font:inherit; font-size:calc(14px * var(--text-scale, 1)); cursor:pointer; text-decoration:none; margin:0 0 12px; line-height:1.6; }
.clock-primary { background:var(--clock-green); color:#fff; }
.clock-secondary { background:var(--clock-soft); color:var(--clock-ink); }
.clock-secondary[disabled] { opacity:.5; cursor:default; }
.clock-entry { display:flex; align-items:center; justify-content:space-between; width:100%; text-align:left; gap:12px; border:0; border-top:1px solid var(--clock-line); background:transparent; min-height:76px; padding:16px 0; color:var(--clock-ink); font:inherit; cursor:pointer; text-decoration:none; }
.clock-entry>span { min-width:0; }
.clock-entry b { display:block; font-size:calc(14px * var(--text-scale, 1)); line-height:1.6; font-weight:500; }
.clock-entry small { display:block; margin-top:5px; color:var(--clock-muted); font-size:calc(12px * var(--text-scale, 1)); line-height:1.6; }
.clock-entry em { font-style:normal; color:var(--clock-muted); flex:none; }
.clock-subtitle { font-size:calc(13px * var(--text-scale, 1)); font-weight:600; margin:30px 0 8px; color:var(--clock-muted); }
.clock-panel { background:var(--clock-soft); border-radius:16px; padding:18px; margin:18px 0; }
.clock-panel .clock-copy:last-child { margin-bottom:0; }
.clock-mini-label { display:block; font-size:calc(12px * var(--text-scale, 1)); color:var(--clock-muted); margin-bottom:8px; }
.clock-data-row { display:flex; gap:18px; align-items:flex-start; justify-content:space-between; padding:13px 0; border-bottom:1px solid var(--clock-line); font-size:calc(13px * var(--text-scale, 1)); line-height:1.7; }
.clock-data-row b { font-weight:500; text-align:right; }
.clock-data-row small { display:block; color:var(--clock-muted); font-size:calc(11px * var(--text-scale, 1)); }
.clock-form { display:grid; gap:16px; }
.clock-form label { display:grid; gap:8px; font-size:calc(13px * var(--text-scale, 1)); }
.clock-form input,.clock-form select,.clock-input { border:1px solid var(--clock-line); border-radius:11px; padding:12px; width:100%; min-width:0; min-height:46px; font:inherit; font-size:calc(16px * var(--text-scale, 1)); color:var(--clock-ink); background:#fff; }
.clock-form .clock-primary { margin-top:8px; }
.clock-alert { color:#9b332d; font-size:calc(13px * var(--text-scale, 1)); line-height:1.7; margin:0; }
.clock-done { color:var(--clock-green); font-size:calc(13px * var(--text-scale, 1)); text-align:center; margin:0 0 18px; }
.clock-video-shell { aspect-ratio:16 / 9; border-radius:14px; overflow:hidden; background:#171b17; margin:16px 0; display:grid; place-items:center; }
.clock-video-shell iframe { width:100%; height:100%; border:0; }
.clock-video-shell button { color:#fff; border:0; border-radius:12px; background:#3d5840; font:inherit; padding:14px 24px; min-height:48px; cursor:pointer; }
.clock-media-note { font-size:calc(12px * var(--text-scale, 1)); color:var(--clock-muted); line-height:1.8; margin:12px 0 18px; }
.clock-filters { display:flex; flex-wrap:wrap; gap:8px; margin:0 0 16px; }
.clock-filter { background:transparent; border:1px solid var(--clock-line); color:var(--clock-muted); padding:8px 14px; min-height:40px; border-radius:20px; cursor:pointer; font:inherit; font-size:calc(12px * var(--text-scale, 1)); }
.clock-filter[aria-pressed="true"] { background:var(--clock-green); color:#fff; border-color:var(--clock-green); }
.clock-card-preview { background:var(--clock-soft); border-radius:18px; padding:20px; margin-bottom:20px; }
.clock-card-preview img { display:block; max-width:100%; width:210px; border-radius:16px; margin:0 auto 15px; }
.clock-card-preview .av-wrap { display:block; margin:auto; }
.clock-card-title { font-size:calc(20px * var(--text-scale, 1)); font-weight:500; margin:4px 0 8px; }
.clock-log-days { display:grid; grid-template-columns:repeat(7,minmax(0,1fr)); gap:6px; margin:18px 0 26px; }
.clock-log-day { text-align:center; font-size:calc(11px * var(--text-scale, 1)); color:var(--clock-muted); }
.clock-log-day b { display:flex; align-items:center; justify-content:center; height:44px; margin-top:8px; border-radius:12px; background:var(--clock-soft); color:var(--clock-ink); font-size:calc(14px * var(--text-scale, 1)); font-weight:500; }
.clock-log-day.today b { border:1px solid var(--clock-green); }
.clock-empty { text-align:center; background:var(--clock-soft); border-radius:18px; padding:32px 20px; margin:20px 0; }
.clock-empty p { margin:0; color:var(--clock-muted); font-size:calc(13px * var(--text-scale, 1)); line-height:1.9; }
.clock-beast-meta { display:flex; justify-content:center; flex-wrap:wrap; gap:8px; font-size:calc(12px * var(--text-scale, 1)); color:var(--clock-muted); margin:0 0 24px; }
.clock-separator { margin:28px 0; border:0; border-top:1px solid var(--clock-line); }
.modal-overlay { backdrop-filter:blur(7px); }
.modal-content { border-radius:24px 24px 0 0!important; background:var(--clock-paper)!important; color:var(--clock-ink); }
.modal-close,.n-btn { background:var(--clock-green)!important; color:#fff!important; }
.n-btn.ghost { background:var(--clock-soft)!important; color:var(--clock-ink)!important; }
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible { outline:2px solid #6d8262; outline-offset:4px; }
button,a { -webkit-tap-highlight-color:transparent; }
.clock-sr { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(min-width:600px) { body { box-shadow:0 0 50px #344b3510; } .page-content { padding-left:32px!important; padding-right:32px!important; } body>header { padding-left:32px!important; padding-right:32px!important; } .clock-hero .av-wrap { width:224px!important; height:224px!important; } }
@media(max-width:360px) { .page-content { padding-left:16px!important; padding-right:16px!important; } body>header { padding:10px 18px!important; } .clock-time { font-size:calc(40px * var(--text-scale, 1)); } .clock-hero strong { font-size:calc(17px * var(--text-scale, 1)); } .clock-hero .av-wrap { width:190px!important; height:190px!important; } .clock-stop { font-size:calc(11px * var(--text-scale, 1)); } .clock-title { font-size:calc(23px * var(--text-scale, 1)); } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { animation:none!important; transition:none!important; } }

.clock-flow-tabs { gap:6px; padding-bottom:18px; border-bottom:1px solid var(--clock-line); margin-bottom:22px; }
.clock-flow-tabs .clock-filter { padding:9px 12px; min-height:44px; }
.clock-category-filters { gap:6px; }
.clock-category-filters .clock-filter { padding:7px 12px; }
.clock-flow-context { color:var(--clock-muted); font-size:calc(12px * var(--text-scale, 1)); margin:0 0 14px; }
.clock-sound-card { padding:24px; border:1px solid var(--clock-line); border-radius:22px; background:linear-gradient(145deg,#eff0e5,#f8f6ed); text-align:center; }
.clock-sound-symbol { display:flex; justify-content:center; color:var(--clock-green); margin:0 0 18px; }
.clock-sound-card h2 { font-size:calc(23px * var(--text-scale, 1)); line-height:1.6; font-weight:500; margin:0 0 9px; overflow-wrap:anywhere; }
.clock-sound-card>p:not(.clock-eyebrow) { font-size:calc(13px * var(--text-scale, 1)); color:var(--clock-muted); line-height:1.8; margin-bottom:22px; }
.clock-sound-card .clock-primary { margin:0; }
.clock-search { display:block; margin-top:20px; }
.clock-search input { width:100%; min-width:0; border:1px solid var(--clock-line); border-radius:13px; min-height:48px; padding:12px 14px; color:var(--clock-ink); background:transparent; font:inherit; font-size:calc(16px * var(--text-scale, 1)); box-sizing:border-box; }
.clock-search input::placeholder { color:var(--clock-muted); font-size:calc(13px * var(--text-scale, 1)); }
.clock-flow-count { font-size:calc(12px * var(--text-scale, 1)); color:var(--clock-muted); margin:16px 0 6px; }
.clock-more { margin-top:22px; }
#clockFlowResults .clock-entry b { overflow-wrap:anywhere; }
.clock-audio-shell { min-height:250px; height:280px; aspect-ratio:auto; background:var(--clock-soft); border:1px solid var(--clock-line); }
.clock-audio-shell button { display:flex; flex-direction:column; align-items:center; gap:10px; color:var(--clock-green); background:transparent; font-size:calc(14px * var(--text-scale, 1)); }
.clock-audio-shell iframe { display:block; min-width:0; }
@media(max-width:360px){.clock-flow-tabs .clock-filter { padding:8px 9px; font-size:calc(11px * var(--text-scale, 1)); }.clock-sound-card{padding:22px 18px;}}

/* Ink, washi, brass, and a small vermilion seal. */
:root { --earth-ink:#303d37; --earth-brass:#a18b59; --earth-vermilion:#a95642; --earth-serif:'Hiragino Mincho ProN','Yu Mincho','Noto Serif JP',serif; --clock-paper:#f7f4eb; --clock-ink:#303d37; --clock-muted:#777968; --clock-line:#dcd9c9; --clock-soft:#eeeee2; --clock-green:#4d6856; }
body { background-color:var(--clock-paper)!important; background-image:radial-gradient(#8176520b .6px,transparent .8px)!important; background-size:5px 5px!important; }
body>header { background:transparent!important; border-bottom:1px solid #dcd9c985!important; margin-bottom:13px; }
.clock-title,.clock-hero strong { font-family:var(--earth-serif); }
.earth-home { padding-top:2px; }
.earth-date-row { display:flex; align-items:center; justify-content:space-between; gap:12px; font-size:calc(11px * var(--text-scale, 1)); color:var(--clock-muted); }
.earth-date-row p { margin:0; font-variant-numeric:tabular-nums; }
.earth-date-row>span { font-family:var(--earth-serif); letter-spacing:.09em; }
.earth-clock-row { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:5px 0 18px; }
.earth-clock-row .clock-time { margin:0; padding:3px 0; font-size:calc(43px * var(--text-scale, 1)); font-weight:400; letter-spacing:.05em; }
.earth-clock-row>div { text-align:right; }
.earth-clock-row p { font-size:calc(12px * var(--text-scale, 1)); margin:0 0 5px; }
.earth-clock-row>div>span { font-family:var(--earth-serif); color:var(--earth-brass); font-size:calc(12px * var(--text-scale, 1)); letter-spacing:.05em; }
.earth-sky-bar { display:grid; grid-template-columns:1.1fr 1fr; color:#eee7d3; background:#303e38; border:1px solid #48554b; border-radius:15px; box-shadow:0 7px 22px #2f3c3210; overflow:hidden; }
.earth-sky-bar button { display:flex; align-items:center; gap:9px; text-align:left; border:0; background:none; color:inherit; font:inherit; padding:15px 12px; min-width:0; cursor:pointer; }
.earth-sky-bar button+button { border-left:1px solid #c4b17b38; justify-content:space-between; }
.earth-moon { display:block; width:42px; min-width:42px; color:#ddc78c; }
.earth-moon svg { display:block; width:100%; }
.earth-sky-bar small { display:block; font-size:calc(9px * var(--text-scale, 1)); color:#c2c4ac; margin-bottom:6px; letter-spacing:.02em; }
.earth-sky-bar b { display:block; font-family:var(--earth-serif); font-size:calc(13px * var(--text-scale, 1)); font-weight:500; line-height:1.5; }
.earth-sky-bar em { display:block; font-size:calc(10px * var(--text-scale, 1)); font-style:normal; color:#c2c4ac; margin-top:5px; white-space:nowrap; }
.earth-sky-bar .earth-season-name { font-size:calc(23px * var(--text-scale, 1)); letter-spacing:.12em; display:flex; align-items:center; gap:9px; line-height:1.1; }
.earth-season-name em { display:inline; font-size:calc(9px * var(--text-scale, 1)); margin:0; letter-spacing:0; }
.earth-sky-arrow { color:#ccb87c; font-size:calc(12px * var(--text-scale, 1)); }
.earth-hero { position:relative; isolation:isolate; padding:10px 0 24px; margin:6px 0 0; overflow:hidden; }
.earth-hero .av-wrap { width:224px!important; height:224px!important; margin:2px auto 0!important; }
.earth-orbit { position:absolute; z-index:-1; width:226px; height:226px; left:50%; top:12px; transform:translateX(-50%); border:1px solid #a998692a; border-radius:50%; background:radial-gradient(ellipse,#dfd7ad35,transparent 70%); }
.earth-orbit:before { content:''; position:absolute; inset:12px; border:1px solid #a998691c; border-radius:50%; }
.earth-orbit:after { content:''; position:absolute; width:5px; height:5px; background:#a69466; border-radius:50%; left:31px; top:29px; box-shadow:170px 128px 0 -1px #a6946690; }
.earth-vertical { writing-mode:vertical-rl; font-family:var(--earth-serif); font-size:calc(12px * var(--text-scale, 1)); letter-spacing:.28em; color:#908361; position:absolute; top:47px; left:4px; }
.earth-hero-seal { position:absolute; right:6px; top:61px; border:1px solid #aa624757; padding:5px 3px; border-radius:2px; font-family:var(--earth-serif); color:var(--earth-vermilion); font-size:calc(10px * var(--text-scale, 1)); line-height:1.4; opacity:.8; }
.earth-companion-name { margin:3px 0 8px; color:#898671; font-size:calc(10px * var(--text-scale, 1)); letter-spacing:.06em; }
.earth-hero strong { font-size:calc(19px * var(--text-scale, 1)); letter-spacing:.02em; margin-bottom:8px; }
.earth-hero>small { font-size:calc(11px * var(--text-scale, 1)); color:var(--clock-green); }
.earth-offset { display:block; text-align:left; width:100%; color:var(--clock-ink); font:inherit; border:1px solid #d8cfb8; border-radius:14px; background:linear-gradient(115deg,#f0ebdbb3,#fbf8f080); padding:15px 17px 12px; cursor:pointer; }
.earth-offset-top { display:flex; align-items:center; justify-content:space-between; gap:8px; font-size:calc(10px * var(--text-scale, 1)); color:var(--clock-muted); }
.earth-offset-top>span:first-child { display:flex; align-items:center; gap:6px; }
.earth-seal { display:inline-flex; align-items:center; justify-content:center; font-style:normal; font-family:var(--earth-serif); color:var(--earth-vermilion); border:1px solid #b56a4c66; border-radius:2px; padding:2px; font-size:calc(10px * var(--text-scale, 1)); line-height:1.1; }
.earth-badge { display:inline-block; font-size:calc(9px * var(--text-scale, 1)); padding:4px 6px; border-radius:4px; background:#e7e3d4; color:#71715d; line-height:1.4; }
.earth-offset-main { display:flex; align-items:center; justify-content:space-between; gap:12px; margin:10px 0 6px; }
.earth-offset-main b { display:block; font-family:var(--earth-serif); font-size:calc(20px * var(--text-scale, 1)); font-weight:500; letter-spacing:.1em; }
.earth-offset-main>span>small { display:block; font-size:calc(10px * var(--text-scale, 1)); color:var(--clock-muted); margin-top:4px; }
.earth-offset-main .earth-offset-number { display:flex; align-items:baseline; gap:6px; font-family:var(--earth-serif); font-size:calc(36px * var(--text-scale, 1)); font-weight:400; font-variant-numeric:tabular-nums; line-height:1.2; }
.earth-offset-main .earth-offset-number small { display:inline; font-family:inherit; font-size:calc(13px * var(--text-scale, 1)); color:var(--clock-ink); }
.earth-offset-bottom { display:flex; justify-content:space-between; gap:12px; font-size:calc(10px * var(--text-scale, 1)); color:var(--clock-muted); }
.earth-offset-note { display:block; color:#818172; font-size:calc(9px * var(--text-scale, 1)); margin-top:6px; line-height:1.5; }
.earth-rhythm-panel { margin-top:24px; }
.earth-rhythm-panel .clock-chart-heading { padding:0; border:0; }
.earth-rhythm-panel .clock-chart-heading h2 { font-family:var(--earth-serif); font-size:calc(16px * var(--text-scale, 1)); font-weight:500; }
.earth-yinyang-legend { display:flex; justify-content:space-between; margin:5px 0 7px; font-size:calc(9px * var(--text-scale, 1)); letter-spacing:.08em; color:#9b895b; }
.earth-yinyang-legend span:last-child { color:#657887; }
.earth-rhythm-panel .clock-chart { height:169px; }
.earth-rhythm-panel .clock-stop.current { background:#e7e8d8; }
.earth-rhythm-panel .clock-caption { margin-top:9px; font-size:calc(9px * var(--text-scale, 1)); }
.earth-wisdom-card { display:flex; flex-direction:column; width:100%; text-align:left; color:var(--clock-ink); font:inherit; background:#ecebdf99; border:1px solid #d8d7c6; border-radius:14px; margin-top:26px; padding:17px 18px; cursor:pointer; }
.earth-wisdom-label { width:100%; display:flex; align-items:center; gap:7px; font-size:calc(10px * var(--text-scale, 1)); color:#7b765e; }
.earth-wisdom-label>span:last-child { margin-left:auto; color:#969078; font-size:calc(9px * var(--text-scale, 1)); }
.earth-wisdom-card strong { font-family:var(--earth-serif); font-size:calc(20px * var(--text-scale, 1)); font-weight:500; margin:14px 0 8px; letter-spacing:.07em; line-height:1.6; }
.earth-wisdom-line { font-size:calc(12px * var(--text-scale, 1)); color:#777965; line-height:1.8; }
.earth-wisdom-link { font-size:calc(10px * var(--text-scale, 1)); color:var(--clock-green); margin-top:14px; }
.earth-home-foot { text-align:center; font-family:var(--earth-serif); color:#a09a83; font-size:calc(9px * var(--text-scale, 1)); margin:24px 0 0; letter-spacing:.04em; }
.earth-reading-panel { border:1px solid #d8cfb8; padding:24px; border-radius:16px; background:#eeebde; text-align:center; margin-bottom:24px; }
.earth-reading-number { font-family:var(--earth-serif); font-size:calc(52px * var(--text-scale, 1)); margin:15px 0; font-variant-numeric:tabular-nums; }
.earth-reading-number small { font-size:calc(18px * var(--text-scale, 1)); margin-left:7px; }
.earth-reading-panel>p:last-child { font-size:calc(13px * var(--text-scale, 1)); line-height:1.9; margin:0; }
.earth-moon-panel { display:flex; flex-direction:column; align-items:center; padding:28px 22px; border-radius:18px; background:#303e38; color:#eee7d3; margin:0 0 24px; }
.earth-large-moon { width:140px; color:#cfb675; margin:0 0 15px; }
.earth-large-moon svg { display:block; width:100%; }
.earth-overline { font-size:calc(11px * var(--text-scale, 1)); letter-spacing:.13em; }
.earth-moon-panel h2 { font-family:var(--earth-serif); font-size:calc(25px * var(--text-scale, 1)); font-weight:500; margin:12px 0 5px; }
.earth-moon-panel p { font-size:calc(12px * var(--text-scale, 1)); color:#c0c5b0; margin:0 0 20px; }
.earth-moon-panel>span:last-child { font-family:var(--earth-serif); font-size:calc(12px * var(--text-scale, 1)); letter-spacing:.07em; color:#cabd9b; }
.earth-season-panel { margin:28px 0 22px; padding:25px; border:1px solid #d8cfb8; border-radius:16px; background:#f0ebd9; }
.earth-season-panel h2 { font-family:var(--earth-serif); font-size:calc(35px * var(--text-scale, 1)); font-weight:400; letter-spacing:.13em; margin:12px 0; }
.earth-season-panel h2 small { font-size:calc(12px * var(--text-scale, 1)); letter-spacing:.06em; margin-left:12px; color:#8b8268; }
.earth-season-panel p { font-family:var(--earth-serif); font-size:calc(14px * var(--text-scale, 1)); line-height:1.9; }
.earth-season-panel>span:last-child { font-size:calc(11px * var(--text-scale, 1)); color:#81795e; }
.earth-sources { display:flex; flex-wrap:wrap; gap:18px; font-size:calc(12px * var(--text-scale, 1)); }
.earth-sources a,.clock-media-note a { color:var(--clock-green); text-underline-offset:3px; }
.earth-wisdom-intro { display:flex; gap:16px; align-items:center; margin-bottom:22px; padding:22px 16px; border-top:1px solid var(--clock-line); border-bottom:1px solid var(--clock-line); }
.earth-wisdom-intro .earth-seal { writing-mode:vertical-rl; font-size:calc(14px * var(--text-scale, 1)); padding:6px 4px; letter-spacing:.12em; }
.earth-wisdom-intro p { margin:0; font-family:var(--earth-serif); font-size:calc(18px * var(--text-scale, 1)); line-height:1.8; }
.earth-principles>div { display:flex; align-items:center; gap:20px; border-bottom:1px solid var(--clock-line); padding:16px 0; }
.earth-principles b { display:grid; place-items:center; width:40px; height:40px; border:1px solid #b6a67360; border-radius:50%; color:var(--earth-brass); font-family:var(--earth-serif); font-size:calc(23px * var(--text-scale, 1)); font-weight:400; flex-shrink:0; }
.earth-principles p { margin:0; font-size:calc(14px * var(--text-scale, 1)); line-height:1.8; }
.earth-principles small { display:block; color:var(--clock-muted); font-size:calc(11px * var(--text-scale, 1)); }
@media(max-width:360px){.earth-clock-row .clock-time{font-size:calc(37px * var(--text-scale, 1))}.earth-sky-bar button{padding:13px 9px;gap:5px}.earth-moon{width:33px;min-width:33px}.earth-sky-bar b{font-size:calc(11px * var(--text-scale, 1))}.earth-sky-bar small{font-size:calc(8px * var(--text-scale, 1))}.earth-sky-bar .earth-season-name{font-size:calc(21px * var(--text-scale, 1));gap:5px}.earth-season-name em{font-size:calc(8px * var(--text-scale, 1))}.earth-sky-arrow{display:none}.earth-hero .av-wrap{width:205px!important;height:205px!important}.earth-orbit{width:208px;height:208px}.earth-hero strong{font-size:calc(17px * var(--text-scale, 1))}.earth-badge{font-size:calc(8px * var(--text-scale, 1))}.earth-offset{padding:14px}.earth-offset-main b{font-size:calc(18px * var(--text-scale, 1))}}
@media(min-width:600px){.earth-sky-bar button{padding:18px 16px}.earth-moon{width:49px;min-width:49px}.earth-sky-bar b{font-size:calc(15px * var(--text-scale, 1))}.earth-sky-bar .earth-season-name{font-size:calc(26px * var(--text-scale, 1))}.earth-hero .av-wrap{width:244px!important;height:244px!important}.earth-orbit{width:246px;height:246px}.earth-hero strong{font-size:calc(21px * var(--text-scale, 1))}.earth-vertical{left:18px}.earth-hero-seal{right:18px}}

/* Persistent navigation and one time-specific video on the home screen. */
body { padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))!important; }
body>nav {
  display:block!important;
  left:50%; right:auto; transform:translateX(-50%);
  width:100%; max-width:540px; box-sizing:border-box;
  padding:7px 6px calc(8px + env(safe-area-inset-bottom,0px));
  background:rgba(247,244,235,.97);
  border-top:1px solid #d8d3bf;
  box-shadow:0 -6px 24px #303d3707;
}
body>nav .container { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); width:100%; max-width:none; margin:0; }
body>nav .nav-item { min-width:0; min-height:51px; width:100%; padding:5px 0; gap:3px; border-radius:9px; font:inherit; }
body>nav .nav-icon { font-size:calc(19px * var(--text-scale, 1)); line-height:22px; color:#898976; }
body>nav .nav-label { font-size:calc(10px * var(--text-scale, 1)); line-height:16px; color:#777968; white-space:nowrap; }
body>nav .nav-item[aria-current="page"] { background:#e6e8da; }
body>nav .nav-icon.active,body>nav .nav-label.active { color:#3b5945; }
body>nav .nav-label.active { font-weight:600; }
body>nav .nav-item:focus-visible { outline:2px solid #4d6856; outline-offset:-2px; }
.earth-flow-card {
  display:grid; grid-template-columns:46px minmax(0,1fr); align-items:center; gap:13px;
  width:100%; padding:16px; margin:0 0 18px; text-align:left;
  border:1px solid #c8ceba; border-radius:14px;
  background:linear-gradient(115deg,#e8ecdf,#f1f1e6); color:var(--earth-ink);
  font:inherit; cursor:pointer;
}
.earth-flow-play { display:grid; place-items:center; width:46px; height:46px; border:1px solid #91a185; border-radius:50%; color:#486344; background:#f7f6eb80; }
.earth-flow-play svg { width:16px; height:18px; margin-left:3px; }
.earth-flow-content { display:flex; flex-direction:column; min-width:0; }
.earth-flow-label { font-size:calc(10px * var(--text-scale, 1)); color:#5e7354; letter-spacing:.06em; margin-bottom:7px; }
.earth-flow-content strong { font-family:var(--earth-serif); font-size:calc(15px * var(--text-scale, 1)); font-weight:500; line-height:1.7; overflow-wrap:anywhere; }
.earth-flow-reason { font-size:calc(10px * var(--text-scale, 1)); color:#767b66; line-height:1.7; margin-top:5px; }
.earth-flow-link { font-size:calc(11px * var(--text-scale, 1)); color:#3b5945; margin-top:8px; }
.earth-flow-card:focus-visible { outline:2px solid var(--clock-green); outline-offset:3px; }
@media(max-width:360px){.earth-flow-card{gap:10px;padding:14px 12px;grid-template-columns:38px minmax(0,1fr)}.earth-flow-play{width:38px;height:38px}.earth-flow-content strong{font-size:calc(14px * var(--text-scale, 1))}}

/* A brighter home: the companion, a real record comparison, and collectible moments. */
:root{--clock-paper:#fcf9f3;--clock-ink:#394441;--clock-muted:#7c8078;--clock-green:#4a8f83;--clock-soft:#e9f2ec;--clock-line:#e4e6dd}
html{background:#edece6}
body{background-image:linear-gradient(180deg,#fffaf3 0,#fbfaf4 60%,#f7f4ee 100%)!important;background-size:auto!important}
body>header{padding:13px 22px!important;margin-bottom:0;border-bottom:0!important}
.page-content{padding-left:18px!important;padding-right:18px!important}
.aw-home{padding-top:3px}
.aw-date{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:calc(10px * var(--text-scale, 1));color:#939087;margin:4px 2px 14px;letter-spacing:.02em}
.aw-date>span:last-child{font-family:var(--earth-serif);font-size:calc(11px * var(--text-scale, 1))}
.aw-sanctuary{position:relative;border:1px solid #f1e1d0;border-radius:27px;background:radial-gradient(ellipse at 23% 21%,#fff3cddd,transparent 52%),radial-gradient(ellipse at 94% 41%,#e4e6f6ce,transparent 57%),linear-gradient(155deg,#fff4df,#fce9e2 48%,#faf4f0);box-shadow:0 10px 30px #be998118;overflow:hidden}
.aw-home[data-sky="moon"] .aw-sanctuary,.aw-home[data-phase="dim"] .aw-sanctuary,.aw-home[data-phase="sleep"] .aw-sanctuary{background:radial-gradient(ellipse at 25% 26%,#e9e6ff,transparent 60%),radial-gradient(ellipse at 90% 39%,#f9e2ea,transparent 50%),linear-gradient(150deg,#e8edf9,#efebf5 58%,#f5f5f4);border-color:#e0ddf0}
.aw-home[data-sky="earth"] .aw-sanctuary{background:radial-gradient(ellipse at 32% 30%,#f6efcf,transparent 65%),linear-gradient(130deg,#e9f3df,#e0ece4 52%,#f6f2e7);border-color:#dce7d6}
.aw-now{display:flex;align-items:center;justify-content:space-between;padding:17px 20px 0;gap:10px;position:relative;z-index:1}
.aw-now .clock-time{font-family:inherit;font-size:calc(38px * var(--text-scale, 1));font-weight:400;letter-spacing:.03em;line-height:1.1;padding:0;margin:0;color:#504a49}
.aw-now>span{text-align:right;font-size:calc(11px * var(--text-scale, 1));color:#6e696d;line-height:1.6}
.aw-now small{display:block;font-family:var(--earth-serif);color:#a18575;font-size:calc(11px * var(--text-scale, 1));letter-spacing:.05em}
.aw-character-scene{position:relative;isolation:isolate}
.aw-character{padding:1px 13px 20px;position:relative;z-index:1}
.aw-character .av-wrap{width:230px!important;height:230px!important;margin:6px auto 0!important;filter:drop-shadow(0 12px 14px #a77b6f27);animation:aw-float 6s ease-in-out infinite}
.aw-character .aw-beast-name{font-size:calc(10px * var(--text-scale, 1));color:#9e7d62;letter-spacing:.1em;margin:4px 0 8px}
.aw-character strong{font-family:var(--earth-serif);font-size:calc(19px * var(--text-scale, 1));line-height:1.7;letter-spacing:.02em;margin-bottom:5px;color:#594d47}
.aw-character small{font-size:calc(10px * var(--text-scale, 1));color:#97826f}
.aw-orbit{position:absolute;z-index:0;border:1px solid #d0a46e38;left:50%;top:13px;border-radius:50%;width:239px;height:239px;transform:translateX(-50%);pointer-events:none}
.aw-orbit.orbit-two{width:266px;height:266px;top:0;border-style:dashed;border-color:#c1978030}
.aw-star{position:absolute;z-index:2;pointer-events:none;color:#c5a260}
.star-one{top:33px;left:23px;font-size:calc(18px * var(--text-scale, 1))}.star-two{top:147px;right:24px;font-size:calc(23px * var(--text-scale, 1))}.star-three{top:204px;left:37px;font-size:calc(30px * var(--text-scale, 1))}
.aw-body-clock{display:grid;grid-template-columns:145px minmax(0,1fr);align-items:center;gap:0 10px;padding:12px 14px 13px;background:#ffffffb8;border-top:1px solid #fff9;position:relative;z-index:3}
.aw-dial-button{position:relative;border:0;background:none;padding:0;width:145px;height:145px;cursor:pointer;color:inherit;font:inherit}
.aw-dial-button svg{display:block;width:100%;height:100%}
.aw-dial-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}
.aw-dial-value>small{font-size:calc(10px * var(--text-scale, 1));color:#8d8587}
.aw-dial-value strong{font-size:calc(30px * var(--text-scale, 1));color:#755d68;font-weight:500;line-height:1.05;font-variant-numeric:tabular-nums;letter-spacing:-.02em}
.aw-dial-value em{font-size:calc(10px * var(--text-scale, 1));margin-left:3px;font-style:normal;font-weight:400}
.aw-dial-value>span{font-size:calc(8px * var(--text-scale, 1));color:#9a9292}
.aw-dial-copy{min-width:0;padding-right:1px}
.aw-overline{font-size:calc(9px * var(--text-scale, 1));color:#aa8a71;letter-spacing:.04em}
.aw-dial-copy h2{font-family:var(--earth-serif);font-size:calc(13px * var(--text-scale, 1));font-weight:500;line-height:1.7;margin:6px 0;color:#655955}
.aw-dial-copy p{font-size:calc(9px * var(--text-scale, 1));line-height:1.9;margin:0 0 9px;color:#8d8683}
.aw-dial-copy p b{font-weight:500;color:#69615e;margin-left:5px;font-variant-numeric:tabular-nums}
.aw-dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin:0 4px 1px 0}.aw-dot.goal{background:#d9954a}.aw-dot.actual{background:#42958c}
.aw-measure-button{border:0;border-radius:10px;color:#fff;background:#549689;font:inherit;font-size:calc(11px * var(--text-scale, 1));padding:9px 10px;min-height:39px;display:flex;align-items:center;justify-content:space-between;gap:7px;width:100%;cursor:pointer;box-shadow:0 4px 8px #478e8220}
.aw-dial-note{grid-column:1/-1;text-align:center;font-size:calc(8px * var(--text-scale, 1));line-height:1.7;color:#aaa099;margin:5px 0 0}
.aw-almanac{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:14px 0}
.aw-almanac button{display:flex;align-items:center;gap:7px;border:1px solid #e4dfd2;border-radius:14px;background:#f1efe3;padding:12px 10px;text-align:left;color:#6b6d58;font:inherit;cursor:pointer;min-width:0}
.aw-almanac button:first-child{background:#eaeaf3;border-color:#e1deef;color:#72748a}
.aw-moon{display:block;width:36px;min-width:36px;color:#a5a1c5}.aw-moon svg{display:block;width:100%}
.aw-almanac small{display:block;font-size:calc(8px * var(--text-scale, 1));color:#9b978e;margin-bottom:4px}
.aw-almanac b{display:block;font-family:var(--earth-serif);font-size:calc(12px * var(--text-scale, 1));font-weight:500;line-height:1.7;white-space:nowrap}
.aw-almanac em{display:block;font-size:calc(8px * var(--text-scale, 1));font-style:normal;margin-top:3px;color:#9a9687;white-space:nowrap}
.aw-almanac b em{display:inline;font-size:calc(8px * var(--text-scale, 1));margin-left:3px}
.aw-season-mark{font-family:var(--earth-serif);font-size:calc(21px * var(--text-scale, 1));color:#b59b64;min-width:24px;text-align:center}
.earth-flow-card{background:linear-gradient(125deg,#e6f1ec,#eef5ee);border-color:#d4e5d9;margin:16px 0;padding:14px;gap:12px}
.earth-flow-play{border-color:#97b5a2;background:#f6fcf7;color:#4c8f78}
.earth-flow-content strong{font-size:calc(14px * var(--text-scale, 1))}.earth-flow-reason{font-size:calc(10px * var(--text-scale, 1))}
.aw-rhythm{background:#fffefa;border:1px solid #e9e7dc;border-radius:20px;margin-top:20px;padding:17px 13px 13px}
.aw-rhythm .clock-chart-heading h2{font-size:calc(14px * var(--text-scale, 1))}.aw-rhythm .clock-stops{margin:0 -5px}.aw-rhythm .clock-stop{font-size:calc(11px * var(--text-scale, 1))}
.earth-wisdom-card{background:linear-gradient(130deg,#f6eedc,#f4e7dc);border-color:#ede0cc;margin-top:18px}.earth-wisdom-card strong{color:#836a52;font-size:calc(18px * var(--text-scale, 1))}
body>nav{background:rgba(255,253,248,.97);border-color:#e4e6dc}body>nav .nav-item[aria-current="page"]{background:#e5f0e8}body>nav .nav-label.active,body>nav .nav-icon.active{color:#4a8e79}
.rare-home{width:100%;display:flex;align-items:center;gap:13px;padding:14px 13px;border:1px solid #e6d8bc;border-radius:17px;background:linear-gradient(115deg,#fff2d9,#f5edf5);text-align:left;color:inherit;cursor:pointer;font:inherit}
.rare-home-copy{display:flex;flex-direction:column;min-width:0;flex:1}.rare-eyebrow{font-size:calc(9px * var(--text-scale, 1));letter-spacing:.06em;color:#a58d6d}.rare-home strong{font-family:var(--earth-serif);font-size:calc(12px * var(--text-scale, 1));font-weight:500;line-height:1.7;margin:5px 0 8px;color:#7d6562}
.rare-home small{display:flex;justify-content:space-between;gap:6px;font-size:calc(9px * var(--text-scale, 1));color:#a49686;line-height:1.7;margin-top:5px}.rare-home small>span{color:#88735b;white-space:nowrap}
.rare-home-progress{display:block;width:100%;height:4px;background:#e5dccf;border-radius:3px;overflow:hidden}.rare-home-progress i{display:block;height:100%;background:linear-gradient(90deg,#d8a85b,#c890ae);border-radius:3px}
.rare-medallion{display:block;position:relative;isolation:isolate;flex-shrink:0;width:72px;height:72px;padding:5px;border:1px solid #d7b981;border-radius:50%;background:linear-gradient(135deg,#ffedbe,#fff8e7 35%,#d0c1e6 74%,#e5cc99);box-shadow:0 4px 12px #a3947820}
.rare-medallion:before{content:'';position:absolute;inset:2px;border:1px dotted #c5a56e;border-radius:50%;pointer-events:none;z-index:2}
.rare-medallion img{width:100%;height:100%;object-fit:contain;border-radius:50%;background:#f8f6f4;display:block}
.rare-star{position:absolute;right:0;bottom:0;width:19px;height:19px;border:1px solid #dfcda2;border-radius:50%;text-align:center;line-height:17px;background:#fff6df;color:#ba924b;font-size:calc(12px * var(--text-scale, 1));z-index:3}
.rare-buddy{position:absolute;right:9px;top:140px;z-index:4;border:0;background:none;padding:0;display:flex;flex-direction:column;align-items:center;gap:5px;cursor:pointer;color:#9d8171;font:inherit;animation:aw-enter .6s ease both}
.rare-buddy .rare-medallion{width:58px;height:58px}.rare-buddy>span:last-child{font-size:calc(7px * var(--text-scale, 1));background:#fff6e9db;padding:4px 5px;border-radius:6px}
.rare-summary{display:flex;align-items:center;flex-direction:column;border-radius:22px;padding:24px;background:radial-gradient(at 20% 15%,#f9e6c5,transparent 70%),linear-gradient(130deg,#f5eff8,#efe7f3);border:1px solid #e8dcd8;color:#88746f;margin-bottom:21px}
.rare-summary>span{font-size:calc(11px * var(--text-scale, 1))}.rare-summary strong{font-size:calc(48px * var(--text-scale, 1));font-weight:400;margin:8px 0;color:#98758a;line-height:1.2}.rare-summary strong small{font-size:calc(14px * var(--text-scale, 1));margin-left:7px}.rare-summary p{font-family:var(--earth-serif);font-size:calc(14px * var(--text-scale, 1));margin:4px 0 16px}
.rare-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;margin:25px 0}
.rare-item{border:1px solid #e4d7c1;border-radius:18px;background:linear-gradient(145deg,#fffaed,#f2ecf7);padding:20px 8px 14px;display:flex;align-items:center;flex-direction:column;color:inherit;font:inherit;cursor:pointer;min-width:0}
.rare-item .rare-medallion{width:100px;height:100px;margin-bottom:15px}.rare-item.locked{background:#f5f3ef;border-color:#e5e1d8}.rare-item.locked img{filter:saturate(.5);opacity:.72}
.rare-rank{font-size:calc(8px * var(--text-scale, 1));letter-spacing:.15em;color:#b99560}.rare-item strong{font-family:var(--earth-serif);font-size:calc(14px * var(--text-scale, 1));font-weight:500;line-height:1.8;margin:6px 0;color:#756763}.rare-item>small{font-size:calc(10px * var(--text-scale, 1));color:#a69b8e}
.rare-status{display:inline-block;margin-top:11px;font-size:calc(9px * var(--text-scale, 1));border-radius:20px;padding:5px 10px;background:#e5eee6;color:#65846b}.rare-item.locked .rare-status{background:#e9e5dc;color:#9b948a}
.rare-detail-art{display:flex;align-items:center;flex-direction:column;background:radial-gradient(ellipse,#f4e6c4,#f5eff5 70%);border-radius:22px;padding:32px;margin-bottom:24px}.rare-detail-art .rare-medallion{width:180px;height:180px;padding:11px}.rare-detail-art.locked img{filter:saturate(.55);opacity:.8}.rare-detail-art .rare-star{width:32px;height:32px;font-size:calc(20px * var(--text-scale, 1));line-height:30px}
.rare-reveal{text-align:center;padding:24px 0 0}.rare-reveal h1{font-family:var(--earth-serif);font-size:calc(20px * var(--text-scale, 1));font-weight:500;line-height:1.8;color:#766565;margin:15px 0}.rare-reveal-art{position:relative;display:flex;justify-content:center;padding:45px 20px;background:radial-gradient(ellipse,#fceccf 0,#e6dfea70 50%,transparent 71%);margin:0 -12px;animation:aw-enter .8s ease both}.rare-reveal .rare-medallion{width:210px;height:210px;padding:11px;box-shadow:0 12px 35px #b8a3893b}.rare-reveal .rare-star{width:34px;height:34px;font-size:calc(20px * var(--text-scale, 1));line-height:32px}.rare-reveal h2{font-family:var(--earth-serif);font-size:calc(28px * var(--text-scale, 1));font-weight:500;color:#91746b;margin:10px 0 14px}.rare-reveal p{font-size:calc(13px * var(--text-scale, 1));line-height:2;color:#988881;margin:0 16px 18px}.rare-milestone{display:block;font-size:calc(11px * var(--text-scale, 1));color:#b2966f;margin-bottom:28px}.rare-spark{position:absolute;color:#c7a364}.s1{top:45px;left:25px;font-size:calc(27px * var(--text-scale, 1))}.s2{bottom:43px;right:24px;font-size:calc(35px * var(--text-scale, 1))}.s3{top:25px;right:44px;font-size:calc(16px * var(--text-scale, 1))}
.measure-welcome{background:linear-gradient(135deg,#ecf4e5,#e5f0ef);border:1px solid #dce7d5;border-radius:18px;padding:23px 20px;margin-bottom:24px;color:#6b8b75}.measure-mark{font-size:calc(25px * var(--text-scale, 1));color:#b7a25f}.measure-welcome h2{font-family:var(--earth-serif);font-size:calc(19px * var(--text-scale, 1));font-weight:500;line-height:1.7}.measure-welcome p{font-size:calc(12px * var(--text-scale, 1));line-height:1.8;color:#94a084}
.aw-home button:focus-visible,.rare-home:focus-visible,.rare-item:focus-visible{outline:2px solid #659981;outline-offset:3px}
@keyframes aw-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}
@keyframes aw-enter{from{opacity:0;transform:translateY(8px) scale(.96)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(prefers-reduced-motion:reduce){.aw-character .av-wrap,.rare-buddy,.rare-reveal-art{animation:none}}
@media(max-width:360px){.page-content{padding-left:14px!important;padding-right:14px!important}.aw-now{padding:16px 15px 0}.aw-now .clock-time{font-size:calc(35px * var(--text-scale, 1))}.aw-character .av-wrap{width:214px!important;height:214px!important}.aw-orbit{width:225px;height:225px}.aw-orbit.orbit-two{width:247px;height:247px}.aw-character strong{font-size:calc(16px * var(--text-scale, 1))}.aw-body-clock{grid-template-columns:122px minmax(0,1fr);gap:0 6px;padding:10px}.aw-dial-button{width:122px;height:122px}.aw-dial-value strong{font-size:calc(26px * var(--text-scale, 1))}.aw-dial-value>small{font-size:calc(8px * var(--text-scale, 1))}.aw-dial-value>span{font-size:calc(7px * var(--text-scale, 1))}.aw-dial-copy h2{font-size:calc(11px * var(--text-scale, 1))}.aw-measure-button{font-size:calc(10px * var(--text-scale, 1));padding:8px;min-height:38px}.aw-dial-note{font-size:calc(7px * var(--text-scale, 1))}.aw-almanac{gap:6px}.aw-almanac button{padding:10px 7px;gap:4px}.aw-moon{width:30px;min-width:30px}.aw-almanac b{font-size:calc(10px * var(--text-scale, 1))}.aw-almanac small{font-size:calc(7px * var(--text-scale, 1))}.aw-season-mark{font-size:calc(18px * var(--text-scale, 1));min-width:20px}.rare-home{padding:12px 10px;gap:10px}.rare-home .rare-medallion{width:59px;height:59px}.rare-home strong{font-size:calc(11px * var(--text-scale, 1))}.rare-home small{font-size:calc(8px * var(--text-scale, 1))}.rare-buddy{right:3px;top:143px}.rare-buddy .rare-medallion{width:50px;height:50px}.rare-buddy>span:last-child{font-size:calc(6px * var(--text-scale, 1))}.star-one{left:16px}.star-two{right:13px}}
@media(min-width:600px){.aw-character .av-wrap{width:256px!important;height:256px!important}.aw-orbit{width:269px;height:269px}.aw-orbit.orbit-two{width:292px;height:292px}.aw-body-clock{grid-template-columns:168px minmax(0,1fr);padding:15px 30px;gap:0 20px}.aw-dial-button{width:168px;height:168px}.aw-dial-copy h2{font-size:calc(16px * var(--text-scale, 1))}.aw-dial-copy p{font-size:calc(11px * var(--text-scale, 1))}.aw-overline{font-size:calc(10px * var(--text-scale, 1))}.aw-measure-button{font-size:calc(12px * var(--text-scale, 1));min-height:42px}.aw-dial-value strong{font-size:calc(36px * var(--text-scale, 1))}.aw-dial-value>small{font-size:calc(11px * var(--text-scale, 1))}.aw-dial-value>span{font-size:calc(9px * var(--text-scale, 1))}.rare-home strong{font-size:calc(15px * var(--text-scale, 1))}.aw-almanac button{padding:13px 16px;gap:13px}.aw-almanac b{font-size:calc(14px * var(--text-scale, 1))}.aw-moon{width:43px;min-width:43px}.aw-almanac small,.aw-almanac em{font-size:calc(9px * var(--text-scale, 1))}.aw-season-mark{font-size:calc(26px * var(--text-scale, 1))}}

/* First-run setup and an accessible, native service introduction dialog. */
body[data-active-clock-page="welcome"]>nav{display:none!important}
body[data-active-clock-page="welcome"]{padding-bottom:calc(175px + env(safe-area-inset-bottom,0px))!important}
body[data-active-clock-page="welcome"] .clock-menu{font-size:calc(11px * var(--text-scale, 1))}
.welcome-page{padding-top:9px}
.welcome-steps{display:flex;align-items:center;justify-content:center;gap:12px;font-size:calc(10px * var(--text-scale, 1));color:#acaaa0;margin:0 0 25px}
.welcome-steps span{display:flex;align-items:center;gap:6px}.welcome-steps b{display:grid;place-items:center;border:1px solid #dfe3d8;border-radius:50%;width:23px;height:23px;font-size:calc(10px * var(--text-scale, 1));font-weight:500}
.welcome-steps .current{color:#5d9381}.welcome-steps .current b{color:#fff;background:#669988;border-color:#669988}.welcome-steps .complete b{background:#e6efe7;color:#669988}
.welcome-steps i{height:1px;width:28px;background:#e0e4da}
.welcome-intro h1{font-family:var(--earth-serif);font-weight:500;font-size:calc(26px * var(--text-scale, 1));line-height:1.6;color:#655a50;margin:9px 0 12px}
.welcome-intro h1:focus{outline:none}
.welcome-overline{font-size:calc(9px * var(--text-scale, 1));letter-spacing:.12em;color:#b19a7e;margin:0}
.welcome-intro>p:last-child{font-size:calc(11px * var(--text-scale, 1));line-height:1.85;color:#91877d;margin:0 0 21px}
.welcome-sky{display:grid;grid-template-columns:repeat(3,1fr);background:#efeee6;border-radius:13px;padding:4px;margin:0 0 16px;gap:4px}
.welcome-sky button{border:0;border-radius:10px;background:none;color:#999485;font:inherit;font-size:calc(12px * var(--text-scale, 1));min-height:42px;cursor:pointer}.welcome-sky button span{font-size:calc(18px * var(--text-scale, 1));vertical-align:middle;margin-right:7px}
.welcome-sky button[aria-pressed="true"]{background:#fffbf0;box-shadow:0 3px 9px #96836916;color:#a8874f}
.welcome-page[data-sky="moon"] .welcome-sky button[aria-pressed="true"]{background:#f2effb;color:#8a7fac}.welcome-page[data-sky="earth"] .welcome-sky button[aria-pressed="true"]{background:#edf5eb;color:#6a9976}
.welcome-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.welcome-beast{display:flex;flex-direction:column;align-items:center;gap:7px;border:1px solid #e7e3d8;border-radius:16px;background:#fffcf6;padding:12px 4px 10px;color:#877865;font:inherit;cursor:pointer;position:relative;min-width:0}
.welcome-beast img{display:block;width:80px;height:80px;max-width:100%;object-fit:contain;border-radius:50%;filter:drop-shadow(0 3px 3px #9a826315)}
.welcome-beast>span{font-family:var(--earth-serif);font-size:calc(12px * var(--text-scale, 1))}.welcome-beast.selected{background:linear-gradient(140deg,#fbedd3,#f3eaf0);border-color:#cfa578;box-shadow:0 3px 8px #bba0791a}
.welcome-beast i{position:absolute;right:6px;top:5px;width:18px;height:18px;line-height:18px;text-align:center;font-size:calc(11px * var(--text-scale, 1));font-style:normal;background:#bf9a60;border-radius:50%;color:#fff}
.welcome-intake{display:flex;width:100%;align-items:center;justify-content:space-between;border:1px solid #e6e0d4;background:#f2efe4;border-radius:14px;color:#85785f;padding:16px 14px;font:inherit;text-align:left;cursor:pointer;margin-top:22px;font-size:calc(12px * var(--text-scale, 1));line-height:1.7}
.welcome-intake small{display:block;font-size:calc(9px * var(--text-scale, 1));color:#a49b89;margin-top:5px}
.welcome-note{font-size:calc(9px * var(--text-scale, 1));line-height:1.9;color:#a7a091;text-align:center;margin:18px 0}
.welcome-actions{position:fixed;left:50%;transform:translateX(-50%);bottom:0;z-index:110;box-sizing:border-box;width:100%;max-width:540px;padding:12px 18px calc(14px + env(safe-area-inset-bottom,0px));background:#fdfaf4f5;backdrop-filter:blur(12px);border-top:1px solid #e8e3d8;box-shadow:0 -6px 18px #bca58c0a}
.welcome-actions .clock-primary{margin:0;background:#609483;font-size:calc(13px * var(--text-scale, 1));min-height:48px}.welcome-actions .clock-primary:disabled{opacity:.4;cursor:default}
.welcome-selected{display:flex;align-items:center;justify-content:center;gap:11px;min-height:53px;margin-bottom:9px}
.welcome-selected img{width:49px;height:49px;object-fit:contain;border-radius:50%}.welcome-selected strong{display:block;font-family:var(--earth-serif);font-size:calc(14px * var(--text-scale, 1));font-weight:500;color:#857360}.welcome-selected small{display:block;font-size:calc(9px * var(--text-scale, 1));margin-top:4px;color:#ab9b8e}.welcome-selection-empty{font-size:calc(11px * var(--text-scale, 1));color:#aaa093}
.welcome-back,.welcome-cancel{border:0;background:none;font:inherit;font-size:calc(11px * var(--text-scale, 1));min-height:40px;cursor:pointer;color:#8a9384;padding:4px 0;margin-bottom:10px}
.welcome-cancel{display:block;text-decoration:underline;text-underline-offset:4px;margin:18px auto 0}
.welcome-partner{display:flex;align-items:center;gap:14px;border:1px solid #eadfce;border-radius:20px;background:linear-gradient(135deg,#faeed5,#eceaf3);padding:14px;margin:22px 0}
.welcome-partner img{display:block;width:100px;height:100px;object-fit:contain;flex-shrink:0}.welcome-partner small{display:block;font-size:calc(9px * var(--text-scale, 1));color:#b19b84}.welcome-partner strong{font-family:var(--earth-serif);display:block;font-weight:500;font-size:calc(18px * var(--text-scale, 1));margin:8px 0;color:#897465;line-height:1.6}.welcome-partner em{font-size:calc(10px * var(--text-scale, 1));line-height:1.7;font-style:normal;color:#a89b91;display:block}
.welcome-form{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.welcome-form label{font-size:calc(10px * var(--text-scale, 1));color:#999281}.welcome-form input{padding:11px 5px;text-align:center;font-size:calc(15px * var(--text-scale, 1));background:#fffdf8;min-width:0;border-color:#e6e2d7}.welcome-form .clock-alert{grid-column:1/-1;font-size:calc(12px * var(--text-scale, 1))}
.welcome-keep{text-align:center;font-size:calc(9px * var(--text-scale, 1));line-height:1.7;color:#a39b8e;margin:4px 0 12px}
.about-dialog{width:calc(100% - 28px);max-width:470px;max-height:calc(100dvh - 40px);box-sizing:border-box;position:fixed;inset:0;margin:auto;border:1px solid #e8decc;border-radius:24px;padding:0;background:#fcfaf4;color:#6f6a60;box-shadow:0 22px 80px #293e4140;overflow:auto}
.about-dialog::backdrop{background:#303a4166;backdrop-filter:blur(7px)}
body:has(.about-dialog[open]){overflow:hidden}
.about-content{padding:28px 23px 17px;position:relative}.about-close{position:sticky;float:right;top:0;border:0;display:grid;place-items:center;background:#edece2;color:#8e8f7a;border-radius:50%;width:36px;height:36px;font:inherit;font-size:calc(25px * var(--text-scale, 1));cursor:pointer;z-index:1;margin:-12px -7px 0 4px}
.about-overline{display:block;font-size:calc(8px * var(--text-scale, 1));letter-spacing:.07em;color:#af9d81;margin:5px 0 8px}
.about-art{display:flex;align-items:center;justify-content:center;margin:28px 0 21px;isolation:isolate}
.about-art img{width:85px;height:85px;object-fit:contain;border-radius:50%;box-shadow:0 6px 12px #c8b59726;border:3px solid #f9f1df}
.about-art img:nth-child(2){width:112px;height:112px;margin:0 -8px;z-index:1}.about-art img:first-child{transform:rotate(-9deg)}.about-art img:last-child{transform:rotate(9deg)}
.about-content h2{font-family:var(--earth-serif);font-size:calc(26px * var(--text-scale, 1));font-weight:500;line-height:1.65;margin:12px 0 19px;color:#7e6a57;text-align:center}
.about-lead{font-size:calc(12px * var(--text-scale, 1));line-height:2;color:#918574;margin-bottom:18px}
.about-features section{display:flex;gap:12px;padding:18px 0;border-top:1px solid #e8e2d6}.about-features section>b{font-size:calc(11px * var(--text-scale, 1));color:#bd9d6f;font-weight:500;padding-top:3px}.about-features h3{font-family:var(--earth-serif);font-size:calc(14px * var(--text-scale, 1));font-weight:500;color:#897460;margin:0 0 8px;line-height:1.7}.about-features p{font-size:calc(11px * var(--text-scale, 1));line-height:1.9;color:#a09583;margin:0}
.about-detail{border:1px solid #e7e4d9;background:#f2f2e8;border-radius:12px;padding:13px;margin:5px 0 22px;color:#9c9786;font-size:calc(10px * var(--text-scale, 1));line-height:1.9}.about-detail summary{cursor:pointer;color:#848974;line-height:1.8}.about-detail p{margin:13px 0 0}
.about-content .clock-primary{font-size:calc(12px * var(--text-scale, 1))}.about-dismiss{display:block;margin:0 auto;border:0;min-height:40px;background:none;color:#9e9b8b;font:inherit;font-size:calc(11px * var(--text-scale, 1));cursor:pointer}
.welcome-page button:focus-visible,.about-dialog button:focus-visible,.about-detail summary:focus-visible{outline:2px solid #719b87;outline-offset:2px}
@media(max-width:360px){.welcome-intro h1{font-size:calc(23px * var(--text-scale, 1))}.welcome-grid{gap:7px}.welcome-beast{padding:9px 3px}.welcome-beast img{width:72px;height:72px}.welcome-actions{padding-left:14px;padding-right:14px}.welcome-partner{gap:9px;padding:10px}.welcome-partner img{width:80px;height:80px}.welcome-partner strong{font-size:calc(15px * var(--text-scale, 1))}.welcome-form{gap:6px}.welcome-form input{font-size:calc(13px * var(--text-scale, 1))}.about-content{padding:26px 17px 14px}.about-content h2{font-size:calc(23px * var(--text-scale, 1))}.about-art img{width:69px;height:69px}.about-art img:nth-child(2){width:100px;height:100px}}

/* v50: the original questionnaire is the first screen, without a skip route. */
body[data-intake-active="true"]{overflow:hidden!important;padding-bottom:0!important}
body[data-intake-active="true"]>header,body[data-intake-active="true"]>main,body[data-intake-active="true"]>nav,body[data-intake-active="true"]>.skip-link{visibility:hidden!important}
#intakeFrame{height:100dvh;overflow:hidden}
#intakeFrame iframe{display:block;min-height:0;height:100%;background:#fbf8f4}