.time-page{background:var(--ivory-50)}
.time-page [hidden]{display:none!important}.time-modal-open{overflow:hidden}
.time-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 8% 12%,#2b6658 0,transparent 34%),linear-gradient(135deg,var(--forest-950),var(--forest-900) 62%,#1b5246);color:#fff}
.time-hero:after{content:"";position:absolute;width:620px;height:620px;right:-230px;bottom:-330px;border:1px solid rgba(255,255,255,.09);border-radius:50%;box-shadow:0 0 0 82px rgba(255,255,255,.026),0 0 0 164px rgba(255,255,255,.016)}
.time-hero-grid{position:relative;z-index:1;min-height:520px;display:grid;grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);align-items:center;gap:72px;padding-block:72px}
.time-hero-copy h1{max-width:820px;margin:18px 0 22px;font-family:Georgia,"Times New Roman",serif;font-size:clamp(3rem,5.8vw,5.25rem);font-weight:500;line-height:1;letter-spacing:-.055em}.time-hero-copy h1 em{font-style:normal;color:var(--amber-400)}
.time-hero-copy>p{max-width:760px;margin:0;color:#d0dfda;font-size:1.04rem}.time-method{display:flex;flex-wrap:wrap;align-items:center;gap:9px;margin-top:30px}.time-method span{padding:8px 11px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(255,255,255,.07);color:#e5f0ec;font-size:.72rem;font-weight:850}.time-method i{color:var(--amber-400);font-style:normal}
.time-hero-card{padding:31px;border:1px solid rgba(255,255,255,.15);border-radius:28px;background:rgba(8,43,36,.72);backdrop-filter:blur(18px);box-shadow:0 26px 70px rgba(0,0,0,.18)}.time-card-kicker,.time-kicker{display:block;color:var(--forest-700);font-size:.66rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em}.time-card-kicker{color:var(--amber-400)}.time-hero-card>strong{display:block;margin:13px 0 8px;font-family:Georgia,serif;font-size:2rem;font-weight:500;line-height:1.12}.time-hero-card>p{margin:0;color:#c6d8d2;font-size:.88rem}.time-hero-stat{display:flex;align-items:end;gap:12px;margin-top:28px;padding-top:22px;border-top:1px solid rgba(255,255,255,.13)}.time-hero-stat b{font-family:Georgia,serif;font-size:3.2rem;font-weight:500;line-height:.9;color:var(--amber-400)}.time-hero-stat span{padding-bottom:3px;color:#c8d9d3;font-size:.78rem}
.time-workspace-section{padding:58px 0 90px}.time-profile-bar{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:20px}.time-profile-bar h2{margin:5px 0 4px;font-family:Georgia,serif;font-size:2.2rem;font-weight:500;letter-spacing:-.035em}.time-profile-bar p{max-width:740px;margin:0;color:var(--muted);font-size:.86rem}.time-link-button{border:0;background:none;color:var(--forest-700);font-size:.8rem;font-weight:850;cursor:pointer;text-decoration:underline;text-underline-offset:4px}
.time-budget-card,.time-panel,.time-result,.time-privacy-note{border:1px solid var(--line);background:var(--white);box-shadow:0 16px 44px rgba(11,48,41,.055)}
.time-budget-card{padding:30px;border-radius:28px;margin-bottom:18px}.time-budget-heading{display:grid;grid-template-columns:1fr minmax(280px,480px);align-items:end;gap:35px}.time-budget-heading h2{margin:4px 0 0;font-family:Georgia,serif;font-size:2rem;font-weight:500}.time-budget-heading p{margin:0;color:var(--muted);font-size:.82rem}.time-budget-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-top:24px}.time-budget-grid article{padding:17px 18px;border:1px solid #e0e8e3;border-radius:18px;background:linear-gradient(180deg,#fff,#f8faf7)}.time-budget-grid small,.time-budget-grid strong,.time-budget-grid span{display:block}.time-budget-grid small{color:var(--muted);font-size:.68rem;font-weight:850;text-transform:uppercase;letter-spacing:.05em}.time-budget-grid strong{margin:5px 0 2px;font-family:Georgia,serif;font-size:1.65rem;font-weight:500;color:var(--forest-900)}.time-budget-grid span{color:#7a8b85;font-size:.7rem}.time-budget-track{height:8px;overflow:hidden;margin-top:20px;border-radius:999px;background:#e9efeb}.time-budget-track span{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,var(--forest-700),var(--amber-500));transition:width .25s ease}.time-budget-track span.is-over{background:#a94b3d}.time-budget-message{margin-top:11px;color:var(--muted);font-size:.78rem}.time-budget-message strong{color:var(--ink)}
.time-workspace-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.55fr);gap:18px;align-items:start}.time-panel{border-radius:28px}.time-plan-panel{padding:28px}.time-guide-panel{position:sticky;top:98px;padding:28px}.time-panel-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:18px}.time-panel-heading h2,.time-guide-panel h2{margin:5px 0 0;font-family:Georgia,serif;font-size:1.75rem;font-weight:500;line-height:1.15}.time-add-button{min-height:42px;padding-inline:15px;font-size:.78rem;white-space:nowrap}
.time-rows{display:grid;gap:12px}.time-row{padding:18px;border:1px solid #dde7e1;border-radius:21px;background:#fff;transition:border-color .18s ease,box-shadow .18s ease}.time-row:focus-within{border-color:#98b8ac;box-shadow:0 13px 34px rgba(18,63,54,.08)}.time-row-head{display:grid;grid-template-columns:42px 1fr 36px;gap:10px;align-items:end}.time-row-number{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;background:var(--mint-100);color:var(--forest-700);font-family:Georgia,serif;font-size:.92rem}.time-remove{width:34px;height:34px;border:0;border-radius:11px;background:#f5f3ed;color:#8a695f;font-size:1.25rem;cursor:pointer}.time-field{display:grid;gap:6px}.time-field>span{color:#506861;font-size:.69rem;font-weight:850}.time-field input,.time-field select{width:100%;min-height:43px;padding:9px 10px;border:1px solid #cddbd4;border-radius:11px;background:#fff;color:var(--ink);outline:none}.time-field input:focus,.time-field select:focus{border-color:#7ba595;box-shadow:0 0 0 3px rgba(40,107,92,.08)}.time-field-title input{font-weight:750}.time-row-main{display:grid;grid-template-columns:1.55fr .75fr .75fr .85fr .85fr;gap:10px;margin-top:13px}.time-number-input{position:relative}.time-number-input input{padding-right:34px}.time-number-input em{position:absolute;right:10px;top:50%;transform:translateY(-50%);color:#8a9a95;font-size:.68rem;font-style:normal}.time-row-details{margin-top:12px;border-top:1px solid #edf1ee}.time-row-details summary{padding-top:11px;color:var(--forest-700);font-size:.72rem;font-weight:850;cursor:pointer}.time-row-details summary span{color:#87958f;font-weight:650}.time-row-detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding-top:12px}.time-plan-actions{display:flex;justify-content:space-between;gap:12px;margin-top:20px;padding-top:18px;border-top:1px solid #e8eeea}
.time-guide-list{display:grid;margin-top:18px;border-top:1px solid var(--line)}.time-guide-list>div{display:grid;grid-template-columns:34px 1fr;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.time-guide-list span{color:var(--amber-500);font-family:Georgia,serif;font-size:1.05rem}.time-guide-list p{margin:0;color:var(--muted);font-size:.78rem;line-height:1.5}.time-mini-lesson{margin-top:22px;padding:19px;border-radius:18px;background:linear-gradient(145deg,var(--forest-900),var(--forest-800));color:#fff}.time-mini-lesson>span{color:var(--amber-400);font-size:.63rem;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.time-mini-lesson strong{display:block;margin:8px 0 6px;font-family:Georgia,serif;font-size:1.18rem;font-weight:500}.time-mini-lesson p{margin:0;color:#c9dad4;font-size:.75rem}
.time-result{margin-top:18px;padding:31px;border-radius:28px}.time-result-head{display:flex;align-items:start;justify-content:space-between;gap:24px}.time-result-head h2{margin:5px 0 5px;font-family:Georgia,serif;font-size:2.25rem;font-weight:500}.time-result-head p{margin:0;color:var(--muted);font-size:.82rem}.time-version{padding:6px 9px;border-radius:999px;background:#eef4f0;color:var(--forest-700);font-size:.62rem;font-weight:900}.time-profile-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.time-profile-metric{min-height:135px;padding:18px;border:1px solid #dfe7e2;border-radius:18px;background:#fbfcfa}.time-profile-metric small,.time-profile-metric strong,.time-profile-metric span{display:block}.time-profile-metric small{color:#71847d;font-size:.65rem;font-weight:900;text-transform:uppercase;letter-spacing:.05em}.time-profile-metric strong{margin:11px 0 3px;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}.time-profile-metric span{color:#83928d;font-size:.68rem}.time-profile-metric.is-attention strong{color:#9b513e}.time-profile-metric.is-strong strong{color:var(--forest-700)}.time-metric-track{height:5px;margin-top:13px;border-radius:999px;background:#e5ece8}.time-metric-track i{display:block;height:100%;border-radius:inherit;background:var(--forest-700)}.time-result-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.time-result-box{padding:23px;border:1px solid #dfe7e2;border-radius:21px;background:#fff}.time-result-box h3{margin:6px 0 15px;font-family:Georgia,serif;font-size:1.45rem;font-weight:500}.time-check-list{display:grid;gap:8px}.time-check{display:grid;grid-template-columns:31px 1fr;gap:10px;padding:12px;border-radius:14px;background:#f7faf8}.time-check>span{width:27px;height:27px;display:grid;place-items:center;border-radius:9px;background:#dfeee7;color:var(--forest-800);font-weight:900}.time-check.is-attention>span{background:#f5e9db;color:#8c5d24}.time-check strong{display:block;font-size:.78rem}.time-check p{margin:2px 0;color:var(--muted);font-size:.71rem;line-height:1.45}.time-check small{color:#91a09b;font-size:.6rem}.time-next-box ol{margin:0;padding-left:21px}.time-next-box li{padding:0 0 12px 4px;color:var(--muted);font-size:.78rem}.time-day-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.time-day-summary span{padding:10px;border-radius:12px;background:#f3f7f4;color:#72827d;font-size:.64rem}.time-day-summary b{display:block;margin-top:2px;color:var(--ink);font-size:.78rem}.time-method-details{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.time-method-details summary{color:var(--forest-700);font-size:.75rem;font-weight:850;cursor:pointer}.time-method-details p{max-width:900px;margin:10px 0 0;color:var(--muted);font-size:.73rem}
.time-privacy-note{display:grid;grid-template-columns:42px 1fr;gap:15px;margin-top:18px;padding:22px;border-radius:22px}.time-privacy-note>div:first-child{width:40px;height:40px;display:grid;place-items:center;border-radius:13px;background:var(--forest-900);color:var(--amber-400)}.time-privacy-note strong{font-size:.84rem}.time-privacy-note p{margin:3px 0 0;color:var(--muted);font-size:.74rem}
.time-onboarding{position:fixed;inset:0;z-index:200;display:grid;place-items:center;padding:24px}.time-onboarding-backdrop{position:absolute;inset:0;background:rgba(8,35,30,.72);backdrop-filter:blur(10px)}.time-onboarding-card{position:relative;z-index:1;width:min(940px,96vw);max-height:min(760px,90vh);overflow:auto;padding:39px;border-radius:30px;background:var(--ivory-50);box-shadow:0 35px 100px rgba(0,0,0,.3)}.time-onboarding-card h2{margin:7px 0 5px;font-family:Georgia,serif;font-size:2.8rem;font-weight:500;letter-spacing:-.04em}.time-onboarding-card>p{max-width:720px;margin:0;color:var(--muted);font-size:.86rem}.time-age-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px;margin-top:27px}.time-age-card{min-height:145px;padding:20px;text-align:left;border:1px solid #d8e2dc;border-radius:20px;background:#fff;color:var(--ink);cursor:pointer;transition:transform .17s ease,border-color .17s ease,box-shadow .17s ease}.time-age-card:hover,.time-age-card.is-selected{transform:translateY(-3px);border-color:#8eafa2;box-shadow:0 16px 35px rgba(18,63,54,.1)}.time-age-card span,.time-age-card strong,.time-age-card small{display:block}.time-age-card span{color:var(--amber-500);font-family:Georgia,serif;font-size:1.45rem}.time-age-card strong{margin-top:14px;font-family:Georgia,serif;font-size:1.25rem;font-weight:500}.time-age-card small{margin-top:4px;color:var(--muted);font-size:.69rem}.time-onboarding-note{margin-top:18px!important;padding-top:16px;border-top:1px solid var(--line);font-size:.72rem!important}
@media(max-width:1100px){.time-hero-grid{grid-template-columns:1fr;gap:30px}.time-hero-card{max-width:720px}.time-workspace-grid{grid-template-columns:1fr}.time-guide-panel{position:static}.time-row-main{grid-template-columns:1.4fr repeat(2,.8fr) repeat(2,.9fr)}.time-profile-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.time-budget-heading{grid-template-columns:1fr}.time-budget-grid{grid-template-columns:repeat(2,1fr)}.time-row-main{grid-template-columns:repeat(2,1fr)}.time-row-main .time-field:first-child{grid-column:1/-1}.time-row-detail-grid{grid-template-columns:repeat(2,1fr)}.time-result-columns{grid-template-columns:1fr}.time-age-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.time-hero-grid{min-height:auto;padding-block:52px}.time-hero-copy h1{font-size:3rem}.time-method i{display:none}.time-method span{font-size:.65rem}.time-hero-card{padding:24px}.time-workspace-section{padding:38px 0 65px}.time-profile-bar{align-items:flex-start;flex-direction:column}.time-budget-card,.time-plan-panel,.time-guide-panel,.time-result{padding:21px;border-radius:22px}.time-budget-grid{grid-template-columns:1fr 1fr}.time-panel-heading{align-items:flex-start;flex-direction:column}.time-add-button{width:100%}.time-row{padding:14px}.time-row-head{grid-template-columns:34px 1fr 32px}.time-row-number{width:31px;height:31px}.time-row-main,.time-row-detail-grid{grid-template-columns:1fr 1fr}.time-plan-actions{flex-direction:column}.time-plan-actions .button{width:100%}.time-profile-grid{grid-template-columns:1fr 1fr}.time-day-summary{grid-template-columns:1fr}.time-onboarding{padding:12px}.time-onboarding-card{padding:26px 18px}.time-onboarding-card h2{font-size:2.25rem}.time-age-grid{grid-template-columns:1fr 1fr}.time-age-card{min-height:125px;padding:16px}.footer-grid{gap:18px}}
@media(max-width:460px){.time-budget-grid,.time-profile-grid,.time-age-grid,.time-row-main,.time-row-detail-grid{grid-template-columns:1fr}.time-row-main .time-field:first-child{grid-column:auto}.time-hero-copy h1{font-size:2.65rem}}


.time-plan-action-group{display:flex;gap:10px;align-items:center}
@media(max-width:680px){.time-plan-action-group{display:grid;grid-template-columns:1fr 1fr;width:100%}.time-plan-action-group .button{width:100%}}
@media(max-width:460px){.time-plan-action-group{grid-template-columns:1fr}}