:root{--bg:#f8f5ee;--surface:#fffdfa;--text:#1c1c1a;--muted:#8c8982;--line:#e6e1d8;--pink:#efa1c6;--yellow:#f7e39c;--blue:#d8e6f6;--green:#d9ecdf;--peach:#f5d6ca;--lilac:#e7def2;--dark:#181817;--safe:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box}html,body{margin:0;min-width:320px;min-height:100%;background:var(--bg);color:var(--text);font-family:"DM Sans","Noto Sans Thai",system-ui,sans-serif;-webkit-tap-highlight-color:transparent}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.hidden{display:none!important}.app{min-height:100vh}.sidebar,.desktop-head,.desktop-tools,.week-arrow{display:none}.mobile-head{padding:calc(24px + env(safe-area-inset-top,0px)) 20px 8px;display:flex;align-items:center;justify-content:space-between}.mobile-head p,.desktop-head p{margin:0 0 3px;color:var(--muted);font-size:10px;font-weight:700;letter-spacing:.17em}.mobile-head h1,.desktop-head h1{margin:0;font-size:35px;line-height:1;letter-spacing:-1.8px}.mobile-head h1 span,.desktop-head h1 span,.logo i{color:var(--pink)}.mobile-head button{width:44px;height:44px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:23px}.content{padding:0 20px 125px}.date-row{margin:16px -20px 0;overflow:hidden}.week-strip{padding:0 20px 8px;display:grid;grid-template-columns:repeat(7,minmax(44px,1fr));gap:5px}.date-pill{height:68px;padding:6px 2px;border:1px solid transparent;border-radius:23px;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;position:relative}.date-pill small{color:var(--muted);font-size:9px;font-weight:600}.date-pill strong{font-size:15px}.date-pill i{width:4px;height:4px;border-radius:50%;background:transparent}.date-pill.has i{background:var(--pink)}.date-pill.selected{border-color:var(--text);background:var(--surface);box-shadow:0 5px 18px rgba(40,37,30,.08)}.date-pill.selected small{color:var(--pink)}.date-pill.today:not(.selected){background:#f0ebe2}.progress-card{margin:15px 0 26px;padding:16px 18px 14px;border:1px solid var(--line);border-radius:20px;background:var(--surface);display:grid;grid-template-columns:1fr auto;gap:11px 15px}.progress-card small,.title-row small,.sheet header small{display:block;color:var(--muted);font-size:9px;font-weight:700;letter-spacing:.14em}.progress-card strong{display:block;margin-top:3px;font-size:13px}.progress-card>b{font-size:22px}.progress-card>span{grid-column:1/-1;height:5px;border-radius:99px;background:#ece7df;overflow:hidden}.progress-card>span i{display:block;width:0;height:100%;border-radius:inherit;background:var(--pink);transition:width .25s}.title-row{display:flex;align-items:end;justify-content:space-between}.title-row h2{margin:3px 0 0;font-size:23px;letter-spacing:-.7px}.title-row button{height:38px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:10px}#quickForm{height:48px;margin:16px 0 11px;padding:0 8px 0 14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;align-items:center;gap:8px}#quickForm>span{color:var(--pink);font-size:19px}#quickForm input{min-width:0;flex:1;border:0;outline:0;background:transparent;font-size:13px}#quickForm button{height:33px;padding:0 13px;border:0;border-radius:10px;color:#fff;background:var(--dark);font-size:10px}.chips{margin-bottom:17px;display:flex;gap:7px;overflow:auto;scrollbar-width:none}.chip{height:31px;padding:0 12px;border:1px solid var(--line);border-radius:99px;color:var(--muted);background:transparent;white-space:nowrap;font-size:10px}.chip.active{color:#fff;border-color:var(--dark);background:var(--dark)}
.task-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.task-card{min-height:154px;padding:15px;border:1px solid rgba(36,33,28,.07);border-radius:20px;background:#f1ede5;display:flex;flex-direction:column;position:relative;overflow:hidden;transition:.18s}.task-card:active{transform:scale(.98)}.task-card.featured{grid-column:span 2;min-height:136px}.work{background:var(--yellow)!important}.personal{background:#f4dce8!important}.study{background:var(--blue)!important}.health{background:var(--green)!important}.meeting{background:var(--lilac)!important}.important{background:var(--peach)!important}.task-card.done,.week-task.done{opacity:.53}.task-card.done h3{text-decoration:line-through}.card-top{display:flex;align-items:center;justify-content:space-between}.cat-icon{width:31px;height:31px;border-radius:50%;background:rgba(255,255,255,.56);display:grid;place-items:center;font-size:13px}.check{width:29px;height:29px;border:1.5px solid rgba(30,29,26,.35);border-radius:50%;background:rgba(255,255,255,.3);display:grid;place-items:center}.check.checked{color:#fff;border-color:#1c1c1a;background:#1c1c1a;animation:pop .22s}@keyframes pop{50%{transform:scale(1.17)}}.priority{position:absolute;top:17px;right:53px;width:6px;height:6px;border-radius:50%;background:#d67b69}.priority.Medium{background:#a89e7b}.priority.Low{background:#9eaaa7}.task-card h3{margin:16px 0 4px;font-size:16px;line-height:1.13;letter-spacing:-.35px}.task-card p{margin:0 0 9px;color:rgba(30,29,26,.56);font-size:10px;line-height:1.35;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{margin-top:auto;display:flex;align-items:end;justify-content:space-between;gap:6px}.card-meta b{font-size:11px}.card-meta small{max-width:55%;overflow:hidden;color:rgba(30,29,26,.52);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.status{align-self:flex-start;margin-top:7px;padding:4px 8px;border-radius:99px;background:rgba(255,255,255,.5);font-size:8px}.overdue{color:#a64b4a;font-weight:700}.empty{grid-column:1/-1;padding:55px 20px;text-align:center}.empty>i{width:60px;height:60px;margin:auto;border-radius:21px;background:var(--green);display:grid;place-items:center;font-style:normal;font-size:23px}.empty h3{margin:14px 0 5px}.empty p{margin:0;color:var(--muted);font-size:12px}.primary{min-height:41px;padding:0 16px;border:0;border-radius:99px;color:#fff;background:var(--dark);font-size:11px;font-weight:600}
.month-grid{display:grid;grid-template-columns:repeat(7,1fr);overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--surface)}.month-name{padding:10px 1px;color:var(--muted);border-bottom:1px solid var(--line);font-size:9px;font-weight:700;text-align:center}.month-day{min-height:74px;padding:7px 2px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);text-align:center}.month-day:nth-child(7n){border-right:0}.month-day.out{color:#c1bdb5;background:#f3efe7}.month-day b{width:25px;height:25px;margin:auto;border-radius:50%;display:grid;place-items:center;font-size:10px}.month-day.today b{color:#fff;background:var(--dark)}.month-day.selected b{outline:2px solid var(--pink);outline-offset:1px}.dots{height:8px;margin-top:5px;display:flex;justify-content:center;gap:2px}.dots i{width:4px;height:4px;border-radius:50%;background:var(--pink)}.day-list{margin-top:16px}.day-list h3,.groups h3{margin:0 0 10px;font-size:14px}.list-row{margin-bottom:8px;padding:13px;border:1px solid var(--line);border-radius:15px;background:var(--surface);display:flex;align-items:center;gap:11px}.list-row .check{flex:0 0 auto}.list-copy{min-width:0;flex:1}.list-copy strong{display:block;overflow:hidden;font-size:12px;text-overflow:ellipsis;white-space:nowrap}.list-copy small{color:var(--muted);font-size:9px}.list-row>small{font-size:9px;font-weight:600}.groups h3{margin-top:22px}.groups h3:first-child{margin-top:0}.weekly-board{display:none}
.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:30;height:calc(74px + var(--safe));padding:7px 12px var(--safe);border-top:1px solid rgba(40,37,31,.08);background:rgba(255,253,249,.93);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom-nav button{min-height:50px;border:0;color:#99958d;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px}.bottom-nav button span{font-size:18px}.bottom-nav button small{font-size:9px}.bottom-nav button.active{color:var(--text)}.bottom-nav button.active span{color:var(--pink)}.bottom-nav>i{display:block}.fab{position:fixed;left:50%;bottom:calc(40px + var(--safe));z-index:35;width:58px;height:58px;border:5px solid var(--bg);border-radius:50%;color:#fff;background:var(--dark);display:grid;place-items:center;transform:translate(-50%,50%);font-size:27px;box-shadow:0 7px 25px rgba(0,0,0,.2)}
.search-layer{position:fixed;inset:0;z-index:60;padding:calc(12px + env(safe-area-inset-top,0px)) 14px;background:rgba(248,245,238,.96);backdrop-filter:blur(16px);display:none}.search-layer.open{display:block}.search-layer>div{height:48px;padding-left:14px;border:1px solid var(--line);border-radius:16px;background:var(--surface);display:flex;align-items:center;gap:8px}.search-layer input{min-width:0;flex:1;border:0;outline:0;background:transparent}.search-layer button{align-self:stretch;padding:0 12px;border:0;background:transparent;font-size:11px}.sheet-layer{position:fixed;inset:0;z-index:80;visibility:hidden;pointer-events:none}.sheet-layer.open{visibility:visible;pointer-events:auto}.scrim{position:absolute;inset:0;background:rgba(18,17,15,.38);opacity:0;backdrop-filter:blur(4px);transition:.22s}.sheet-layer.open .scrim{opacity:1}.sheet{position:absolute;left:0;right:0;bottom:0;max-height:92vh;padding:9px 20px calc(24px + var(--safe));overflow:auto;border-radius:28px 28px 0 0;background:var(--surface);box-shadow:0 -18px 60px rgba(0,0,0,.16);transform:translateY(102%);transition:.24s}.sheet-layer.open .sheet{transform:translateY(0)}.handle{display:block;width:39px;height:4px;margin:0 auto 19px;border-radius:9px;background:#d4cfc7}.sheet header{margin-bottom:18px;display:flex;align-items:start;justify-content:space-between}.sheet header h2{margin:4px 0 0;font-size:24px}.sheet header button,.detail-close{width:39px;height:39px;border:1px solid var(--line);border-radius:50%;background:var(--surface);font-size:19px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 11px}.field{display:block;margin-bottom:13px}.field span{display:block;margin:0 0 6px 2px;color:var(--muted);font-size:10px;font-weight:600}.field input,.field textarea,.field select{width:100%;padding:12px;border:1px solid var(--line);border-radius:12px;outline:0;background:var(--bg);font-size:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--pink);box-shadow:0 0 0 3px rgba(239,161,198,.16)}.full,.full-mobile{grid-column:1/-1}.sheet footer{margin-top:5px;display:grid;grid-template-columns:auto 1fr auto auto;gap:8px}.sheet footer button{min-height:42px;padding:0 15px;border:1px solid var(--line);border-radius:99px;background:transparent;font-size:10px}.sheet footer .primary{border:0;background:var(--dark)}.danger{color:#a44d53!important;border:0!important;background:#f7e0df!important}.detail-close{position:absolute;right:19px;top:24px}.detail-icon{width:49px;height:49px;margin-bottom:17px;border-radius:16px;background:var(--yellow);display:grid;place-items:center;font-size:19px}.detail h2{max-width:80%;margin:0;font-size:25px}.detail p{margin:10px 0 19px;color:var(--muted);font-size:12px;line-height:1.5}.facts{padding:5px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.facts div{padding:10px 0;display:flex;justify-content:space-between;font-size:11px}.facts span:first-child{color:var(--muted)}.detail footer{padding-top:14px;grid-template-columns:1fr 1fr}.danger-text{color:#aa4f55}.toast{position:fixed;left:50%;bottom:calc(94px + var(--safe));z-index:100;padding:12px 17px;border-radius:99px;color:#fff;background:#181817;font-size:11px;transform:translate(-50%,20px);opacity:0;pointer-events:none;transition:.2s}.toast.show{transform:translate(-50%,0);opacity:1}
body.dark{--bg:#20201e;--surface:#2a2926;--text:#f6f1e8;--muted:#aaa59c;--line:#403e38;--dark:#f4eee4}body.dark .primary,body.dark .fab,body.dark .chip.active{color:#1d1c1a}body.dark .task-card,body.dark .week-task{color:#1c1c1a}body.dark .bottom-nav{background:rgba(38,37,34,.94)}body.dark .search-layer{background:rgba(32,32,30,.96)}
@media(min-width:700px) and (max-width:1023px){.content{max-width:760px;margin:auto}.task-grid{grid-template-columns:repeat(3,1fr)}.task-card.featured{grid-column:span 2}.sheet{left:50%;right:auto;bottom:20px;width:min(620px,90vw);border-radius:28px;transform:translate(-50%,110%)}.sheet-layer.open .sheet{transform:translate(-50%,0)}}
@media(min-width:1024px){body{background:#ece7dd}.app{width:calc(100% - 36px);min-height:calc(100vh - 36px);margin:18px;overflow:hidden;border:1px solid rgba(30,28,24,.1);border-radius:28px;background:var(--bg);box-shadow:0 18px 60px rgba(49,43,31,.1);display:grid;grid-template-columns:238px 1fr}.sidebar{min-height:calc(100vh - 60px);margin:11px;padding:27px 17px 18px;border-radius:21px;color:#fff;background:#181817;display:flex;flex-direction:column}.logo{padding:0 9px 25px;color:#fff;text-decoration:none;display:flex;align-items:center;gap:9px;font-size:20px;font-weight:600}.logo>b{width:31px;height:31px;border-radius:10px;color:#1b1a18;background:var(--pink);display:grid;place-items:center}.logo i{font-style:normal}.sidebar nav{flex:1}.sidebar nav>p{margin:14px 11px 8px;color:#6f6e68;font-size:9px;font-weight:700;letter-spacing:.15em}.sidebar nav>.cat-label{margin-top:27px}.nav-link{width:100%;min-height:42px;padding:0 11px;border:0;border-radius:11px;color:#999791;background:transparent;display:flex;align-items:center;gap:11px;text-align:left;font-size:11px}.nav-link>span{width:18px;color:#77766f;text-align:center;font-size:15px}.nav-link:hover,.nav-link.active{color:#fff;background:#292826}.nav-link.active>span{color:var(--pink)}.nav-link em{min-width:21px;margin-left:auto;padding:2px 6px;border-radius:99px;color:#1a1917;background:var(--pink);font-size:9px;font-style:normal;text-align:center}.nav-link small{margin-left:auto;color:#686760}.cat-dot{width:7px!important;height:7px;border-radius:50%}.side-footer{margin-top:20px}.profile{margin-top:12px;padding:12px 7px;border-top:1px solid #302f2c;display:flex;align-items:center;gap:10px}.profile>b{width:34px;height:34px;border-radius:50%;color:#1b1a18;background:var(--pink);display:grid;place-items:center}.profile strong,.profile small{display:block}.profile strong{font-size:11px}.profile small{color:#706f69;font-size:9px}.mobile-head,.progress-card,.mobile-tools,.bottom-nav,.fab{display:none}main{max-height:calc(100vh - 36px);overflow:auto}.desktop-head{height:94px;padding:0 32px;border-bottom:1px solid rgba(40,37,31,.07);display:flex;align-items:center;justify-content:space-between}.desktop-head>div:last-child{display:flex;gap:10px}.desktop-head h1{font-size:30px}.search{width:230px;height:40px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:var(--surface);display:flex;align-items:center;gap:8px}.search input{min-width:0;width:100%;border:0;outline:0;background:transparent;font-size:11px}.content{max-width:1500px;margin:auto;padding:24px 30px 35px}.date-row{margin:0 0 18px;display:flex;align-items:center;gap:8px;overflow:visible}.week-arrow{width:37px;height:37px;flex:0 0 auto;border:1px solid var(--line);border-radius:50%;background:var(--surface);display:block}.week-strip{width:100%;padding:0;grid-template-columns:repeat(7,1fr);gap:8px}.date-pill{height:54px;border-radius:15px;background:rgba(255,255,255,.35);flex-direction:row;gap:7px}.date-pill.selected{color:#fff;border-color:#1b1b19;background:#1b1b19}.date-pill.selected small{color:var(--pink)}.desktop-tools{margin-bottom:12px;display:flex;align-items:center;justify-content:space-between}.desktop-tools>div:first-child{display:flex;gap:6px}.desktop-tools button{height:36px;padding:0 12px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:9px}.desktop-tools #prevPeriod,.desktop-tools #nextPeriod{width:36px;padding:0;border-radius:50%}.desktop-tools #goToday{color:var(--muted);background:transparent}.view-tabs{padding:3px;border:1px solid var(--line);border-radius:99px}.desktop-tools .view-tabs button{min-width:61px;height:28px;border:0;background:transparent}.desktop-tools .view-tabs button.active{color:#fff;background:#1c1c1a}.calendar-scroll{overflow:auto;border-radius:19px}.weekly-board{min-width:790px;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:rgba(255,253,249,.65);display:grid;grid-template-columns:55px repeat(7,minmax(95px,1fr));position:relative}.week-corner,.week-head{height:51px;border-bottom:1px solid var(--line)}.week-head{padding:8px;border-left:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:6px}.week-head span{color:var(--muted);font-size:8px;font-weight:700}.week-head strong{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;font-size:10px}.week-head.today strong{color:#fff;background:#1b1b19}.time-label{height:76px;padding:8px 8px 0 0;color:var(--muted);border-bottom:1px solid var(--line);font-size:8px;text-align:right}.time-slot{min-height:76px;padding:4px;border-left:1px solid var(--line);border-bottom:1px solid var(--line)}.time-slot.drag-over{background:rgba(239,161,198,.16)}.week-task{min-height:65px;padding:8px;border-radius:10px;color:#1c1c1a;background:#f0ebe2;overflow:hidden}.week-task strong{display:block;font-size:9px;line-height:1.2}.week-task small{color:rgba(25,24,21,.55);font-size:7px}.week-task.dragging{opacity:.35}.task-grid{grid-template-columns:repeat(4,1fr)}.month-day{min-height:103px}.sheet{left:50%;right:auto;bottom:22px;width:min(630px,90vw);border-radius:28px;transform:translate(-50%,110%)}.sheet-layer.open .sheet{transform:translate(-50%,0)}.toast{bottom:28px}}
@media(min-width:1440px){.app{grid-template-columns:255px 1fr}.content{padding-left:38px;padding-right:38px}.weekly-board{grid-template-columns:62px repeat(7,minmax(120px,1fr))}.time-label,.time-slot{height:82px}}
.mobile-week-list{display:block}@media(min-width:1024px){.mobile-week-list{display:none}}