:root{--ink:#0c2240;--ink-2:#44566c;--ink-3:#5a6b80;--page:#f4f8fc;--surface:#fff;--line:#dce6f0;--line-2:#c5d3e1;--bell:#0b66b0;--on-bell:#fff;--bell-soft:#e1f0fc;--loud-ink:#b3153a;--ok:#14804a;--mark:#ffc21a9e;--band:#ffc21a5c;--ask:#fff4cf;--ask-ink:#4a3a05;--h-whisper:#cdebff;--h-whisper-ink:#0c2240;--h-whisper-sub:#23476b;--h-whisper-chip:#ffffff9e;--h-whisper-halo:#ffffff9e;--h-soon:#ffc21a;--h-soon-ink:#0c2240;--h-soon-sub:#3f3a14;--h-soon-chip:#ffffff8c;--h-soon-halo:#ffffffb8;--h-loud:#c2183f;--h-loud-ink:#fff;--h-loud-sub:#ffe3ea;--h-loud-chip:#ffffff29;--h-loud-halo:#ffffff29;--h-sleep:#16224f;--h-sleep-ink:#fff;--h-sleep-sub:#c4d0f2;--h-sleep-chip:#ffffff1f;--h-sleep-halo:#ffffff14;--paper:#fffefa;--paper-ink:#1c2630;--paper-line:#d9dee4;--paper-rule:#d5e2f0;--pen:#1d3f8f;--chatdoc:#a9bedd;--bub:#fff;--bub-me:#b7e889;--card-gray:#dde3ea;--scrim:#0612247a;--toast:#0c2240;--toast-ink:#fff;--toast-act:#ffc21a;--edge:#0c224033;--lift:#0c224029;--disp:"Mitr","Noto Sans Thai",system-ui,sans-serif;--body:"Anuphan","Noto Sans Thai",system-ui,-apple-system,sans-serif;--hand:"Itim","Anuphan",cursive;--gl:max(20px,env(safe-area-inset-left,0px));--gr:max(20px,env(safe-area-inset-right,0px))}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--ink:#eaf2fb;--ink-2:#afc0d4;--ink-3:#8da0b6;--page:#0a1424;--surface:#121e33;--line:#22324b;--line-2:#34475f;--bell:#74c3ff;--on-bell:#06223c;--bell-soft:#14304f;--loud-ink:#ff8fa6;--ok:#5fd49b;--ask:#3a2f0b;--ask-ink:#ffe8a3;--h-whisper:#123f69;--h-whisper-ink:#eaf6ff;--h-whisper-sub:#bfddf5;--h-whisper-chip:#ffffff1f;--h-whisper-halo:#ffffff1a;--h-soon:#f2b50f;--h-loud:#a81538;--h-sleep:#121b42;--scrim:#0009;--toast:#eaf2fb;--toast-ink:#0c2240;--toast-act:#0b66b0;--edge:#00000080;--lift:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--ink:#eaf2fb;--ink-2:#afc0d4;--ink-3:#8da0b6;--page:#0a1424;--surface:#121e33;--line:#22324b;--line-2:#34475f;--bell:#74c3ff;--on-bell:#06223c;--bell-soft:#14304f;--loud-ink:#ff8fa6;--ok:#5fd49b;--ask:#3a2f0b;--ask-ink:#ffe8a3;--h-whisper:#123f69;--h-whisper-ink:#eaf6ff;--h-whisper-sub:#bfddf5;--h-whisper-chip:#ffffff1f;--h-whisper-halo:#ffffff1a;--h-soon:#f2b50f;--h-loud:#a81538;--h-sleep:#121b42;--scrim:#0009;--toast:#eaf2fb;--toast-ink:#0c2240;--toast-act:#0b66b0;--edge:#00000080;--lift:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html,body{height:100%}body{background:var(--page);color:var(--ink);font-family:var(--body);-webkit-text-size-adjust:100%;margin:0;font-size:16px;line-height:1.55;overflow:hidden}button,input,textarea{font:inherit;color:inherit}[hidden]{display:none!important}button{cursor:pointer;text-align:inherit;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0}h1,h2,h3,h4,p,ul,dl,dd{margin:0;padding:0}ul{list-style:none}:focus-visible{outline:3px solid var(--bell);outline-offset:2px;border-radius:6px}.i{fill:none;stroke:currentColor;stroke-width:1.8px;stroke-linecap:round;stroke-linejoin:round;flex:none;display:block}#root{height:100%}.app{background:var(--page);color:var(--ink);width:100%;height:100dvh;position:relative;overflow:hidden;container:app/inline-size}.shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);height:100%;display:grid}.view{scrollbar-width:thin;outline:none;min-height:0;overflow-y:auto}.rail{display:none}.dock{background:var(--page);border-top:1px solid var(--line)}.talk{padding:8px var(--gr) 6px var(--gl);align-items:center;gap:8px;display:flex}.field{background:var(--surface);border:1px solid var(--line-2);border-radius:24px;flex:1;align-items:center;min-width:0;height:48px;display:flex;position:relative}.field-open{min-width:0;height:100%;color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;border-radius:24px;flex:1;padding-left:18px;overflow:hidden}.field input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding-left:18px}.field input::placeholder{color:var(--ink-3)}.field:focus-within{border-color:var(--bell)}.mic{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;margin-right:2px;display:grid}.cam{background:var(--bell);width:48px;height:48px;color:var(--on-bell);border-radius:50%;flex:none;place-items:center;display:grid}.listening{min-width:0;color:var(--ink);flex:1;align-items:center;gap:10px;padding-left:16px;font-weight:500;display:flex}.wave{flex:none;align-items:center;gap:3px;height:22px;display:flex}.wave i{background:var(--loud-ink);border-radius:2px;width:3px;height:100%;animation:.9s ease-in-out infinite wave;display:block}.wave i:nth-child(2){animation-delay:.15s}.wave i:nth-child(3){animation-delay:.3s}.wave i:nth-child(4){animation-delay:.45s}@keyframes wave{0%,to{transform:scaleY(.3)}50%{transform:scaleY(1)}}.mic.stop{background:var(--loud-ink);color:var(--surface)}.tabs{padding-bottom:max(4px,env(safe-area-inset-bottom,0px));grid-template-columns:repeat(4,1fr);display:grid}.tab{min-height:52px;color:var(--ink-3);flex-direction:column;justify-content:center;align-items:center;gap:1px;font-size:12.5px;line-height:1.3;display:flex;position:relative}.tab[aria-current=page]{color:var(--bell);font-weight:600}.tab[aria-current=page]:before{content:"";background:var(--bell);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:0}.badge{background:var(--loud-ink);min-width:18px;height:18px;color:var(--surface);text-align:center;border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:5px;left:calc(50% + 7px)}.hero-wrap{position:relative;overflow:hidden}.hero-wrap:after{content:"";background:var(--page);pointer-events:none;border-radius:50% 50% 0 0/100% 100% 0 0;height:33px;position:absolute;bottom:-3px;left:-8%;right:-8%}.hero{background:var(--h);color:var(--hi);padding-top:env(safe-area-inset-top,0px)}.hero[data-loud=whisper]{--h:var(--h-whisper);--hi:var(--h-whisper-ink);--hs:var(--h-whisper-sub);--hc:var(--h-whisper-chip);--halo:var(--h-whisper-halo)}.hero[data-loud=soon]{--h:var(--h-soon);--hi:var(--h-soon-ink);--hs:var(--h-soon-sub);--hc:var(--h-soon-chip);--halo:var(--h-soon-halo)}.hero[data-loud=loud]{--h:var(--h-loud);--hi:var(--h-loud-ink);--hs:var(--h-loud-sub);--hc:var(--h-loud-chip);--halo:var(--h-loud-halo)}.hero[data-loud=sleep]{--h:var(--h-sleep);--hi:var(--h-sleep-ink);--hs:var(--h-sleep-sub);--hc:var(--h-sleep-chip);--halo:var(--h-sleep-halo)}.hero.wipe{animation:.7s cubic-bezier(.3,.7,.2,1) wipe}@keyframes wipe{0%{clip-path:circle(0 at 84% 24%)}to{clip-path:circle(150% at 84% 24%)}}.hero-in{padding:12px var(--gr) 48px var(--gl);gap:12px;max-width:1040px;display:grid}.hero-top{color:var(--hs);align-items:center;gap:10px;font-size:14px;display:flex}.hero-top .clock{font-variant-numeric:tabular-nums;font-weight:600}.hero-ic{width:44px;height:44px;color:inherit;place-items:center;margin-left:auto;display:grid;position:relative}.hero-ic i{background:var(--hi);width:9px;height:9px;box-shadow:0 0 0 2px var(--h);border-radius:50%;position:absolute;top:9px;right:10px}.ava{width:44px;height:44px;color:inherit;place-items:center;display:grid}.ava span{background:var(--hc);width:34px;height:34px;color:var(--hi);border-radius:50%;place-items:center;font-weight:600;display:grid}.hero-main{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:4px;display:grid}.hello{color:var(--hs);font-size:16px;font-weight:500}.hero h1{font:500 clamp(28px,10.2cqi,40px)/1.26 var(--disp);margin-top:2px}.sung{aspect-ratio:1;place-items:center;width:clamp(84px,27cqi,112px);display:grid;position:relative}.sung:before{content:"";background:var(--halo);border-radius:50%;position:absolute;inset:4%}.sung img{transform-origin:50% 6%;width:auto;max-width:82%;height:auto;max-height:88%;display:block;position:relative}.sung.ring img{animation:.95s ease-out ring}@keyframes ring{0%{rotate:0deg}18%{rotate:-11deg}38%{rotate:9deg}58%{rotate:-6deg}78%{rotate:3deg}to{rotate:0deg}}.sub{color:var(--hs);font-size:16.5px;line-height:1.5}.bring-row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bring-row>span{color:var(--hs);width:100%;font-size:14px}.bring{background:var(--hc);border-radius:22px;align-items:center;gap:8px;min-height:44px;padding:0 14px 0 10px;font-weight:500;display:flex}.bring .box{border:2px solid;border-radius:50%;place-items:center;width:22px;height:22px;display:grid}.bring .box svg{opacity:0}.bring[aria-pressed=true] .box{background:var(--hi);border-color:var(--hi);color:var(--h)}.bring[aria-pressed=true] .box svg{opacity:1}.hero-acts{flex-wrap:wrap;gap:8px;display:flex}.big{border-radius:25px;justify-content:center;align-items:center;gap:8px;min-height:50px;padding:0 20px;font-weight:600;display:flex}.big.on-hero{background:var(--hi);color:var(--h);flex:130px;padding-inline:12px}.big.ghost-hero{background:var(--hc);color:var(--hi);white-space:nowrap;flex:130px;padding-inline:12px}.big.primary{background:var(--bell);color:var(--on-bell)}.big.quiet{background:var(--bell-soft);color:var(--bell)}.slip{background:var(--surface);width:100%;min-height:68px;color:var(--ink);box-shadow:0 1px 2px var(--edge);border-radius:10px;align-items:center;gap:12px;padding:8px 12px 8px 14px;display:flex}.slip .thumb{margin-block:-14px -2px;rotate:-3deg}.slip b{font-weight:600;line-height:1.35;display:block}.slip small{color:var(--ink-2);font-size:13.5px;line-height:1.4;display:block}.slip>span:last-child{min-width:0}.slip-body{flex:1;min-width:0}.thumb{width:var(--w);height:var(--h);background:var(--paper);box-shadow:0 1px 3px var(--edge);border-radius:3px;flex:none;display:block;position:relative;overflow:hidden}.thumb .doc{width:280px;min-height:400px;transform:scale(var(--s));transform-origin:0 0;pointer-events:none;position:absolute;top:0;left:0}.doc{background:var(--paper);color:var(--paper-ink);font:400 13.5px/1.55 var(--body);width:100%;padding:18px 16px}.doc h4{font:600 15.5px/1.35 var(--body)}.doc p{margin-top:6px}.doc .doc-sub{color:var(--paper-ink);opacity:.72;margin-top:0;font-size:12.5px}.doc table{border-collapse:collapse;width:100%;margin-top:10px;font-size:12.5px}.doc th,.doc td{border:1px solid var(--paper-line);text-align:left;padding:4px 5px;font-weight:400}.doc th{font-weight:600}.doc mark{color:inherit;background:linear-gradient(var(--mark),var(--mark)) no-repeat 0 62%/100% 76%;padding:0 1px;transition:background-size .34s ease-out}.reading .doc mark:not(.on){background-size:0 76%}.doc-note{font-family:var(--hand);color:var(--pen);background-image:repeating-linear-gradient(transparent 0 24px,var(--paper-rule) 24px 25px);padding-top:12px;font-size:15.5px;line-height:25px}.doc-note h4{font:400 18px/25px var(--hand)}.doc-note p{margin:0}.doc-chat{background:var(--chatdoc);min-height:300px;font-size:13px}.doc-chat h4{font:600 13px/1.4 var(--body);text-align:center;margin-bottom:10px}.bub{background:var(--bub);border-radius:12px;width:fit-content;max-width:86%;margin-top:6px;padding:6px 10px}.bub small{opacity:.7;font-size:11px;display:block}.bub.me{background:var(--bub-me);margin-left:auto}.doc-bar{background:repeating-linear-gradient(90deg,var(--paper-ink) 0 2px,transparent 2px 4px,var(--paper-ink) 4px 5px,transparent 5px 9px);height:30px;margin-top:12px}.doc-photo{background:var(--card-gray);float:right;border-radius:3px;width:64px;height:78px;margin-left:10px}.doc-video{background:var(--card-gray);border-radius:3px;place-items:center;height:120px;margin-bottom:10px;display:grid}.doc-video i{border-left:22px solid var(--paper-ink);border-top:13px solid #0000;border-bottom:13px solid #0000;width:0;height:0;display:block}.today-grid{grid-template-columns:minmax(0,1fr);display:grid}.sec{padding:0 var(--gr) 22px var(--gl)}.sec-week{display:none}.sec-head{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:2px;display:flex}.sec-head h2{font:500 19px/1.4 var(--disp)}.sec-head span{color:var(--ink-3);font-size:14px}.row{border-bottom:1px solid var(--line);align-items:center;gap:6px;min-height:60px;display:flex}.row:last-child{border-bottom:0}.tick{width:44px;height:44px;color:var(--line-2);flex:none;place-items:center;margin-left:-8px;display:grid}.tick span{border:2px solid var(--ink-3);border-radius:50%;place-items:center;width:26px;height:26px;transition:background .18s,border-color .18s;display:grid}.tick svg{opacity:0;color:var(--on-bell)}.tick[aria-pressed=true] span{background:var(--bell);border-color:var(--bell)}.tick[aria-pressed=true] svg{opacity:1}.row-body{flex:1;width:100%;min-width:0;padding:9px 0;display:block}.row-body b{font-weight:500;line-height:1.4;display:block}.row-body small{color:var(--ink-3);font-size:13.5px;line-height:1.4;display:block}.row-body small.late{color:var(--loud-ink);font-weight:600}.row.done b{color:var(--ink-3);text-decoration:line-through}.row .thumb{margin-right:4px;rotate:2deg}.more{width:100%;min-height:52px;color:var(--bell);justify-content:space-between;align-items:center;gap:8px;font-weight:500;display:flex}.more svg{transition:transform .2s}.more[aria-expanded=true] svg{transform:rotate(180deg)}.more-list{padding-bottom:6px}.day-mini{text-align:center;flex:none;width:44px;line-height:1.15}.day-mini b{font:500 19px/1.2 var(--disp);font-variant-numeric:tabular-nums;display:block}.day-mini small{color:var(--ink-3);font-size:12.5px}.steps{padding:6px var(--gr) 24px var(--gl);gap:14px;display:grid}.steps li{align-items:baseline;gap:12px;display:flex}.steps b{font:500 22px/1.2 var(--disp);color:var(--bell);flex:none;width:22px}.steps span{display:block}.steps small{color:var(--ink-3);font-size:14px;display:block}.page{padding:4px var(--gr) 24px var(--gl);max-width:860px;margin-inline:auto}.group{margin-top:18px}.page>.group:first-child{margin-top:10px}.group-head{justify-content:space-between;align-items:center;gap:12px;min-height:44px;display:flex}.group h2,.group-head h2{font:500 17px/1.4 var(--disp);color:var(--ink)}.hero-wrap.mini:after{height:22px}.hero-wrap.mini .hero-in{padding:10px var(--gr) 34px var(--gl);grid-template-columns:minmax(0,1fr);gap:8px}.hero-wrap.mini h1{font-size:clamp(24px,8cqi,30px)}.hero-wrap.mini .hello{font-size:14.5px}.hero-wrap.mini .sung{width:64px}.hero-wrap.mini .sub{font-size:15px}.ov .hero-wrap.mini .hero-main{padding-right:40px}.ov .hero-wrap:after{background:var(--surface)}.ov .hero-wrap.mini h1{font-size:clamp(22px,7cqi,26px)}.ov-scroll{flex:1;min-height:0;overflow-y:auto}.close-float{z-index:2;background:var(--surface);box-shadow:0 1px 3px var(--edge);color:var(--ink);position:absolute;top:8px;right:8px}.group h2{font:500 16px/1.4 var(--disp);color:var(--ink-2)}.group.late h2{color:var(--loud-ink)}.cal-grid{gap:18px;display:grid}.dow,.month{grid-template-columns:repeat(7,minmax(0,1fr));display:grid}.dow span{text-align:center;color:var(--ink-3);padding-bottom:4px;font-size:13px}.month{row-gap:3px}.day{font-variant-numeric:tabular-nums;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:50px;display:flex}.day .num{border-radius:50%;place-items:center;width:32px;height:32px;font-weight:500;display:grid}.day.today .num{box-shadow:inset 0 0 0 2px var(--bell);color:var(--bell);font-weight:700}.day.in{background:var(--band)}.day.start{border-radius:14px 0 0 14px}.day.end{border-radius:0 14px 14px 0}.day.start.end{border-radius:14px}.day.only{background:0 0}.day.only .num,.day.start .num,.day.end .num{background:var(--bell);color:var(--on-bell);box-shadow:none}.dots{gap:3px;height:6px;display:flex}.dots i{background:var(--bell);border-radius:50%;width:5px;height:5px}.dots i.due{background:var(--loud-ink)}.hint{color:var(--ink-3);min-height:22px;margin-top:6px;font-size:14px}.link{color:var(--bell);align-items:center;min-height:44px;font-weight:600;display:inline-flex}.day-group{margin-top:12px}.day-group h3{font:500 15px/1.4 var(--disp);color:var(--ink-2)}.t-mini{font-variant-numeric:tabular-nums;width:48px;color:var(--ink-2);flex:none;font-size:14px;font-weight:600}.search{background:var(--surface);border:1px solid var(--line-2);height:50px;color:var(--ink-3);border-radius:25px;align-items:center;gap:8px;padding:0 16px;display:flex}.search:focus-within{border-color:var(--bell)}.search input{min-width:0;height:100%;color:var(--ink);background:0 0;border:0;outline:none;flex:1}.search input::placeholder{color:var(--ink-3)}.search input::-webkit-search-cancel-button{display:none}.hero .search{border-color:#0000}.search-x{width:44px;height:44px;color:var(--ink-2);flex:none;place-items:center;margin-right:-12px;display:grid}.hero .chip{background:var(--hc);color:var(--hi)}.hero-chips{align-items:center;padding:2px 0 0}.hero-chips span{color:var(--hs);flex:none;font-size:13.5px}.chips{scrollbar-width:none;margin-right:calc(var(--gr) * -1);padding:10px 0 4px;padding-right:var(--gr);gap:6px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chip{background:var(--bell-soft);min-height:38px;color:var(--bell);white-space:nowrap;border-radius:19px;flex:none;padding:0 13px;font-size:14.5px;font-weight:500}.row-body mark{background:var(--mark);color:inherit}.picks{scroll-snap-type:x proximity;scroll-padding-inline:var(--gl) var(--gr);padding:8px var(--gr) 6px var(--gl);margin-left:calc(var(--gl) * -1);margin-right:calc(var(--gr) * -1);scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.picks::-webkit-scrollbar{display:none}.pick{scroll-snap-align:start;flex:none;width:112px;display:block}.pick .thumb{margin-bottom:9px}.pick:nth-child(odd) .thumb{rotate:-1.6deg}.pick:nth-child(2n) .thumb{rotate:1.2deg}.pick b{font-size:14px;font-weight:500;line-height:1.35;display:block}.pick small{color:var(--ink-3);margin-top:1px;font-size:13px;line-height:1.35;display:block}.pick small.hot{color:var(--loud-ink);font-weight:600}.areas{grid-template-columns:minmax(0,1fr);display:grid}.area{border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:68px;padding:8px 0;display:flex}.area-text{flex:1;min-width:0}.area b{font-weight:500;line-height:1.4;display:block}.area small{color:var(--ink-3);font-size:13.5px;line-height:1.4;display:block}.area .n{color:var(--ink-3);font-variant-numeric:tabular-nums;flex:none;font-size:14px}.area-art{flex:none;place-items:center;width:50px;height:52px;display:grid;position:relative}.area-art .thumb{position:absolute}.area-art .thumb:first-child{top:4px;left:1px;rotate:-9deg}.area-art .thumb:nth-child(2){top:2px;left:11px;rotate:7deg}.area-art .thumb:nth-child(3){top:5px;left:6px;rotate:-1deg}.area-ic{background:var(--bell-soft);width:44px;height:44px;color:var(--bell);border-radius:50%;place-items:center;display:grid}.empty{color:var(--ink-2);padding:22px 0}.lvl{flex:none;place-items:center;width:30px;display:grid}.lvl i{border-radius:50%;width:13px;height:13px;display:block}.lvl[data-l=whisper] i{background:var(--h-whisper);box-shadow:inset 0 0 0 1.5px var(--bell)}.lvl[data-l=soon] i{background:var(--h-soon)}.lvl[data-l=loud] i{background:var(--h-loud)}.rem-ok,.rem-wait{flex:none;font-size:13px;font-weight:600}.rem-ok{color:var(--ok)}.rem-wait{color:var(--loud-ink)}.set-row{border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:58px;padding:8px 0;display:flex}.set-row>span:first-child{flex:1;min-width:0}.set-row small{color:var(--ink-3);font-size:13.5px;line-height:1.4;display:block}.set-row .val{color:var(--ink-2);flex:none;font-weight:500}.switch{background:var(--line-2);border-radius:16px;flex:none;width:52px;height:32px;transition:background .15s;position:relative}.switch:after{content:"";background:var(--surface);width:26px;height:26px;box-shadow:0 1px 2px var(--edge);border-radius:50%;transition:transform .15s;position:absolute;top:3px;left:3px}[aria-checked=true]>.switch{background:var(--bell)}[aria-checked=true]>.switch:after{transform:translate(20px)}.pseg{background:var(--bell-soft);border-radius:12px;gap:2px;margin-top:6px;padding:3px;display:flex}.pseg button{min-height:44px;color:var(--bell);text-align:center;border-radius:9px;flex:1;font-weight:500}.pseg button[aria-pressed=true]{background:var(--bell);color:var(--on-bell);font-weight:600}.swatches{flex-wrap:wrap;gap:2px;margin-top:8px;display:flex}.swatch{border-radius:50%;place-items:center;width:44px;height:44px;display:grid}.swatch span{background:var(--c);border-radius:50%;width:28px;height:28px}.swatch[aria-pressed=true]{box-shadow:inset 0 0 0 2px var(--ink)}.note{color:var(--ink-2);margin-top:6px;font-size:14.5px}.inp{border:1px solid var(--line-2);background:var(--surface);width:100%;min-width:0;height:48px;color:var(--ink);border-radius:10px;padding:0 12px}.inp:focus{border-color:var(--bell);outline:none}.inp-time{flex:none;width:auto;height:44px}.amt{font-variant-numeric:tabular-nums;white-space:nowrap;flex:none;font-weight:600}.amt.in{color:var(--ok)}.money-form{grid-template-columns:104px minmax(0,1fr);gap:8px;margin-top:8px;display:grid}.money-form .big{width:100%;min-height:46px;padding:0 8px}.mtable-wrap{margin-top:6px;overflow-x:auto}.mtable{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%}.mtable th,.mtable td{text-align:right;border-bottom:1px solid var(--line);padding:9px 4px;font-weight:400}.mtable th{color:var(--ink-3);font-size:13.5px}.mtable th:first-child,.mtable td:first-child{text-align:left}.mtable tr:last-child td{font-weight:600}.minus{color:var(--loud-ink)}.person{background:var(--bell-soft);width:44px;height:44px;color:var(--bell);border-radius:50%;flex:none;place-items:center;margin-right:6px;font-weight:600;display:grid}.moods{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;margin-top:6px;display:grid}.mood{min-height:76px;color:var(--ink-2);border-radius:14px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.mood[aria-pressed=true]{background:var(--bell);color:var(--on-bell);font-weight:600}.week{text-align:center;color:var(--ink-3);grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;margin-top:8px;font-size:13px;display:grid}.week span{justify-items:center;gap:3px;display:grid}.week svg{color:var(--bell)}.inline-add{gap:8px;margin-top:8px;display:flex}.inline-add .big{flex:none;min-height:48px}.fields input{height:40px}.scrim{background:var(--scrim);z-index:30;animation:.18s fade;position:absolute;inset:0}.ov{z-index:31;background:var(--surface);color:var(--ink);flex-direction:column;min-height:0;display:flex;position:absolute}.ov-sheet{border-radius:28px 28px 0 0;max-height:90%;animation:.28s cubic-bezier(.2,.8,.2,1) rise;bottom:0;left:0;right:0}.ov-page{animation:.3s cubic-bezier(.2,.8,.2,1) rise;inset:0}@keyframes fade{0%{opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(40px)}}@keyframes slide{0%{opacity:0;transform:translate(40px)}}.ov-head{padding:10px 10px 6px var(--gl);flex:none;align-items:center;gap:10px;display:flex}.ov-head h2{min-width:0;font:500 20px/1.35 var(--disp);flex:1}.close{width:44px;height:44px;color:var(--ink-2);border-radius:50%;flex:none;place-items:center;display:grid}.ov-body{padding:4px var(--gr) 24px var(--gl);flex:1;min-height:0;overflow-y:auto}.cap-main{grid-template-columns:1.25fr 1fr;gap:8px;display:grid}.cap{border-radius:18px;flex-direction:column;justify-content:space-between;gap:6px;min-height:118px;padding:14px;font-weight:600;line-height:1.3;display:flex}.cap small{margin-top:2px;font-size:13px;font-weight:400;line-height:1.35;display:block}.cap.a{background:var(--bell);color:var(--on-bell)}.cap.b{background:var(--bell-soft);color:var(--bell)}.list-btn{border-bottom:1px solid var(--line);align-items:center;gap:12px;width:100%;min-height:56px;padding:8px 0;display:flex}.list-btn:last-child{border-bottom:0}.list-btn svg{color:var(--bell)}.list-btn small{color:var(--ink-3);font-size:13.5px;line-height:1.35;display:block}.paper-box{width:min(300px,100%);box-shadow:0 12px 30px var(--lift);flex:none;position:relative;overflow:hidden;rotate:-1deg}.ask{background:var(--ask);color:var(--ask-ink);border-radius:12px;margin-top:10px;padding:10px 12px}.ask p{font-weight:500}.ask-btns{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}.ask-btn{background:var(--surface);min-height:44px;color:var(--ink);box-shadow:inset 0 0 0 1px var(--line-2);border-radius:22px;padding:0 14px;font-weight:500}.ask-btn[aria-pressed=true]{background:var(--bell);color:var(--on-bell);box-shadow:none}.remind-line{color:var(--ink-2);margin-top:10px;font-size:14.5px}.read-acts{gap:8px;margin-top:12px;display:flex}.read-acts .big{flex:1}.detail-paper{background:var(--bell-soft);margin:0 calc(var(--gr) * -1) 14px calc(var(--gl) * -1);justify-content:center;padding:18px 20px;display:flex}.detail-paper .paper-box{box-shadow:0 8px 22px var(--lift)}.detail h3{font:500 17px/1.4 var(--disp);margin-top:18px}.saved{color:var(--ink-3);font-size:14px}.fields{margin-top:4px}.fields div{border-bottom:1px solid var(--line);grid-template-columns:96px minmax(0,1fr);gap:10px;padding:8px 0;display:grid}.fields dt{color:var(--ink-3);font-size:14px}.fields dd{font-weight:500}.tl{gap:0;margin-top:6px;display:grid}.tl li{grid-template-columns:18px minmax(0,1fr);gap:10px;padding:6px 0;display:grid;position:relative}.tl li:before{content:"";border:2px solid var(--bell);background:var(--surface);border-radius:50%;width:12px;height:12px;margin:6px 0 0 3px}.tl li.past:before{background:var(--bell)}.tl li small{color:var(--ink-3);font-size:13.5px;display:block}.photos{flex-wrap:wrap;gap:10px;margin-top:8px;display:flex}.add-photo{border:2px dashed var(--line-2);width:66px;height:88px;color:var(--bell);border-radius:4px;place-items:center;display:grid}.toast{z-index:50;background:var(--toast);color:var(--toast-ink);width:max-content;max-width:calc(100% - 32px);box-shadow:0 8px 24px var(--lift);border-radius:22px;align-items:center;gap:14px;padding:9px 16px;font-size:14.5px;animation:.22s rise;display:flex;position:absolute;bottom:136px;left:50%;transform:translate(-50%)}.toast button{color:var(--toast-act);min-height:28px;font-weight:700}.rail-logo{font:600 19px/1.2 var(--disp);color:var(--bell);align-items:center;gap:8px;padding:4px 10px 16px;display:flex}.rail-logo img{object-fit:contain;width:30px;height:30px}.rail-add{background:var(--bell);width:100%;min-height:46px;color:var(--on-bell);border-radius:23px;align-items:center;gap:8px;margin-bottom:14px;padding:0 14px;font-weight:600;display:flex}.rail-add kbd{font:500 12px/1 var(--body);background:#fff3;border-radius:6px;margin-left:auto;padding:4px 6px}.rail-link{width:100%;min-height:46px;color:var(--ink-2);border-radius:12px;align-items:center;gap:10px;padding:0 12px;font-weight:500;display:flex}.rail-link:hover{background:var(--page)}.rail-link[aria-current=page]{background:var(--bell-soft);color:var(--bell);font-weight:600}.rail-link .count{color:var(--surface);background:var(--loud-ink);text-align:center;border-radius:9px;min-width:20px;margin-left:auto;padding:0 5px;font-size:12px;font-weight:700}.rail-foot{gap:2px;margin-top:auto;display:grid}@container app (width>=900px){.shell{grid-template-rows:minmax(0,1fr) auto;grid-template-columns:232px minmax(0,1fr)}.rail{background:var(--surface);border-right:1px solid var(--line);flex-direction:column;grid-row:1/3;padding:18px 12px;display:flex}.view{grid-column:2}.dock{background:0 0;border-top:0;grid-column:2;padding-bottom:10px}.tabs{display:none}.talk{max-width:680px;margin-inline:auto;padding-inline:20px}.toast{bottom:84px}.hero-wrap:after{height:52px}.hero-in{grid-template-columns:minmax(0,1fr) minmax(0,340px);align-items:start;column-gap:40px;margin-inline:auto;padding:22px 48px 80px}.hero-top,.hero-main{grid-column:1/-1}.hero-main{grid-template-columns:minmax(0,1fr) auto}.hero h1{font-size:62px;line-height:1.22}.hello{font-size:19px}.sub{grid-column:1;font-size:19px}.sung{width:176px}.bring-row,.hero-acts{grid-column:1}.slip-hero{grid-area:3/2/5;align-self:center}.today-grid{grid-template-columns:minmax(0,1fr) 340px;gap:36px;max-width:1040px;margin-inline:auto;padding-inline:48px}.sec{padding-inline:0}.sec-week{display:block}.steps{max-width:640px;margin-inline:auto;padding-inline:48px}.page{padding-inline:40px;padding-top:26px}.cal-grid{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:40px}.day{min-height:62px}.areas{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}.hero-wrap.mini:after{height:28px}.hero-wrap.mini .hero-in{max-width:860px;padding:18px 40px 44px}.hero-wrap.mini h1{font-size:36px}.hero-wrap.mini .hello{font-size:15.5px}.hero-wrap.mini .sung{width:84px}.ov .hero-wrap.mini .hero-in{padding-inline:24px}.ov .hero-wrap.mini h1{font-size:28px}.ov .hero-wrap.mini .sung{width:64px}.ov .page{padding-inline:24px}.ov-sheet{border-radius:22px;width:480px;max-height:90%;animation:.18s fade;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.ov-page{width:500px;box-shadow:-16px 0 40px var(--lift);animation:.26s cubic-bezier(.2,.8,.2,1) slide;left:auto}.paper-box{width:340px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}.thumb-img{object-fit:cover;width:100%;height:100%;display:block}.paper-box .thumb-img{height:auto}.thumb-btn{display:block}.thumb-btn[aria-pressed=true]{outline:3px solid var(--bell);outline-offset:2px}.doc-file{text-align:center;color:var(--paper-ink);justify-items:center;gap:8px;padding:40px 16px;display:grid}.first-note{margin:0 0 10px}.sample-note{padding:2px var(--gr) 0 var(--gl);color:var(--ink-2);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:0 12px;max-width:1040px;margin-inline:auto;font-size:14px;display:flex}.month-nav{align-items:center;gap:6px;display:flex}.month-nav button:not(.chip){background:var(--hc);width:44px;height:44px;color:var(--hi);border-radius:50%;place-items:center;display:grid}.hero .chip{min-height:44px}.item-form{gap:12px;margin-top:12px;display:grid}.form-row{color:var(--ink-2);gap:4px;min-width:0;font-size:14px;display:grid}.form-row .inp{color:var(--ink);font-size:16px}.form-two{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8px;display:grid}.cat-chips{flex-wrap:wrap;margin:0;padding:2px 0;overflow:visible}.inp-area{resize:vertical;height:auto;padding:10px 12px;line-height:1.5;display:block}.chip[aria-pressed=true]{background:var(--bell);color:var(--on-bell)}.link.danger{color:var(--loud-ink)}.form-wide{grid-column:1/-1}.mood-none{border:1.5px dashed var(--line-2);border-radius:50%;width:24px;height:24px;display:block}.close-float{top:calc(8px + env(safe-area-inset-top,0px))}@container app (width>=900px){.sample-note{padding-inline:48px;padding-top:6px}}