:root{--blue:#12395e;--blue-2:#1b4e7f;--ink:#10243a;--ink-2:#5b6675;--bg:#f4f6f9;--card:#fff;--line:#e2e7ee;--soft:#eaf0f7;--soft-line:#cddcea;--orange:#b45309;--orange-bg:#fdf1e3;--orange-line:#f0d7b5;--orange-ink:#8a4208;--green:#0f6b62;--green-bg:#e4f3f1;--radius:14px;--radius-sm:12px;--tap:44px;--nav-h:64px;--rail-w:104px;--fs:16px;color:var(--ink);background:var(--bg);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;font-family:IBM Plex Sans Thai,system-ui,sans-serif}@media (width>=760px){:root{--fs:17.5px}}*{box-sizing:border-box}html,body{background:var(--bg);margin:0}body{font-size:var(--fs);min-height:100dvh;line-height:1.55}button,input,textarea,select{font:inherit;color:inherit}a{color:var(--blue-2)}img{max-width:100%}.shell{min-height:100dvh}.main{max-width:660px;padding:16px 16px calc(var(--nav-h) + 24px + env(safe-area-inset-bottom));margin:0 auto}@media (width>=760px){.main{padding:24px 24px 40px calc(var(--rail-w) + 24px);max-width:calc(660px + var(--rail-w) + 48px)}}.topbar{min-height:var(--tap);align-items:center;gap:8px;margin-bottom:12px;display:flex}.topbar h1{flex:1;margin:0;font-size:1.3em;line-height:1.25}.back{width:var(--tap);height:var(--tap);color:var(--blue);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin-left:-10px;text-decoration:none;display:grid}.back:active{background:var(--soft)}.nav{z-index:20;height:calc(var(--nav-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--card);border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);display:grid;position:fixed;bottom:0;left:0;right:0}.nav a,.nav button{color:var(--ink-2);cursor:pointer;background:0 0;border:0;flex-direction:column;justify-content:center;align-items:center;gap:2px;font-size:12px;text-decoration:none;display:flex}.nav .on{color:var(--blue);font-weight:600}.nav .plus span.dot{background:var(--blue);color:#fff;border-radius:50%;place-items:center;width:48px;height:48px;margin-top:-18px;display:grid;box-shadow:0 4px 12px #12395e4d}@media (width>=760px){.nav{width:var(--rail-w);border-top:0;border-right:1px solid var(--line);grid-template-columns:1fr;grid-auto-rows:76px;align-content:start;height:100dvh;padding:16px 0;top:0;right:auto}.nav a,.nav button{font-size:13px}.nav .plus span.dot{margin-top:0}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:16px}.card+.card,.stack>*+*{margin-top:12px}.muted{color:var(--ink-2)}.small{font-size:.875em}.section-title{color:var(--ink-2);margin:20px 4px 8px;font-size:.9em;font-weight:600}.btn{min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--soft-line);background:var(--soft);color:var(--blue);cursor:pointer;white-space:nowrap;justify-content:center;align-items:center;gap:8px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.btn-row>.btn{gap:6px;padding:0 10px}.btn.primary{background:var(--blue);border-color:var(--blue);color:#fff}.btn.ghost{border-color:var(--line);color:var(--ink);background:0 0}.btn.danger{color:#a61b1b;background:0 0;border-color:#f1c9c9}.btn.block{width:100%}.btn:disabled{opacity:.5}.btn-row{flex-wrap:wrap;gap:8px;display:flex}.btn-row>.btn{flex:1}.search{border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card) no-repeat 14px center / 20px url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%235b6675' stroke-width='2'%3E%3Ccircle cx='11' cy='11' r='7'/%3E%3Cpath d='m20 20-3.5-3.5'/%3E%3C/svg%3E");width:100%;min-height:48px;padding:0 16px 0 44px}.search:focus,.field input:focus,.field textarea:focus{outline:2px solid var(--blue-2);outline-offset:-1px}.field{margin-bottom:14px;display:block}.field>span{color:var(--ink-2);margin-bottom:4px;font-size:.875em;display:block}.field input,.field textarea{width:100%;min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);padding:10px 12px}.field textarea{resize:vertical;min-height:88px}.list{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.row{min-height:64px;color:inherit;border-top:1px solid var(--line);align-items:center;gap:12px;padding:10px 16px;text-decoration:none;display:flex}.row:first-child{border-top:0}.row:active{background:var(--soft)}.row .grow{flex:1;min-width:0}.row .title{font-weight:600}.row .sub{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:.875em;overflow:hidden}.chev{color:var(--soft-line);flex:none}.avatar{background:var(--soft);width:44px;height:44px;color:var(--blue);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.pill{background:var(--soft);color:var(--blue);border:1px solid var(--soft-line);border-radius:999px;padding:2px 10px;font-size:.8em;display:inline-block}.pill.orange{background:var(--orange-bg);color:var(--orange-ink);border-color:var(--orange-line)}.pill.green{background:var(--green-bg);color:var(--green);border-color:#0000}.pills{flex-wrap:wrap;gap:6px;display:flex}.note-box{background:var(--orange-bg);border:1px solid var(--orange-line);color:var(--orange-ink);border-radius:var(--radius-sm);padding:12px 14px}.empty{text-align:center;color:var(--ink-2);padding:32px 16px}.biz-card{aspect-ratio:16/10;border-radius:var(--radius);background:var(--soft);border:1px solid var(--line);cursor:zoom-in;place-items:center;width:100%;padding:0;display:grid;overflow:hidden}.biz-card img{object-fit:contain;background:#fff;width:100%;height:100%}.biz-card.placeholder{cursor:default;color:var(--ink-2);text-align:center;padding:16px}.overlay{z-index:50;cursor:zoom-out;background:#08121ef0;place-items:center;padding:16px;display:grid;position:fixed;inset:0}.overlay img{object-fit:contain;max-width:100%;max-height:100%}.overlay.light{color:var(--ink);background:#fff}.qr-big{width:min(80vw,80vh,420px)}.qr-big img,.qr-big canvas{width:100%;height:auto;image-rendering:pixelated}.sheet-backdrop{z-index:40;background:#08121e66;position:fixed;inset:0}.sheet{z-index:41;background:var(--card);padding:12px 16px calc(16px + env(safe-area-inset-bottom));border-radius:20px 20px 0 0;max-width:560px;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.sheet .grab{background:var(--line);border-radius:2px;width:40px;height:4px;margin:0 auto 12px}@media (width>=760px){.sheet{border-radius:20px;top:50%;bottom:auto;transform:translateY(-50%)}}.md{overflow-wrap:anywhere}.md h2{color:var(--blue);margin:1.4em 0 .5em;font-size:1.15em}.md h3{margin:1.2em 0 .4em;font-size:1.05em}.md blockquote{background:var(--soft);border-left:4px solid var(--blue-2);border-radius:0 10px 10px 0;margin:1em 0;padding:10px 14px}.md blockquote p{margin:.3em 0}.md table{border-collapse:collapse;width:100%;margin:1em 0;font-size:.92em}.md th,.md td{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;padding:8px 6px}.md th{background:var(--soft);white-space:nowrap}.md .table-wrap{overflow-x:auto}.md ol,.md ul{padding-left:1.4em}.md li+li{margin-top:.25em}.md hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}mark{color:inherit;background:#fde68a;border-radius:3px;padding:0 1px}.toast{left:50%;bottom:calc(var(--nav-h) + 20px + env(safe-area-inset-bottom));z-index:60;background:var(--ink);color:#fff;border-radius:999px;max-width:calc(100vw - 32px);padding:10px 16px;font-size:.9em;position:fixed;transform:translate(-50%)}.meeting{max-width:760px;padding:0 12px calc(88px + env(safe-area-inset-bottom));margin:0 auto}.meeting-head{z-index:10;background:var(--bg);padding:calc(8px + env(safe-area-inset-top)) 0 10px;margin-bottom:4px;position:sticky;top:0}.meeting-head h1{font-size:1.15em}.counter{color:var(--orange-ink);background:var(--orange-bg);border:1px solid var(--orange-line);white-space:nowrap;border-radius:999px;padding:4px 10px;font-size:.85em;font-weight:600}.tabs{background:var(--soft);border-radius:var(--radius-sm);gap:4px;padding:4px;display:flex}.tabs button{min-height:40px;color:var(--ink-2);cursor:pointer;background:0 0;border:0;border-radius:9px;flex:1;font-weight:500}.tabs button.on{background:var(--card);color:var(--blue);font-weight:600;box-shadow:0 1px 3px #10243a1a}.meet-row{border-top:1px solid var(--line);padding:6px 8px 6px 12px}.meet-row:first-child{border-top:0}.meet-row.focused{background:var(--soft)}.meet-line{align-items:center;gap:8px;display:flex}.meet-name{cursor:pointer;flex:none;width:30%;min-width:84px;max-width:170px;line-height:1.25}.meet-name b{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.meet-name span{color:var(--ink-2);text-overflow:ellipsis;white-space:nowrap;font-size:.75em;display:block;overflow:hidden}.meet-input{min-width:0;min-height:var(--tap);border:1px solid var(--line);background:var(--card);border-radius:10px;flex:1;padding:8px 10px}.meet-input:focus{outline:2px solid var(--blue-2);outline-offset:-1px}.meet-row.done .meet-input{border-color:var(--soft-line);background:#f8fbff}.star-btn{width:var(--tap);height:var(--tap);color:var(--soft-line);cursor:pointer;background:0 0;border:0;border-radius:10px;flex:none;place-items:center;display:grid}.star-btn.on{color:var(--orange)}.star-btn:active{background:var(--orange-bg)}.chips{flex-wrap:wrap;gap:6px;display:flex}.meet-row .chips{padding:8px 0 4px}.chip{border:1px solid var(--soft-line);background:var(--card);min-height:36px;color:var(--blue);cursor:pointer;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:0 14px;font-size:.9em;display:inline-flex}.chip.on{background:var(--blue);border-color:var(--blue);color:#fff}.chip.same{background:var(--orange-bg);border-color:var(--orange-line);color:var(--orange-ink);font-weight:600}.meeting-foot{z-index:10;background:var(--card);border-top:1px solid var(--line);padding:10px 16px calc(10px + env(safe-area-inset-bottom));position:fixed;bottom:0;left:0;right:0}.meeting-foot .btn{max-width:728px;margin:0 auto;display:flex}.agenda-row{text-align:left;cursor:pointer;background:0 0;border:0;align-items:flex-start;width:100%}.review-row{border-top:1px solid var(--line);padding:10px 12px 12px 16px}.review-row:first-child{border-top:0}.review-text{border:1px solid var(--line);background:var(--card);resize:vertical;border-radius:10px;width:100%;padding:10px 12px}.look-card{cursor:pointer;padding:12px 8px 12px 16px}.look-card.closed{opacity:.65}.look-top{justify-content:space-between;align-items:center;gap:8px;margin:-6px 0 0;display:flex}.look-text{overflow-wrap:anywhere;margin:2px 8px 8px 0;font-size:1.05em}.look-meta{align-items:center;gap:10px;display:flex}.select{width:100%;min-height:var(--tap);border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--card);padding:0 12px}.btn.star-on{color:var(--orange);border-color:var(--orange-line);background:var(--orange-bg)}.stat-row{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);text-align:center;padding:12px}.stat b{color:var(--blue);font-size:1.6em;line-height:1.2;display:block}.stat span{color:var(--ink-2);font-size:.8em}a.stat{color:inherit;text-decoration:none}.home-logo{border:1px solid var(--line);background:#fff;border-radius:10px;flex:none;width:auto;height:48px;padding:2px 4px}.pick-row{border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;background:0 0;width:100%}.pick-row:first-child{border-top:0}.tabs-sticky{z-index:5;box-shadow:0 0 0 6px var(--bg);position:sticky;top:0}.date-input{border:1px solid var(--line);background:var(--card);border-radius:10px;min-height:40px;padding:0 10px}.q-row{border-top:1px solid var(--line);padding:12px 14px 14px}.q-row:first-child{border-top:0}.q-label{gap:8px;margin-bottom:8px;font-weight:500;line-height:1.4;display:flex}.q-no{background:var(--soft);width:24px;height:24px;color:var(--blue);border-radius:50%;flex:none;place-items:center;margin-top:1px;font-size:.8em;font-weight:600;display:grid}.q-row .review-text{min-height:64px;overflow:hidden}.q-hint{color:var(--green);margin:6px 0 0;font-size:.8em}.prev-hint{text-align:left;cursor:pointer;border:1px dashed var(--soft-line);width:100%;color:var(--ink-2);background:#f8fbff;border-radius:10px;align-items:flex-start;gap:10px;margin-top:6px;padding:8px 10px;font-size:.85em;display:flex}.prev-hint .grow{white-space:pre-line;overflow-wrap:anywhere;flex:1;min-width:0}.prev-hint b{color:var(--blue);flex:none}.timeline{padding-left:4px;position:relative}.timeline:before{content:"";background:var(--line);width:2px;position:absolute;top:8px;bottom:8px;left:21px}.tl-item{text-align:left;width:100%;color:inherit;cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;gap:12px;padding:8px 4px;text-decoration:none;display:flex;position:relative}.tl-item:active{background:var(--soft)}.tl-dot{background:var(--card);border:2px solid var(--soft-line);width:36px;height:36px;color:var(--blue);z-index:1;border-radius:50%;flex:none;place-items:center;display:grid}.tl-dot.star{color:var(--orange);border-color:var(--orange-line);background:var(--orange-bg)}.tl-body{background:var(--card);border:1px solid var(--line);border-radius:var(--radius-sm);overflow-wrap:anywhere;flex:1;min-width:0;padding:8px 12px}.tl-date{color:var(--ink-2);font-size:.78em;display:block}.tl-quote{color:var(--ink-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:4px;font-size:.88em;display:-webkit-box;overflow:hidden}.plain-link{color:inherit;text-decoration:none}.link-btn{color:var(--blue-2);cursor:pointer;font:inherit;background:0 0;border:0;padding:0;text-decoration:underline}.level-badge{color:#fff;background:var(--blue);border-radius:14px;flex:none;place-items:center;width:56px;height:56px;font-size:1.7em;font-weight:700;display:grid}.level-badge.small-badge{border-radius:10px;width:40px;height:40px;font-size:1.1em}.lv-S{background:var(--green)}.lv-A{background:var(--blue)}.lv-B{background:var(--orange)}.lv-C{background:#8a1c1c}.score-total{color:var(--blue);font-size:2em;line-height:1.1}.bar{background:var(--soft);border-radius:4px;height:8px;margin-top:6px;overflow:hidden}.bar.big{height:10px;margin-top:12px}.bar span{background:var(--blue-2);border-radius:4px;height:100%;transition:width .2s;display:block}.bar span.full{background:var(--green)}.score-row+.score-row{margin-top:12px}.score-line{align-items:baseline;gap:8px;display:flex}.score-line>span:first-child{flex:1}.score-line .ok{color:var(--green)}.tip-card{background:var(--orange-bg);border-color:var(--orange-line);color:var(--orange-ink)}.stepper{align-items:center;gap:8px;margin-top:8px;display:flex}.stepper>button{width:var(--tap);height:var(--tap);border:1px solid var(--soft-line);background:var(--soft);color:var(--blue);cursor:pointer;border-radius:12px;flex:none;font-size:1.4em;font-weight:600}.stepper>button:disabled{opacity:.4}.stepper .num-field{flex:1}.stepper .num-field input{text-align:center;font-size:1.15em;font-weight:600}.num-field{align-items:center;gap:8px;margin-top:4px;display:flex}.num-field input,.plain-input{width:100%;min-height:var(--tap);border:1px solid var(--line);background:var(--card);border-radius:10px;padding:8px 12px}.plain-input.small{min-height:38px;font-size:.9em}.num-field input:focus,.plain-input:focus,.review-text:focus{outline:2px solid var(--blue-2);outline-offset:-1px}.calc{color:var(--blue);font-size:1.2em}.q-row.now{background:#fffaf3}.compose-row{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.compose-row>*{flex:1;min-width:140px}.check-row{cursor:pointer;align-items:flex-start;min-height:52px}.check-row input,.topic-row input{width:22px;height:22px;accent-color:var(--green);flex:none;margin:2px 0 0}.check-row:has(input:checked) .grow{color:var(--ink-2);text-decoration:line-through;-webkit-text-decoration-color:var(--soft-line);text-decoration-color:var(--soft-line)}.topic-row{cursor:pointer;align-items:flex-start;gap:10px;padding:6px 0;display:flex}.topic-row:has(input:checked) span{color:var(--ink-2)}.meet-card.done{background:#f7fcfb;border-color:#b9ddd8}.week-dot{background:var(--soft);width:40px;height:40px;color:var(--blue);border:2px solid var(--soft-line);border-radius:50%;flex:none;place-items:center;font-weight:600;display:grid}.week-dot.done{background:var(--green);border-color:var(--green);color:#fff}.week-dot.current{background:var(--orange-bg);border-color:var(--orange);color:var(--orange-ink)}.row-now{background:#fffaf3}.print-page{max-width:820px;margin:0 auto;padding:16px}.print-bar{background:var(--bg);z-index:2;justify-content:space-between;gap:8px;margin-bottom:16px;padding:8px 0;display:flex;position:sticky;top:0}.paper{border:1px solid var(--line);color:#000;background:#fff;border-radius:8px;padding:32px 36px;font-size:14px;line-height:1.5}.paper-head{border-bottom:2px solid var(--blue);justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:14px;padding-bottom:10px;display:flex}.paper-head h1{color:var(--blue);margin:0;font-size:20px}.paper-head p{color:#444;margin:4px 0 0}.paper-head img{width:auto;height:54px}.paper h2{background:var(--soft);color:var(--blue);border-radius:4px;margin:18px 0 6px;padding:4px 8px;font-size:15px}.paper ol{margin:0;padding-left:22px}.paper ol.plain{padding-left:0;list-style:none}.paper li{break-inside:avoid;border-bottom:1px dotted #bbb;padding:6px 0}.paper .q{font-weight:600}.paper .a{white-space:pre-line;overflow-wrap:anywhere;min-height:1.5em}.paper table{border-collapse:collapse;width:100%}.paper th,.paper td{text-align:left;vertical-align:top;border:1px solid #999;padding:6px 8px}.paper th{background:var(--soft)}.paper td:first-child{width:28%;font-weight:600}.paper tr{break-inside:avoid}.paper footer{color:#666;text-align:center;margin-top:20px;font-size:11px}@media (width<=560px){.paper{padding:18px 16px}}@page{size:A4;margin:14mm}@media print{html,body{background:#fff}.no-print{display:none!important}.print-page{max-width:none;padding:0}.paper{border:0;border-radius:0;padding:0}.paper h2,.paper th{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media (width<=759px){.only-wide{display:none!important}}.sync-dot{background:var(--green);border-radius:50%;flex:none;width:12px;height:12px}.sync-dot.syncing{background:var(--blue-2);animation:1s infinite alternate pulse}.sync-dot.error{background:#a61b1b}.sync-dot.off{background:var(--soft-line)}@keyframes pulse{to{opacity:.3}}.main:has(>.split){max-width:none}.split{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:20px;display:grid}.split-list{overscroll-behavior:contain;max-height:calc(100dvh - 32px);padding-right:4px;position:sticky;top:16px;overflow-y:auto}.split-detail{min-width:0;max-width:700px}.split-list a.row.active,.split-list a.row[aria-current=page]{background:var(--soft);box-shadow:inset 3px 0 0 var(--blue)}.look-card.selected{border-color:var(--blue-2);box-shadow:0 0 0 2px var(--soft-line)}@media (width>=1100px){.split{grid-template-columns:380px minmax(0,1fr);gap:28px}}