:root{--bg:#f1f2eb;--paper:#fbfbf7;--ink:#17231f;--muted:#68716d;--line:#d8dbd2;--orange:#dc5b3c;--green:#315f52;--shadow:0 18px 50px rgba(25,40,34,.08)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:IBM Plex Sans Thai,sans-serif}button,input,textarea{font:inherit}button{color:inherit}.shell{max-width:1320px;margin:auto;padding:0 36px}.topbar{height:96px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{color:inherit;text-decoration:none;display:flex;align-items:center;gap:12px}.brand>span{font:800 27px Manrope}.brand .plus{color:var(--orange)}.brand small{border-left:1px solid var(--line);padding-left:12px;font:700 10px/1.15 Manrope;letter-spacing:.12em;max-width:70px}.top-actions{display:flex;align-items:center;gap:8px}.text-button,.icon-button{background:transparent;border:0;cursor:pointer}.text-button{padding:10px 12px;color:var(--muted);font-weight:600}.text-button:hover{color:var(--ink)}.icon-button{width:40px;height:40px;border:1px solid var(--line);border-radius:50%}.import-label{cursor:pointer}.import-label input{display:none}.hero{display:grid;grid-template-columns:1.35fr .65fr;gap:70px;min-height:520px;align-items:center;padding:70px 5%}.eyebrow{font:700 11px Manrope;letter-spacing:.18em;color:var(--orange);margin:0 0 20px}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.1;letter-spacing:-.045em;margin:0 0 24px}.hero h1 span{text-decoration:line-through;text-decoration-thickness:2px;color:#829088}.hero h1 em{font:inherit;color:var(--orange);font-style:normal}.intro{color:var(--muted);font-size:17px;line-height:1.8}.primary{margin-top:22px;border:0;background:var(--ink);color:#fff;padding:16px 20px;border-radius:3px;font-weight:700;cursor:pointer;box-shadow:var(--shadow)}.primary span{margin-left:25px}.score-card{background:var(--ink);color:#fff;padding:30px 34px 32px;box-shadow:22px 22px #d9ded3}.score-top{display:flex;justify-content:space-between;color:#aab7b1;font:700 10px Manrope;letter-spacing:.14em}.score-top b{color:#fff;font-size:20px}.score-top small{display:block;font-size:7px}.score-number{font:800 104px/1 Manrope;letter-spacing:-.08em;margin:35px 0}.score-number sup{color:var(--orange);font-size:40px}.score-scale{position:relative;height:50px;border-top:3px solid #607169}.score-scale i{position:absolute;left:0;top:-3px;width:68%;border-top:3px solid var(--orange)}.score-scale span{position:absolute;top:10px;transform:translate(-50%);font:700 12px Manrope}.score-scale span:first-of-type{transform:none}.score-scale span:last-of-type{transform:translate(-100%)}.score-scale small{color:#89968f;font-size:7px}.score-note{border-top:1px solid #43534d;padding-top:22px;display:flex;gap:18px;align-items:center}.score-note strong{font:700 26px Manrope;color:var(--orange)}.score-note span{font-size:12px;color:#aab7b1}.dashboard{background:var(--paper);display:grid;grid-template-columns:1.5fr repeat(3,1fr);border:1px solid var(--line);box-shadow:var(--shadow)}.dashboard>div{min-height:120px;padding:25px 30px;border-right:1px solid var(--line)}.dashboard>div:last-child{border:0}.stat-label{display:block;color:var(--muted);font-size:12px;margin-bottom:12px}.dashboard strong{font:700 28px Manrope}.dashboard strong small{font-size:12px;color:var(--muted)}.dashboard .last-active{font:600 14px IBM Plex Sans Thai;line-height:1.4;display:block}.track{height:5px;background:#e3e5df;margin-top:15px}.track i{display:block;width:0;height:100%;background:var(--orange);transition:.4s}.week-nav{display:grid;grid-template-columns:repeat(4,1fr);margin:70px 0 0;border-bottom:1px solid var(--line)}.week-tab{text-align:left;border:0;background:transparent;padding:20px 18px;display:grid;grid-template-columns:40px 1fr;position:relative;cursor:pointer;color:#919992}.week-tab span{font:500 12px Manrope;grid-row:1/3}.week-tab b{font:800 12px Manrope;letter-spacing:.1em}.week-tab small{font-size:12px}.week-tab i{position:absolute;bottom:-1px;left:0;width:0;height:3px;background:var(--orange);transition:.25s}.week-tab.active{color:var(--ink)}.week-tab.active i{width:100%}.plan-area{padding:55px 5% 80px}.week-panel{display:none}.week-panel.active{display:block}.week-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.week-heading p{font:700 10px Manrope;color:var(--accent);letter-spacing:.16em}.week-heading h2{font:800 40px Manrope;letter-spacing:-.04em;margin:3px 0}.week-heading>div>span{color:var(--muted)}.week-progress{text-align:right}.week-progress strong{display:block;font:700 30px Manrope;color:var(--accent)}.week-progress span{font:700 8px Manrope;letter-spacing:.14em;color:var(--muted)}.days{border-top:1px solid var(--ink)}.day-card{border-bottom:1px solid var(--line);background:#fbfbf773;outline:none;transition:.2s}.day-card.focused{box-shadow:inset 4px 0 var(--accent);background:var(--paper)}.day-header{border:0;width:100%;background:transparent;padding:22px 18px;display:grid;grid-template-columns:90px 1fr 70px 30px;align-items:center;text-align:left;cursor:pointer}.day-index{font:700 9px Manrope;letter-spacing:.13em;color:var(--muted)}.day-index b{font-size:18px;color:var(--ink);margin-left:5px}.day-title b{display:block;font-size:16px}.day-title small{color:var(--muted)}.day-status{font:700 12px Manrope;color:var(--muted)}.chevron{font-size:20px;transition:.25s}.day-card.open .chevron{transform:rotate(180deg)}.day-body{display:none;padding:0 18px 24px 108px}.day-card.open .day-body{display:block}.task-list{display:grid;grid-template-columns:1fr 1fr;gap:8px 28px}.task{display:grid;grid-template-columns:28px 1fr;position:relative;padding:12px 0;cursor:pointer}.task input{position:absolute;opacity:0}.checkmark{width:20px;height:20px;border:1px solid #aeb5b0;display:grid;place-items:center;color:transparent;margin-top:3px}.task input:checked+.checkmark{background:var(--accent);border-color:var(--accent);color:#fff}.task-copy small{display:block;font:700 8px Manrope;text-transform:uppercase;letter-spacing:.12em;color:var(--accent)}.task-copy b{font-size:14px}.task-copy em{font-style:normal;display:block;font-size:11px;color:var(--muted)}.task.done .task-copy{opacity:.48}.task.done .task-copy b{text-decoration:line-through}.note-label{display:block;color:var(--muted);font-size:11px;margin-top:15px}.note-label textarea{display:block;width:100%;resize:vertical;margin-top:6px;border:1px solid var(--line);background:transparent;padding:12px;color:var(--ink);outline:none}.note-label textarea:focus{border-color:var(--accent)}.extras{border-top:1px solid var(--line);padding:80px 5%}.extras h2,.history-section h2{font-size:34px;margin:0}.extra-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);margin-top:35px;border:1px solid var(--line)}.extra-grid article{background:var(--paper);padding:28px}.extra-grid article>b{font:700 12px Manrope;color:var(--orange)}.extra-grid h3{font:700 17px Manrope;margin:40px 0 10px}.extra-grid p{color:var(--muted);font-size:13px;line-height:1.7}.history-section{padding:60px 5%;border-top:1px solid var(--line)}.history-section header{display:flex;justify-content:space-between;align-items:end}.danger{color:#a74336}.history-section ol{list-style:none;padding:0;margin:30px 0;border-top:1px solid var(--line)}.history-section li{display:grid;grid-template-columns:160px 1fr;padding:13px 4px;border-bottom:1px solid var(--line);font-size:13px}.history-section time,.empty{color:var(--muted)}footer{height:110px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;font:700 10px Manrope;letter-spacing:.1em;color:var(--muted)}body.dark{--bg:#17211e;--paper:#202c28;--ink:#f0f2eb;--muted:#9da9a3;--line:#35433e;--shadow:none}.dark .score-card{background:#0f1714;box-shadow:22px 22px #2d3b36}.dark .primary{background:#e8ebe4;color:#17231f}@media(max-width:850px){.shell{padding:0 18px}.hero{grid-template-columns:1fr;padding:55px 0;gap:40px}.score-card{max-width:440px}.dashboard{grid-template-columns:1fr 1fr}.dashboard>div:nth-child(2){border-right:0}.week-nav{overflow:auto}.week-tab{min-width:165px}.plan-area,.extras,.history-section{padding-left:0;padding-right:0}.extra-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.topbar{height:76px}.text-button{font-size:0}.text-button:after{content:"↥";font-size:18px}.import-label:after{content:"↧"}.hero h1{font-size:42px}.score-number{font-size:84px}.dashboard{grid-template-columns:1fr 1fr}.dashboard>div{min-height:105px;padding:20px 15px}.day-header{grid-template-columns:70px 1fr 42px 22px;padding:18px 8px}.day-title small{display:none}.day-body{padding:0 8px 20px}.task-list,.extra-grid{grid-template-columns:1fr}.history-section li{grid-template-columns:1fr;gap:4px}}