@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#101212;--panel:#1a1d1b;--line:#2b302c;--muted:#8d958c;--text:#eceee7;--accent:#d3e7ac}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:14px 'DM Sans',sans-serif}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}.ambient{position:fixed;top:-260px;right:-100px;width:900px;height:700px;background:radial-gradient(ellipse,#39433326,transparent 65%);pointer-events:none}.sidebar{width:236px;position:fixed;inset:0 auto 0 0;background:#141715;border-right:1px solid #262b26;padding:36px 20px;display:flex;flex-direction:column}.brand{font:750 26px 'Manrope',sans-serif;letter-spacing:-1.5px;margin:0 12px 58px}.brand span{color:var(--accent)}.brand i{display:inline-block;width:5px;height:5px;background:var(--accent);margin:0 0 16px 4px;border-radius:50%}.workspace-label{font-size:9px;font-weight:600;letter-spacing:1.7px;color:#6d786d;padding:0 15px;margin-bottom:17px}.nav-item{border:0;background:none;color:#91998f;display:flex;align-items:center;gap:14px;padding:13px 15px;border-radius:8px;width:100%;font-size:13px;text-align:left;margin:3px 0;transition:.25s}.nav-item span{font-size:20px;width:22px;text-align:center}.nav-item.active{background:#d2e7aa12;color:var(--accent)}.nav-item:hover{color:var(--text);background:#ffffff06}.nav-item small{margin-left:auto;color:#596454;font-size:10px}.sidebar-bottom{margin-top:auto}.person{border-top:1px solid var(--line);margin-top:20px;padding:24px 7px 0;display:flex;align-items:center;gap:10px;font-size:11px}.avatar{border-radius:50%;width:33px;height:33px;display:grid;place-items:center;background:#424a37;color:#d2e0c1;font-size:10px}.person small{display:block;color:#737d73;font-size:9px;margin-top:5px}.online{display:inline-block;width:6px;height:6px;background:#afcd8d;border-radius:50%}.person>.online{margin-left:auto}main{margin-left:236px;padding:0 48px;max-width:1900px}header{height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #262b26}.breadcrumb{color:#788175;font-size:11px}.breadcrumb span{margin:0 13px;color:#454e43}.breadcrumb strong{color:#c5ccbe;font-weight:400}.header-actions{display:flex;gap:20px;align-items:center}.demo-label{font-size:8px;letter-spacing:1.6px;color:#8d9c7d}.icon-button{color:#a0a997;border:0;background:none;font-size:24px;position:relative}.icon-button i{position:absolute;right:3px;top:5px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.intro{display:flex;align-items:center;justify-content:space-between;margin:43px 0 31px}.eyebrow{text-transform:uppercase;letter-spacing:2px;font-size:9px;color:#9ba391;margin-bottom:13px}h1{font:500 38px 'Manrope',sans-serif;letter-spacing:-1.7px;margin:0 0 11px}h1 em{font-style:normal;color:var(--accent)}.subtitle{color:var(--muted);font-size:12px;margin:0}.date{text-align:right;font-size:12px;color:#c1c9b8}.date small{display:block;color:#77816e;font-size:10px;margin-top:8px}.dashboard{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,1fr);gap:20px}.panel{background:linear-gradient(120deg,#1d211d,#191c19);border:1px solid var(--line);border-radius:13px;padding:24px;min-width:0}.panel-title{font-size:13px;font-weight:500;display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.panel-title .sub{font-weight:400;font-size:10px;color:#85917c}.arrow-link{color:#a6b396;border:0;background:none;padding:0;font-size:16px}.hero{height:227px;position:relative;overflow:hidden;padding:29px 30px;background:linear-gradient(105deg,#323e29,#242f23 55%,#1d281f)}.hero:before,.hero:after{content:'';position:absolute;pointer-events:none;border:1px solid #c8e9a616;border-radius:50%;width:400px;height:400px;right:-120px;top:-123px;transform:rotate(-30deg)}.hero:after{width:300px;height:300px;right:-65px;top:-70px;box-shadow:0 0 90px #a3c77310,inset 0 0 60px #a3c77307}.hero .eyebrow{color:#c5d5b2;display:flex;gap:7px;align-items:center;font-size:8px}.hero h2{font:450 27px/1.3 'Manrope',sans-serif;letter-spacing:-.7px;margin:19px 0 11px;position:relative;z-index:1}.hero p{font-size:11px;color:#acbba1}.hero-bottom{display:flex;gap:20px;color:#bdcbb1;font-size:10px;margin-top:23px}.hero-bottom span+span{border-left:1px solid #ffffff25;padding-left:20px}.weather{height:227px;background:radial-gradient(ellipse at 90% 25%,#43513a45,transparent 60%),#1a1e1b}.weather-main{display:flex;align-items:center;justify-content:space-between;margin-top:0}.temperature{font:400 46px 'Manrope';letter-spacing:-2px}.temperature sup{font-size:23px;vertical-align:top;position:relative;top:7px;color:#7e8c75}.weather-main p{font-size:11px;color:#aeb6a5;margin:3px 0}.sun{font-size:57px;color:#e4d494;line-height:1}.weather-meta{display:flex;gap:23px;margin-top:20px;color:#8e9b84;font-size:10px}.schedule{grid-row:span 2}.timeline{position:relative}.event{display:flex;gap:18px;min-height:82px;position:relative}.event time{width:36px;flex-shrink:0;color:#bac1b3;font-size:11px;padding-top:4px}.event-body{border-left:2px solid #6f8e69;padding:2px 0 0 17px;position:relative;margin-bottom:20px}.event-body h3{font-size:12px;font-weight:500;margin:0 0 8px}.event-body p{color:#85917e;font-size:10px;margin:0}.event-body .tag{font-size:8px;color:#b6c9a6;background:#afc29510;display:inline-block;padding:4px 7px;margin-top:10px;border-radius:4px}.event:nth-child(2) .event-body{border-color:#a1a3cb}.event:nth-child(3) .event-body{border-color:#c1a780}.event:last-child{min-height:62px}.subtle-button{background:transparent;border:1px solid #394233;color:#b4c4a4;border-radius:6px;padding:10px 13px;font-size:10px}.full{width:100%}.home-controls{display:grid;grid-template-columns:1fr 1fr;gap:10px}.device{padding:14px;background:#232820;border:1px solid #333c2d;border-radius:8px;text-align:left;color:var(--text);position:relative;min-height:87px}.device .symbol{color:var(--accent);font-size:19px;margin-bottom:10px;display:block}.device strong{font-weight:400;font-size:10px;display:block}.device small{font-size:9px;color:#89957c;display:block;margin-top:5px}.toggle{position:absolute;top:17px;right:13px;width:24px;height:14px;background:#c9df9f;border-radius:15px}.toggle:after{content:'';display:block;background:#26321e;width:10px;height:10px;border-radius:50%;margin:2px 0 0 12px}.device.off{background:#1d211d;border-color:#2c322a}.device.off .toggle{background:#424b3d}.device.off .toggle:after{margin-left:2px;background:#8b9682}.device.off .symbol{color:#75816d}.rooms-meta{display:flex;justify-content:space-between;margin-top:19px;padding-top:17px;border-top:1px solid var(--line);font-size:9px;color:#86967b}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:29px 0 15px}.section-heading h2{font-size:12px;font-weight:500;margin:0}.section-heading span{font-size:10px;color:#7f8a75}.spaces{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.space{background:#191d19;border:1px solid var(--line);border-radius:10px;padding:19px;transition:.3s}.space:hover{transform:translateY(-3px);border-color:#809568}.space-top{display:flex;justify-content:space-between;margin-bottom:22px;color:#aaba98}.space-top span{font-size:22px}.space h3{font:500 14px 'Manrope';margin:0 0 8px}.space p{font-size:10px;color:#808d76;margin:0}.space .stat{display:block;font-size:9px;color:#b4c59d;margin-top:21px}.news{margin-top:21px;padding:19px 24px;display:flex;gap:20px;align-items:center;border:1px solid var(--line);border-radius:9px;background:#191c19}.news-icon{color:#b5c89f;font-size:20px}.news small{display:block;font-size:8px;letter-spacing:1px;color:#859777;margin-bottom:7px}.news p{font-size:11px;margin:0;color:#b5beac}.news button{margin-left:auto}footer{display:flex;justify-content:space-between;font-size:9px;color:#69765f;padding:27px 0 24px;gap:12px}footer i{margin-right:7px}footer b{margin:0 7px;font-weight:400}.studio-banner{background:linear-gradient(110deg,#37342c,#242b22);margin-bottom:22px;display:flex;justify-content:space-between;align-items:center;padding:30px}.studio-banner h2{font:400 25px 'Manrope';margin:10px 0}.studio-banner p{color:#a3ab99;font-size:12px}.primary{background:var(--accent);color:#283021;border:0;border-radius:7px;padding:12px 17px;font-size:11px;font-weight:600}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:20px 0 30px}.metric strong{display:block;font:400 28px 'Manrope';margin-bottom:8px}.metric span{font-size:11px;color:#8e9a82}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project{padding:0;overflow:hidden}.project-art{height:160px;display:flex;align-items:center;justify-content:center;background:#353e30;font:600 35px 'Manrope';letter-spacing:-2px;position:relative}.project-art:after{content:'';position:absolute;inset:15px;border:1px solid #ffffff15;border-radius:50%}.project:nth-child(2) .project-art{background:#34312e;color:#dcc5a9}.project:nth-child(3) .project-art{background:#292e36;color:#c2cbdc}.project-info{padding:20px}.project h3{font-size:13px;margin:0 0 8px}.project p{font-size:10px;color:#8a9681}.project-status{color:#c4d7a6;font-size:9px}.project-footer{display:flex;justify-content:space-between;margin-top:24px;align-items:center}.project-footer button{border:0;background:none;color:#becfa9}.progress{height:3px;background:#343e2d;margin-top:16px;border-radius:4px}.progress i{display:block;background:#a6bb8b;height:3px;border-radius:4px}.filter{display:flex;gap:7px;margin:20px 0}.filter button{background:none;border:1px solid #30382c;color:#93a084;border-radius:6px;padding:8px 13px;font-size:10px}.filter button.selected{background:#d0e6aa15;color:var(--accent)}.empty-section{padding:45px;text-align:center;min-height:300px}.empty-section h2{font:400 25px 'Manrope'}.empty-section p{color:#94a186;line-height:1.9}#view{animation:arrive .65s ease both}@keyframes arrive{from{opacity:0;transform:translateY(12px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}dialog{border:1px solid #48533e;background:#1c221b;color:var(--text);border-radius:14px;padding:32px;max-width:480px;width:calc(100% - 32px);box-shadow:0 30px 120px #0008}dialog::backdrop{background:#050905b0;backdrop-filter:blur(8px)}dialog h2{font:500 24px 'Manrope';margin:0 0 20px}dialog p{font-size:12px;color:#a5b398;line-height:1.8}.close{position:absolute;top:12px;right:17px;background:none;border:0;color:#b2c1a4;font-size:23px}label{display:block;font-size:11px;margin:17px 0 8px;color:#aebca0}input,select{display:block;width:100%;border:1px solid #435039;border-radius:6px;background:#141a13;color:var(--text);padding:12px;margin-bottom:15px}#toast{position:fixed;bottom:30px;left:calc(50% + 90px);transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d3e7ac;color:#24321c;padding:13px 21px;border-radius:8px;transition:.3s;font-size:12px;z-index:4}#toast.visible{opacity:1;transform:translate(-50%,0)}.search-results a{display:block;padding:14px;border-bottom:1px solid #384331;font-size:13px}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}@media(min-width:1500px){main{padding:0 65px}.intro{margin-top:53px}.hero,.weather{height:247px}.hero h2{font-size:31px}.panel{padding:27px}.hero{padding:30px}.event{min-height:91px}}@media(max-width:1100px){.sidebar{width:192px;padding:30px 12px}.brand{font-size:24px}main{margin-left:192px;padding:0 25px}.dashboard{grid-template-columns:1.25fr 1fr}.panel{padding:20px}.hero h2{font-size:23px}.hero-bottom{gap:9px;font-size:8px}.hero-bottom span+span{padding-left:9px}.project-grid{grid-template-columns:1fr 1fr}.date{font-size:10px}}@media(max-width:760px){.sidebar{width:70px;padding:24px 9px}.brand{font-size:0;margin:0 0 30px;text-align:center}.brand:before{content:'H.';font:750 23px 'Manrope';color:var(--accent)}.brand i,.workspace-label,.nav-item small,.person,.sidebar-bottom{display:none}.nav-item{font-size:0;padding:13px;justify-content:center}.nav-item span{font-size:22px}.nav-item.active{background:#cde4a216}main{margin-left:70px;padding:0 18px}header{height:70px}.header-actions{gap:8px}.demo-label{font-size:7px}.intro{margin:28px 0 25px}h1{font-size:29px}.date{display:none}.dashboard{grid-template-columns:1fr}.hero,.weather{height:auto;min-height:215px}.schedule{grid-row:auto}.spaces{grid-template-columns:1fr}.space{padding:18px}.space-top{margin-bottom:12px}.space .stat{margin-top:14px}.project-grid{grid-template-columns:1fr}.metrics{gap:8px}.metric{padding:15px}.metric strong{font-size:23px}.metric span{font-size:9px}.studio-banner{display:block}.studio-banner .primary{margin-top:12px}footer>span:nth-child(2){display:none}.news{padding:15px;gap:12px}.subtitle{font-size:10px}.weather-meta{justify-content:space-between}#toast{left:55%;width:75%;text-align:center}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Spatial life canvas */
:root{--bg:#0b1110;--accent:#cfdfb6;--line:#bad8b41c;--panel:#15201b}body{background:var(--bg)}.ambient{inset:0;width:100%;height:100%;background:radial-gradient(ellipse at 50% 43%,#4e725224,transparent 39%),radial-gradient(ellipse at 25% 90%,#2c544024,transparent 55%),radial-gradient(ellipse at 95% 0%,#324e4626,transparent 60%);z-index:-1}.grain{position:fixed;inset:0;opacity:.035;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='white' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:5}main{margin:0;padding:0;max-width:none}header,footer{display:none}.brand.corner-brand{position:absolute;left:45px;top:32px;margin:0;font-size:23px;letter-spacing:-1.2px;z-index:2}.corner-brand small{display:block;font:8px 'DM Sans';letter-spacing:2px;margin-top:10px;color:#758a7d}.corner-status{position:absolute;right:45px;top:36px;text-align:right;font-size:11px;color:#aabaaa;z-index:2}.corner-status .online{margin-right:6px;box-shadow:0 0 9px #b6d99c55}.corner-status small{display:block;margin-top:10px;font-size:7px;letter-spacing:2px;color:#667d6e}.corner-person{position:fixed;left:44px;bottom:28px;display:flex;gap:11px;align-items:center;font-size:11px;z-index:3;color:#bac7b7}.avatar{background:#c2d6ad0d;border:1px solid #c2d6ad25;color:#b4c4a4}.corner-person small{display:block;font-size:8px;color:#6e8475;margin-top:5px}.corner-tools{position:fixed;right:40px;bottom:28px;display:flex;gap:19px;z-index:3}.corner-tools button{font-size:21px;color:#9bae99}.universe-button{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);border:0;color:#9eaf98;background:transparent;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:8px;letter-spacing:1.5px;z-index:3}.universe-button>span{font-size:24px;color:#d0e1b9;transition:.5s}.universe-button:hover>span{transform:rotate(90deg)}.life-universe{position:relative;min-height:850px;height:100svh;max-width:1800px;margin:auto;isolation:isolate}.connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1}.connections path{fill:none;stroke:#bbd4ad;stroke-width:.7;opacity:.09;stroke-dasharray:2 9}.connections circle{fill:#c6e2b3;opacity:.65;filter:drop-shadow(0 0 5px #c0e0af)}.orbit-module{position:absolute;width:245px}.module-label{font-size:8px;letter-spacing:2px;color:#7c9581;display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}.module-label>span{font-size:6px;letter-spacing:1px;color:#5e7868}.module-title{font:450 20px 'Manrope';letter-spacing:-.6px;color:#d4dfcc;background:none;padding:0;border:0;display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;text-align:left}.module-title>span{font:15px 'DM Sans';color:#90a37e}.day-module{left:6%;top:20%;width:260px}.mini-event{display:flex;gap:18px;align-items:flex-start;margin-top:26px;font-size:11px;color:#c2cfb8}.mini-event time{font-size:10px;letter-spacing:.5px;color:#899e85;padding-top:2px}.mini-event>div{border-left:1px solid #b5c8a458;padding-left:12px}.mini-event small{display:block;font-size:9px;color:#789078;margin-top:7px}.mini-event.muted{opacity:.65}.text-link{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;color:#9db08f;margin-top:27px}.weather-module{right:6%;top:16%;text-align:right;width:220px}.weather-module .module-label{justify-content:flex-end;gap:12px}.weather-reading{font:300 49px 'Manrope';letter-spacing:-2px;display:flex;align-items:center;justify-content:flex-end;gap:20px}.weather-reading sup{font-size:28px;margin-left:-18px;align-self:start;margin-top:8px;color:#91a384}.weather-reading .sun{font-size:39px;color:#b7c99d}.weather-module p{font-size:11px;color:#b8c8ad;margin:11px 0 9px}.weather-module>small{font-size:9px;color:#748d78}.heart-space{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:400px;display:flex;flex-direction:column;align-items:center;text-align:center}.heart-greeting{font:400 20px 'Manrope';letter-spacing:-.5px;color:#b6c9a8;margin-bottom:11px}.heart{--heart-color:#b4d59a;position:relative;background:none;border:0;width:320px;height:290px;padding:0;display:grid;place-items:center;isolation:isolate;transition:filter 1s}.heart-halo{position:absolute;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#b2d69b19,transparent 67%);animation:halo-breathe 7s ease-in-out infinite}.heart-body{width:148px;height:161px;background:radial-gradient(ellipse at 32% 25%,#d2e6b76b,transparent 45%),radial-gradient(ellipse at 70% 70%,#678f7969,transparent 55%),linear-gradient(135deg,#627e5680,#25443685 45%,#6d8b5870);border:1px solid #d8e8c352;border-radius:45% 55% 60% 40% / 55% 42% 58% 45%;box-shadow:inset 0 0 35px #c4df9b25,inset 0 0 6px #e0f7be55,0 0 45px #8ab07524;position:relative;animation:heart-breathe 7s ease-in-out infinite;transform:rotate(-25deg);overflow:hidden;backdrop-filter:blur(3px)}.heart-inner{position:absolute;inset:14px;border:1px solid #daedb94d;border-radius:60% 40% 42% 58% / 45% 57% 43% 55%;box-shadow:inset 0 0 25px #aacf9a30;animation:inner-turn 19s linear infinite}.heart-inner:after{content:'';position:absolute;inset:18px;border:1px solid #d9ecc257;border-radius:38% 62% 53% 47% / 44% 38% 62% 56%;box-shadow:0 0 22px #c9e8ae25}.heart-light{position:absolute;inset:40%;border-radius:50%;background:#d8eab2aa;filter:blur(13px);box-shadow:0 0 30px #d7eeb2a0;animation:halo-breathe 7s ease-in-out infinite}.heart-ring{position:absolute;border:1px solid #b9d1a623;width:220px;height:220px;border-radius:48% 52% 47% 53% / 54% 45% 55% 46%;animation:inner-turn 38s linear infinite}.ring-two{width:265px;height:247px;transform:rotate(70deg);opacity:.55;animation-direction:reverse;animation-duration:49s}.ring-three{width:298px;height:285px;border-style:dashed;opacity:.25;animation-duration:95s}.heart-orbit{position:absolute;width:230px;height:230px;animation:inner-turn 26s linear infinite}.heart-orbit i{display:block;width:4px;height:4px;border-radius:50%;background:#d6e8b6;box-shadow:0 0 13px #c9e4a6;position:absolute;left:50%;top:0}.orbit-two{width:275px;height:255px;animation-duration:41s;animation-direction:reverse;opacity:.45}.heart-spark{position:absolute;width:3px;height:3px;background:#cfe1b4;border-radius:50%;box-shadow:0 0 9px #cfe1b4;animation:spark-drift 9s ease-in-out infinite}.spark-one{left:15%;top:25%}.spark-two{right:17%;bottom:20%;animation-delay:-4s}.spark-three{left:28%;bottom:9%;animation-delay:-7s}.heart-caption{margin-top:4px;min-height:43px}.heart-status{font-size:10px;color:#c2d5b0;letter-spacing:2px;display:block}.heart-sub{display:block;font-size:9px;color:#6e8976;margin-top:9px}.universe-clock{font:300 56px 'Manrope';letter-spacing:-3px;color:#dbe4d0;margin-top:23px;line-height:1.15}.universe-date{font-size:10px;letter-spacing:.8px;color:#81987f;margin-top:9px}.home-module{left:6%;bottom:16%;width:260px}.home-reading{font:350 34px 'Manrope';margin-top:20px;color:#d1ddc4;display:flex;align-items:center;gap:0}.home-reading>span{font-size:20px;align-self:start;margin-top:4px;color:#8ba17d}.home-reading small{font:9px 'DM Sans';letter-spacing:0;color:#81987b;margin-left:20px}.home-shortcuts{margin-top:12px;display:flex;flex-direction:column;gap:7px}.home-shortcuts .device{min-height:0;padding:8px 0;display:flex;align-items:center;background:none;border:0;gap:12px;color:#b5c7a6;font-size:10px}.home-shortcuts .device>span{font-size:18px;color:#c2d7a6}.device i{margin-left:auto;font-style:normal;font-size:8px;color:#c2d7a6;padding:4px 9px;background:#b6d89e0c;border-radius:12px}.device.off i,.device.off>span{color:#67826e}.home-module .text-link{margin-top:18px}.studio-module{right:6%;top:43%;width:245px;padding-left:22px;border-left:1px solid #bfdbad24;transition:transform .7s}.studio-module:hover{transform:translateX(-6px)}.studio-symbol{font-size:35px;color:#b4c89a;line-height:1;display:inline-block;transition:transform 1s}.studio-module:hover .studio-symbol{transform:rotate(90deg)}.studio-module h2{font:400 19px 'Manrope';letter-spacing:-.7px;margin:16px 0 9px}.studio-module p{font-size:10px;color:#829a7b;margin:0}.studio-preview{display:flex;align-items:center;gap:8px;margin-top:20px}.studio-preview>span{width:47px;height:38px;display:grid;place-items:center;border:1px solid #c5d5af17;border-radius:7px;font-size:10px;color:#bacba6;background:#c3ddb107}.studio-preview>span:nth-child(2){background:#c3b3950a;color:#c4bba5;font-size:8px}.studio-preview>span:last-child{background:none;border-style:dashed;font-size:15px;color:#6d866d}.satellite-modules{position:absolute;bottom:13%;left:37%;right:6%;display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.satellite{display:flex;align-items:flex-start;gap:12px;color:inherit;background:none;border:0;border-top:1px solid #bfd7b01a;padding:19px 0 0;text-align:left;transition:transform .5s}.satellite:hover{transform:translateY(-4px)}.satellite-icon{font-size:24px;color:#93b08b}.satellite>div{padding-top:2px}.satellite small{display:block;font-size:7px;letter-spacing:1.5px;color:#6c8b73;margin-bottom:11px}.satellite strong{font-size:10px;display:block;font-weight:400;color:#b9cdb0;white-space:nowrap}.satellite div>span{display:block;font-size:8px;color:#617d68;margin-top:8px}.satellite b{font-size:11px;color:#6f8a70;font-weight:400;margin-left:auto;padding-top:1px}.room-map{display:grid;grid-template-columns:1fr 1fr;gap:8px}.room-map a{padding:20px 14px;border:1px solid #b8d39d20;border-radius:10px;color:#c8d8bb;display:flex;align-items:center;gap:12px;font-size:12px}.room-map a:hover{background:#b8d39d0c}.room-map a>span{font-size:24px}.room-map a>small{margin-left:auto;color:#8da57d}.heart-controls{display:flex;gap:8px;flex-wrap:wrap}.heart-controls .subtle-button:hover{background:#bed3a518}body:not([data-section=overview]) main{max-width:1240px;margin:auto;padding:125px 55px 130px}body:not([data-section=overview]) .intro{margin:0 0 35px}.panel{background:#b5c99d05;border-color:#b5c99d18;border-radius:16px}.studio-banner{background:linear-gradient(110deg,#a5bc7a0d,#57775b07);border:0;padding:25px 0 35px;border-bottom:1px solid #b5c99d18;border-radius:0}.metrics .panel{background:none;border:0;border-left:1px solid #b5c99d29;border-radius:0;padding:7px 25px}.project-art{background:radial-gradient(ellipse at 50% 80%,#829d6450,transparent 70%),#1b271e;height:200px}.project-grid{gap:25px}.news{background:none;border:0;border-top:1px solid #bfd7b01a;border-radius:0;margin-top:38px;padding:22px 0}#toast{left:50%;bottom:80px;background:#c8dbb8e8;backdrop-filter:blur(10px)}dialog{background:#162119ed;border-color:#9fba8b33;box-shadow:0 0 100px #0005}dialog::backdrop{background:#080f0bb8;backdrop-filter:blur(13px)}
@keyframes heart-breathe{0%,100%{transform:rotate(-25deg) scale(.94);border-radius:45% 55% 60% 40% / 55% 42% 58% 45%}50%{transform:rotate(-17deg) scale(1.08);border-radius:55% 45% 42% 58% / 43% 55% 45% 57%;box-shadow:inset 0 0 45px #c4df9b38,inset 0 0 9px #e0f7be66,0 0 65px #8ab07540}}@keyframes halo-breathe{0%,100%{opacity:.45;transform:scale(.85)}50%{opacity:1;transform:scale(1.15)}}@keyframes inner-turn{to{transform:rotate(360deg)}}@keyframes spark-drift{0%,100%{transform:translateY(0);opacity:.2}50%{transform:translate(8px,-15px);opacity:.8}}@keyframes signal-wave{0%{transform:scale(.6);opacity:0}20%{opacity:.7}100%{transform:scale(1.55);opacity:0}}@keyframes heart-alert{0%,100%{transform:rotate(-25deg) scale(.95)}15%,45%{transform:rotate(-20deg) scale(1.13)}30%,60%{transform:rotate(-25deg) scale(1)}}
.heart[data-state=notification] .heart-ring{border-color:#b6d7e0;animation:signal-wave 2.5s ease-out infinite}.heart[data-state=notification] .ring-two{animation-delay:.7s}.heart[data-state=notification] .ring-three{animation-delay:1.4s}.heart[data-state=notification] .heart-body{filter:hue-rotate(45deg);animation-duration:3s}.heart[data-state=success] .heart-halo{background:radial-gradient(circle,#cee2a551,transparent 65%)}.heart[data-state=success] .heart-ring{animation:signal-wave 3s ease-out infinite;border-color:#cee7a455}.heart[data-state=success] .heart-body{filter:brightness(1.4)}.heart[data-state=warning] .heart-body{filter:sepia(.65) saturate(1.8);animation:heart-alert 2.4s ease-in-out infinite}.heart[data-state=warning] .heart-halo{background:radial-gradient(circle,#e3b87538,transparent 65%)}.heart[data-state=listening] .heart-ring{border-color:#b7d6e055;animation:signal-wave 3s ease-in infinite reverse}.heart[data-state=listening] .ring-two{animation-delay:1s}.heart[data-state=listening] .ring-three{animation-delay:2s}.heart[data-state=listening] .heart-body{filter:hue-rotate(45deg);animation-duration:4s}.heart[data-state=thinking] .heart-orbit{animation-duration:3s}.heart[data-state=thinking] .orbit-two{animation-duration:4s}.heart[data-state=thinking] .heart-body{filter:hue-rotate(85deg);animation-duration:3s}.heart[data-state=thinking] .heart-inner{animation-duration:4s}.heart[data-state=speaking] .heart-ring{animation:signal-wave 1.8s ease-out infinite;border-color:#c4d7ab77}.heart[data-state=speaking] .ring-two{animation-delay:.6s}.heart[data-state=speaking] .ring-three{animation-delay:1.2s}.heart[data-state=speaking] .heart-body{animation-duration:1.8s;filter:brightness(1.2)}
@media(min-width:1500px){.orbit-module.day-module,.home-module{left:8%;width:290px}.weather-module,.studio-module{right:8%}.heart-space{transform:translate(-50%,-50%) scale(1.1)}.satellite-modules{right:8%;bottom:15%}}@media(max-width:1100px){.heart-space{width:330px;left:50%;transform:translate(-50%,-50%) scale(.88)}.day-module,.home-module{left:5%;width:220px}.studio-module{right:5%;width:210px}.weather-module{right:5%}.satellite-modules{left:36%;right:5%;gap:17px}.satellite{gap:8px}.satellite-icon{font-size:20px}.satellite strong{font-size:9px}.satellite div>span{font-size:7px}}@media(max-width:800px){.life-universe{height:auto;min-height:1400px;padding:0 25px;display:grid;grid-template-columns:1fr 1fr;gap:35px 25px;align-content:start;padding-top:580px;padding-bottom:130px}.heart-space{top:105px;left:50%;transform:translateX(-50%);width:350px}.heart{height:270px}.heart-greeting{font-size:18px}.universe-clock{font-size:44px;margin-top:16px}.heart-caption{margin-top:0}.orbit-module{position:relative!important;inset:auto!important;width:auto!important}.day-module{grid-column:1;grid-row:1}.weather-module{grid-column:2;grid-row:1;text-align:right}.weather-module .module-label{flex-wrap:wrap}.home-module{grid-column:1;grid-row:2}.studio-module{grid-column:2;grid-row:2;padding-left:20px}.satellite-modules{position:relative;inset:auto;grid-column:1/-1;grid-template-columns:repeat(3,1fr);gap:20px}.connections{height:580px}.connections path{opacity:.04}.corner-brand.brand{left:25px;top:26px;font-size:21px;text-align:left}.corner-brand.brand:before{content:none}.corner-brand small{font-size:6px;letter-spacing:1.5px}.corner-status{right:25px;top:28px;font-size:9px}.corner-person{position:absolute;left:25px;top:1295px;bottom:auto}.corner-tools{right:24px;bottom:23px;gap:15px;backdrop-filter:blur(12px);padding:8px;border-radius:20px}.universe-button{background:#101a14e8;backdrop-filter:blur(15px);border:1px solid #afc99b20;border-radius:24px;flex-direction:row;padding:9px 15px;bottom:20px;font-size:7px;gap:9px}.universe-button>span{font-size:19px}.corner-person{display:none}body:not([data-section=overview]) main{padding:120px 25px 110px}body:not([data-section=overview]) .project-grid{grid-template-columns:1fr 1fr}.intro .date{display:none}.metrics{gap:5px}.metrics .panel{padding:8px 15px}.studio-banner .primary{margin-top:20px}.intro h1{font-size:30px}.home-reading small{font-size:8px;margin-left:12px}.module-title{font-size:17px}.module-label{font-size:7px;letter-spacing:1.3px}.satellite{gap:7px}.satellite-icon{font-size:17px}.satellite small{font-size:6px}.satellite strong{font-size:8px;white-space:normal}.satellite div>span{line-height:1.5}.studio-module h2{font-size:17px}}@media(max-width:480px){.life-universe{gap:35px 20px;padding-top:570px;min-height:1390px}.day-module{grid-column:1/-1;margin-right:90px}.weather-module{position:absolute!important;top:602px!important;right:24px!important;width:105px!important}.weather-module .module-label{font-size:6px}.weather-module .module-label span{display:none}.weather-reading{font-size:32px;gap:14px}.weather-reading .sun{font-size:25px}.weather-reading sup{font-size:19px;margin-left:-13px}.weather-module p{font-size:8px;line-height:1.5}.weather-module>small{font-size:7px}.day-module .module-title{font-size:17px}.mini-event{font-size:10px;gap:11px}.mini-event small{font-size:8px}.home-module{grid-column:1;grid-row:2}.studio-module{grid-column:2;grid-row:2;padding-left:14px}.module-title{font-size:15px}.studio-module h2{font-size:16px;line-height:1.5}.home-shortcuts .device{font-size:9px;gap:8px}.home-reading small{max-width:60px;line-height:1.5}.home-reading{font-size:29px}.studio-preview{gap:5px}.studio-preview>span{width:38px;height:34px;font-size:9px}.studio-preview>span:nth-child(2){font-size:7px}.studio-preview>span:last-child{width:26px}.satellite-modules{gap:13px}.satellite-icon{display:none}.satellite b{font-size:9px}.satellite strong{font-size:9px}.satellite div>span{font-size:7px}.corner-tools{gap:9px;right:15px}.corner-tools button{font-size:18px}.universe-button{left:25px;transform:none}.text-link{font-size:8px;line-height:1.5}body:not([data-section=overview]) .project-grid{grid-template-columns:1fr}.corner-status{right:22px}.filter{flex-wrap:wrap}.heart-space{width:320px}.metrics .panel{padding:7px 12px}.metric strong{font-size:25px}.metric span{font-size:8px}}@media(prefers-reduced-motion:reduce){.connections circle{display:none}.heart-body{transform:rotate(-25deg)}.heart[data-state=notification],.heart[data-state=listening]{filter:hue-rotate(40deg)}.heart[data-state=thinking]{filter:hue-rotate(90deg)}.heart[data-state=warning]{filter:sepia(.6)}.heart[data-state=success],.heart[data-state=speaking]{filter:brightness(1.35)}}

.brand.corner-brand #brand-section{font-size:.52em;font-weight:500;letter-spacing:-.2px;margin-left:2px;vertical-align:baseline;}

/* Essential status stays readable; decorative uppercase captions are removed. */
.corner-status .demo-note{font-size:11px;letter-spacing:0;color:#8ea18f;margin-top:8px;}
.satellite>div{padding-top:2px}.studio-banner h2{margin-top:0}.empty-section h2{margin-top:0}

.profile-dialog{max-width:620px}.profile-progress{display:flex;justify-content:space-between;color:#a8b99a;font-size:12px;margin:0 0 13px}.profile-progress-bar{height:3px;background:#a7c28c20;margin-bottom:28px}.profile-progress-bar i{display:block;height:100%;background:var(--accent);transition:width .4s}textarea{font:inherit;width:100%;min-height:110px;border:1px solid #435039;border-radius:6px;background:#141a13;color:var(--text);padding:12px;resize:vertical}.profile-times{display:grid;grid-template-columns:1fr 1fr;gap:18px}.profile-actions{display:flex;gap:10px;justify-content:space-between;margin-top:22px;flex-wrap:wrap}.profile-actions button:disabled{opacity:.5;cursor:wait}.profile-error{color:#e0b38c!important;min-height:18px}.profile-sections{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:23px}.profile-section{display:flex;align-items:center;gap:12px;border:1px solid #9cb98625;padding:15px;border-radius:8px;margin:0;cursor:pointer}.profile-section input{width:17px;height:17px;margin:0;accent-color:#bad29c}.profile-section strong{font-size:13px;font-weight:500}.profile-section small{display:block;font-size:11px;color:#8fa380;margin-top:6px;line-height:1.5}.profile-summary{display:grid;grid-template-columns:110px 1fr;gap:17px;font-size:13px;line-height:1.6}.profile-summary dt{color:#8fa380}.profile-summary dd{margin:0;overflow-wrap:anywhere}.profile-storage{padding:15px;border:1px solid #a4be8b25;border-radius:8px}.profile-invite{position:fixed;top:90px;left:45px;background:#b5cea510;color:#c7dbb5;border:1px solid #b5cea530;border-radius:20px;padding:10px 16px;font:12px 'DM Sans';z-index:3}@media(max-width:600px){.profile-dialog{padding:25px;max-height:90svh;overflow-y:auto}.profile-sections{grid-template-columns:1fr}.profile-actions{gap:8px}.profile-actions button{font-size:10px;padding:10px}.profile-invite{left:25px;top:70px;font-size:11px}.profile-summary{grid-template-columns:90px 1fr}}

[hidden]{display:none!important}

.privacy-control{position:fixed;right:44px;top:90px;z-index:4;border:1px solid #b5cea530;background:#101b15df;color:#bfd0b0;padding:9px 14px;border-radius:20px;font:11px 'DM Sans'}.private-module{position:relative;max-width:600px;padding:35px;margin:25px auto;text-align:center;border:1px solid #b9d6a51a;border-radius:15px}.private-placeholder{filter:blur(7px);font-size:30px;line-height:1.7;letter-spacing:5px;color:#a5c68c33;user-select:none;pointer-events:none}.private-module>button{position:relative;margin-top:15px}#privacy-error{color:#e3ad90}body[data-privacy=locked] .corner-person .avatar{font-size:0}body[data-privacy=locked] .corner-person .avatar:after{content:'◉';font-size:16px}@media(max-width:800px){.privacy-control{right:25px;top:75px;font-size:10px;padding:8px 12px}}

/* Touch is the primary input; the same keypad also accepts a physical keyboard. */
button,a,input,select,textarea{touch-action:manipulation}.pin-dialog{width:calc(100% - 28px);max-width:420px;max-height:calc(100svh - 28px);overflow-y:auto;padding:30px 30px 22px;text-align:center}.pin-dialog h2{font-size:23px;margin-bottom:10px}.pin-dialog p{font-size:13px;line-height:1.5}.pin-lock-icon{font-size:24px;color:#bcd59c;margin-bottom:15px}.pin-display{display:flex;justify-content:center;align-items:center;gap:12px;min-height:34px;margin:23px 0 5px}.pin-dot{width:11px;height:11px;border:1px solid #b5ce9a55;border-radius:50%;transition:background .15s,box-shadow .15s}.pin-dot.filled{background:#c9dfad;border-color:#c9dfad;box-shadow:0 0 12px #c9dfad25}.pin-count{color:#83977e;font-size:11px!important;margin:5px 0 0}.pin-dialog #privacy-error{font-size:12px;min-height:35px;margin:10px 0 8px;line-height:1.5}.pin-keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.pin-key{min-height:64px;border:1px solid #c4dfaa22;border-radius:12px;background:#b7d49e08;color:#d9e7ce;font:400 26px 'Manrope',sans-serif;user-select:none;-webkit-user-select:none;transition:background .15s,transform .15s}.pin-key:active{background:#b7d49e25;transform:scale(.95)}.pin-key-action{font-size:14px;color:#a6bd94;background:transparent}.pin-key:disabled{opacity:.4;cursor:wait}.pin-submit{width:100%;min-height:54px;margin-top:18px;font-size:14px}.pin-submit:disabled{opacity:.35;cursor:default}.pin-restart{min-height:48px;margin-top:9px;width:100%;background:none;border:0;color:#b7cda5;font-size:12px}.pin-dialog .pin-help{font-size:11px;color:#809578;margin:16px 0 0}.close{min-width:44px;min-height:44px;top:5px;right:6px}.corner-tools .icon-button{min-width:44px;min-height:44px}.profile-section{min-height:64px}.subtle-button,.filter button{min-height:44px}@media(hover:hover){.pin-key:hover{background:#b7d49e14;border-color:#c4dfaa55}}@media(max-width:480px){.pin-dialog{padding:24px 22px 20px}.pin-key{min-height:60px}.pin-dot{width:9px;height:9px}.pin-display{gap:10px}.pin-dialog h2{font-size:21px}.corner-tools{gap:2px}.corner-tools .icon-button{min-width:44px}.pin-lock-icon{margin-bottom:10px}}@media(max-height:700px){.pin-dialog{padding-top:20px}.pin-lock-icon{display:none}.pin-display{margin-top:15px}.pin-key{min-height:50px}.pin-dialog #privacy-error{min-height:24px;margin:6px 0}.pin-dialog .pin-help{margin-top:10px}}

.onboarding-notice{position:fixed;bottom:95px;left:44px;display:flex;align-items:center;gap:15px;background:#1a291fed;border:1px solid #bbd39c3a;border-radius:14px;padding:17px 18px;box-shadow:0 15px 45px #0004;backdrop-filter:blur(18px);z-index:4;max-width:calc(100vw - 50px)}.onboarding-notice-icon{font-size:26px;color:#bcd69f}.onboarding-notice strong{display:block;font-size:13px;font-weight:500;color:#d4e1c8}.onboarding-notice p{font-size:12px;margin:6px 0 0;color:#98ac8a}.onboarding-notice .primary{min-height:48px;font-size:12px;white-space:nowrap;margin-left:10px}@media(max-width:600px){.onboarding-notice{left:16px;right:16px;bottom:95px;max-width:none;gap:10px;padding:14px}.onboarding-notice-icon{display:none}.onboarding-notice strong{font-size:12px}.onboarding-notice p{font-size:11px}.onboarding-notice .primary{padding:10px 14px;margin-left:auto}}
/* A persistent energy core follows each department instead of remounting. */
@property --section-color{syntax:'<color>';inherits:true;initial-value:#c9ddb0}
body{--section-color:#c9ddb0;--accent:var(--section-color);--energy:var(--section-color);transition:--section-color 1.2s ease}
body[data-section=home]{--section-color:#efc18e}
body[data-section=studio]{--section-color:#c6adf3}
body[data-section=it]{--section-color:#8fbcf3}
body[data-section=finance]{--section-color:#8ed4bb}
body[data-section=social]{--section-color:#efa8bb}
body[data-section=health]{--section-color:#8dd5df}
.ambient{background:radial-gradient(ellipse at 50% 43%,color-mix(in srgb,var(--section-color) 10%,transparent),transparent 43%),radial-gradient(ellipse at 15% 90%,color-mix(in srgb,var(--section-color) 5%,transparent),transparent 55%),#0b1110;transition:background 1.2s}
body>.heart-space{position:fixed;left:50%;top:47%;width:400px;z-index:2;transform:translate(-50%,-50%);transition:left 1.4s cubic-bezier(.22,.8,.2,1),top 1.4s cubic-bezier(.22,.8,.2,1),transform 1.4s cubic-bezier(.22,.8,.2,1);pointer-events:none}
.heart-space .heart{pointer-events:auto;--heart-color:var(--energy)}
.heart-body{background:radial-gradient(ellipse at 32% 25%,color-mix(in srgb,var(--energy) 55%,transparent),transparent 45%),radial-gradient(ellipse at 70% 70%,color-mix(in srgb,var(--energy) 35%,transparent),transparent 55%),linear-gradient(135deg,color-mix(in srgb,var(--energy) 40%,transparent),#14252a80 45%,color-mix(in srgb,var(--energy) 32%,transparent));border-color:color-mix(in srgb,var(--energy) 50%,transparent);animation-name:core-breathe;box-shadow:inset 0 0 35px color-mix(in srgb,var(--energy) 18%,transparent),inset 0 0 6px color-mix(in srgb,var(--energy) 35%,transparent),0 0 45px color-mix(in srgb,var(--energy) 15%,transparent)}
.heart-inner,.heart-inner:after{border-color:color-mix(in srgb,var(--energy) 45%,transparent);box-shadow:inset 0 0 25px color-mix(in srgb,var(--energy) 20%,transparent)}
.heart-light{background:var(--energy);box-shadow:0 0 30px var(--energy)}
.heart-halo{background:radial-gradient(circle,color-mix(in srgb,var(--energy) 15%,transparent),transparent 67%)}
.heart-ring{border-color:color-mix(in srgb,var(--energy) 22%,transparent)}
.heart-orbit i,.heart-spark{background:var(--energy);box-shadow:0 0 13px var(--energy)}
.heart-status,.heart-greeting{color:var(--section-color)}.heart-sub{color:color-mix(in srgb,var(--section-color) 55%,#283b37)}
.heart-caption,.heart-greeting,.universe-clock,.universe-date{transition:opacity .6s,max-height .8s,margin .8s;max-height:80px;overflow:hidden}
body:not([data-section=overview])>.heart-space .heart-greeting,body:not([data-section=overview])>.heart-space .universe-clock,body:not([data-section=overview])>.heart-space .universe-date,body:not([data-section=overview])>.heart-space .heart-sub{opacity:0;max-height:0;margin:0}
body:not([data-section=overview])>.heart-space{left:calc(100% - 155px);top:42%;transform:translate(-50%,-50%) scale(.66)}
body[data-section=home]>.heart-space{top:35%;transform:translate(-50%,-50%) scale(.78)}
body[data-section=it]>.heart-space{top:32%;transform:translate(-50%,-50%) scale(.6)}
body[data-section=finance]>.heart-space{top:49%;transform:translate(-50%,-50%) scale(.72)}
body[data-section=social]>.heart-space{top:37%;transform:translate(-50%,-50%) scale(.68)}
body[data-section=health]>.heart-space{top:45%;transform:translate(-50%,-50%) scale(.8)}
body:not([data-section=overview]) main{max-width:1560px;padding-right:330px;padding-left:65px}.intro .date{display:none}
.primary{background:var(--accent)}.subtle-button{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 28%,transparent)}
.filter button.selected{background:color-mix(in srgb,var(--accent) 10%,transparent);color:var(--accent);border-color:color-mix(in srgb,var(--accent) 25%,transparent)}
.project-status,.studio-symbol,.satellite-icon,.text-link,.arrow-link{color:var(--accent)}.progress i{background:var(--accent)}.project-art{background:radial-gradient(ellipse at 50% 80%,color-mix(in srgb,var(--accent) 25%,transparent),transparent 70%),#1b2027}
.project:nth-child(2) .project-art{background:radial-gradient(ellipse at 0% 0%,color-mix(in srgb,var(--accent) 12%,transparent),transparent 75%),#29262e}.project:nth-child(3) .project-art{background:radial-gradient(ellipse at 100% 100%,color-mix(in srgb,var(--accent) 18%,transparent),transparent 75%),#252832}
.connections path{stroke:var(--section-color)}.connections circle{fill:var(--section-color);filter:drop-shadow(0 0 5px var(--section-color))}.corner-status .online{background:var(--accent);box-shadow:0 0 9px color-mix(in srgb,var(--accent) 40%,transparent)}
.room-map a[href='#/home']{--room-color:#efc18e}.room-map a[href='#/studio']{--room-color:#c6adf3}.room-map a[href='#/it']{--room-color:#8fbcf3}.room-map a[href='#/finance']{--room-color:#8ed4bb}.room-map a[href='#/social']{--room-color:#efa8bb}.room-map a[href='#/health']{--room-color:#8dd5df}.room-map a>span{color:var(--room-color,var(--accent))}.room-map a{border-color:color-mix(in srgb,var(--room-color,var(--accent)) 20%,transparent)}
body[data-section=overview] .studio-module{--accent:#c6adf3}body[data-section=overview] .home-module{--accent:#efc18e}body[data-section=overview] a[href='#/finance']{--accent:#8ed4bb}body[data-section=overview] a[href='#/health']{--accent:#8dd5df}body[data-section=overview] a[href='#/social']{--accent:#efa8bb}body[data-section=overview] a[href='#/it']{--accent:#8fbcf3}
.heart[data-state=notification] .heart-body,.heart[data-state=listening] .heart-body,.heart[data-state=thinking] .heart-body{filter:brightness(1.2)}.heart[data-state=notification] .heart-ring,.heart[data-state=listening] .heart-ring,.heart[data-state=speaking] .heart-ring{border-color:color-mix(in srgb,var(--energy) 60%,white 10%)}.heart[data-state=success] .heart-halo{background:radial-gradient(circle,color-mix(in srgb,var(--energy) 30%,transparent),transparent 65%)}.heart[data-state=success] .heart-ring{border-color:color-mix(in srgb,var(--energy) 50%,transparent)}
@keyframes core-breathe{0%,100%{transform:rotate(-25deg) scale(.94);border-radius:45% 55% 60% 40% / 55% 42% 58% 45%;box-shadow:inset 0 0 35px color-mix(in srgb,var(--energy) 18%,transparent),inset 0 0 6px color-mix(in srgb,var(--energy) 35%,transparent),0 0 45px color-mix(in srgb,var(--energy) 15%,transparent)}50%{transform:rotate(-17deg) scale(1.08);border-radius:55% 45% 42% 58% / 43% 55% 45% 57%;box-shadow:inset 0 0 45px color-mix(in srgb,var(--energy) 25%,transparent),inset 0 0 9px color-mix(in srgb,var(--energy) 50%,transparent),0 0 65px color-mix(in srgb,var(--energy) 28%,transparent)}}
@media(min-width:1500px){body[data-section=overview]>.heart-space{transform:translate(-50%,-50%) scale(1.1)}body:not([data-section=overview])>.heart-space{left:calc(100% - 210px)}body:not([data-section=overview]) main{padding-right:400px}}
@media(max-width:1100px) and (min-width:801px){body[data-section=overview]>.heart-space{transform:translate(-50%,-50%) scale(.88)}body:not([data-section=overview]) main{padding-left:35px;padding-right:260px}body:not([data-section=overview])>.heart-space{left:calc(100% - 120px);transform:translate(-50%,-50%) scale(.58)}.project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:800px){body[data-section=overview]>.heart-space{position:absolute;top:105px;left:50%;width:350px;transform:translateX(-50%)}body:not([data-section=overview])>.heart-space{position:fixed;left:calc(100% - 78px);top:calc(100svh - 170px);width:320px;transform:translate(-50%,-50%) scale(.4)}body:not([data-section=overview])>.heart-space .heart-caption{opacity:0;max-height:0;margin:0}body:not([data-section=overview]) main{padding:125px 25px 260px}.project-grid{grid-template-columns:1fr 1fr}}
@media(max-width:480px){body[data-section=overview]>.heart-space{width:320px}body:not([data-section=overview]) .project-grid{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){body,body>.heart-space,.heart-caption,.heart-greeting,.universe-clock,.universe-date{transition:none!important}.heart[data-state=notification],.heart[data-state=listening],.heart[data-state=thinking]{filter:brightness(1.2)}}

.ha-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:35px 0 20px}.ha-heading h2{font:500 23px 'Manrope';margin:0 0 9px}.ha-heading p,.ha-connection{color:var(--accent);font-size:12px;margin:0}.ha-note{font-size:13px;line-height:1.7;color:#9dab9c;margin:18px 0}.ha-error{font-size:13px;line-height:1.7;color:#e9b39c}.ha-toolbar{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:24px}.ha-toolbar .ha-note{margin-right:auto}.ha-toolbar button{min-height:48px}.ha-devices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ha-device{padding:22px;border:1px solid color-mix(in srgb,var(--accent) 20%,transparent);border-radius:15px;background:color-mix(in srgb,var(--accent) 3%,transparent);min-width:0}.ha-device-top{display:flex;align-items:center;gap:12px;justify-content:space-between}.ha-device-top>span:first-child{color:var(--accent);font-size:28px}.ha-state{font-size:13px;color:#c9d6c7;overflow-wrap:anywhere}.ha-device h3{font-size:15px;font-weight:500;line-height:1.5;margin:20px 0 7px;overflow-wrap:anywhere}.ha-device small{color:#869986;font-size:11px;overflow-wrap:anywhere}.ha-device button{width:100%;min-height:48px;margin-top:20px;font-size:12px}.ha-device button:disabled{opacity:.4;cursor:default}.ha-footnote{font-size:11px;color:#7c907c;margin-top:24px}.ha-empty{padding:35px;border:1px dashed color-mix(in srgb,var(--accent) 25%,transparent);border-radius:14px}.ha-empty h2{font-size:21px;font-weight:500}.ha-empty p{font-size:13px;line-height:1.7;color:#9bad96;margin-bottom:25px}.ha-picker{max-height:38svh;overflow-y:auto;display:grid;gap:8px;margin:18px 0}.ha-pick{margin:0;display:flex;gap:14px;align-items:center;border:1px solid #a8bf8f25;border-radius:10px;padding:14px;min-height:66px;cursor:pointer}.ha-pick input{margin:0;width:21px;height:21px;accent-color:var(--accent);flex-shrink:0}.ha-pick strong{font-size:13px;font-weight:500;overflow-wrap:anywhere}.ha-pick small{display:block;margin-top:7px;font-size:11px;color:#91a384;overflow-wrap:anywhere}#ha-count{font-size:12px;color:#a2b495}.ha-compact-devices{display:flex;flex-direction:column;gap:15px;margin:23px 0}.ha-compact-devices a{display:flex;justify-content:space-between;align-items:center;gap:14px;font-size:12px;line-height:1.5}.ha-compact-devices strong{color:var(--accent);font-weight:500;white-space:nowrap}.home-module .ha-note{font-size:11px}.home-module .subtle-button{min-height:48px;font-size:12px}.ha-connected{color:var(--accent)}@media(max-width:1150px){.ha-devices{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.ha-devices{grid-template-columns:1fr}.ha-heading{align-items:flex-start}.ha-heading h2{font-size:20px}.ha-connection{font-size:10px;padding-top:6px}.ha-toolbar{gap:10px}.ha-toolbar .ha-note{width:100%;margin:0}.ha-empty{padding:24px}.ha-compact-devices a{font-size:10px}}

/* Touch-first Home controls */
.ha-home-surface{padding-top:5rem}.ha-devices{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:20px}.ha-device{position:relative;overflow:hidden;border-radius:30px;padding:24px;background:radial-gradient(circle at 15% 0%,color-mix(in srgb,var(--accent) 9%,transparent),transparent 70%);transition:background .4s,box-shadow .4s,transform .25s}.ha-device.is-on{box-shadow:inset 0 0 40px color-mix(in srgb,var(--accent) 10%,transparent),0 12px 40px #0002}.ha-device.is-scene{border-radius:48px 24px 48px 24px}.ha-orb{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#ffffff08;transition:box-shadow .4s}.is-on .ha-orb{background:var(--accent);color:#152017;box-shadow:0 0 32px color-mix(in srgb,var(--accent) 35%,transparent)}.ha-device-actions{display:flex;gap:10px;margin-top:24px;flex-wrap:wrap}.ha-device .ha-power,.ha-device .ha-adjust{width:auto;flex:1;min-height:52px;border-radius:28px;margin:0;padding:12px 16px;border:1px solid #ffffff25;background:#ffffff08;color:inherit;cursor:pointer}.ha-device .ha-power[aria-pressed=true]{background:var(--accent);color:#152017}.ha-device button:active{transform:scale(.96)}.ha-device button:disabled{opacity:.5;cursor:wait}.ha-device h3{margin:22px 0 0}.ha-toolbar button{border-radius:28px}#ha-light-form{display:grid;gap:20px}#ha-brightness{width:100%;min-height:48px;accent-color:var(--accent)}#ha-color{width:100%;height:64px;padding:4px;border-radius:16px}#ha-brightness-value{float:right}.ha-home-surface .ha-heading h2{font-size:24px}.ha-home-surface .ha-heading p{font-size:16px}@media(prefers-reduced-motion:reduce){.ha-device,.ha-orb{transition:none}}
.calendar-page{padding:5rem 0 3rem;max-width:960px}.calendar-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.calendar-heading span,.calendar-updated{color:var(--muted)}.calendar-toolbar{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:28px}.calendar-toolbar button{border-radius:30px;min-height:48px}.calendar-event{display:flex;gap:24px;padding:24px 0;border-bottom:1px solid var(--line)}.calendar-event time{min-width:95px;color:var(--accent);font-size:20px}.calendar-event small{display:block;font-size:14px;color:var(--muted);margin-top:6px}.calendar-event strong{font-size:19px}.calendar-event p{color:var(--muted);margin:8px 0}.day-module .calendar-event{gap:12px;padding:12px 0 12px 14px}.day-module .calendar-event strong{font-size:15px}.day-module .calendar-event time{font-size:15px;min-width:74px}
/* Tactile device surfaces and contextual controls. */
.ha-tile{display:block;text-align:left;width:100%;color:var(--text);font:inherit;min-height:170px;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;border:1px solid color-mix(in srgb,var(--device-color) 25%,transparent);background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--device-color) 12%,transparent),#121a16b0);transition:transform .25s,box-shadow .4s,background .4s}.ha-tile:active{transform:scale(.97)}.ha-tile:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.ha-tile.is-on{background:radial-gradient(ellipse at 15% 10%,color-mix(in srgb,var(--device-color) 30%,transparent),#17201bb0);box-shadow:0 10px 45px color-mix(in srgb,var(--device-color) 12%,transparent)}.ha-tile .ha-orb{color:var(--device-color);background:color-mix(in srgb,var(--device-color) 12%,transparent)}.ha-tile.is-on .ha-orb{box-shadow:0 0 28px color-mix(in srgb,var(--device-color) 40%,transparent);animation:device-breathe 4s ease-in-out infinite}.ha-tile.is-fan.is-on .ha-orb{animation:fan-spin 4s linear infinite}.ha-tile.is-scene{--device-color:#c7a3ff!important;background:radial-gradient(ellipse at 20% 0%,#a56cf52b,#151b18b0)}.ha-tile-name{display:block;font-size:20px;font-weight:600;margin-top:24px}.ha-tile-detail{display:block;margin-top:10px;color:var(--muted)}.ha-tile:disabled{opacity:.5;cursor:default}.ha-hold-progress{position:absolute;bottom:0;left:0;height:4px;width:0;background:var(--device-color)}.is-holding .ha-hold-progress{width:100%;transition:width 1.5s linear}.ha-control-panel{--chosen-color:var(--accent);text-align:center}.ha-control-panel form{display:grid;gap:16px}.ha-control-panel label{text-align:left;font-size:16px}.ha-control-panel output{float:right;color:var(--accent)}.ha-control-panel input[type=range]{width:100%;min-height:48px;accent-color:var(--accent)}#ha-warmth{accent-color:#f1bf80}.ha-color-wheel{width:min(260px,65vw);aspect-ratio:1;position:relative;border-radius:50%;margin:15px auto 25px;touch-action:none;background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);box-shadow:0 0 60px #c2a5e51a;cursor:crosshair}.ha-color-wheel i{position:absolute;inset:22%;border-radius:50%;background:var(--chosen-color);border:12px solid #19221e;box-shadow:0 0 25px #0005;pointer-events:none}.ha-color-wheel span{position:absolute;inset:8%;border-radius:50%;transform:rotate(var(--hue,0deg));pointer-events:none}.ha-color-wheel span:before{content:'';position:absolute;left:calc(50% - 10px);top:-10px;width:20px;height:20px;border:3px solid white;border-radius:50%;box-shadow:0 2px 8px #0008}@keyframes device-breathe{50%{filter:brightness(1.2);transform:scale(1.07)}}@keyframes fan-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.ha-tile,.ha-tile.is-on .ha-orb{animation:none;transition:none}.is-holding .ha-hold-progress{transition:none}}
@media(prefers-reduced-motion:reduce){.ha-tile.is-fan.is-on .ha-orb{animation:none}}
.calendar-event{border-left:3px solid var(--calendar-color);padding-left:16px}.calendar-source{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:8px}.calendar-source i{width:9px;height:9px;border-radius:50%;background:var(--calendar-color)}.calendar-event strong{display:flex;gap:10px;align-items:center}.waste-icon{display:inline-flex;width:30px;height:30px;flex-shrink:0}.waste-icon svg{width:100%;height:100%}.waste-plastic{color:#efad67}.waste-paper{color:#8cbfff}.waste-residual{color:#b7bec7}.calendar-config{padding:16px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 90px;gap:12px}.calendar-config .ha-pick{grid-column:1/-1}.calendar-config select{width:100%;min-height:48px}.calendar-config input[type=color]{width:100%;height:48px;padding:4px}.calendar-config label{min-width:0}
.calendar-refresh{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;border:1px solid var(--line);background:#ffffff08;color:var(--accent);font-size:28px;cursor:pointer}.calendar-filter{margin:0 0 24px;max-width:520px}.calendar-filter summary{cursor:pointer;min-height:48px;display:flex;align-items:center;color:var(--accent)}.calendar-filter summary:after{content:'⌄';margin-left:12px}.calendar-filter>div{padding:12px 18px;border:1px solid var(--line);border-radius:22px;background:#16201bf0}.calendar-filter label{display:flex;align-items:center;gap:12px;min-height:48px;margin:0}.calendar-filter input{width:22px;height:22px;accent-color:var(--accent)}.calendar-filter i{width:10px;height:10px;border-radius:50%;flex-shrink:0}
.news-dashboard{grid-column:1/-1;min-width:0;width:100%;margin-top:22px}.news-heading{display:flex;align-items:center;justify-content:space-between}.news-heading h2{font-size:21px;margin:0}.news-items{display:grid;gap:4px}.news-item{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.news-item-copy{min-width:0}.news-item h3{font-size:17px;line-height:1.45;margin:8px 0 0;font-weight:500}.news-item:hover h3{color:var(--accent)}.news-byline{display:flex;align-items:center;flex-wrap:wrap;gap:8px;color:var(--muted);font-size:13px}.news-byline time{font-size:12px}.news-logo{position:relative;display:grid;place-items:center;width:24px;height:24px;border-radius:7px;background:#ffffff12;color:var(--accent);overflow:hidden}.news-logo img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#19211c}.news-thumb{width:100px;height:72px;object-fit:cover;border-radius:14px;flex-shrink:0}.news-source-list>div{display:flex;align-items:center;gap:12px;justify-content:space-between;padding:14px 0;border-bottom:1px solid var(--line)}.news-source-list small{display:block;overflow-wrap:anywhere;color:var(--muted);margin-top:6px}.news-source-list span{min-width:0}.news-legacy{overflow-wrap:anywhere;margin:20px 0}.news-legacy span{display:block}#news-add{display:grid;gap:12px}.news-warning{color:var(--muted)}.news-logo img[hidden],.news-thumb[hidden]{display:none}@media(max-width:600px){.news-thumb{width:76px;height:64px}.news-item h3{font-size:15px}.news-source-list>div{align-items:flex-start;flex-direction:column}}
.news-dashboard{width:calc(100% - 112px);max-width:1280px;margin:20px auto 72px}.news-dashboard .news-items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.news-dashboard .news-item:first-child{grid-column:1/-1}.news-dashboard .news-item:first-child .news-thumb{width:150px;height:100px}.news-dashboard .news-item:first-child h3{font-size:22px}@media(max-width:700px){.news-dashboard{width:calc(100% - 40px)}.news-dashboard .news-items{grid-template-columns:1fr}.news-dashboard .news-item:first-child .news-thumb{width:90px;height:76px}.news-dashboard .news-item:first-child h3{font-size:18px}}
.account-entry{min-height:100vh;display:grid;place-items:center;padding:32px 20px}.account-panel{width:100%;max-width:480px;border:1px solid var(--line);border-radius:32px;background:#142019;padding:32px}.account-panel h1{font-size:36px}.account-panel h1 small{font-size:18px;color:var(--accent);margin-left:5px}.account-panel form{display:grid;gap:14px}.account-panel input{width:100%;min-height:50px}.account-check{display:flex;gap:12px;align-items:center}.account-check input{width:24px;min-height:24px}.account-qr{display:block;margin:24px auto;border-radius:14px;width:256px;max-width:100%}.account-secret{font-family:monospace;overflow-wrap:anywhere}.account-recovery{font-size:15px;line-height:1.8;overflow:auto}.account-session{padding:16px 0;border-bottom:1px solid var(--line)}.account-session small{display:block;color:var(--muted);margin:8px 0}
/* Finance: touch-sized controls and private values only after server authorization. */
.finance-page{padding:140px 6vw 70px;max-width:1500px;margin:auto}.finance-heading{display:flex;align-items:center;justify-content:space-between}.finance-heading h1{font-size:clamp(2rem,5vw,4rem);font-weight:500}.finance-provider{margin:32px 0 50px}.finance-provider h2{font-weight:500}.finance-provider small{display:block;color:var(--muted);line-height:1.6}.finance-accounts{display:grid;gap:14px;margin-top:20px}.finance-account{display:flex;align-items:center;gap:20px;padding:24px;border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:24px;background:color-mix(in srgb,var(--accent) 5%,transparent);transition:background .25s,transform .25s}.finance-account:hover{background:color-mix(in srgb,var(--accent) 10%,transparent);transform:translateY(-2px)}.finance-account>span{flex:1}.finance-account input{width:28px;height:28px;accent-color:var(--accent);flex-shrink:0}.finance-account b{font-size:1.25rem;font-weight:500}.finance-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:24px 0}.finance-metrics article{padding:24px;border-radius:24px;background:color-mix(in srgb,var(--accent) 7%,transparent)}.finance-metrics span{display:block;font-size:.9rem;margin-bottom:14px;color:var(--muted)}.finance-metrics strong{font-size:clamp(1.2rem,2vw,1.8rem);font-weight:500}.finance-positions article{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:20px;padding:24px 8px;border-bottom:1px solid color-mix(in srgb,var(--accent) 18%,transparent)}.finance-positions b{font-weight:500}.settings-page .finance-account{flex-wrap:wrap}.settings-page [data-finance-form]>button{margin-top:16px;min-height:48px}@media(max-width:800px){.finance-metrics{grid-template-columns:1fr 1fr}.finance-positions article{grid-template-columns:1fr 1fr}.finance-account{flex-wrap:wrap;padding:18px}.finance-account b{width:100%}.finance-page{padding-top:110px}}@media(prefers-reduced-motion:reduce){.finance-account{transition:none}.finance-account:hover{transform:none}}

.settings-page{padding:4rem 0;max-width:1250px;margin:0 auto}.settings-page>h1{font-size:clamp(2rem,4vw,3rem);font-weight:500;margin:0 0 40px}.settings-layout{display:grid;grid-template-columns:260px minmax(0,1fr);gap:clamp(32px,5vw,72px);align-items:start}.settings-nav{display:flex;flex-direction:column;gap:6px;position:sticky;top:32px}.settings-nav a{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:56px;padding:14px 18px;border-radius:14px;color:var(--muted);font-size:16px;transition:background .2s,color .2s}.settings-nav a:hover{color:var(--text);background:#ffffff06}.settings-nav a[aria-current]{color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,transparent)}.settings-nav a span{font-size:23px;opacity:.5}.settings-nav a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.settings-content{min-width:0;min-height:460px;padding:4px 0 40px 36px;border-left:1px solid var(--line)}.settings-content>h2{font-size:clamp(1.5rem,3vw,2rem);font-weight:500;margin:0 0 24px}.settings-content p{color:var(--muted);line-height:1.7;max-width:65ch}.settings-content button{min-height:48px}.settings-actions{display:flex;align-items:center;flex-wrap:wrap;gap:16px;margin-top:24px}.settings-content .text-link{display:inline-flex;align-items:center;min-height:48px;margin:8px 16px 8px 0}.settings-content .finance-provider:first-child{margin-top:24px}.settings-content .finance-provider+.finance-provider{border-top:1px solid var(--line);padding-top:28px}.settings-content .account-session{flex-wrap:wrap}.settings-content input:not([type=checkbox]):not([type=radio]){max-width:100%}@media(max-width:760px){.settings-page{padding:2rem 0}.settings-page>h1{margin-bottom:24px}.settings-layout{grid-template-columns:minmax(0,1fr);gap:28px}.settings-nav{position:static;flex-direction:row;overflow-x:auto;gap:8px;padding:4px 2px 12px;scrollbar-width:thin}.settings-nav a{flex-shrink:0;min-height:52px;font-size:15px;white-space:nowrap}.settings-nav a span{display:none}.settings-content{border-left:0;border-top:1px solid var(--line);padding:28px 0;min-height:300px}}@media(prefers-reduced-motion:reduce){.settings-nav a{transition:none}}

.privacy-control{top:30px;min-height:48px;font-size:14px;padding:10px 18px}@media(max-width:760px){.privacy-control{top:22px;right:25px;font-size:12px;padding:10px 14px}}

.core-popover{position:fixed;height:300px;z-index:9;pointer-events:none;transform-origin:var(--origin-x) var(--origin-y);animation:core-open .24s ease-out}.core-shortcut{position:absolute;pointer-events:auto;display:flex;align-items:center;gap:9px;width:150px;min-height:52px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--accent) 45%,transparent);border-radius:22px;background:#15201bf2;backdrop-filter:blur(20px);color:var(--text);font-size:14px;box-shadow:0 8px 32px #0005;animation:core-chip .3s both;animation-delay:var(--delay)}.core-shortcut:nth-child(odd){left:0}.core-shortcut:nth-child(even){right:0}.core-shortcut:nth-child(1),.core-shortcut:nth-child(2){top:8px}.core-shortcut:nth-child(3),.core-shortcut:nth-child(4){top:100px}.core-shortcut:nth-child(5),.core-shortcut:nth-child(6){top:192px}.core-shortcut span{color:var(--accent);font-size:23px}.core-shortcut:hover,.core-shortcut:focus-visible{background:#304133;outline:2px solid var(--accent);outline-offset:3px}.core-configure{position:absolute;bottom:0;left:50%;transform:translateX(-50%);padding:12px 16px;min-height:44px;white-space:nowrap;border-radius:22px;background:#15201bf2;color:var(--accent);pointer-events:auto}.core-action-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:24px 0}.core-action-choices label{display:flex;align-items:center;gap:12px;min-height:56px;padding:14px;border:1px solid var(--line);border-radius:14px}.core-action-choices input{width:24px;height:24px;accent-color:var(--accent)}.core-order-row{display:flex;align-items:center;gap:10px;border-bottom:1px solid var(--line);padding:8px 0}.core-order-row span{flex:1}.core-order-row button{width:48px;border-radius:12px;border:1px solid var(--line);background:var(--panel);color:var(--text)}.core-order-row button:disabled{opacity:.3}#core-settings-form>.primary{margin-top:24px}[data-idle-settings]{margin-top:40px;border-top:1px solid var(--line);padding-top:28px}#idle-settings-form label{display:block;font-size:18px;margin-bottom:16px}#idle-minutes{min-height:52px;min-width:180px;background:var(--panel);color:var(--text);padding:12px;border:1px solid var(--line);border-radius:12px}@keyframes core-open{from{opacity:0;transform:scale(.55)}to{opacity:1;transform:scale(1)}}@keyframes core-chip{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media(max-width:420px){.core-shortcut{width:140px;font-size:13px}.core-action-choices{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.core-popover,.core-shortcut{animation:none}}

.integration-status-heading{display:flex;align-items:center;gap:24px;margin-bottom:28px}.integration-status-heading p{flex:1}.integration-status-heading button{flex-shrink:0}.integration-status-list article{display:flex;justify-content:space-between;gap:24px;padding:26px 0;border-bottom:1px solid var(--line)}.integration-status-list h3{font-size:19px;font-weight:500;margin:0 0 10px}.integration-status-list small{display:block;color:var(--muted);margin-top:12px}.integration-state{color:var(--accent)}.integration-status-list .text-link{flex-shrink:0;align-self:flex-start}@media(max-width:600px){.integration-status-heading,.integration-status-list article{flex-direction:column;gap:12px}}

.ha-home-shortcuts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:20px 0}.ha-home-shortcuts .ha-tile{min-height:100px;padding:14px;border-radius:22px}.ha-home-shortcuts .ha-orb{font-size:24px;width:32px;height:32px}.ha-home-shortcuts .ha-tile-name{margin-top:8px;font-size:15px;line-height:1.3}.ha-home-shortcuts .ha-state{font-size:12px}.ha-home-shortcuts .ha-tile-detail{font-size:12px}.ha-home-shortcuts .ha-device-top{gap:8px}

.finance-account-label{display:flex;align-items:center;gap:16px;flex:1;min-width:150px}.finance-order{display:flex;gap:6px}.finance-order button{width:48px;min-height:48px;border:1px solid var(--line);border-radius:12px;background:var(--panel);color:var(--text);font-size:20px}.finance-totals{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px}.finance-totals article{padding:28px;border:1px solid var(--line);border-radius:26px;background:color-mix(in srgb,var(--accent) 8%,transparent)}.finance-totals strong{display:block;font-size:clamp(1.8rem,4vw,3rem);font-weight:500;margin:16px 0}.finance-totals span,.finance-totals small{display:block;line-height:1.8;color:var(--muted)}.is-positive{color:#98d8b1!important}.is-negative{color:#e8a3aa!important}.finance-chart-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap}.finance-periods{display:flex;gap:8px;flex-wrap:wrap}.finance-periods button{min-height:48px}.finance-periods button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 20%,transparent);color:var(--text)}.finance-charts{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:24px}.finance-chart{padding:24px;border:1px solid var(--line);border-radius:24px;min-width:0;color:var(--accent);background:#16201966}.finance-chart h3{font-weight:500;color:var(--text);margin-top:0}.finance-chart svg{width:100%;height:auto;display:block}.finance-chart input{width:100%;min-height:48px;accent-color:var(--accent)}.finance-chart label,.finance-chart output{display:block;color:var(--muted);font-size:13px}.finance-chart p{color:var(--muted)}.position-chart{grid-column:1/-1}.position-chart summary{cursor:pointer;min-height:48px;padding:14px 0;color:var(--accent)}.finance-history,.finance-payments{margin:40px 0}.finance-payment{display:flex;align-items:center;gap:18px;padding:22px 8px;border-bottom:1px solid var(--line)}.finance-payment>div{flex:1;min-width:0}.finance-payment small{display:block;color:var(--muted);margin-top:6px}.finance-payment p{overflow-wrap:anywhere;white-space:pre-wrap;color:var(--muted)}.finance-payment b{white-space:nowrap}.payment-arrow{font-size:24px}.finance-payments select{display:block;margin:12px 0 20px;min-height:48px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px;padding:12px;max-width:100%}.finance-payments a.finance-payment:hover{background:#ffffff05}.news-page{padding:50px 0}.news-page .news-items{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.news-page .news-item{border:1px solid var(--line);border-radius:22px;padding:22px;align-items:flex-start}.news-category{display:block;color:var(--accent);margin-top:8px;font-size:12px}.news-filters{display:flex;gap:20px;flex-wrap:wrap;margin:24px 0}.news-filters label{display:grid;gap:8px}.news-filters select{background:var(--panel);color:var(--text);min-height:48px;padding:12px;border:1px solid var(--line);border-radius:12px;max-width:100%}.news-pagination{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:24px 0}.news-pagination button{min-height:48px}.news-pagination button:disabled{opacity:.35}@media(min-width:801px){.life-universe{min-height:1100px}.news-dashboard.orbit-module{position:absolute;top:31%;right:56px;left:auto;width:29%;max-width:400px;margin:0}.news-dashboard .news-items{grid-template-columns:1fr;gap:0}.news-dashboard .news-item{padding:9px 0;gap:12px}.news-dashboard .news-item:first-child{grid-column:auto}.news-dashboard .news-item h3,.news-dashboard .news-item:first-child h3{font-size:14px;line-height:1.35;margin:5px 0 0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.news-dashboard .news-thumb,.news-dashboard .news-item:first-child .news-thumb{width:56px;height:54px}.news-dashboard .news-byline{font-size:10px;gap:6px}.news-dashboard .news-byline time{display:none}.news-dashboard .news-logo{width:18px;height:18px}.news-dashboard .news-category{font-size:10px;margin-top:4px}.studio-module{top:auto!important;bottom:65px!important}.news-dashboard .text-link{display:block;margin-top:16px}.news-heading h2{font-size:23px}}@media(max-width:800px){.news-dashboard.orbit-module{position:static!important;grid-column:1/-1;width:100%;margin:12px 0 30px}.news-page .news-items{grid-template-columns:1fr}.finance-payment{gap:10px}.finance-payment b{font-size:13px}.finance-chart{padding:16px}.finance-positions article{gap:12px}}

/* Quiet dashboard news and an in-app feed reader. */
.news-dashboard .news-heading{margin-bottom:8px}
.news-dashboard .news-heading h2{font-size:20px}
.news-dashboard .news-heading .calendar-refresh{display:none}
.news-dashboard .news-item{padding:10px 0;gap:12px;min-height:68px}
.news-dashboard .news-category{display:inline;font-size:10px}
.news-dashboard .news-byline{font-size:10px;margin-bottom:3px}
.news-dashboard .news-thumb{width:44px;height:44px;border-radius:10px}
.news-dashboard .news-item h3{font-size:13px;line-height:1.4;margin:4px 0 0}
.news-dashboard .news-items{gap:0}
.news-reader{width:calc(100% - 32px);max-width:900px;max-height:90svh;overflow:auto;background:#172019;color:var(--text);border:1px solid #b5ce9a40;border-radius:24px;padding:28px}
.news-reader::backdrop{background:#050b08bb;backdrop-filter:blur(12px)}
.news-reader-close{display:block;margin-left:auto;position:sticky;top:0;background:#172019}
.news-reader h2{font-size:clamp(23px,4vw,34px);line-height:1.25}
.news-reader-source,.news-reader-note{color:var(--muted);line-height:1.6}
.news-reader-image{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:16px;margin:12px 0 24px}
.news-reader-body{max-width:70ch;margin-inline:auto;white-space:pre-wrap;font-size:17px;line-height:1.8}
.news-reader-note{font-size:12px;margin-top:28px}

.satellite:has([data-finance=preview]){align-items:flex-start}
.satellite:has([data-finance=preview])>div{flex:1;min-width:0}
.satellite [data-finance=preview]{display:block;margin-top:12px}
.satellite .finance-peek-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:10px;font-size:12px}
.satellite .finance-peek-row b{font-size:14px;color:var(--text);font-weight:500}
.satellite .finance-peek-detail{display:block;margin:4px 0 10px;line-height:1.7;font-size:11px}
.satellite .finance-peek-detail span{display:inline}
.satellite .finance-peek-locked{font-size:12px}
.satellite .finance-peek-detail.is-positive,.satellite .finance-peek-detail .is-positive{color:#9bd8b6}
.satellite .finance-peek-detail.is-negative,.satellite .finance-peek-detail .is-negative{color:#efa0a0}

.waste-organic{color:#8dc77d}
.calendar-day-label{font-size:13px;font-weight:500;color:var(--accent);margin:18px 0 6px}
.day-module .calendar-event time{min-width:84px}

#universe{display:none}
#privacy-control{width:44px;height:44px;min-width:44px;padding:11px;border:0;background:transparent;opacity:.65}
#privacy-control:hover,#privacy-control:focus-visible{opacity:1;background:#b5ce9a12}
#privacy-control svg{width:22px;height:22px;display:block}
@media(min-width:801px){.satellite-modules{bottom:4%}}
/* Desktop dashboard fits the usable viewport, including browser chrome. */
@media(min-width:1280px) and (min-height:720px){
 body[data-section=overview] .life-universe{height:100svh;min-height:0;max-width:1920px}
 body[data-section=overview]>.heart-space{top:42%;transform:translate(-50%,-50%) scale(.88)}
 body[data-section=overview] .satellite-modules{bottom:80px;left:36%;right:28%;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 body[data-section=overview] .day-module{top:17%;max-height:43svh;overflow-y:auto;scrollbar-width:thin}
 body[data-section=overview] .home-module{bottom:95px;max-height:26svh;overflow-y:auto;scrollbar-width:thin}
 body[data-section=overview] .news-dashboard.orbit-module{top:29%;right:6%;width:25%;max-width:350px}
 body[data-section=overview] .studio-module{bottom:80px!important;width:22%;max-width:245px}
 body[data-section=overview] .satellite{min-width:0}
 body[data-section=overview] .finance-peek-row{flex-wrap:wrap;gap:4px 10px}
}
@media(min-width:1280px) and (min-height:720px) and (max-height:899px){
 body[data-section=overview]>.heart-space{top:40%;transform:translate(-50%,-50%) scale(.7)}
 body[data-section=overview] .satellite-modules{bottom:65px}
 body[data-section=overview] .news-dashboard.orbit-module{top:23%}
 body[data-section=overview] .studio-module{bottom:65px!important}
 body[data-section=overview] .day-module .calendar-event{padding:7px 0}
 body[data-section=overview] .day-module .calendar-event strong,body[data-section=overview] .day-module .calendar-event time{font-size:13px}
}
@media(min-width:1920px) and (min-height:1100px){
 body[data-section=overview]>.heart-space{transform:translate(-50%,-50%)}
 body[data-section=overview] .satellite-modules{bottom:10%}
}

.core-radial .core-shortcut{right:auto;width:140px;min-height:56px;justify-content:center;padding:10px 12px;white-space:nowrap}
.core-radial .core-configure{top:50%;bottom:auto;transform:translate(-50%,-50%)}
@media(max-width:599px){.core-radial .core-shortcut{font-size:11px;gap:5px;padding:8px}.core-radial .core-shortcut span{font-size:18px}}
body[data-section=finance] .finance-page{padding:0;max-width:none}
.finance-heading h1{font-size:24px;margin:0;font-weight:500}
.finance-tabs{display:flex;gap:12px;flex-wrap:wrap;margin:18px 0 24px}
.finance-tabs a{padding:12px 16px;border:1px solid var(--line);border-radius:18px;min-height:44px}
.finance-page .finance-totals article{padding:18px;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}
.finance-page .finance-totals article strong{font-size:28px}
.finance-page .finance-totals article span{font-size:12px}
.finance-page [data-finance=overview]>section>h2{font-size:16px}
.finance-overview-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;align-items:start}
.finance-overview-grid .finance-provider,.finance-overview-grid .finance-payments{margin:16px 0}
.finance-overview-grid h2{font-size:18px;margin:0 0 12px}
.finance-overview-grid .finance-account{padding:14px;gap:12px;border-radius:16px;flex-wrap:wrap}
.finance-overview-grid .finance-account b{font-size:18px}
.finance-overview-grid .finance-payment{padding:12px 0;gap:10px}
.finance-overview-grid .finance-payment small{font-size:11px}
.finance-overview-grid .finance-chart-heading{flex-wrap:wrap}
.finance-overview-grid p,.finance-page [data-finance]>section>p{font-size:12px;color:var(--muted);line-height:1.5}
.request-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:32px;margin-top:24px}
.request-layout form,[data-contact-form]{display:grid;gap:14px}
.request-layout label,[data-contact-form] label{display:grid;gap:6px}
.request-layout input,.request-layout select,[data-contact-form] input{width:100%;min-height:48px}
.request-row{padding:18px 0;border-bottom:1px solid var(--line)}
.request-row small{display:block;color:var(--muted)}
.request-layout details{margin-top:24px}
.request-decisions{display:flex;gap:8px;margin-top:8px}
.activity-module{left:8%;top:58%;width:290px;font-size:12px}
.activity-module h2{font-size:17px;margin:0 0 10px}
.activity-module p{line-height:1.5}
.activity-module small{color:var(--muted)}
.activity-module .request-decisions button{padding:8px 10px;font-size:12px}
@media(min-width:1280px){.activity-module{top:57%;max-height:19svh;overflow:auto}}
@media(max-width:1000px){.finance-overview-grid,.request-layout{grid-template-columns:1fr}}
@media(max-width:800px){.activity-module{position:static;grid-column:1/-1;width:auto}}
@media(min-width:1280px) and (min-height:720px){
 body[data-section=overview] .day-module{top:15%;max-height:32svh}
 body[data-section=overview] .activity-module{top:49%;max-height:18svh}
 body[data-section=overview] .home-module{top:70%;bottom:auto;max-height:20svh}
}
.social-tabs{display:flex;gap:12px;margin-bottom:20px}
.social-tabs a{padding:12px 18px;min-height:44px;border:1px solid var(--line);border-radius:18px}
.contact-search{display:grid;gap:8px;max-width:480px;margin:20px 0}
.contact-search input{min-height:48px}
.contact-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px;margin-bottom:24px}
.contact-card{padding:20px;border:1px solid var(--line);border-radius:18px;overflow-wrap:anywhere}
.contact-card[hidden]{display:none}
.contact-card h2{font-size:19px;margin-top:0}
.contact-card p{color:var(--muted);line-height:1.5}
.contact-address{white-space:pre-wrap}
[data-contact-form] textarea{min-height:100px;width:100%;font:inherit}
.mail-page h1{font-size:26px}
.mail-row{padding:14px 0;border-bottom:1px solid var(--line)}
.mail-open{display:grid;gap:5px;background:none;border:0;color:var(--text);text-align:left;width:100%;padding:0;min-height:48px}
.mail-open small{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.mail-open strong{font-size:14px;line-height:1.4}
.mail-open span{color:var(--muted);line-height:1.5}
.mail-actions{margin-top:8px}.mail-actions summary{color:var(--accent);cursor:pointer;min-height:36px}
.mail-actions button{margin:4px 4px 4px 0}
.mail-body{white-space:pre-wrap;overflow-wrap:anywhere;max-height:40svh;overflow:auto;line-height:1.7;margin:20px 0}
.mail-reader textarea{width:100%;font:inherit;min-height:140px;margin:12px 0;padding:12px}
.mail-preview{right:6%;top:53%;width:25%;max-width:350px}
.mail-preview h2{font-size:18px;margin:0}
.mail-preview .mail-row{padding:8px 0}
.mail-preview .mail-open strong{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:12px}
.mail-preview .mail-actions summary{min-height:24px;font-size:11px}
.mail-preview .mail-actions button{font-size:11px;padding:7px}
@media(min-width:1280px) and (min-height:720px){
 body[data-section=overview] .news-dashboard.orbit-module{top:24%;max-height:27svh;overflow:auto}
 body[data-section=overview] .mail-preview{top:53%;max-height:24svh;overflow:auto}
 body[data-section=overview] .studio-module{top:80%!important;bottom:auto!important;max-height:14svh;overflow:auto}
 body[data-section=overview] .studio-module .studio-symbol{display:none}
 body[data-section=overview] .studio-module h2{margin:0 0 6px}
}
@media(max-width:800px){.mail-preview{position:static;grid-column:1/-1;width:auto;max-width:none}}
.weather-open{display:flex;flex-direction:column;align-items:flex-start;gap:10px;text-align:left;background:none;border:0;color:inherit;padding:0;width:100%}
.weather-open small{color:var(--muted);font-size:11px}
.rain-preview{width:100%;max-width:260px;color:#9ecbdc}
.rain-preview svg{display:block;width:100%;height:70px}
.rain-preview text{font:9px sans-serif;fill:currentColor}
/* One continuous forecast strip; narrow touchscreens can swipe horizontally. */
#modal:has(.weather-forecast){max-width:940px;width:calc(100% - 32px);padding:34px 28px;max-height:calc(100svh - 32px);overflow-y:auto}
.weather-forecast h2{margin-bottom:8px}.forecast-location{margin:0 0 28px!important}
.weather-days{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;padding:4px 0 12px;scrollbar-width:thin;scrollbar-color:var(--line) transparent}
.weather-days article{flex:1 0 150px;min-width:0;text-align:center;padding:0 16px;display:flex;flex-direction:column;align-items:center;gap:8px}
.weather-days article+article{border-left:1px solid var(--line)}
.forecast-day{font-size:15px;text-transform:capitalize}.forecast-date{font-size:12px;color:var(--muted)}
.weather-days .forecast-icon{font-size:44px;line-height:1;height:64px;display:grid;place-items:center;margin:14px 0 4px;color:var(--accent)}
.forecast-condition{font-size:12px;color:var(--muted);min-height:36px;max-width:130px;line-height:18px}
.forecast-temperatures{display:flex;gap:16px;margin:8px 0 22px}.forecast-temperatures>span{display:flex;flex-direction:column;gap:5px}.forecast-temperatures b{font-size:23px;font-weight:500;letter-spacing:-1px}.forecast-temperatures>span+span{color:var(--muted)}
.forecast-temperatures small,.forecast-metric small{font-size:11px;color:var(--muted);display:block;margin-top:3px}
.forecast-metric{display:flex;gap:10px;align-items:center;text-align:left;min-height:48px;width:100%;justify-content:center}.forecast-metric svg{width:22px;height:22px;flex-shrink:0;color:var(--muted)}.forecast-metric b{font-size:13px;font-weight:500}.forecast-rain svg,.forecast-rain b{color:#9ecbdc}
@media(max-width:600px){#modal:has(.weather-forecast){padding:28px 16px}.weather-days article{flex-basis:140px;padding:0 12px}}
@media(min-width:1280px) and (min-height:720px){body[data-section=overview] .weather-module{top:10%;width:25%;max-width:350px}.weather-module:has(.rain-preview) .weather-reading{font-size:36px}.weather-module:has(.rain-preview) .weather-open{gap:4px}.weather-module:has(.rain-preview){max-height:26svh;overflow:auto}body[data-section=overview]:has(.rain-preview) .news-dashboard{top:38%;max-height:17svh}body[data-section=overview]:has(.rain-preview) .mail-preview{top:57%;max-height:21svh}}

.mail-preview[hidden]{display:none!important}
.request-proposals{margin:24px 0}.request-proposals article{padding:16px 0;border-bottom:1px solid var(--line)}
#modal:has(.mail-reader){max-width:820px;max-height:calc(100svh - 40px);overflow-y:auto;padding:36px}
.mail-sender{display:flex;gap:14px;align-items:center;margin-bottom:18px;min-width:0}.mail-sender>span:last-child{min-width:0}.mail-sender strong{display:block;font-size:16px}.mail-sender small{display:block;color:var(--muted);font-size:12px;overflow-wrap:anywhere;margin-top:4px}
.mail-avatar{display:grid;place-items:center;position:relative;width:46px;height:46px;flex-shrink:0;border-radius:14px;background:color-mix(in srgb,var(--accent) 15%,var(--panel));color:var(--accent);font-size:15px;font-weight:600;overflow:hidden}.mail-avatar img{position:absolute;inset:10px;width:26px;height:26px;object-fit:contain;background:var(--panel);border-radius:4px}
.mail-direct-actions{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0}.mail-direct-actions button{min-height:44px;border-radius:22px;padding:10px 16px}.mail-reader h2{font-size:28px;line-height:1.3;margin:20px 0}.mail-reader .mail-body{white-space:normal;border-top:1px solid var(--line);padding-top:16px}.mail-body p{font-size:15px;line-height:1.8;color:var(--text);overflow-wrap:anywhere}.mail-body a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.mail-reader form[hidden]{display:none}.mail-reader form{border-top:1px solid var(--line);margin-top:24px;padding-top:12px}.mail-reader textarea{width:100%;padding:14px;background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:12px}.mail-row .mail-sender{margin-bottom:10px}.mail-row .mail-direct-actions{gap:6px}.mail-row .mail-direct-actions button{padding:8px 12px}
@media(max-width:600px){#modal:has(.mail-reader){padding:30px 20px}.mail-reader h2{font-size:23px}}
.mail-body table{width:100%;border-collapse:collapse;table-layout:fixed}.mail-body td,.mail-body th{padding:6px;overflow-wrap:anywhere}.mail-body blockquote{margin:16px 0;padding-left:16px;border-left:2px solid var(--line);color:var(--muted)}.mail-body h1,.mail-body h2,.mail-body h3{font-size:21px;line-height:1.4;letter-spacing:normal}.mail-body>div{overflow-wrap:anywhere}

body[data-section=overview] .news-dashboard.orbit-module{display:flex;flex-direction:column;overflow:hidden}.news-dashboard>.news-heading{flex-shrink:0}.news-dashboard>.news-items{min-height:0;overflow-y:auto;overscroll-behavior:contain}.news-dashboard>p:empty{display:none}.news-dashboard .news-heading a{display:inline-flex;align-items:center;min-height:44px}
body[data-section=media]{--section-color:#a7d7cb}body[data-section=media]>.heart-space{top:43%;transform:translate(-50%,-50%) scale(.65)}
.media-page{padding:0 0 50px;max-width:1100px}.media-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.media-heading h1{font-size:28px;margin:0}.spotify-brand{color:#1ed760;font-size:16px;min-height:44px;display:flex;align-items:center}
.media-now{display:flex;gap:32px;align-items:center}.media-art{width:54px;height:54px;object-fit:contain;flex-shrink:0}.media-art.large{width:220px;height:220px}.media-art-empty{display:grid;place-items:center;background:linear-gradient(135deg,#254b41,#18251f);color:var(--accent);font-size:30px}.media-art-empty.large{font-size:78px;border-radius:50%;box-shadow:0 0 70px #a7d7cb12}.media-now-copy{min-width:0;flex:1}.media-now h2{font:500 28px/1.25 'Manrope',sans-serif;margin:10px 0;overflow-wrap:anywhere}.media-now p,.media-state{color:var(--muted);font-size:14px}.media-transport{display:flex;align-items:center;gap:16px;margin:22px 0 14px}.media-transport button{width:48px;height:48px;border:1px solid var(--line);border-radius:50%;background:transparent;color:var(--text);font-size:20px}.media-transport .media-play{width:60px;height:60px;background:var(--accent);color:#12261d;border:0}.media-transport button:active{transform:scale(.94)}.media-transport button:disabled{opacity:.35}.media-progress{display:flex;gap:10px;align-items:center;font-size:11px;color:var(--muted);max-width:400px}.media-progress progress{flex:1;height:4px;accent-color:var(--accent)}
.media-device{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin:28px 0;padding:16px 0;border-block:1px solid var(--line)}.media-device>span{font-size:14px;color:var(--accent);margin-right:auto}.media-device label{margin:0}.media-device select{width:auto;max-width:320px;min-height:46px;margin:0}.media-device small{width:100%;color:var(--muted)}.media-tabs{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.media-tabs button{border:0;border-bottom:2px solid transparent;min-height:48px;color:var(--muted);background:transparent;padding:10px 16px;font-size:15px}.media-tabs button[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}
.media-playlists{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:24px}.media-playlist{padding:0;text-align:left;background:none;border:0;color:var(--text);display:flex;flex-direction:column;gap:10px}.media-playlist .media-art{width:100%;height:auto;aspect-ratio:1}.media-playlist strong{font-size:15px}.media-playlist small{color:var(--muted)}.media-playlist-title{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.media-tracks{display:flex;flex-direction:column}.media-track{display:flex;align-items:center;gap:14px;padding:12px 0;border-bottom:1px solid var(--line)}.media-track>span{flex:1;min-width:0}.media-track strong,.media-track small{display:block}.media-track strong{font-size:15px;overflow-wrap:anywhere}.media-track small{font-size:12px;color:var(--muted);margin-top:5px}.media-track>a{min-width:44px;min-height:44px;display:grid;place-items:center}.media-pagination{display:flex;align-items:center;justify-content:center;gap:20px;margin:24px 0}.media-error:empty{display:none}.media-error{color:var(--accent)}
@media(max-width:800px){.media-now{gap:20px;flex-wrap:wrap}.media-art.large{width:160px;height:160px}.media-now h2{font-size:23px}.media-device select{max-width:100%;width:100%}.media-device label{width:100%}.media-now-copy{min-width:200px}.media-tracks .media-track{gap:9px}.media-track>small{display:none}}
@media(prefers-reduced-motion:reduce){.media-transport button:active{transform:none}}
.media-preview[hidden]{display:none!important}.media-preview{left:8%;top:43%;width:25%;max-width:350px}.media-preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.media-preview-heading>a:first-child{font-size:19px;font-weight:600}.media-preview-heading>a:last-child{color:#1ed760;font-size:11px}.media-preview-track{display:flex;gap:14px;align-items:center}.media-preview-track>span{min-width:0}.media-preview-track strong{font-size:14px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.media-preview-track small{display:block;font-size:12px;color:var(--muted);margin-top:5px}.media-preview-controls{display:flex;gap:6px;align-items:center;margin-top:10px}.media-preview-controls button{min-width:44px;min-height:44px;border:0;border-radius:50%;background:#ffffff07;color:var(--accent);font-size:17px}.media-preview-controls button:disabled{opacity:.35}.media-preview-controls .media-device-button{border-radius:16px;font-size:11px;padding:8px 12px;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.media-volume{display:flex;align-items:center;gap:10px;font-size:11px;margin:4px 0;color:var(--muted)}.media-volume input{flex:1;min-width:0;width:100%;margin:0;min-height:44px;padding:0;accent-color:var(--accent)}.media-volume output{min-width:34px;text-align:right}.media-preview .media-error{font-size:11px}.media-device-options{display:flex;flex-direction:column;gap:12px}.media-device-options button{text-align:left;padding:16px}.media-device-options small{display:block;color:var(--muted);margin-top:6px}
@media(min-width:1280px) and (min-height:720px){body[data-section=overview]:has(.media-preview:not([hidden])) .day-module{max-height:24svh}.media-preview{max-height:25svh;overflow:auto}}
@media(max-width:800px){.media-preview{position:static;width:auto;max-width:none;grid-column:1/-1}}
.calendar-view-actions{display:flex;gap:10px}.month-toolbar{display:flex;align-items:center;gap:14px;margin:20px 0}.month-toolbar h2{margin:0 auto 0 0;font-size:22px;text-transform:capitalize}.month-toolbar .subtle-button{border-radius:24px}.month-weekdays,.month-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:1px}.month-weekdays{padding-bottom:12px;text-align:center;color:var(--muted);font-size:12px}.month-grid{background:var(--line);border:1px solid var(--line);border-radius:18px;overflow:hidden}.month-day{background:#111b17;color:var(--text);border:0;padding:10px 7px;min-height:130px;text-align:left;display:flex;flex-direction:column;gap:6px;min-width:0}.month-day:hover,.month-day:focus-visible{background:#26332b}.month-day:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.month-day.outside{background:#0c1411;color:var(--muted)}.month-number{display:grid;place-items:center;width:30px;height:30px;font-size:13px;margin-bottom:3px}.month-day.today .month-number{background:var(--accent);color:#162019;border-radius:50%;font-weight:700}.month-event{display:flex;align-items:center;gap:4px;width:100%;border-left:3px solid var(--event-color);background:color-mix(in srgb,var(--event-color) 10%,transparent);padding:5px;font-size:11px;line-height:1.35;border-radius:3px}.month-event>span:last-child{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.month-event .waste-icon{width:16px;height:16px}.month-more{font-size:11px;color:var(--accent);padding:4px}.month-scroll{overflow-x:auto}.calendar-day-detail h2{text-transform:capitalize}#modal:has(.calendar-day-detail){max-width:640px;max-height:calc(100svh - 32px);overflow:auto}@media(max-width:800px){.month-grid,.month-weekdays{min-width:600px}.month-toolbar{gap:8px}.month-toolbar h2{font-size:18px}.calendar-heading{flex-wrap:wrap}.month-day{min-height:115px}}
.contact-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0}.contact-initials{display:grid;place-items:center;background:color-mix(in srgb,var(--accent) 15%,var(--panel));color:var(--accent);font-size:20px;font-weight:600}.contact-photo-editor{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin:12px 0}.contact-photo-editor label{margin:0;cursor:pointer;position:relative;overflow:hidden}.contact-photo-editor input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer;margin:0}.contact-photo-editor [role=status]{flex-basis:100%;font-size:12px;margin:0}.contact-photo-editor .contact-avatar{width:80px;height:80px}#modal:has([data-contact-form]){max-height:calc(100svh - 32px);overflow:auto}
/* Short, touch-friendly forms retain their values between steps. */
.step-wizard fieldset{border:0;padding:0;margin:22px 0;min-width:0}.step-wizard [hidden],.wizard-actions [hidden]{display:none!important}.step-wizard legend{font-size:22px;margin-bottom:20px;color:var(--text)}.step-wizard label{display:grid;gap:8px;margin:16px 0}.step-wizard input:not([type=checkbox]):not([type=hidden]),.step-wizard select,.step-wizard textarea{width:100%;min-height:48px;padding:12px;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:12px;background:#ffffff06;color:var(--text)}.step-wizard select option{background:#17201b}.step-wizard .wizard-check{display:flex;align-items:center;gap:12px;min-height:48px}.wizard-check input{width:22px;height:22px;accent-color:var(--accent)}.wizard-check small{display:block;color:var(--muted)}.wizard-contacts{max-height:240px;overflow:auto}.wizard-two{display:grid;grid-template-columns:1fr 1fr;gap:0 16px}.wizard-actions{display:flex;justify-content:flex-end;gap:12px;position:sticky;bottom:0;padding:16px 0;background:#172019}.wizard-actions button{min-height:48px}.step-wizard [data-wizard-progress]{color:var(--muted)}#modal:has(.step-wizard){width:min(600px,calc(100vw - 24px));max-height:calc(100svh - 24px);overflow:auto}.contact-card{position:relative;padding-right:64px}.contact-menu{position:absolute;right:12px;top:12px}.contact-menu summary{list-style:none;cursor:pointer;display:grid;place-items:center;min-width:44px;min-height:44px;border-radius:50%;font-size:26px}.contact-menu summary::-webkit-details-marker{display:none}.contact-menu[open]{z-index:2}.contact-menu>div{position:absolute;right:0;min-width:210px;border:1px solid var(--line);border-radius:16px;padding:8px;background:#17201bf5;box-shadow:0 12px 36px #0005}.contact-menu button{display:block;width:100%;min-height:48px;text-align:left;border:0;border-radius:10px;background:none;color:var(--text);padding:12px}.contact-menu button:hover{background:#ffffff0b}[data-requests=contacts] input,[data-requests=contacts] select{background:#ffffff06;color:var(--text);border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);border-radius:12px;min-height:48px;padding:12px}[data-requests=contacts] select option{background:#17201b}
/* Grid tracks must size to article content, never shrink inside a scroll area. */
.news-dashboard>.news-items{display:flex;flex-direction:column;gap:0;flex:1 1 auto}.news-dashboard .news-item{flex:0 0 auto;height:auto;min-height:0;align-items:center;padding:14px 0}.news-item-copy{flex:1;overflow-wrap:anywhere}.news-logo{flex-shrink:0}.news-dashboard .news-category{line-height:1.5}.news-dashboard .news-item h3,.news-dashboard .news-item:first-child h3{line-height:1.45;margin:6px 0 0}.news-dashboard>.news-heading{padding-bottom:12px;background:transparent}
.ui-svg{display:inline-block;width:1.4em;height:1.4em;vertical-align:middle;flex-shrink:0}.weather-reading .sun .ui-svg,.forecast-icon .ui-svg{width:1em;height:1em}.media-transport .ui-svg,.media-preview-controls .ui-svg{width:22px;height:22px}
.request-page{padding-top:32px}.request-page>.finance-heading{margin-bottom:8px}.request-page>.text-link{display:inline-flex;align-items:center;min-height:44px}.request-proposals:empty{display:none}.request-proposals{margin:12px 0}.request-proposals h2{font-size:18px;margin:12px 0}.request-proposals article{padding:14px 18px;border:1px solid var(--line);border-radius:18px;background:#ffffff04}.request-summary{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:24px 0}.request-summary>div{display:grid;grid-template-columns:auto auto;column-gap:16px;align-items:baseline}.request-summary small{grid-column:1/-1;color:var(--muted)}.request-summary strong{font-size:clamp(26px,4vw,38px);font-weight:500}.request-summary span{color:var(--muted)}.request-summary button{min-height:48px}.request-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.request-filters button{display:flex;align-items:center;gap:10px;min-height:44px}.request-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 15%,transparent);border-color:var(--accent)}.request-filters span{font-size:12px;opacity:.65}.request-compact{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;padding:20px 0}.request-person{display:flex;align-items:center;gap:14px;min-width:0}.request-person>div{min-width:0}.request-person h3{margin:0;font-size:17px}.request-person p{margin:6px 0;overflow-wrap:anywhere}.request-person small,.request-row-actions small{font-size:12px;line-height:1.5}.request-monogram{width:44px;height:44px;display:grid;place-items:center;flex-shrink:0;border-radius:15px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.request-amount{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.request-amount strong{font-size:22px;font-weight:500;white-space:nowrap}.request-state{font-size:12px;padding:4px 10px;border-radius:20px;background:#ffffff09}.request-state[data-state=paid]{color:#98d8b1;background:#98d8b112}.request-state[data-state=uncertain]{color:#efbe88}.request-row-actions{grid-column:1/-1;display:flex;gap:10px;align-items:center;flex-wrap:wrap;padding-left:58px}.request-row-actions .subtle-button{display:inline-flex;align-items:center;min-height:44px}.request-row-actions small{margin-left:auto}.request-empty{padding:30px 0;color:var(--muted)}.request-review-amount{font-size:40px;color:var(--accent)}.request-details{display:grid;grid-template-columns:auto 1fr;gap:12px}.request-details dt{color:var(--muted)}.request-details dd{margin:0;text-align:right}#modal:has([data-request-form]) .wizard-actions{z-index:1}@media(max-width:600px){.request-summary{align-items:stretch;flex-direction:column}.request-row-actions{padding-left:0}.request-row-actions small{margin-left:0;width:100%}.request-monogram{display:none}.request-amount strong{font-size:19px}.request-person h3{font-size:16px}}

.calendar-picker>p{margin:0 0 10px;color:var(--muted)}.calendar-picker-options{display:flex;flex-wrap:wrap;gap:10px}.step-wizard .calendar-choice{position:relative;display:block;flex:1 1 180px;margin:0;cursor:pointer}.calendar-choice input[type=radio]{position:absolute;inset:0;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.calendar-choice-face{display:flex;align-items:center;gap:12px;min-height:66px;padding:14px 16px;border:1px solid color-mix(in srgb,var(--calendar-color) 32%,transparent);border-radius:16px;background:color-mix(in srgb,var(--calendar-color) 5%,transparent);transition:background .2s,border-color .2s,box-shadow .2s}.calendar-choice-face>svg{width:24px;height:24px;flex-shrink:0;color:var(--calendar-color)}.calendar-choice-face>span{flex:1;overflow-wrap:anywhere}.calendar-choice .calendar-choice-check{width:18px;height:18px;opacity:0}.calendar-choice input:checked+.calendar-choice-face{border-color:var(--calendar-color);background:color-mix(in srgb,var(--calendar-color) 16%,transparent);box-shadow:0 0 20px color-mix(in srgb,var(--calendar-color) 8%,transparent)}.calendar-choice input:checked+.calendar-choice-face .calendar-choice-check{opacity:1}.calendar-choice input:focus-visible+.calendar-choice-face{outline:2px solid var(--calendar-color);outline-offset:4px}.calendar-choice:hover .calendar-choice-face{background:color-mix(in srgb,var(--calendar-color) 12%,transparent)}

.request-page>.request-back{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;margin:0 0 20px;font-size:14px;text-decoration:none}.request-back svg{width:20px;height:20px;flex-shrink:0}

@media(min-width:900px){.news-reader{padding:32px 42px}.news-reader h2{font-size:32px;max-width:30ch}}

.health-page{padding:30px 0;max-width:1100px}.health-page h1{font-size:32px}.health-source,.health-note{color:var(--muted);line-height:1.7}.health-group{margin:28px 0}.health-group h2{font-size:19px;font-weight:500}.health-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:14px}.health-metrics article{padding:20px;border:1px solid var(--line);background:#ffffff04;border-radius:20px}.health-metrics h3{font-size:14px;font-weight:500;margin:0;color:var(--muted)}.health-value{font-size:32px;margin:15px 0;color:var(--accent)}.health-value span{font-size:14px}.health-metrics small{color:var(--muted)}

/* Shared touch date/time controls: inline panels stay inside the wizard. */
.touch-picker{min-width:0;display:grid;gap:8px;color:var(--muted)}
.picker-trigger{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;min-height:52px;padding:12px 14px;text-align:left;background:rgba(255,255,255,.035);border:1px solid #ffffff28;border-radius:14px;color:var(--text)}
.picker-panel{padding:10px;border:1px solid #ffffff20;border-radius:16px;background:rgba(255,255,255,.025)}
.picker-panel[hidden]{display:none}.picker-nav{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-bottom:10px}.picker-nav strong{font-size:14px;text-transform:capitalize}
.picker-panel button{min-height:44px;min-width:0;padding:6px;border:1px solid transparent;border-radius:10px;background:transparent;color:inherit;touch-action:manipulation}.picker-nav button{padding:10px;min-width:44px}
.picker-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px;text-align:center}.picker-days small{padding:4px 0}.picker-times{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;max-height:252px;overflow-y:auto;overscroll-behavior:contain}
.picker-panel button[aria-pressed=true],.picker-panel button:hover{background:color-mix(in srgb,var(--accent) 20%,transparent);border-color:var(--accent);color:var(--text)}
.repeat-picker{margin:20px 0;--calendar-color:var(--accent)}.repeat-picker .calendar-choice-face{min-height:48px;padding:10px 14px}
.step-wizard:has(.touch-picker) .wizard-two{grid-template-columns:1fr 1fr;align-items:start}
@media(max-width:600px){.step-wizard:has(.touch-picker) .wizard-two{grid-template-columns:1fr}}
.step-wizard .wizard-two>.touch-picker:has(.picker-panel:not([hidden])),.step-wizard .wizard-two>[data-event-time]:has(.picker-panel:not([hidden])){grid-column:1 / -1}
.social-tabs a,.finance-tabs a,.media-tabs button{transition:background .2s,color .2s,border-color .2s;border-radius:18px}
.social-tabs a[aria-current=page],.finance-tabs a[aria-current=page],.media-tabs button[aria-pressed=true],.filter button.selected{background:var(--accent);border-color:var(--accent);color:#17221d}
@media(prefers-reduced-motion:reduce){.social-tabs a,.finance-tabs a,.media-tabs button{transition:none}}
#modal:has([data-event-form]){width:min(720px,calc(100% - 32px));max-width:720px}
.contact-favorite{position:absolute;right:62px;top:16px;width:44px;height:44px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;color:var(--muted)}.contact-favorite[aria-pressed=true]{color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent)}.contact-favorite:hover{background:#ffffff0a}.contact-labels{display:flex;gap:6px;flex-wrap:wrap;margin:12px 0}.contact-labels span{border:1px solid var(--line);padding:5px 10px;border-radius:16px;color:var(--accent);font-size:12px}.contact-label-options{display:flex;flex-wrap:wrap;gap:8px}.contact-label-options label{position:relative;margin:0}.contact-label-options input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.contact-label-options span{display:block;padding:12px 15px;min-height:44px;border:1px solid var(--line);border-radius:20px}.contact-label-options input:checked+span{background:var(--accent);color:#17221d;border-color:var(--accent)}.contact-label-options input:focus-visible+span{outline:2px solid var(--accent);outline-offset:3px}
.contact-card:has(.contact-favorite){padding-right:116px}
/* Keep transport controls steady while an acknowledged command is processed. */
.media-preview-controls button:disabled,.media-transport button:disabled{opacity:.75}
dialog[open]{animation:modal-arrive .28s cubic-bezier(.2,.75,.25,1) both}
dialog[open]::backdrop{animation:modal-backdrop-arrive .28s ease-out both}
@keyframes modal-arrive{from{opacity:0;transform:translateY(12px) scale(.975)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes modal-backdrop-arrive{from{opacity:0}to{opacity:1}}
@media(prefers-reduced-motion:reduce){dialog[open],dialog[open]::backdrop{animation:none}}
.news-source-filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center;flex:1}.news-source-filters button{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:10px 16px;border:1px solid var(--line);border-radius:24px;background:#ffffff04;color:var(--text);transition:background .2s,border-color .2s}.news-source-filters button[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#17221d}.news-source-filters .news-logo{width:24px;height:24px;flex-shrink:0}.news-source-filters button:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.news-filters:has(.news-source-filters){display:flex;flex-wrap:wrap;align-items:center;gap:20px}
@media(prefers-reduced-motion:reduce){.news-source-filters button{transition:none}}
.health-goals{display:grid;gap:18px;margin:18px 0;max-width:700px}.health-goal{display:grid;gap:7px}.health-goal-heading{display:flex;justify-content:space-between;gap:14px}.health-goal-heading strong{font-weight:500}.health-goal progress{width:100%;height:7px;appearance:none;border:0;border-radius:8px;overflow:hidden;background:#ffffff15}.health-goal progress::-webkit-progress-bar{background:#ffffff15;border-radius:8px}.health-goal progress::-webkit-progress-value{background:var(--accent);border-radius:8px}.health-goal progress::-moz-progress-bar{background:var(--accent)}.health-goal small{color:var(--muted)}.satellite [data-health]{display:block;margin-top:12px}.satellite .health-goals.compact{display:grid;margin:0;gap:10px}.satellite .health-goal{display:grid;gap:5px}.satellite .health-goal-heading{display:flex;font-size:11px}.satellite .health-goal-heading strong{font-size:11px;margin:0}.health-goal-settings{border-top:1px solid var(--line);margin-top:28px;padding-top:24px}.health-goal-inputs{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}@media(max-width:500px){.health-goal-inputs{grid-template-columns:1fr}}
.corner-tools .icon-button{width:44px;height:44px;display:grid;place-items:center;font-size:18px}.corner-tools .icon-button .ui-svg{width:20px;height:20px}

.health-history-heading,.health-day-nav{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.health-day-nav button,.health-period button,.health-metric-tabs button,.health-import button{min-height:44px;padding:8px 14px;border:1px solid color-mix(in srgb,var(--accent) 25%,transparent);border-radius:22px;background:transparent;color:inherit;cursor:pointer}.health-day-nav .ui-svg{width:18px;height:18px}.health-day-nav strong{min-width:125px;text-align:center}.health-metric-tabs,.health-period{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0}.health-metric-tabs button[aria-pressed=true],.health-period button[aria-pressed=true]{background:var(--accent);color:#101b17}.health-metrics small{display:block;line-height:1.6}.health-value sup{font-size:.45em;vertical-align:super;margin-left:6px;white-space:nowrap}.health-value .positive{color:#91d7b3}.health-value .negative{color:#e9a0aa}.health-trends{margin-top:32px}.health-chart{width:100%;max-height:260px;color:var(--accent);overflow:visible}.health-chart circle{fill:currentColor}.health-axis{fill:none;stroke:currentColor;opacity:.2}.health-chart-labels{display:flex;justify-content:space-between;font-size:.85rem;gap:12px;opacity:.75}.health-import{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin:24px 0}.health-import span{font-size:.85rem;opacity:.75}.health-day-nav button:disabled{opacity:.3;cursor:default}@media(max-width:650px){.health-day-nav{width:100%;gap:6px}.health-day-nav strong{min-width:100px}.health-chart-labels{font-size:.75rem}}
[data-health-history] .health-value{font-size:clamp(1.5rem,2.2vw,2rem);white-space:nowrap}[data-health-history] .health-value>span{display:block;font-size:.8rem;opacity:.75;margin-top:4px}[data-health-history] .health-value sup{font-size:.5em}