/* Brand-rich surfaces and a quiet, full-screen animated underlay. */
:root{--nav-height64:78px;--ink87:#42264d}
body>nav{padding:8px max(10px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom))!important;background:#fffaf7f5!important;border-top:1px solid #d8b6d4!important;backdrop-filter:blur(16px)}
body>nav>.container{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:4px!important;max-width:560px!important;margin:auto!important}
body>nav .nav-item{min-width:0!important;min-height:58px!important;padding:5px 2px!important;border-radius:14px!important}
body>nav .nav-icon{height:25px!important;font-size:23px!important;line-height:25px!important;background:transparent!important;color:#79546f!important;box-shadow:none!important;width:auto!important}
body>nav .nav-label{font-size:calc(11px * var(--text-scale,1))!important;line-height:1.5!important;white-space:normal!important;color:#59405f!important}
body>nav [aria-current=page]{background:linear-gradient(130deg,#ffe0b5,#edcbe7)!important;box-shadow:inset 0 0 0 1px #d7a0bb!important}
body>nav [aria-current=page] .nav-icon{color:#8a245c!important}
body>nav [aria-current=page] .nav-label{color:#572759!important;font-weight:750!important}
body>nav[hidden]{display:none!important}
.page-content{padding-bottom:calc(var(--nav-height64) + 85px)!important}
body>header .clock-menu{min-height:44px;min-width:44px}
button:focus-visible,summary:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #5f2c70!important;outline-offset:3px}
#ambient87{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#fff5e9 url('media/opening/guardians-background-v87.jpg') center 38%/cover no-repeat}
#ambient87[hidden],.ambient-control87[hidden]{display:none!important}
#ambient87 video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 38%;opacity:0}
#ambient87[data-playing87=true] video{opacity:1}
#ambient87:after{content:'';position:absolute;inset:0;background:linear-gradient(155deg,#fff9edce,#fff5e7b8 32%,#f4e8f4c9 70%,#eadcf2db)}
body[data-ambient-mode=intro] .page-content{background:transparent!important}
.ambient-control87{min-height:44px;max-width:92px;padding:6px 10px;border:1px solid #d6b8dc;border-radius:12px;background:#fffaf0;color:#5f2c70;font:inherit;font-size:12px;line-height:1.4;font-weight:650}
.intro-background87{padding:30px 4px 18px!important;min-height:calc(100svh - 132px);display:flex;flex-direction:column;justify-content:center}
.intro-background87 .intro-brand64{display:none}
.intro-background87 .eyebrow64{align-self:flex-start;border:1px solid #e2bfd4;padding:6px 13px;background:#fff7efdf;border-radius:30px;color:#7d2f68;font-size:12px;font-weight:750}
.intro-background87 h1{font-size:clamp(27px,7.5vw,38px)!important;line-height:1.65;margin:26px 0 18px!important;text-shadow:0 2px 18px #fff}
.intro-background87>p{color:#49304f!important;line-height:1.9!important;text-shadow:0 1px 12px #fff;font-weight:550}
.intro-background87 .intro-lead64{font-size:calc(19px * var(--text-scale,1))!important;font-weight:650}
.intro-background87 .intro-progress64{margin:22px 0 16px!important}
.intro-background87 .intro-note64{font-size:12px!important}
.intro-background87 .intro-actions64{margin-top:8px}
.intro-background87 .clock-primary{min-height:56px}
.today-top87{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:0 0 13px}
.today-top87>p{font-size:14px;color:#6a4862}
.today-beast87{display:flex;align-items:center;gap:8px;background:#fff8ec;border:1px solid #e1bb87;border-radius:32px;padding:4px 12px 4px 5px;min-height:48px;color:#6c375b;font:inherit;font-size:11px;font-weight:650}
.today-beast87 img{width:40px;height:40px;border-radius:50%}
.offset-hero87{position:relative;overflow:hidden;border:1px solid #dbaaaf;border-radius:28px;padding:25px 23px;background:radial-gradient(ellipse at 5% 5%,#ffd09c,transparent 65%),radial-gradient(ellipse at 100% 100%,#d5b7ed,transparent 65%),linear-gradient(140deg,#fff4df,#f8dce1);box-shadow:inset 0 0 0 5px #fff4eb85,0 14px 28px #92385c17;color:#512653}
.offset-hero87:before{content:'';position:absolute;right:-35px;top:5px;width:145px;height:145px;border:22px solid #fff8;border-radius:50%;pointer-events:none;opacity:.3}
.offset-hero87 h1{margin:9px 0;font-size:calc(26px * var(--text-scale,1));position:relative}
.offset-hero87 .clock-eyebrow{font-size:11px;margin:0;color:#783755!important}
.offset-sub87{font-size:12px;margin:0;color:#66435f}
.offset-value87{display:flex;align-items:center;gap:14px;padding:20px 0 12px}
.offset-value87>strong{font-size:80px;line-height:1.1;letter-spacing:-.045em;color:#66285e}
.offset-value87>span{font-size:18px;line-height:1.6}
.offset-value87 b{font-size:14px;font-weight:650}
.offset-basis87{font-size:12px;line-height:1.8;color:#624958;margin:14px 0 17px}
.offset-empty87{padding:28px 0 10px}.offset-empty87 strong{font-size:23px;line-height:1.5}.offset-empty87 p{font-size:14px;line-height:1.8}
.offset-hero87 .clock-primary{width:100%;min-height:50px}.offset-hero87 .plain-link64{display:block;margin:10px auto 0;min-height:44px}
.ia-panel87,.recommendation87,.record-history87{border:1px solid #ddc6da;border-radius:23px;padding:22px;margin:22px 0;background:linear-gradient(135deg,#fffdf7,#f4eaf6);box-shadow:0 7px 22px #663c6810}
.ia-panel87 h2,.recommendation87 h2,.record-history87 h2,.all-actions87 h2{font-size:calc(19px * var(--text-scale,1));line-height:1.5;color:#62305f;margin:0 0 12px}
.ia-panel87 p{line-height:1.8;color:#544454;font-size:15px}
.ia-panel87.action87{background:linear-gradient(130deg,#fff1d0,#ffe1d6 56%,#f0def1);border-left:5px solid #e9822a}
.ia-panel87.action87 h3{font-size:21px;line-height:1.6;color:#63315a}
.ia-panel87 .clock-entry{margin:10px 0;border-radius:14px;box-shadow:none}.ia-panel87 .clock-entry b{font-size:16px}
.daily-shortcuts87,.ritual-shortcuts87,.report-links87{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.daily-shortcuts87 .clock-entry,.ritual-shortcuts87 .clock-entry,.report-links87 .clock-entry{padding:15px 13px;margin:0;min-height:100px;border-radius:18px;display:block;text-align:left}
.daily-shortcuts87 .clock-entry em,.ritual-shortcuts87 .clock-entry em,.report-links87 .clock-entry em{display:none}
.daily-shortcuts87 .clock-entry:first-child,.ritual-shortcuts87 .clock-entry:first-child{background:linear-gradient(135deg,#ffe6b6,#ffd7c4);border:1px solid #e5b481}
.daily-shortcuts87 .clock-entry:last-child,.ritual-shortcuts87 .clock-entry:last-child{background:linear-gradient(135deg,#ead7f4,#d5ddf4);border:1px solid #bba9d1}
.recommendation87{margin-top:20px;background:linear-gradient(145deg,#d9ede2,#ebe2f5 68%,#f7dfed)}
.recommendation87 .tune-section-head60{margin:0 0 14px;align-items:center}.tune-section-head60>button{min-height:44px;padding:7px 10px;color:#62305f;border:1px solid #beacc6;border-radius:12px;background:#fff9f4;font:inherit;font-size:12px}
.tune-recommendations87{margin-top:16px}.tune-recommendations87 summary{min-height:44px;padding:10px 0;font-weight:650;color:#54375c}.observation87{font-size:13px;line-height:1.7}
.record-history87{background:#fffcf7;padding:18px;margin-top:24px;scroll-margin-top:98px}
.record-filters87{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.record-filters87 label{font-size:12px;color:#62506a;flex:1;min-width:92px}
.record-filters87 select,.record-filters87 input{display:block;max-width:100%;width:100%;min-height:44px;font:inherit;font-size:14px;border:1px solid #cab6cc;background:#f7eef8;border-radius:10px;color:#493550;padding:6px}
.record-row87{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px;padding:16px 0;border-top:1px solid #e9d9e6}.record-row87 time{font-size:11px;color:#765c70}.record-row87 time b{display:block;font-size:18px;color:#683263;margin-top:5px;font-weight:600}
.record-row87 h3{margin:0;font-size:16px;color:#543153}.record-row87 p{font-size:13px;line-height:1.65;margin:6px 0;color:#63505e;overflow-wrap:anywhere}.record-row87 button{border:0;background:#f4e3f0;border-radius:12px;font:inherit;font-size:12px;color:#6c2c6a;padding:8px 11px;min-height:44px}
.history-more87 summary{min-height:48px;padding:12px 0;color:#663265;font-weight:650}.empty87{font-size:14px;line-height:1.8;padding:12px 0;color:#715c6c}
.report-links87{margin-top:15px}.report-links87 .clock-entry{min-height:95px}.report-links87 b{font-size:15px!important}.report-links87 small{font-size:12px!important}
.all-actions87{margin:28px 0 22px;scroll-margin-top:96px}.all-actions87>p{font-size:13px;color:#665169}
.action-grid87{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.action-card87{display:flex;align-items:flex-start;flex-direction:column;justify-content:center;min-height:122px;aspect-ratio:1;min-width:0;padding:14px 10px;border:1px solid #e0b194;border-radius:19px;background:linear-gradient(145deg,#ffedc7,#f9d7ca);color:#673451;text-align:left;font:inherit;box-shadow:0 4px 12px #64345110}
.action-card87:nth-child(4n+2){background:linear-gradient(145deg,#f1d5e4,#e6ceef);border-color:#cfb0d5}.action-card87:nth-child(4n+3){background:linear-gradient(145deg,#daede0,#bedece);border-color:#a3c6b4}.action-card87:nth-child(4n+4){background:linear-gradient(145deg,#e2e4f5,#d1d4f0);border-color:#b2b7d2}
.action-card87>span{font-size:26px;line-height:1;margin-bottom:10px}.action-card87 b{font-size:14px;line-height:1.4;overflow-wrap:anywhere}.action-card87 small{font-size:10px;line-height:1.5;margin-top:4px;color:#624d63}
.tune-saved62{scroll-margin-top:100px}.tune-saved62 button{min-height:44px;display:block;background:#fff9f4;border:1px solid #cbb1d4;color:#5f2c70;border-radius:12px;padding:9px 12px;font:inherit;margin-top:8px;font-size:13px}
.my-identity87{display:flex;gap:17px;align-items:center;padding:20px;border:1px solid #d8b682;border-radius:25px;background:linear-gradient(125deg,#ffe2af,#f2daef);margin:20px 0}
.my-identity87 img{width:82px;height:82px;border-radius:50%;box-shadow:0 6px 20px #71355622}.my-identity87 p{font-size:12px;color:#715371;margin:0}.my-identity87 h2{font-size:20px;color:#62305f;margin:6px 0}.my-identity87 button{border:0;background:transparent;color:#663064;min-height:44px;padding:5px 0;font:inherit;font-size:13px}
.report-month87{display:block;color:#62305f;font-size:14px}.report-month87 input{display:block;min-height:48px;border-radius:12px;border:1px solid #bfa3c7;background:#fff9f5;padding:10px;font:inherit;margin-top:8px;color:#5f2c70}
.report-stats87{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.report-stats87 p{background:#f4e3ef;border-radius:15px;padding:12px 5px;text-align:center;font-size:11px}.report-stats87 b{display:block;font-size:32px;color:#743268;line-height:1.4}
.week-row64 summary{min-height:44px;padding:10px 0;color:#63335f}.week-row64 h2{font-size:16px!important}.week-row64 .clock-entry{box-shadow:none}
#cityProposal87:not(:empty){padding:15px;background:#ece5f5;border-radius:16px;line-height:1.7}.sleep-edit-grid72 label{min-width:0}.sleep-edit-grid72 input{min-width:0;max-width:100%;width:100%;min-height:48px}
@media(max-width:360px){.action-grid87{grid-template-columns:repeat(2,minmax(0,1fr))}.daily-shortcuts87,.ritual-shortcuts87{grid-template-columns:1fr}.offset-hero87{padding:21px 18px}}
@media(min-width:700px){.intro-background87{padding-top:64px!important;padding-bottom:64px!important;min-height:calc(100svh - 140px)}.intro-background87 h1{font-size:38px!important}#ambient87 video{object-position:center 25%}#ambient87:after{background:linear-gradient(100deg,#fff6ebd9,#fff8ecd2 40%,#f5e9f3ca)}.action-card87{min-height:150px}.action-card87 b{font-size:16px}}
@media(prefers-reduced-motion:reduce){#ambient87 video{transition:none}.intro-background87 *{animation:none!important;transition:none!important}}
@media(forced-colors:active){#ambient87{display:none}.offset-hero87,.ia-panel87,.action-card87,.recommendation87,.record-history87,.my-identity87{background:Canvas!important;border:1px solid CanvasText;color:CanvasText!important}}
.recommend-first87 .tune-recommend60{margin:14px 0 0;padding:15px 17px;background:#fffaf3d9;border:1px solid #d3b9d7;box-shadow:none;border-radius:17px}.recommend-first87 .tune-recommend60 h3{font-size:17px;margin:7px 0}.recommend-first87 .tune-recommend60 p{font-size:12px;line-height:1.65;margin:7px 0}.recommend-first87 .clock-primary{min-height:44px}.recommend-first87 .clock-secondary{min-height:44px;margin-top:7px}.recommend-first87 .tune-scene60{display:none}#scheduleConfirm87{margin:18px 0;padding:18px;background:#f2e3f3;border-radius:15px}#scheduleConfirm87[hidden]{display:none}
.record-jumps87{display:flex;gap:10px;margin:15px 0 0}.record-jumps87 button{flex:1;min-height:44px;border:1px solid #cdb0d4;border-radius:14px;background:#fff8ef;color:#68295f;font:inherit;font-size:14px;font-weight:650}