[data-theme=mint]{--h: 160}[data-theme=peach]{--h: 22}[data-theme=lavender]{--h: 265}[data-theme=sky]{--h: 200}[data-theme=sakura]{--h: 335}:root[data-mode=light]{color-scheme:light;--bg: hsl(var(--h) 45% 96%);--card: hsl(var(--h) 40% 99%);--ink: hsl(var(--h) 25% 16%);--muted: hsl(var(--h) 12% 38%);--accent: hsl(var(--h) 48% 34%);--accent-soft: hsl(var(--h) 55% 87%);--line: hsl(var(--h) 25% 85%);--on-accent: #fff}:root[data-mode=dark]{color-scheme:dark;--bg: hsl(var(--h) 18% 9%);--card: hsl(var(--h) 16% 14%);--ink: hsl(var(--h) 20% 92%);--muted: hsl(var(--h) 10% 68%);--accent: hsl(var(--h) 50% 62%);--accent-soft: hsl(var(--h) 28% 24%);--line: hsl(var(--h) 14% 24%);--on-accent: hsl(var(--h) 30% 8%)}*{box-sizing:border-box}html,body,#root{min-height:100%}body{margin:0;background:var(--bg);color:var(--ink);font-family:Noto Sans Thai,system-ui,sans-serif;font-size:calc(16px * var(--text-scale, 1) * var(--page-scale, 1));line-height:1.6;overflow-x:hidden}h1,h2,h3{font-family:Mali,Noto Sans Thai,sans-serif;margin:0;line-height:1.35}button{font:inherit;color:inherit;cursor:pointer}:focus-visible{outline:3px solid var(--accent);outline-offset:2px}.emoji{line-height:1;display:inline-block}.muted{color:var(--muted);margin:6px 0 0}.shell{min-height:100dvh;display:grid;grid-template-columns:224px minmax(0,1fr)}.side{position:sticky;top:0;height:100dvh;padding:18px 12px;background:var(--card);border-right:2px solid var(--line);display:flex;flex-direction:column;gap:14px}.brand{display:flex;align-items:center;gap:10px;font-family:Mali,sans-serif;font-size:calc(18px * var(--text-scale, 1) * var(--page-scale, 1));padding:0 6px}.side nav{display:flex;flex-direction:column;gap:6px}.nav{display:flex;align-items:center;gap:12px;padding:10px 14px;background:transparent;border:2px solid transparent;border-radius:18px;text-align:left}.nav:hover{background:var(--accent-soft)}.nav.on{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.main{min-width:0;padding-bottom:24px}.top{padding:22px 24px 4px}.top h1{font-size:calc(24px * var(--text-scale, 1) * var(--page-scale, 1))}.content{padding:14px 24px;max-width:920px}.card{background:var(--card);border:2px solid var(--line);border-radius:22px;padding:16px 18px}.card h3{font-size:calc(17px * var(--text-scale, 1) * var(--page-scale, 1));margin-bottom:10px}.state{margin:0;font-weight:700}.stack{display:flex;flex-direction:column;gap:14px}.hero{display:flex;align-items:center;gap:16px;padding:14px 18px;margin-bottom:16px;background:var(--accent-soft);border-radius:28px}.hero-text{min-width:0}.hero h2{font-size:calc(24px * var(--text-scale, 1) * var(--page-scale, 1))}.hero p{margin:2px 0 0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.tile{display:flex;flex-direction:column;align-items:center;gap:6px;padding:16px 8px;background:var(--card);border:2px solid var(--line);border-radius:22px;font-weight:500}.tile:hover{border-color:var(--accent);background:var(--accent-soft)}.seg{display:flex;flex-wrap:wrap;gap:8px}.seg button{padding:8px 16px;border-radius:999px;border:2px solid var(--line);background:var(--card)}.seg button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.preview{display:flex;flex-wrap:wrap;gap:14px;margin-top:14px;color:var(--accent)}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px}.sw{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:16px;border:2px solid var(--line);background:var(--card)}.sw.on{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.dot{width:20px;height:20px;border-radius:50%;background:hsl(var(--h) 55% 55%);flex:none}.btn{padding:10px 18px;border-radius:999px;border:2px solid var(--accent);background:var(--accent);color:var(--on-accent);font-weight:700}.tablewrap{max-width:100%;overflow-x:auto}.tabs,.mobile-pages{display:none}@media (max-width: 760px){.shell{grid-template-columns:minmax(0,1fr)}.side{display:none}.main{padding-bottom:calc(76px + env(safe-area-inset-bottom))}.top{padding:16px 14px 2px}.top h1{font-size:calc(21px * var(--text-scale, 1) * var(--page-scale, 1))}.content{padding:12px 14px}.hero h2{font-size:calc(21px * var(--text-scale, 1) * var(--page-scale, 1))}.tabs{display:grid;grid-template-columns:minmax(0,1fr);position:fixed;left:0;right:0;bottom:0;z-index:5;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--card);border-top:2px solid var(--line)}.tabs button{display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0;padding:4px 0;border:0;background:transparent;border-radius:14px;font-size:calc(11px * var(--text-scale, 1) * var(--page-scale, 1));line-height:1.3}.tabs button span{white-space:normal;overflow-wrap:anywhere}.tabs .mobile-menu-toggle{flex-direction:row;justify-content:center;gap:10px;font-size:calc(16px * var(--text-scale, 1) * var(--page-scale, 1))}.mobile-pages{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;position:fixed;z-index:6;left:max(10px,env(safe-area-inset-left));right:max(10px,env(safe-area-inset-right));bottom:calc(76px + env(safe-area-inset-bottom));max-height:65dvh;overflow-y:auto;padding:12px;border:2px solid var(--line);border-radius:20px;background:var(--card);box-shadow:0 6px 24px #0003}.mobile-pages button{min-width:0;min-height:76px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 4px;border:2px solid var(--line);border-radius:14px;background:var(--card);white-space:normal;overflow-wrap:anywhere}.mobile-pages button.on{background:var(--accent-soft);border-color:var(--accent)}.tabs button.on{background:var(--accent-soft);color:var(--accent);font-weight:700}}@media (prefers-reduced-motion: reduce){*{transition:none!important;animation:none!important}}.center-screen{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:24px;text-align:center}.login-card{width:100%;max-width:380px;background:var(--card);border:2px solid var(--line);border-radius:28px;padding:26px 22px;display:flex;flex-direction:column;align-items:center;gap:10px}.login-card h1,.login-card h2{font-size:calc(24px * var(--text-scale, 1) * var(--page-scale, 1))}.login-card .field{width:100%;text-align:left}.tiny{font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1));color:var(--muted);margin:4px 0 0}.btn.big{padding:14px 22px;font-size:calc(17px * var(--text-scale, 1) * var(--page-scale, 1));width:100%}.btn.small{padding:6px 14px;font-size:calc(14px * var(--text-scale, 1) * var(--page-scale, 1))}.btn.ghost{background:transparent;color:var(--accent)}.btn.danger{background:transparent;color:#c0392b;border-color:#c0392b}:root[data-mode=dark] .btn.danger{color:#ff8a7a;border-color:#ff8a7a}.btn:disabled{opacity:.5;cursor:not-allowed}label.btn{display:inline-block}.err-text{color:#c0392b}:root[data-mode=dark] .err-text{color:#ff8a7a}.good-text{color:var(--accent)}.link{background:none;border:0;color:var(--accent);text-decoration:underline;padding:0;font-size:calc(14px * var(--text-scale, 1) * var(--page-scale, 1))}input,select,textarea{font:inherit;color:var(--ink);background:var(--card);border:2px solid var(--line);border-radius:14px;padding:8px 12px;min-width:0;max-width:100%;width:100%}input[type=checkbox],input[type=radio]{width:auto}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}.field{display:flex;flex-direction:column;gap:4px;margin-bottom:12px;min-width:0}.lbl{font-size:calc(13px * var(--text-scale, 1) * var(--page-scale, 1));color:var(--muted);margin:8px 0 4px;font-weight:500}.hint{font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1));color:var(--muted)}.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.two3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.add-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:6px 0}.add-row input,.add-row select{flex:1 1 130px;width:auto}.add-row .btn{flex:0 0 auto}.inv-row input:first-child{flex:2 1 160px}.row-between{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}.btn-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:10px}.grow{flex:1 1 auto;min-width:0}.center{text-align:center}.top{display:flex;align-items:center;justify-content:space-between;gap:10px}.top h1{min-width:0;overflow-wrap:anywhere}.top-actions{display:flex;align-items:center;gap:8px;flex:none}.icon-btn{background:var(--card);border:2px solid var(--line);border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-size:calc(18px * var(--text-scale, 1) * var(--page-scale, 1))}.quota-btn{display:flex;align-items:center;gap:4px;background:var(--card);border:2px solid var(--line);border-radius:999px;padding:2px 10px 2px 4px;font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1));font-weight:700}.quota-btn.green{color:#2f9e5b}.quota-btn.yellow{color:#d49a00}.quota-btn.red{color:#d64545}.alert{width:100%;text-align:left;border-radius:18px;padding:10px 14px;border:2px solid;background:var(--card);font-size:calc(14px * var(--text-scale, 1) * var(--page-scale, 1))}.alert.yellow{border-color:#d49a00}.alert.red{border-color:#d64545}.lock{margin-left:auto;font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1))}.list{display:flex;flex-direction:column;gap:8px}.item{display:flex;align-items:center;gap:10px;width:100%;padding:12px 14px;text-align:left;background:var(--card);border:2px solid var(--line);border-radius:20px}button.item:hover,.item.sel{border-color:var(--accent);background:var(--accent-soft)}.item.static{cursor:default}.item.done .grow,.item.done b{text-decoration:line-through;opacity:.6}.item-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:2px}.item-main>.grow{display:block}.item .item-main{flex-direction:column}.item .item-main:has(>.grow){flex-direction:row;align-items:center;flex-wrap:wrap;gap:8px}.clip{white-space:normal;overflow-wrap:anywhere}.empty{text-align:center;padding:28px 12px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:6px}.empty p{margin:0}.spin{animation:spin 1.5s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1));font-weight:700;background:var(--accent-soft);color:var(--ink);white-space:nowrap;flex:none}.badge.ok{background:#c6ecd9;color:#14532d}.badge.yellow{background:#ffe9a8;color:#5c4300}.badge.red{background:#ffc9c4;color:#6b1a12}:root[data-mode=dark] .badge.ok{background:#1d4a33;color:#b8f2d0}:root[data-mode=dark] .badge.yellow{background:#5a4600;color:#ffe9a8}:root[data-mode=dark] .badge.red{background:#6b1a12;color:#ffd2cc}.subtabs{display:flex;gap:6px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.subtabs button{flex:none;padding:7px 14px;border-radius:999px;border:2px solid var(--line);background:var(--card);font-size:calc(14px * var(--text-scale, 1) * var(--page-scale, 1))}.subtabs button.on{background:var(--accent);border-color:var(--accent);color:var(--on-accent);font-weight:700}.chips{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:5px 12px;border-radius:999px;border:2px solid var(--line);background:var(--card);font-size:calc(13px * var(--text-scale, 1) * var(--page-scale, 1))}.chip.on{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.big-seg button{flex:1 1 0;padding:10px;font-size:calc(16px * var(--text-scale, 1) * var(--page-scale, 1))}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(100px,1fr));gap:10px}.stat{background:var(--card);border:2px solid var(--line);border-radius:20px;padding:10px 12px;display:flex;flex-direction:column;min-width:0}.stat b{font-size:calc(18px * var(--text-scale, 1) * var(--page-scale, 1));overflow-wrap:anywhere}.stat span{font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1));color:var(--muted)}.stat.good b{color:var(--accent)}.stat.bad b{color:#d64545}.tot{background:var(--accent-soft);border-color:var(--accent-soft);padding:10px 14px}.dot2{display:inline-block;width:10px;height:10px;border-radius:50%;margin:0 4px 0 10px;vertical-align:middle}.chart{width:100%;height:auto;max-height:220px}.bar{height:10px;background:var(--line);border-radius:999px;overflow:hidden;margin:6px 0}.bar i{display:block;height:100%;border-radius:999px;background:var(--accent);transition:width .3s}.bar i.yellow{background:#e6b422}.bar i.red{background:#d64545}.bar i.green{background:var(--accent)}.budget{margin-bottom:10px}.quota-row{padding:8px 0;border-top:1px solid var(--line)}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;background:#00000073;display:flex;align-items:center;justify-content:center;padding:12px}.modal{width:100%;max-width:520px;max-height:92dvh;display:flex;flex-direction:column;background:var(--card);border-radius:24px;border:2px solid var(--line);outline:none}.modal.small{max-width:400px}.modal-head{display:flex;justify-content:space-between;align-items:center;padding:14px 18px 4px}.modal-head h3{font-size:calc(18px * var(--text-scale, 1) * var(--page-scale, 1))}.x{background:none;border:0;font-size:calc(18px * var(--text-scale, 1) * var(--page-scale, 1));padding:4px 8px}.modal-body{padding:8px 18px;overflow-y:auto}.modal-foot{display:flex;justify-content:flex-end;gap:8px;padding:10px 18px 16px}.toasts{position:fixed;z-index:60;left:0;right:0;bottom:calc(86px + env(safe-area-inset-bottom));display:flex;flex-direction:column;align-items:center;gap:6px;pointer-events:none;padding:0 12px}.toast{background:var(--ink);color:var(--bg);padding:10px 16px;border-radius:16px;font-size:calc(14px * var(--text-scale, 1) * var(--page-scale, 1));max-width:480px;box-shadow:0 4px 16px #00000040}.toast.err{background:#c0392b;color:#fff}.tablewrap{max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}table.grid{border-collapse:separate;border-spacing:0;min-width:100%;margin-bottom:8px}.grid th,.grid td{padding:4px;min-width:120px;vertical-align:top;border-bottom:1px solid var(--line)}.grid td.td-del,.grid th.th-add{min-width:0;width:1%;white-space:nowrap}.grid th{background:var(--accent-soft);text-align:left}.grid .th-name{font-weight:700;padding:4px 8px}.th-row{display:flex;gap:4px;margin-top:4px}.th-row select{padding:3px 6px;font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1))}.th-opt{margin-top:4px;font-size:calc(12px * var(--text-scale, 1) * var(--page-scale, 1));padding:3px 8px}.grid td input,.grid td select{padding:6px 8px;border-radius:10px}.grid .seq{display:inline-block;padding:6px 10px}.grid .total{font-weight:700;padding:6px 10px}.mini{background:transparent;border:1px solid var(--line);border-radius:10px;padding:2px 8px;font-size:calc(13px * var(--text-scale, 1) * var(--page-scale, 1));line-height:1.5;width:auto}.mini:hover{background:var(--accent-soft)}.mini.add{white-space:nowrap}.caption{margin:6px 0}.plain{border:0;background:transparent;padding:4px 6px}.big-check{width:22px;height:22px;flex:none}.tiny-num{width:56px;padding:2px 6px}.counter{display:inline-flex;align-items:center;gap:6px;flex:none}.block-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;gap:8px}.block-head .mini{margin-left:4px}.img-block img{max-width:100%;height:auto;border-radius:16px;display:block;margin-bottom:8px}.emoji-big{text-align:center;font-size:calc(64px * var(--text-scale, 1) * var(--page-scale, 1));line-height:1.2}.emoji-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:4px;margin:8px 0}.emoji-grid button{background:transparent;border:2px solid transparent;border-radius:12px;font-size:calc(22px * var(--text-scale, 1) * var(--page-scale, 1));padding:4px}.emoji-grid button.on,.emoji-grid button:hover{border-color:var(--accent);background:var(--accent-soft)}.calc{max-width:320px;margin:0 auto}.calc-screen{background:var(--accent-soft);border-radius:16px;padding:10px 14px;text-align:right;min-height:64px;overflow-wrap:anywhere}.calc-ex{font-size:calc(20px * var(--text-scale, 1) * var(--page-scale, 1))}.calc-res{font-size:calc(28px * var(--text-scale, 1) * var(--page-scale, 1));font-weight:700}.calc-keys{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px}.key{padding:12px 0;border-radius:14px;border:2px solid var(--line);background:var(--card);font-size:calc(18px * var(--text-scale, 1) * var(--page-scale, 1))}.key.op{background:var(--accent-soft);border-color:var(--accent)}.key.clr{color:#d64545}.key.wide{grid-column:span 2;font-size:calc(14px * var(--text-scale, 1) * var(--page-scale, 1))}.dropdown{position:relative;display:inline-block}.menu{position:absolute;right:0;top:110%;z-index:20;min-width:160px;background:var(--card);border:2px solid var(--line);border-radius:16px;padding:6px;display:flex;flex-direction:column;box-shadow:0 6px 20px #0003}.menu button{background:none;border:0;text-align:left;padding:8px 12px;border-radius:10px}.menu button:hover{background:var(--accent-soft)}.snooze{width:auto;padding:5px 10px;border-radius:999px;font-size:calc(14px * var(--text-scale, 1) * var(--page-scale, 1))}.notes-layout{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:14px;align-items:start}.note-body{min-height:50dvh;margin:6px 0}.back-only{display:none}.scan-video{width:100%;border-radius:16px;background:#000;max-height:50dvh}.pin-card{max-width:360px;margin:24px auto;text-align:center;display:flex;flex-direction:column;align-items:center;gap:8px}.pin-input{text-align:center;letter-spacing:8px;font-size:calc(24px * var(--text-scale, 1) * var(--page-scale, 1));margin-bottom:10px}.swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:8px}html{-webkit-text-size-adjust:100%}.card,.hero,.item-main,.modal-body{overflow-wrap:anywhere}.stack>*,.card>*,.two>*,.two3>*{min-width:0}.hero>:first-child{flex-shrink:0}.modal-body{min-height:0;overscroll-behavior:contain}.modal-foot{flex-wrap:wrap}.tablewrap{overscroll-behavior-x:contain}@media (max-width: 760px){.top{padding-top:max(16px,env(safe-area-inset-top))}.content{padding-left:max(14px,env(safe-area-inset-left));padding-right:max(14px,env(safe-area-inset-right))}.btn.small,.subtabs button,.chip,.mini,.icon-btn,.x{min-height:44px}.tabs button{min-height:48px}input,select,textarea,.grid td input,.grid td select,.th-row select,.th-opt{font-size:calc(16px * var(--text-scale, 1) * var(--page-scale, 1))}.two3,.notes-layout{grid-template-columns:minmax(0,1fr)}.notes-layout.has-sel .notes-list{display:none}.notes-layout:not(.has-sel) .notes-editor{display:none}.back-only{display:inline-block}.overlay{align-items:flex-end;padding:0}.modal{border-radius:24px 24px 0 0;max-height:94dvh}.toasts{bottom:calc(90px + env(safe-area-inset-bottom))}}@media (max-width: 420px){.two{grid-template-columns:minmax(0,1fr)}.card{padding:14px 12px;border-radius:18px}.hero{gap:10px;padding:12px}.hero h2{font-size:calc(19px * var(--text-scale, 1) * var(--page-scale, 1))}.row-between>.btn-row{width:100%}.modal-head,.modal-body,.modal-foot{padding-left:14px;padding-right:14px}}@font-face{font-family:Sarabun;src:url(/fonts/Sarabun-Regular.ttf) format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Sarabun;src:url(/fonts/Sarabun-Bold.ttf) format("truetype");font-weight:700;font-display:swap}body,h1,h2,h3,.brand{font-family:var(--app-font, "Noto Sans Thai", system-ui, sans-serif)}:root{--design-radius: 22px;--design-shadow: none;--design-mesh: none}:root[data-theme=pastel-glass]{--h:160;--design-radius:26px;--design-shadow:0 8px 28px #1414140d;--design-mesh:radial-gradient(at 15% 10%, #dceae5, transparent 45%),radial-gradient(at 85% 15%, #f5e9c8, transparent 45%)}:root[data-theme=lovi-ahead]{--h:145;--design-radius:20px;--design-shadow:0 4px 20px #2928240a}:root[data-theme=tolan]{--h:48;--design-radius:15px;--design-shadow:none}:root[data-theme=klarna]{--h:265;--design-radius:20px;--design-shadow:0 4px 16px #0b051d0a}:root[data-mode=light][data-theme=pastel-glass]{--bg:#f3f5f4;--card:#ffffffe0;--ink:#141414;--muted:#5e6360;--accent:#141414;--accent-soft:#d5e3e0;--line:#d8dcd8;--on-accent:#fff}:root[data-mode=light][data-theme=lovi-ahead]{--bg:#f7f6f2;--card:#fff;--ink:#292824;--muted:#6e6c64;--accent:#292824;--accent-soft:#e3efea;--line:#e6e4dd;--on-accent:#fff}:root[data-mode=light][data-theme=tolan]{--bg:#f4f2e7;--card:#fff;--ink:#2c2c2c;--muted:#5c5b55;--accent:#2c2c2c;--accent-soft:#eae6d7;--line:#dfdbc9;--on-accent:#fff}:root[data-mode=light][data-theme=klarna]{--bg:#f9f8fa;--card:#fff;--ink:#0b051d;--muted:#5a5568;--accent:#0b051d;--accent-soft:#efecff;--line:#e4e2ec;--on-accent:#fff}:root[data-mode=dark]{--design-mesh:none;--design-shadow:none}body{background-image:var(--design-mesh);background-attachment:fixed}.card,.stat,.tile{border-radius:var(--design-radius);box-shadow:var(--design-shadow)}.card{padding:calc(16px * var(--ui-scale,1) * var(--page-scale,1))}.stack{gap:calc(14px * var(--ui-scale,1) * var(--page-scale,1))}.btn{padding:calc(10px * var(--ui-scale,1) * var(--page-scale,1)) calc(18px * var(--ui-scale,1))}.btn.small{padding:calc(6px * var(--ui-scale,1) * var(--page-scale,1)) calc(14px * var(--ui-scale,1))}input,select,textarea{padding:calc(8px * var(--ui-scale,1) * var(--page-scale,1)) calc(12px * var(--ui-scale,1))}.tile,.nav,.mobile-pages button,.item{padding:calc(12px * var(--ui-scale,1) * var(--page-scale,1))}.size-control{display:flex;flex-direction:column;gap:8px;margin:16px 0}.size-control>span:first-child{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.size-control input{padding:0;min-height:32px;accent-color:var(--accent)}.size-actions{display:flex;gap:8px;flex-wrap:wrap}.size-actions button{min-height:44px;min-width:52px}.home-options{border:1px solid var(--line);border-radius:14px;margin:18px 0;padding:12px;min-width:0}.home-options label{display:flex;align-items:center;gap:10px;min-height:44px;overflow-wrap:anywhere}.home-options input{flex:none;width:20px;height:20px}.custom-details summary{cursor:pointer;padding:12px 0}.dot{background:var(--accent-soft);border:1px solid var(--muted)}:root[data-theme=pastel-glass] .card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:root[data-theme=pastel-glass] .card h3{padding-bottom:8px;border-bottom:1px dashed var(--line)}:root[data-theme=klarna] h1,:root[data-theme=klarna] h2,:root[data-theme=klarna] h3{font-weight:800;line-height:1.2}:root[data-theme=tolan] .card,:root[data-theme=tolan] .mobile-pages,:root[data-theme=tolan] .toast{box-shadow:none}:root[data-mode=light][data-theme=pastel-glass] .stats .stat:nth-child(1){background:#d5e3e0}:root[data-mode=light][data-theme=pastel-glass] .stats .stat:nth-child(2){background:#ebf0ce}:root[data-mode=light][data-theme=pastel-glass] .stats .stat:nth-child(3){background:#fde9dc}:root[data-mode=light][data-theme=klarna] .stats .stat:first-child{background:#ffb3c7}@media (max-width:760px){input,select,textarea,.grid td input,.grid td select{font-size:max(16px,calc(16px * var(--text-scale,1) * var(--page-scale,1)))}.mobile-pages{grid-template-columns:repeat(auto-fit,minmax(min(120px,100%),1fr))}:root[data-theme=pastel-glass] .tabs{left:12px;right:12px;bottom:max(10px,env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:999px;padding:6px;background:var(--card);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}:root[data-theme=pastel-glass] .tabs button{background:var(--accent);color:var(--on-accent);border-radius:999px}.top{flex-wrap:wrap}}.settings-sections{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(125px,100%),1fr));gap:8px}.settings-sections button{display:flex;align-items:center;justify-content:flex-start;gap:8px;min-width:0;min-height:48px;padding:10px;border:1px solid var(--line);border-radius:14px;background:var(--card);text-align:left;white-space:normal;overflow-wrap:anywhere}.settings-sections button.on{background:var(--accent-soft);border-color:var(--accent);font-weight:700}.settings-sections button svg,.settings-sections button .emoji{flex-shrink:0}.settings-layout>section[hidden]{display:none}.appearance-card>.custom-details{border-top:1px solid var(--line);margin-top:12px}.custom-details>summary{min-height:48px;font-weight:700}.theme-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:10px;padding:4px 0 10px}.theme-choice{display:flex;flex-direction:column;gap:8px;min-width:0;padding:10px;border:2px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);text-align:left;white-space:normal;overflow-wrap:anywhere}.theme-choice.on{border-color:var(--accent);outline:1px solid var(--accent)}.theme-sample{width:100%;display:flex;align-items:center;gap:6px;min-height:46px;padding:9px;border:1px solid #80808040;border-radius:10px}.theme-sample i{display:block;height:24px;flex:1;border-radius:7px}.theme-selected{font-size:calc(12px * var(--text-scale,1) * var(--page-scale,1));color:var(--muted)}.font-example{padding:12px;border:1px dashed var(--line);border-radius:12px;overflow-wrap:anywhere}.size-control{border-bottom:1px solid var(--line);padding-bottom:14px}.icon-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(145px,100%),1fr));gap:10px}.icon-choice{display:flex;flex-direction:column;align-items:flex-start;gap:10px;min-width:0;padding:12px;border:2px solid var(--line);border-radius:16px;background:var(--card);color:var(--ink);white-space:normal;overflow-wrap:anywhere}.icon-choice.on{border-color:var(--accent);background:var(--accent-soft);font-weight:700}.icon-samples{display:flex;flex-wrap:wrap;gap:10px}.app-icon{display:inline-block;vertical-align:middle;line-height:1}.home-widget-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:calc(14px * var(--ui-scale,1));align-items:start}.home-widget{min-width:0;grid-column:span 2}.home-widget.widget-half{grid-column:span 1}.home-widget.editing{border:2px dashed var(--accent);border-radius:20px;padding:10px}.widget-content{min-width:0}.widget-content>.hero{margin-bottom:0}.widget-tools{padding:4px 0 14px;margin-bottom:12px;border-bottom:1px solid var(--line)}.widget-tools .two{margin-top:10px}.widget-tools .mini{min-height:44px}.widget-tools button[draggable]{cursor:grab}.widget-library .btn:disabled{opacity:.7}@media (max-width:600px){.home-widget.widget-half{grid-column:span 2}}.widget-catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(200px,100%),1fr));gap:8px;margin-top:12px;max-height:45dvh;overflow-y:auto;padding:4px}.widget-catalog button{white-space:normal;text-align:left;overflow-wrap:anywhere}.widget-page-link{width:100%}.home-widget .notes-layout{grid-template-columns:minmax(0,1fr)}.home-widget .notes-layout.has-sel .notes-list{display:none}.home-widget .notes-layout:not(.has-sel) .notes-editor{display:none}.home-widget .back-only{display:inline-block}.widget-content>.stack{min-width:0}.edit-fields{border:0;margin:0;padding:0;min-width:0}.edit-fields:disabled input,.edit-fields:disabled select,.edit-fields:disabled textarea{opacity:1;color:var(--ink);-webkit-text-fill-color:var(--ink)}.editor-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px}.page-heading{display:flex;flex-wrap:wrap;align-items:center;gap:10px;min-width:0}:root[data-theme=space]{--h:248;--design-radius:24px;--design-shadow:0 6px 24px #5145a014}:root[data-theme=olympus]{--h:42;--design-radius:16px;--design-shadow:0 4px 18px #72551c0c}:root[data-theme=forest]{--h:128;--design-radius:24px;--design-shadow:0 4px 18px #315f390c}:root[data-theme=blossom]{--h:335;--design-radius:28px;--design-shadow:0 5px 20px #8c365a10}:root[data-mode=light][data-theme=space]{--bg:#eff1ff;--card:#fafaff;--ink:#25213f;--muted:#615b7b;--accent:#5045a0;--accent-soft:#dedbff;--line:#cdc9e8;--on-accent:#fff;--design-mesh:radial-gradient(circle at 15% 20%,#fff 1px,transparent 2px),radial-gradient(circle at 75% 35%,#8e83bc55 1px,transparent 2px),radial-gradient(ellipse at top right,#cfeaf955,transparent 55%)}:root[data-mode=dark][data-theme=space]{--bg:#100f24;--card:#1c1a38;--ink:#efecff;--muted:#b8b2d3;--accent:#bcb2ff;--accent-soft:#312b57;--line:#494064;--on-accent:#17132f;--design-mesh:radial-gradient(circle at 15% 20%,#fff8 1px,transparent 2px),radial-gradient(circle at 75% 35%,#bbdfff99 1px,transparent 2px)}:root[data-mode=light][data-theme=olympus]{--bg:#faf7ef;--card:#fffdf7;--ink:#342d20;--muted:#6e634f;--accent:#72551c;--accent-soft:#eadfbd;--line:#ddcfad;--on-accent:#fff;--design-mesh:linear-gradient(125deg,transparent 35%,#d9e5ef44 36%,transparent 37%,transparent 70%,#eadfbd55 71%,transparent 72%)}:root[data-mode=dark][data-theme=olympus]{--bg:#1b1914;--card:#29251d;--ink:#f7edda;--muted:#c6b99e;--accent:#e2c47b;--accent-soft:#443923;--line:#64563b;--on-accent:#282010}:root[data-mode=light][data-theme=forest]{--bg:#f0f6ed;--card:#fbfdf8;--ink:#233625;--muted:#53664d;--accent:#315f39;--accent-soft:#d6e8cc;--line:#c6d9bd;--on-accent:#fff;--design-mesh:radial-gradient(ellipse at 0% 0%,#d6e8cc88,transparent 55%),radial-gradient(ellipse at 100% 100%,#e4dcc955,transparent 45%)}:root[data-mode=dark][data-theme=forest]{--bg:#111c14;--card:#1c2b20;--ink:#e9f2e4;--muted:#afc3a8;--accent:#a1d49a;--accent-soft:#2a4530;--line:#415e44;--on-accent:#142517}:root[data-mode=light][data-theme=blossom]{--bg:#fff3f6;--card:#fffafb;--ink:#472a38;--muted:#775c6c;--accent:#8c365a;--accent-soft:#f5d5e2;--line:#e9c6d6;--on-accent:#fff;--design-mesh:radial-gradient(ellipse at 10% 0%,#e7dcf377,transparent 45%),radial-gradient(ellipse at 100% 30%,#f5d5e288,transparent 50%)}:root[data-mode=dark][data-theme=blossom]{--bg:#25151e;--card:#35212d;--ink:#fcebf2;--muted:#d0afc0;--accent:#f0adca;--accent-soft:#573147;--line:#72445c;--on-accent:#321522}:root[data-theme=space] body{background-size:137px 173px,211px 227px,auto}:root[data-theme=olympus] .card h3{border-bottom:2px double var(--line);padding-bottom:8px}:root[data-theme=forest] .hero{border-radius:30px 12px}:root[data-theme=blossom] .hero{border-radius:32px 32px 12px}@media (prefers-reduced-motion:reduce){.icon-theme-space{animation:none}}.theme-preview-notice{padding:10px 12px;border:1px dashed var(--accent);border-radius:12px;background:var(--accent-soft);color:var(--ink);overflow-wrap:anywhere}