.kaodee-app{--ink:#24392c;--green:#304c3b;--cream:#f7f6ef;--line:#dde5dc;--muted:#64766f}.kaodee-app *{box-sizing:border-box}.kaodee-app{margin:0;background:var(--cream);color:var(--ink);font:17px/1.65 Anuphan,system-ui,sans-serif}.kaodee-app button,.kaodee-app input,.kaodee-app select{font:inherit}.kaodee-app button{cursor:pointer;border:0;border-radius:16px;padding:13px 22px;background:var(--green);color:white;font-weight:650}.kaodee-app button:hover{filter:brightness(.94)}.kaodee-app button:focus-visible,.kaodee-app input:focus-visible{outline:3px solid #eab95c;outline-offset:3px}.kaodee-app .soft{background:#e8eee5;color:var(--ink)}.kaodee-app .plain{background:transparent;color:var(--ink);padding:8px}.kaodee-app header{max-width:1120px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px}.kaodee-app .brand{font-size:27px;font-weight:800;letter-spacing:-1px}.kaodee-app .brand span{color:#72954b}.kaodee-app small,.kaodee-app .muted{color:var(--muted)}.kaodee-app main{max-width:1080px;margin:10px auto 60px;padding:0 24px}.kaodee-app h1{font-size:clamp(34px,5vw,62px);line-height:1.25;letter-spacing:-1.5px;margin:18px 0}.kaodee-app h2{font-size:27px;line-height:1.4;margin:6px 0 14px}.kaodee-app h3{margin:0 0 8px;font-size:20px}.kaodee-app p{margin:10px 0 22px}.kaodee-app .badge{display:inline-block;background:#e5eddc;border-radius:30px;padding:5px 13px;font-size:13px}.kaodee-app .hero{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center;padding:38px 0}.kaodee-app .card{background:white;border:1px solid var(--line);border-radius:26px;padding:26px}.kaodee-app .hero-card{background:#e8efde;transform:rotate(2deg);padding:32px;border-radius:36px}.kaodee-app .hero-card .card{transform:rotate(-2deg)}.kaodee-app .row{display:flex;align-items:center;justify-content:space-between;gap:12px}.kaodee-app .grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.kaodee-app .thirds{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.kaodee-app .mini{padding:20px;background:#edf1e7;border-radius:20px}.kaodee-app .num{font-size:34px;font-weight:800}.kaodee-app .calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:8px;margin-top:20px}.kaodee-app .day{min-height:51px;padding:8px;border-radius:12px;background:#f0f2ed;color:#79857d}.kaodee-app .day.active{background:var(--green);color:white;box-shadow:0 0 0 3px #d6dfb6}.kaodee-app .day.done{background:#dcebbd;color:#32542a}.kaodee-app .day:disabled{cursor:default;opacity:.7}.kaodee-app .progress{background:#e9eee5;height:9px;border-radius:9px;overflow:hidden;margin:14px 0}.kaodee-app .progress i{display:block;background:#97b95d;height:100%;transition:width .3s}.kaodee-app .banner{background:var(--green);color:white;border-radius:24px;padding:25px;margin:24px 0}.kaodee-app .banner button{background:#d8edac;color:#193f32}.kaodee-app .banner small{color:#e0e9d7}.kaodee-app .section{margin-top:24px}.kaodee-app .hidden{display:none!important}.kaodee-app .food-art{font-size:70px;background:#f5efdf;text-align:center;border-radius:18px;padding:14px;margin:15px 0}.kaodee-app .label{font-size:13px;letter-spacing:.5px;text-transform:uppercase}.kaodee-app .foot{font-size:13px;margin-top:28px;color:var(--muted)}.kaodee-app .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.kaodee-app .step{text-align:center;background:#f2f5ed;border-radius:17px;padding:10px}.kaodee-app .step svg{width:100%;max-height:190px}.kaodee-app .step p{font-size:14px;margin:3px 0}.kaodee-app .timer{font-size:45px;font-variant-numeric:tabular-nums;font-weight:800}.kaodee-app .toast{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);background:#183f38;color:white;padding:14px 22px;border-radius:16px;z-index:4;max-width:90vw}.kaodee-app .chart{width:100%;height:160px}.kaodee-app .check{display:flex;gap:10px;align-items:flex-start;margin:14px 0}.kaodee-app .check input{margin-top:7px;width:20px;height:20px}.kaodee-app dialog{border:0;border-radius:24px;max-width:480px;width:92%;padding:28px;color:var(--ink)}.kaodee-app dialog::backdrop{background:#12382a77}.kaodee-app input[type=number]{padding:10px;border:1px solid var(--line);border-radius:12px;width:100%}.kaodee-app .trial-note{font-size:14px;font-weight:600;color:#405d48;margin:14px 0 0}.kaodee-app .trial-note + .foot{margin-top:8px}.kaodee-app .nav{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}.kaodee-app .nav button{font-size:14px}.kaodee-app .pill{background:#f0eddf;padding:4px 10px;border-radius:20px;font-size:13px}@media(max-width:700px){.kaodee-app header{padding:18px}.kaodee-app .hero{grid-template-columns:1fr;gap:25px;padding:10px 0}.kaodee-app .hero-card{transform:none}.kaodee-app .grid{grid-template-columns:1fr}.kaodee-app .thirds{grid-template-columns:1fr;gap:10px}.kaodee-app .mini{padding:14px}.kaodee-app .card{padding:20px}.kaodee-app main{padding:0 16px}.kaodee-app .steps{gap:5px}.kaodee-app .step{padding:6px}.kaodee-app .step p{font-size:12px}.kaodee-app .day{min-height:40px;padding:5px}.kaodee-app .calendar{gap:5px}.kaodee-app .nav button{padding:8px}.kaodee-app .banner .row{align-items:flex-start;flex-direction:column}.kaodee-app h1{font-size:40px}}.kaodee-app .meal-select{display:block;width:100%;margin:8px 0 14px;padding:12px;border:1px solid #bacbbc;border-radius:12px;background:white;color:var(--ink)}.kaodee-app .food-art{font-size:16px;text-align:left}.kaodee-app .food-art span{display:inline-block;margin:4px 5px 4px 0;padding:7px 11px;border-radius:12px;background:#fffdf8}.kaodee-app .timer-note{min-height:1.5em}.kaodee-app .check{background:#f2f5ed;border-radius:14px;padding:12px}.kaodee-app .meal-cards{display:grid;gap:12px;margin:18px 0}.kaodee-app .meal-card{background:#f3f5ed;border:1px solid #e1e9dc;border-radius:18px;padding:16px}.kaodee-app .meal-card h3{margin:4px 0;font-size:19px}.kaodee-app .meal-card p{font-size:14px;margin:6px 0 12px}.kaodee-app .meal-card .meal-label{font-size:13px;font-weight:700;color:#668153}.kaodee-app .meal-card button{font-size:14px;padding:9px 14px}.kaodee-app .food-note{background:#f7f0df;border-radius:14px;padding:13px 15px;color:#5f5947;font-size:14px}.kaodee-app .food-note strong{color:#504a39}.kaodee-app .task-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}.kaodee-app .task-grid .card:last-child{grid-column:auto}.kaodee-app input[type=text]{display:block;width:100%;padding:10px;border:1px solid var(--line);border-radius:12px;margin:6px 0 14px}.kaodee-app .activity-note{font-size:13px;color:var(--muted)}@media(max-width:700px){.kaodee-app .task-grid{grid-template-columns:1fr}.kaodee-app .task-grid .card:last-child{grid-column:auto}}.kaodee-app .sleep-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.kaodee-app .sleep-fields label{font-weight:700}.kaodee-app .sleep-fields input{display:block;width:100%;margin-top:8px;padding:12px;border:1px solid #cddacf;border-radius:12px;background:white;color:var(--ink)}.kaodee-app .sleep-result{margin:16px 0;padding:12px 15px;background:#edf4e9;border-radius:12px;color:#294d3a}@media(max-width:420px){.kaodee-app .sleep-fields{grid-template-columns:1fr}} 
.kaodee-app { isolation:isolate; }
.kaodee-app dialog { max-height:90vh; overflow-y:auto; }