/* Daymii — warm daylight, calm blue, readable at every age. */
:root{--green:#175e72;--ink:#183b4b;--muted:#526b77;--line:#d9e4e9;--cream:#f4f7fa;--navy:#123e50;--sun:#efbc7d}body{font-size:17px;line-height:1.7;background:var(--cream);color:var(--ink)}button{min-height:50px;border-radius:14px;font-weight:550;transition:background .15s,box-shadow .15s,transform .15s}button:hover{filter:none;box-shadow:0 3px 12px #123e5012}button:active{transform:translateY(1px)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #ba7b21;outline-offset:3px}aside{width:266px;padding:34px 24px 24px;background:var(--navy);color:#fff;border:0}.brand{color:#fff;font-size:36px;font-weight:750;letter-spacing:-1.4px;padding-left:57px;line-height:1.15}.brand .logo{background:none;width:46px;height:46px;top:0}.brand .logo img{display:block}.brand-dot{color:#f4c88c}.brand small{font-size:13px;color:#d4e3e9;font-weight:400;letter-spacing:0;line-height:1.5}.wordmark{white-space:nowrap}nav{margin-top:42px;gap:9px}nav button{display:flex;align-items:center;gap:13px;color:#d9e6eb;padding:14px 13px;min-height:56px;border:1px solid transparent;text-align:left}nav button:hover{background:#ffffff0d;box-shadow:none}nav span,html[lang=en] nav span{font-size:15px;margin:0;line-height:1.5}.nav-icon{width:23px;height:23px;min-width:23px}nav button.active{background:#edf5f7;color:#174b5c;border-color:#edf5f7;box-shadow:0 5px 15px #00223524}.aside-note{background:#204f60;color:white;padding:22px 18px;border:1px solid #ffffff16;margin-top:auto}.aside-note>span{color:#f4c88c;font-size:13px}.aside-note h3,html[lang=en] .aside-note h3{font-size:24px;line-height:1.5}.aside-note p{font-size:14px;color:#d6e5eb;position:relative;z-index:1}.plant{color:#e9b36d;opacity:.2;bottom:-35px;right:-18px;font-size:130px}.private{color:#d6e5eb;font-size:13px;padding-top:20px}main{margin-left:266px;padding:0 44px;max-width:1540px}header{height:99px;font-size:14px;color:#526b77;gap:18px}header button{font-size:14px;border:1px solid #cfdde3;background:#fff;min-height:44px;padding:8px 13px}.header-actions{gap:12px}.language-control{font-size:13px}.language-control select{font-size:14px;border-color:#c5d6de;min-height:44px;background:#fff}.heading{margin:34px 0 28px;gap:24px}.heading p{font-size:16px;margin:10px 0 0}.heading h1,html[lang=en] .heading h1{font-size:32px;line-height:1.45;letter-spacing:-.6px;margin-top:8px}.eyebrow{color:#526b77;font-size:14px}.heart{color:#be7f39}.primary{background:#175e72;color:#fff;box-shadow:0 4px 10px #175e7218;padding:13px 22px;font-size:16px}.primary:hover{background:#124d5f}.secondary{background:#fff;border:1px solid #bdcfd8;color:#194f63;font-size:15px}.hero{background:#e8f1f5;border:1px solid #d9e6ed;box-shadow:0 8px 30px #25495705;border-radius:26px;padding:36px 38px;grid-template-columns:1.15fr 1fr;min-height:318px}.hero .tag{display:inline-block;background:#fff9ef;color:#855515;border:1px solid #edd8b9;border-radius:30px;padding:5px 12px;font-size:13px}.hero h2,html[lang=en] .hero h2{font-size:35px;color:#143e51;line-height:1.4;letter-spacing:-.6px;margin:17px 0 13px}.hero p{font-size:15px;color:#456371;line-height:1.8}.hero .light{background:#fff;color:#174f63;border:1px solid #ccdde5;min-height:48px;font-size:15px;padding:10px 18px}.hero-art{transform:none;position:relative;min-width:0;display:flex;align-items:center;justify-content:center}.sunrise-disc{width:234px;height:234px;border-radius:50%;background:#f7e6cd;position:relative;overflow:hidden;box-shadow:0 0 0 23px #ffffff35,0 0 0 48px #ffffff20;margin-top:-15px}.sunrise-halo{position:absolute;width:153px;height:153px;background:#f4d4a8;border-radius:50%;top:45px;left:40px}.sunrise-sun{width:115px;height:115px;background:#eeb775;border-radius:50%;position:absolute;top:65px;left:60px}.sunrise-horizon{position:absolute;inset:130px 0 0;background:#cfdee5;border-top:4px solid #f5f8fa}.sunrise-horizon:after{content:'';display:block;width:130px;height:80px;border-radius:50%;background:#b1c8d4;position:absolute;top:20px;left:50px;filter:blur(20px)}.daily-card{position:absolute;bottom:8px;left:4%;right:1%;display:flex;align-items:center;gap:13px;padding:18px;background:#fffffff5;border:1px solid #fff;border-radius:18px;box-shadow:0 12px 30px #1e4c5c12;transform:rotate(-3deg)}.daily-card-icon{width:40px;height:40px;flex-shrink:0;display:grid;place-items:center;background:#e8f2ed;color:#245f4a;border-radius:50%;font-size:22px}.daily-card strong{font-size:15px;display:block}.daily-card small{font-size:13px;color:#526b77;display:block}.daily-card-spark{margin-left:auto;color:#b7792f;font-size:23px}.section-title{margin:30px 0 17px;gap:16px}.section-title h2,h2{font-size:21px;line-height:1.5}.section-title>span{font-size:14px;background:#e8eff3;color:#345768;border-radius:20px;padding:5px 12px}.routine{gap:20px}.routine-card{background:#fff;border:1px solid #d6e2e8;border-radius:19px;padding:23px;box-shadow:0 3px 10px #26495604;gap:15px;flex-wrap:wrap}.routine-card:hover{border-color:#92b5c4;background:#fdfefe}.routine-card .sun{background:#fcf1dd;color:#966019;width:55px;height:55px;border-radius:16px}.routine-card .moon{background:#e9edf8;color:#566790}.routine-card strong{font-size:18px}.routine-card small{font-size:14px;color:#526b77}.routine-card .status{font-size:13px;background:#edf4f6;color:#31596c;border:1px solid #d9e6eb;white-space:nowrap}.stats{gap:20px}.stat,.panel,.chart-card{border-radius:20px;border-color:#d9e4e9;padding:26px;box-shadow:0 4px 16px #244b6004}.stat{border-top:3px solid #9abcca}.stat .label{font-size:15px;color:#526b77}.stat strong{font-size:35px;color:#184d63}.stat small{font-size:13px;color:#526b77}.chart-card{padding:26px}.chart-card .section-title p{font-size:14px}.legend{font-size:14px;gap:18px}.legend span:first-child{color:#175e72}.legend span:last-child{color:#966525}#chart svg text{font-size:13px}.muted{font-size:14px;color:#526b77;line-height:1.7}.bottom-note{font-size:14px;color:#526b77;padding:26px 10px}footer{font-size:13px;color:#526b77;gap:20px}label{font-size:16px}input,select,textarea{min-height:52px;font-size:17px;border-color:#b9cbd5;border-radius:12px;padding:12px 14px;line-height:1.5}input::placeholder,textarea::placeholder{color:#667d89;opacity:1}select#period{font-size:15px;min-height:44px;padding:8px 12px}.notice{background:#fff7e9;color:#725226;border:1px solid #eddcbe;font-size:15px}.panel p{font-size:16px}.panel p.muted{font-size:14px}.panel h2{margin-bottom:15px}dialog{border:1px solid #d3e0e7;border-radius:24px;box-shadow:0 20px 80px #123e5033;max-width:620px;padding:28px 30px}dialog::backdrop{background:#0c2e406b;backdrop-filter:blur(4px)}dialog p{font-size:15px}th,td{font-size:15px;padding:15px 12px}th{background:#f0f5f8;color:#365868}td button{min-height:46px;font-size:15px;padding:8px 12px}#toast{background:#153f51;max-width:min(90vw,650px);font-size:16px;box-shadow:0 8px 30px #123e5033}.bmi-preview{background:#eaf2f6;color:#184f65;font-size:16px}.weight-values{gap:55px}.weight-values strong{font-size:34px;color:#184f65}.weight-values small{font-size:14px}.lab-intro{background:#e8f1f5;border:1px solid #d4e4eb}.lab-intro-icon{color:#1f6278}.lab-intro p{font-size:15px}.lab-toolbar{font-size:15px;flex-wrap:wrap}.lab-steps{font-size:14px}.lab-steps span{background:#eaf2f6;color:#28566a}.upload-box{border-color:#abc6d4;background:#f7fafc}.upload-box h3{font-size:18px}.upload-box p{font-size:14px}.lab-row{background:#f8fbfc;border-color:#d2e1e8}.lab-row label{font-size:14px}.lab-row input{font-size:16px}.lab-row-head,.lab-row-source{font-size:14px}.lab-row-head button{min-height:44px}.lab-status{font-size:14px;color:#785519}.lab-card p{font-size:15px}.lab-card-actions button{font-size:15px}.confirm-check{font-size:16px;background:#ebf4ef;color:#285640}.lab-images{gap:16px}.lab-image a,.lab-image button{font-size:14px}.lab-image button{min-height:44px}.raw-details textarea{font-size:16px}.file-label{font-size:15px}.file-button{min-height:50px;font-size:15px}.empty{font-size:16px;line-height:1.8}.empty b{font-size:22px}body.large{font-size:20px}.large p,.large label,.large .muted,.large .stat .label,.large .routine-card small,.large small{font-size:18px!important}.large input,.large button,.large td,.large nav span{font-size:19px!important}.large .hero h2{font-size:38px}
@media(max-width:1200px){aside{width:236px;padding:30px 18px}main{margin-left:236px;padding:0 28px}nav span,html[lang=en] nav span{font-size:14px}header{flex-wrap:wrap;height:auto;min-height:94px;padding:17px 0}.heading{align-items:flex-start}.heading h1,html[lang=en] .heading h1{font-size:29px}.heading>.primary{white-space:nowrap}.routine-card .status{margin-left:0}.hero{padding:30px}.hero h2,html[lang=en] .hero h2{font-size:31px}.sunrise-disc{width:205px;height:205px}.sunrise-halo{left:27px}.sunrise-sun{left:45px}.daily-card{padding:14px;left:-4%;right:-5%}.daily-card strong{font-size:14px}.stats{gap:12px}.stat{padding:21px 17px}}
@media(max-width:900px){.hero{grid-template-columns:1.2fr .8fr}.daily-card small{font-size:12px}.daily-card-icon{display:none}.hero h2,html[lang=en] .hero h2{font-size:28px}.sunrise-disc{width:180px;height:180px}.sunrise-halo{left:15px;top:30px}.sunrise-sun{left:33px;top:50px}.sunrise-horizon{top:115px}.heading{flex-wrap:wrap}.stat strong{font-size:29px}.two{gap:15px}}
@media(max-width:800px){aside{position:static;width:100%;padding:24px 21px 21px;background:#123e50;min-height:98px}.brand{display:block;font-size:34px;min-height:48px;padding-left:57px;width:max-content}.brand small{font-size:13px}.aside-note,.private{display:none}nav{position:fixed;bottom:0;left:0;right:0;z-index:3;background:#fff;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3px;margin:0;padding:7px 10px max(8px,env(safe-area-inset-bottom));border-top:1px solid #cadbe5;box-shadow:0 -5px 22px #123e500b}nav button{display:flex;flex-direction:row;justify-content:center;gap:7px;min-height:48px;padding:8px 4px;color:#446473;border-radius:10px;text-align:center}nav span,html[lang=en] nav span{font-size:12px;line-height:1.3;display:block;margin:0}.nav-icon{width:19px;height:19px;min-width:19px}nav button.active{background:#e8f2f6;color:#164e64;border-color:transparent;box-shadow:none}main{margin:0;padding:0 20px 150px}header{padding:14px 0;min-height:78px;gap:10px;font-size:13px;display:flex;flex-wrap:wrap}header>span{display:none}.header-actions{width:100%;justify-content:space-between;gap:10px}.language-control span{display:inline;font-size:12px}.language-control select{font-size:14px;min-height:46px}.header-actions #size{font-size:13px;min-height:46px}.heading{margin:24px 0 23px;display:block}.heading h1,html[lang=en] .heading h1{font-size:28px;line-height:1.5}.heading p{font-size:16px}.eyebrow{font-size:13px}.heading>.primary{width:100%;margin-top:20px;min-height:54px}.hero,html[lang=en] .hero{padding:26px;min-height:0;grid-template-columns:1fr;gap:15px;border-radius:21px}.hero h2,html[lang=en] .hero h2{font-size:29px;margin:16px 0}.hero p{font-size:15px}.hero .tag{font-size:12px}.hero .light{font-size:15px;min-height:48px}.hero-art{height:120px;transform:none;overflow:hidden;margin:8px -26px -26px;border-radius:0 0 21px 21px;background:#e0ecf2}.sunrise-disc{position:absolute;right:25px;top:20px;width:170px;height:170px;margin:0}.sunrise-sun{left:28px}.sunrise-halo{left:9px}.daily-card{bottom:23px;left:22px;right:auto;max-width:75%;padding:13px 16px;transform:rotate(-2deg)}.daily-card strong{font-size:14px}.daily-card small{font-size:12px}.daily-card-icon{display:grid;width:33px;height:33px;font-size:18px}.daily-card-spark{display:none}.section-title h2{font-size:20px}.section-title{gap:12px}.section-title>span{font-size:13px;padding:5px 9px;white-space:nowrap}.routine{grid-template-columns:1fr;gap:12px}.routine-card{display:flex;padding:19px;gap:14px;flex-wrap:wrap}.routine-card .sun{width:48px;height:48px;margin:0;font-size:27px}.routine-card strong,html[lang=en] .routine-card strong{font-size:17px}.routine-card small{font-size:14px}.routine-card .status{font-size:13px;margin:0 0 0 auto;padding:5px 10px}.stats{grid-template-columns:1fr;gap:12px}.stat{padding:19px 22px;border-top:1px solid #d9e4e9;border-left:4px solid #97bacb;display:grid;grid-template-columns:1fr auto;align-items:center;column-gap:12px}.stat .label{font-size:15px}.stat strong,html[lang=en] .stat strong{font-size:31px;grid-column:2;grid-row:1 / span 2;margin:0}.stat small{font-size:13px;grid-column:1}.panel,.chart-card{padding:22px 18px;border-radius:18px}.chart-card .section-title{display:block}.chart-card .section-title p{font-size:14px}.legend{font-size:14px;margin-top:13px}.muted,.panel p.muted{font-size:14px}.weight-values{gap:30px}.weight-values small{font-size:13px}.weight-values strong{font-size:30px}.weight-summary .section-title{flex-wrap:wrap}.two{grid-template-columns:1fr;gap:0}.two label{margin:9px 0}.panel p{font-size:16px}.bottom-note{font-size:14px}.secondary{margin:8px 0}dialog{padding:23px 20px;max-height:90vh}.file-label{margin:9px 0;padding:10px 14px}footer{font-size:13px;display:block}.lab-toolbar .secondary{font-size:14px}.lab-intro{padding:20px 16px}.lab-intro h2{font-size:20px}.lab-intro p{font-size:14px}.lab-row-grid{grid-template-columns:1fr}.lab-row input{font-size:17px}.lab-actions{display:grid;grid-template-columns:1fr;gap:8px}.lab-actions button{width:100%;margin:0}.lab-steps{gap:7px;font-size:13px}.lab-card .section-title{align-items:flex-start}.lab-card-actions button{flex:1 1 45%;min-height:48px}.confirm-check{font-size:15px}.upload-box{padding:20px 14px}.upload-box p{font-size:14px}.raw-details{padding:14px}.language-control{gap:7px}#toast{bottom:142px;font-size:15px}.large nav span{font-size:14px!important}.large nav button{font-size:14px!important}.large .stat{display:block}.large .stat strong{display:block;margin:6px 0}}
@media(max-width:390px){main{padding-left:14px;padding-right:14px}.language-control span{display:none}.heading h1,html[lang=en] .heading h1{font-size:25px}.hero{padding:23px}.routine-card .status{margin-left:62px}.nav-icon{display:none}nav span,html[lang=en] nav span{font-size:12px}.daily-card{max-width:83%}.daily-card-icon{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{body{color:#111;background:white}aside,header,footer{display:none!important}main{margin:0;padding:0;max-width:none}.panel{box-shadow:none;border:0}.heading h1{font-size:24px}.panel p,.muted{font-size:12px}th,td{font-size:11px;padding:7px}#toast{display:none!important}}
