@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-scroll-snap-strictness:proximity;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-animation-delay:0s;--tw-animation-direction:normal;--tw-animation-duration:initial;--tw-animation-fill-mode:none;--tw-animation-iteration-count:1;--tw-enter-blur:0;--tw-enter-opacity:1;--tw-enter-rotate:0;--tw-enter-scale:1;--tw-enter-translate-x:0;--tw-enter-translate-y:0;--tw-exit-blur:0;--tw-exit-opacity:1;--tw-exit-rotate:0;--tw-exit-scale:1;--tw-exit-translate-x:0;--tw-exit-translate-y:0}}}@layer theme{:root,:host{--color-black:#000;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-xl:36rem;--container-2xl:42rem;--container-3xl:48rem;--container-5xl:64rem;--container-6xl:72rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height:calc(1.5 / 1);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5 / 2.25);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--tracking-widest:.1em;--leading-tight:1.25;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--radius-2xl:1rem;--drop-shadow-md:0 3px 3px #0000001f;--blur-xs:4px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer base{.landing{--kk-bg:#f3faf7;--kk-surface:#fff;--kk-mint:#daf2eb;--kk-mint-2:#bfe7dc;--kk-teal:#12686f;--kk-teal-ink:#0c4a50;--kk-on-teal:#fff;--kk-gold:#e6b543;--kk-gold-soft:#fcf0d0;--kk-gold-ink:#6c4d00;--kk-navy:#1f4e79;--kk-navy-soft:#e1ecf8;--kk-ink:#15343a;--kk-muted:#466368;--kk-line:#cde3dc;--kk-logo-chip:transparent;--kk-bad:#a3302e;--kk-good:#17703f;--kk-shadow:#125a6029;--kk-display:var(--font-mitr-thai), var(--font-mitr-latin), var(--font-anuphan-thai), var(--font-anuphan-latin), system-ui, sans-serif;--kk-body:var(--font-anuphan-thai), var(--font-anuphan-latin), var(--font-sarabun-thai), var(--font-sarabun-latin), system-ui, sans-serif;--kk-doc:var(--font-sarabun-thai), var(--font-sarabun-latin), "TH Sarabun New", serif;--kk-hand:var(--font-mali-thai), var(--font-mali-latin), cursive;font-family:var(--kk-body);background:var(--kk-bg);color:var(--kk-ink);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.5}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .landing{--kk-bg:#0d1d20;--kk-surface:#14292d;--kk-mint:#173836;--kk-mint-2:#1f4d48;--kk-teal:#66cfc5;--kk-teal-ink:#a3e5dd;--kk-on-teal:#07201f;--kk-gold-soft:#382d10;--kk-gold-ink:#f3d483;--kk-navy:#a8c9ee;--kk-navy-soft:#1a2f47;--kk-ink:#e5f2ef;--kk-muted:#a2c0bc;--kk-line:#29454a;--kk-logo-chip:#f6f3e8;--kk-bad:#ff9d95;--kk-good:#82dca6;--kk-shadow:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark] .landing,:root[data-theme=night] .landing{--kk-bg:#0d1d20;--kk-surface:#14292d;--kk-mint:#173836;--kk-mint-2:#1f4d48;--kk-teal:#66cfc5;--kk-teal-ink:#a3e5dd;--kk-on-teal:#07201f;--kk-gold-soft:#382d10;--kk-gold-ink:#f3d483;--kk-navy:#a8c9ee;--kk-navy-soft:#1a2f47;--kk-ink:#e5f2ef;--kk-muted:#a2c0bc;--kk-line:#29454a;--kk-logo-chip:#f6f3e8;--kk-bad:#ff9d95;--kk-good:#82dca6;--kk-shadow:#00000073;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.landing *,.landing :before,.landing :after{box-sizing:border-box;border:0 solid;margin:0;padding:0}.landing :where(h1,h2,h3,h4,h5,h6){font-size:inherit;font-weight:inherit}.landing :where(ol,ul){list-style:none}.landing a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}.landing :where(b,strong){font-weight:bolder}.landing small{font-size:80%}.landing :where(img,svg,video,iframe){vertical-align:middle;display:block}.landing :where(img,video){max-width:100%;height:auto}.landing :where(button,input,select,textarea){font:inherit;color:inherit;letter-spacing:inherit;background-color:#0000;border-radius:0}.landing :where(button,[role=button]){cursor:pointer}.landing mark{color:inherit;background:0 0}.landing :where(h1,h2,h3),.landing .kk-display{font-family:var(--kk-display);text-wrap:balance}.landing :focus-visible{outline:3px solid var(--kk-gold);outline-offset:3px;border-radius:12px}html{-webkit-tap-highlight-color:transparent;background:var(--surface);color:var(--ink)}body{background:var(--surface);margin:0}}@layer components{.th-app{--font-display:var(--font-mitr-thai), var(--font-mitr-latin), var(--font-anuphan-thai), var(--font-anuphan-latin), system-ui, sans-serif;--font-body:var(--font-anuphan-thai), var(--font-anuphan-latin), var(--font-sarabun-thai), var(--font-sarabun-latin), system-ui, -apple-system, "Segoe UI", sans-serif;--r-lg:18px;--r:12px;--r-sm:10px;--hdr-h:56px;font-family:var(--font-body);color:var(--ink);background:var(--surface);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;min-height:100vh;font-size:15px;line-height:1.55}.th-app *,.th-app :before,.th-app :after{box-sizing:border-box}.th-app :where(button,input,select,textarea){font:inherit;color:inherit}.th-app :where(table){color:inherit;font-size:inherit;font-family:inherit}.th-app button{cursor:pointer}.th-app :focus-visible{outline:3px solid var(--brand);outline-offset:2px;border-radius:8px}.th-app svg{flex-shrink:0}.th-app h1,.th-app h2,.th-app h3{font-family:var(--font-display);text-wrap:balance;margin:0;font-weight:500;line-height:1.3}.th-app p{margin:0}.th-app mark{background:var(--brand-soft);color:inherit;border-radius:3px;padding:0 1px}.vh{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;position:absolute!important}.muted{color:var(--ink-muted)}.num{font-variant-numeric:tabular-nums}.grow{flex:auto}@media (max-width:640px){.th-app{font-size:16px}}@media (prefers-reduced-motion:reduce){.th-app *{transition:none!important;animation:none!important}}.btn{border-radius:var(--r);background:var(--brand);min-height:44px;color:var(--on-brand);white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:0 16px;font-weight:600;transition:filter .15s,background .15s;display:inline-flex}.btn:hover{filter:brightness(1.06)}.btn:disabled{opacity:.5;cursor:not-allowed;filter:none}.btn-ghost{color:var(--ink);border-color:var(--line);background:0 0}.btn-ghost:hover{background:var(--subtle);filter:none}.btn-soft{background:var(--brand-soft);color:var(--ink)}.btn-danger{background:var(--support-soft);color:var(--support);border-color:#0000}.btn-danger.armed{background:var(--support);color:var(--card)}.btn-sm{border-radius:var(--r-sm);min-height:36px;padding:0 12px;font-size:14px;position:relative}.btn-sm:after{content:"";position:absolute;inset:-4px 0}.ibtn{border-radius:var(--r-sm);width:40px;height:40px;color:var(--ink);background:0 0;border:0;place-items:center;display:inline-grid;position:relative}.ibtn:after{content:"";position:absolute;inset:-2px}.ibtn:hover{background:var(--subtle)}.ibtn .dot{background:var(--support);min-width:18px;height:18px;color:var(--card);text-align:center;box-shadow:0 0 0 2px var(--card);border-radius:9px;padding:0 5px;font-size:11px;font-weight:700;line-height:18px;position:absolute;top:4px;right:3px}.hdr{top:env(safe-area-inset-top,0px);z-index:40;background:var(--card);position:sticky}@supports (color:color-mix(in lab, red, red)){.hdr{background:color-mix(in srgb, var(--card) 90%, transparent)}}.hdr{-webkit-backdrop-filter:saturate(1.4)blur(10px);border-bottom:1px solid var(--line)}.wrap{max-width:72rem;margin:0 auto;padding-inline:16px}.hdr-row{height:var(--hdr-h);align-items:center;gap:12px;display:flex}.logo{color:inherit;border-radius:10px;align-items:center;gap:9px;min-width:0;padding:4px 6px 4px 0;text-decoration:none;display:flex}.logo img{width:30px;height:30px;box-shadow:0 1px 3px var(--shadow);border-radius:8px}.logo-word{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;font-size:17px;font-weight:600;line-height:1}.logo-word .lt{color:var(--logo-teal)}.logo-word .lb{color:var(--logo-gold)}.logo-sub{color:var(--ink-muted);white-space:nowrap;text-overflow:ellipsis;max-width:180px;margin-top:3px;font-size:11.5px;line-height:1.2;display:block;overflow:hidden}.cls{align-items:center;display:flex;position:relative}.cls select{appearance:none;border:1px solid var(--line);background:var(--subtle);border-radius:999px;min-width:0;max-width:150px;height:36px;padding:0 30px 0 12px;font-size:14px;font-weight:600}.cls:after{content:"";position:absolute;inset:-4px 0}.cls select{z-index:1;position:relative}.cls svg{pointer-events:none;z-index:2;color:var(--ink-muted);position:absolute;right:9px}.cls select:hover{border-color:var(--line-strong)}.hdr-search{flex:auto;max-width:440px;margin-left:auto}.hdr-actions{align-items:center;gap:4px;display:flex}.avatar{background:var(--brand-soft);color:var(--ink);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.avatar-btn{border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:6px;min-height:40px;padding:2px 6px 2px 2px;display:flex;position:relative}.avatar-btn:after{content:"";position:absolute;inset:-2px}.avatar-btn[aria-expanded=true]{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft)}.avatar-btn .chev{color:var(--ink-muted)}.nav{border-top:1px solid var(--line)}.nav-inner{align-items:center;gap:2px;height:46px;display:flex}.nav-btn{border-radius:var(--r-sm);height:38px;color:var(--ink);white-space:nowrap;background:0 0;border:0;align-items:center;gap:7px;padding:0 11px;font-size:14.5px;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.nav-btn:after{content:"";position:absolute;inset:-3px 0}.nav-btn:hover{background:var(--subtle)}.nav-btn .ico{border-radius:7px;place-items:center;width:24px;height:24px;display:inline-grid}.nav-btn .chev{color:var(--ink-muted);transition:transform .15s}.nav-btn[aria-expanded=true]{background:var(--subtle)}.nav-btn[aria-expanded=true] .chev{transform:rotate(180deg)}.nav-btn.is-current{color:var(--brand);font-weight:600}.nav-btn.is-current:before{content:"";background:var(--brand);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-4px;left:11px;right:11px}.lbl-short{display:none}@media (max-width:1100px){.lbl-full{display:none}.lbl-short{display:inline}}.nav-item{position:relative}.tone-sky{background:var(--p-sky);color:var(--p-sky-ink)}.tone-pink{background:var(--p-pink);color:var(--p-pink-ink)}.tone-mint{background:var(--p-mint);color:var(--p-mint-ink)}.tone-lav{background:var(--p-lav);color:var(--p-lav-ink)}.tone-peach{background:var(--p-peach);color:var(--p-peach-ink)}.tone-butter{background:var(--p-butter);color:var(--p-butter-ink)}.pop{z-index:50;background:var(--card);border:1px solid var(--line);box-shadow:0 18px 40px -12px var(--shadow), 0 2px 8px var(--shadow);border-radius:16px;animation:.14s ease-out pop-in;position:absolute;top:calc(100% + 8px)}@keyframes pop-in{0%{opacity:.4;transform:translateY(-4px)}to{opacity:1;transform:none}}.mega{width:360px;padding:10px;left:0}.mega.cols-2{width:620px}.mega-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px;padding:4px 8px 10px;display:flex}.mega-head h2{font-size:15px}.mega-head span{color:var(--ink-muted);font-size:12.5px}.mega-list{gap:2px;margin:0;padding:0;list-style:none;display:grid}.mega.cols-2 .mega-list{grid-template-columns:1fr 1fr}.tool-item{text-align:left;background:0 0;border:0;border-radius:12px;align-items:flex-start;gap:11px;width:100%;min-height:52px;padding:8px;display:flex}.tool-item:hover,.tool-item:focus-visible{background:var(--subtle)}.tool-item .ico{border-radius:10px;place-items:center;width:34px;height:34px;display:grid}.tool-item b{font-size:14.5px;font-weight:600;line-height:1.35;display:block}.tool-item small{color:var(--ink-muted);margin-top:1px;font-size:12.5px;line-height:1.4;display:block}.tool-item.is-current b{color:var(--brand)}.nav-mobile{align-items:center;gap:8px;padding-block:0 10px;display:none}@media (max-width:767px){.nav,.hdr-search{display:none}.nav-mobile{display:flex}.logo-sub{display:none}.cls select{max-width:104px}.search-box .kbd{display:none}.hdr-row{gap:8px}.avatar-btn .chev{display:none}}@media (max-width:380px){.logo-word{font-size:15px}}.search{width:100%;position:relative}.search-box{border-radius:var(--r-sm);border:1px solid var(--line);background:var(--subtle);align-items:center;gap:8px;height:38px;padding:0 8px 0 11px;transition:border-color .15s,box-shadow .15s;display:flex}.search-box:focus-within{border-color:var(--brand);background:var(--card);box-shadow:0 0 0 3px var(--brand-soft)}.search-box input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:100%;font-size:14.5px}.search-box input::placeholder,.search-box>svg{color:var(--ink-muted)}.kbd{border:1px solid var(--line);color:var(--ink-muted);background:var(--card);white-space:nowrap;border-bottom-width:2px;border-radius:6px;padding:1px 6px;font-family:ui-monospace,Consolas,monospace;font-size:11px}.search-pop{max-height:min(420px,70vh);padding:6px;top:calc(100% + 6px);left:0;right:0;overflow:auto}.search-pop .grp{color:var(--ink-muted);letter-spacing:.02em;padding:6px 10px 4px;font-size:12px;font-weight:600}.opt{cursor:pointer;border-radius:10px;align-items:center;gap:10px;min-height:44px;padding:7px 10px;display:flex}.opt[aria-selected=true]{background:var(--brand-soft)}.opt .ico{border-radius:8px;place-items:center;width:28px;height:28px;display:grid}.opt .t{flex:1;min-width:0;font-size:14.5px;line-height:1.35}.opt .g{color:var(--ink-muted);white-space:nowrap;font-size:12px}.opt .enter{color:var(--ink-muted);opacity:0}.opt[aria-selected=true] .enter{opacity:1}.search-empty{color:var(--ink-muted);padding:16px 12px;font-size:14px}.search-foot{border-top:1px solid var(--line);color:var(--ink-muted);flex-wrap:wrap;gap:12px;margin-top:6px;padding:8px 10px 4px;font-size:12px;display:flex}.pmenu{width:332px;max-height:calc(100vh - 80px);padding:8px;right:0;overflow:auto}@media (max-width:400px){.pmenu{width:auto;position:fixed;top:64px;left:12px;right:12px}}.pm-head{align-items:center;gap:12px;padding:10px 8px 12px;display:flex}.pm-head b{font-family:var(--font-display);font-size:16px;font-weight:500;line-height:1.3;display:block}.pm-head small{color:var(--ink-muted);font-size:12.5px;line-height:1.4;display:block}.pm-meter{color:var(--ink-muted);margin:0 8px 10px;font-size:12.5px}.meter{background:var(--subtle);border:1px solid var(--line);border-radius:6px;height:6px;margin-top:5px;overflow:hidden}.meter>i{background:var(--brand);border-radius:6px;height:100%;display:block}.pm-sep{background:var(--line);height:1px;margin:6px 4px}.pm-item{text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;width:100%;min-height:44px;padding:0 10px;font-size:14.5px;display:flex}.pm-item:hover{background:var(--subtle)}.pm-item .r{color:var(--ink-muted);margin-left:auto;font-size:12px}.pm-sec{padding:8px 10px 10px}.pm-sec>.h{color:var(--ink-muted);letter-spacing:.02em;align-items:center;gap:7px;margin-bottom:8px;font-size:12.5px;font-weight:600;display:flex}.seg{background:var(--subtle);border:1px solid var(--line);border-radius:12px;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:3px;display:grid}.seg button{background:0 0;border:0;border-radius:9px;justify-content:center;align-items:center;gap:6px;min-height:40px;font-size:14px;font-weight:500;display:flex;position:relative}.seg button:after{content:"";position:absolute;inset:-2px 0}.seg button[aria-checked=true]{background:var(--card);box-shadow:0 1px 3px var(--shadow);color:var(--brand);font-weight:600}.modes{grid-template-columns:1fr 1fr;gap:6px;display:grid}.mode{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:10px;align-items:center;gap:8px;min-height:44px;padding:0 10px;font-size:14px;display:flex}.mode[aria-checked=true]{border-color:var(--brand);background:var(--brand-soft);font-weight:600}.mode .ck{color:var(--brand);margin-left:auto}.swatches{flex-wrap:wrap;gap:6px;display:flex}.sw{width:52px;color:var(--ink-muted);background:0 0;border:0;border-radius:10px;flex-direction:column;align-items:center;gap:3px;padding:4px 0;font-size:11.5px;display:flex}.sw .chip{border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:relative;box-shadow:inset 0 0 0 1px #00000014}.sw .chip i{border-radius:50%;width:12px;height:12px}.sw[aria-checked=true]{color:var(--ink);font-weight:600}.sw[aria-checked=true] .chip{box-shadow:0 0 0 2px var(--card), 0 0 0 4px var(--brand)}.sw[aria-checked=true] .chip i{display:none}.today{margin-top:14px}.tb{background:var(--p-butter);min-height:50px;color:var(--p-butter-ink);border:1px solid var(--p-butter-ink);border-radius:14px;align-items:center;gap:10px;padding:5px 6px;display:flex}@supports (color:color-mix(in lab, red, red)){.tb{border:1px solid color-mix(in srgb, var(--p-butter-ink) 22%, transparent)}}.tb-tag{background:var(--p-butter-ink);height:38px;color:var(--card);white-space:nowrap;border-radius:10px;align-items:center;gap:7px;padding:0 12px 0 10px;font-size:14px;font-weight:600;display:inline-flex}.tb-tag .n{background:var(--card);min-width:22px;height:22px;color:var(--p-butter-ink);border-radius:11px;place-items:center;padding:0 6px;font-size:12.5px;display:inline-grid}.tb-msg{min-width:0;color:var(--ink);flex:1;align-items:center;gap:8px;font-size:14.5px;display:flex}.tb-msg .txt{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.tb-msg button.txt{text-align:left;text-underline-offset:3px;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.tb-msg button.txt:hover{text-decoration-color:currentColor}.tb-msg .time{font-variant-numeric:tabular-nums;color:var(--ink-muted);white-space:nowrap;font-size:13.5px}.tb-anim{align-items:center;gap:8px;min-width:0;animation:.35s ease-out tb-in;display:flex}@keyframes tb-in{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.tb-pos{font-variant-numeric:tabular-nums;color:var(--p-butter-ink);white-space:nowrap;font-size:12.5px}.tb .ibtn{color:var(--p-butter-ink)}.tb .ibtn:hover{background:var(--p-butter-ink)}@supports (color:color-mix(in lab, red, red)){.tb .ibtn:hover{background:color-mix(in srgb, var(--p-butter-ink) 12%, transparent)}}.tb-more{background:var(--card);height:38px;color:var(--ink);white-space:nowrap;border:0;border-radius:10px;align-items:center;gap:4px;padding:0 10px;font-size:13.5px;font-weight:600;display:inline-flex;position:relative}.tb-more:after{content:"";position:absolute;inset:-3px 0}.tb-more svg{transition:transform .15s}.tb-more[aria-expanded=true] svg{transform:rotate(180deg)}.kind{white-space:nowrap;border-radius:7px;align-items:center;gap:4px;height:24px;padding:0 8px;font-size:12.5px;font-weight:600;display:inline-flex}.k-urgent{background:var(--support);color:var(--card)}.k-alert{background:var(--support-soft);color:var(--support)}.k-duty{background:var(--p-peach);color:var(--p-peach-ink)}.k-meeting{background:var(--p-sky);color:var(--p-sky-ink)}.k-leave{background:var(--p-mint);color:var(--p-mint-ink)}.k-birthday{background:var(--p-pink);color:var(--p-pink-ink)}.tb-list{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:1fr 1fr;gap:4px;margin-top:8px;padding:8px;display:grid}.tb-row{border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:6px 8px;display:flex}.tb-row:hover{background:var(--subtle)}.tb-row input{width:20px;height:20px;accent-color:var(--brand)}.tb-row label{cursor:pointer;flex-direction:column;flex:1;gap:3px;min-width:0;display:flex}.tb-row .top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.tb-row .body{font-size:14.5px;line-height:1.4}.tb-row.done .body{color:var(--ink-muted);text-decoration:line-through}.tb-foot{border-top:1px solid var(--line);color:var(--ink-muted);flex-wrap:wrap;grid-column:1/-1;justify-content:space-between;align-items:center;gap:8px;margin-top:4px;padding:6px 8px 2px;font-size:13px;display:flex}.tb-done-all{color:var(--good);align-items:center;gap:8px;font-weight:600;display:flex}@media (max-width:767px){.tb-list{grid-template-columns:1fr}.tb-tag .lbl,.tb-pos,.tb .nav-arrows{display:none}.tb-msg{flex-direction:column;align-items:flex-start;gap:2px}.tb-anim{flex-wrap:wrap;gap:4px 8px}.tb-msg .txt{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box}.tb-more .lbl{display:none}}.tb-show{border:1px dashed var(--line-strong);min-height:36px;color:var(--ink-muted);background:0 0;border-radius:999px;align-items:center;gap:6px;margin-top:12px;padding:0 12px;font-size:13.5px;display:inline-flex}.page{padding-block:20px 48px}.hello{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:12px;margin-bottom:16px;display:flex}.hello h1{font-size:clamp(22px,3.2vw,28px)}.hello p{color:var(--ink-muted);margin-top:2px}.pill{background:var(--brand-soft);border-radius:999px;align-items:center;gap:6px;height:28px;padding:0 11px;font-size:13px;font-weight:600;display:inline-flex}.grid-home{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;display:grid}@media (max-width:900px){.grid-home{grid-template-columns:1fr}}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--r-lg);padding:16px}.card-h{justify-content:space-between;align-items:center;gap:8px;margin-bottom:12px;display:flex}.card-h h2{align-items:center;gap:8px;font-size:17px;display:flex}.tt{gap:4px;margin:0;padding:0;list-style:none;display:grid}.tt li{border-radius:12px;grid-template-columns:104px 1fr auto;align-items:center;gap:12px;padding:9px 10px;font-size:14.5px;display:grid}.tt .tm{font-variant-numeric:tabular-nums;color:var(--ink-muted);font-size:13.5px}.tt .sub{align-items:center;gap:8px;min-width:0;display:flex}.tt .sub i{border-radius:3px;flex-shrink:0;width:10px;height:10px}.tt li.now{background:var(--brand-soft)}.tt li.lunch{background:repeating-linear-gradient(-45deg, var(--subtle) 0 8px, transparent 8px 16px);color:var(--ink-muted)}.tt .badge{background:var(--brand);color:var(--on-brand);border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.tt .lock{align-items:center;gap:4px;font-size:12.5px;display:inline-flex}.prog{gap:14px;display:grid}.prog-row .top{justify-content:space-between;gap:8px;font-size:14.5px;display:flex}.prog-row .top b{font-weight:600}.prog-row .meter{height:8px}.prog-row .meter>i.good{background:var(--good)}.prog-row .meter>i.fair{background:var(--fair)}.prog-row small{color:var(--ink-muted);font-size:12.5px}.shortcuts{flex-wrap:wrap;gap:8px;display:flex}.chip-btn{border:1px solid var(--line);background:var(--card);border-radius:12px;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 6px;font-size:14px;font-weight:500;display:inline-flex}.chip-btn:hover{border-color:var(--line-strong)}.chip-btn .ico{border-radius:8px;place-items:center;width:30px;height:30px;display:grid}.crumb{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:10px;font-size:13.5px;display:flex}.crumb button{color:inherit;text-underline-offset:3px;background:0 0;border:0;min-height:32px;padding:0;text-decoration:underline}.tool-hero{align-items:center;gap:16px;margin-bottom:16px;display:flex}.tool-hero .ico{border-radius:16px;place-items:center;width:56px;height:56px;display:grid}.tool-hero h1{font-size:clamp(22px,3vw,28px)}.empty-tool{text-align:center;border:1px dashed var(--line-strong);border-radius:var(--r-lg);color:var(--ink-muted);place-items:center;gap:8px;padding:40px 16px;display:grid}.related{flex-wrap:wrap;gap:8px;margin-top:8px;display:flex}.scrim{z-index:80;background:var(--scrim);place-items:center;padding:24px;animation:.15s ease-out fade;display:grid;position:fixed;inset:0}@keyframes fade{0%{opacity:0}to{opacity:1}}.dlg{background:var(--surface);color:var(--ink);box-shadow:0 30px 70px -20px var(--shadow);border-radius:22px;grid-template-columns:268px minmax(0,1fr);width:min(1100px,100%);height:min(880px,100vh - 48px);animation:.18s ease-out dlg-in;display:grid;position:relative;overflow:hidden}@keyframes dlg-in{0%{opacity:0;transform:translateY(10px)scale(.99)}to{opacity:1;transform:none}}.dlg-side{background:var(--card);border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;overflow:auto}.dlg-id{text-align:center;border-bottom:1px solid var(--line);padding:22px 18px 16px}.dlg-id .avatar{margin:0 auto 10px}.dlg-id b{font-family:var(--font-display);font-size:17px;font-weight:500;line-height:1.3;display:block}.dlg-id small{color:var(--ink-muted);margin-top:2px;font-size:13px;display:block}.dlg-id .meter{margin-top:10px}.dlg-id .pct{color:var(--ink-muted);margin-top:6px;font-size:12.5px}.tabs{gap:2px;margin:0;padding:10px;list-style:none;display:grid}.tab{text-align:left;background:0 0;border:0;border-radius:12px;align-items:center;gap:10px;width:100%;min-height:46px;padding:0 12px;font-size:14.5px;display:flex}.tab:hover{background:var(--subtle)}.tab[aria-selected=true]{background:var(--brand-soft);font-weight:600}.tab .err{color:var(--support);align-items:center;gap:3px;margin-left:auto;font-size:12px;font-weight:600;display:inline-flex}.dlg-main{flex-direction:column;min-width:0;min-height:0;display:flex}.dlg-top{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:10px;padding:14px 18px 14px 24px;display:flex}.dlg-top h2{font-size:19px}.dlg-top .sample{background:var(--p-butter);color:var(--p-butter-ink);white-space:nowrap;border-radius:6px;padding:2px 8px;font-size:12px;font-weight:600}.dlg-body{flex:1;min-height:0;padding:22px 24px 32px;overflow:auto}.dlg-foot{border-top:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px 12px 24px;display:flex}.dlg-foot .state{color:var(--ink-muted);align-items:center;gap:6px;margin-right:auto;font-size:13.5px;display:flex}.dlg-foot .state.bad{color:var(--support)}.confirm-bar{background:var(--support-soft);width:100%;color:var(--ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}@media (max-width:820px){.scrim{padding:0}.dlg{border-radius:0;grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr;width:100%;height:100%}.dlg-side{border-right:0;border-bottom:1px solid var(--line);overflow:visible}.dlg-id{text-align:left;align-items:center;gap:12px;padding:12px 16px;display:flex}.dlg-id .avatar{margin:0;width:44px!important;height:44px!important;font-size:18px!important}.dlg-id .meter,.dlg-id .pct{display:none}.tabs{flex-wrap:wrap;gap:6px;padding:8px 12px 10px;display:flex}.tab{border:1px solid var(--line);width:auto;min-height:40px;padding:0 10px;font-size:13.5px}.tab .tab-ico{display:none}.dlg-main{min-height:0}.dlg-top{padding:10px 12px 10px 16px}.dlg-body{padding:16px 16px 28px}.dlg-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}}.sheet{z-index:80;background:var(--surface);animation:.15s ease-out fade;position:fixed;inset:0;overflow:auto}.sheet-head{background:var(--card);border-bottom:1px solid var(--line);z-index:1;align-items:center;gap:8px;padding:10px 12px 10px 16px;display:flex;position:sticky;top:0}.sheet-head h2{flex:1;font-size:18px}.sheet-body{gap:18px;padding:12px 16px 32px;display:grid}.sheet-cat h3{align-items:center;gap:8px;margin-bottom:6px;font-size:15px;display:flex}.sheet-cat h3 .ico{border-radius:8px;place-items:center;width:26px;height:26px;display:grid}.sheet-cat ul{grid-template-columns:1fr 1fr;gap:6px;margin:0;padding:0;list-style:none;display:grid}.sheet-cat .tool-item{border:1px solid var(--line);background:var(--card);align-items:center;min-height:56px}.sheet-cat .tool-item small{display:none}@media (max-width:360px){.sheet-cat ul{grid-template-columns:1fr}}.sec{gap:16px;margin-bottom:28px;display:grid}.sec:last-child{margin-bottom:0}.sec-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.sec-h h3{align-items:center;gap:8px;font-size:16px;display:flex}.sec-h p{color:var(--ink-muted);width:100%;font-size:13px}.form{grid-template-columns:repeat(6,minmax(0,1fr));gap:14px;display:grid}.fld{flex-direction:column;grid-column:span 2;gap:5px;min-width:0;display:flex}.fld.s1{grid-column:span 1}.fld.s3{grid-column:span 3}.fld.s4{grid-column:span 4}.fld.s6{grid-column:1/-1}@media (max-width:980px){.form{grid-template-columns:repeat(4,minmax(0,1fr))}.fld.s3{grid-column:span 2}.fld.s4{grid-column:1/-1}}@media (max-width:560px){.form{grid-template-columns:repeat(2,minmax(0,1fr))}.fld,.fld.s3,.fld.s4{grid-column:1/-1}.fld.s1{grid-column:span 1}}.fld-label{white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.fld-label .opt{color:var(--ink-muted);font-weight:400}.fld-label .req{color:var(--support)}.inp{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--card);width:100%;min-height:44px;padding:0 12px;font-size:15px}textarea.inp{resize:vertical;min-height:84px;padding:10px 12px;line-height:1.5}select.inp{padding-right:8px}.inp:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.inp[aria-invalid=true]{border-color:var(--support);box-shadow:0 0 0 3px var(--support-soft)}.inp:disabled{background:var(--subtle);color:var(--ink-muted)}.fld-hint{color:var(--ink-muted);font-size:12.5px;line-height:1.45}.fld-err{color:var(--support);align-items:flex-start;gap:5px;font-size:12.5px;font-weight:500;line-height:1.45;display:flex}.fld-err svg{margin-top:2px}.masked{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--subtle);font-variant-numeric:tabular-nums;letter-spacing:.04em;align-items:center;gap:8px;min-height:44px;padding:0 6px 0 12px;display:flex}.masked span{flex:1}.inp-wrap{gap:6px;display:flex}.inp-wrap .inp{flex:1;min-width:0}.note{background:var(--subtle);border:1px solid var(--line);border-radius:12px;align-items:flex-start;gap:10px;padding:10px 12px;font-size:13.5px;line-height:1.5;display:flex}.note svg{color:var(--good);margin-top:2px}.check{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14.5px;display:inline-flex}.check input{width:20px;height:20px;accent-color:var(--brand)}.photos{grid-template-columns:repeat(auto-fit,minmax(min(260px,100%),1fr));gap:14px;display:grid}.photo{border:1px solid var(--line);background:var(--card);border-radius:16px;align-items:center;gap:14px;padding:14px;display:flex}.photo .frame{background:var(--subtle);border:1px dashed var(--line-strong);color:var(--ink-muted);flex-shrink:0;place-items:center;display:grid;overflow:hidden}.photo .frame.circle{border-radius:50%;width:84px;height:84px}.photo .frame.portrait{border-radius:8px;width:72px;height:96px}.photo .frame img{object-fit:cover;width:100%;height:100%}.photo b{font-size:14.5px;font-weight:600;display:block}.photo small{color:var(--ink-muted);margin:2px 0 8px;font-size:12.5px;line-height:1.45;display:block}.photo .acts{flex-wrap:wrap;gap:6px;display:flex}.items{gap:10px;display:grid}.item{border:1px solid var(--line);background:var(--card);border-radius:16px;padding:14px;position:relative}.item .form{gap:10px 12px}.item-h{color:var(--ink-muted);align-items:center;gap:8px;margin-bottom:10px;font-size:13.5px;font-weight:600;display:flex}.item-h .grow{flex:1}.empty{border:1px dashed var(--line-strong);color:var(--ink-muted);text-align:center;border-radius:14px;padding:16px;font-size:14px}.add-btn{justify-self:start}.stat-row{flex-wrap:wrap;gap:10px;display:flex}.stat{background:var(--card);border:1px solid var(--line);border-radius:14px;flex:150px;padding:12px 14px}.stat small{color:var(--ink-muted);font-size:12.5px;display:block}.stat b{font-family:var(--font-display);font-variant-numeric:tabular-nums;font-size:22px;font-weight:500}.stat b span{font-size:13px;font-family:var(--font-body);color:var(--ink-muted);margin-left:4px;font-weight:400}.stat .meter{margin-top:8px}.timeline{gap:0;margin:0;padding:0 0 0 4px;list-style:none;display:grid}.tl{grid-template-columns:20px minmax(0,1fr);gap:12px;padding-bottom:14px;display:grid;position:relative}.tl:before{content:"";background:var(--line);width:2px;position:absolute;top:22px;bottom:0;left:9px}.tl:last-child:before{display:none}.tl .dot{background:var(--brand-soft);border:2px solid var(--brand);border-radius:50%;place-items:center;width:20px;height:20px;margin-top:3px;display:grid}.tl .box{background:var(--card);border:1px solid var(--line);border-radius:14px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.tl .box .c{flex:1;min-width:0}.tl .meta{color:var(--ink-muted);flex-wrap:wrap;align-items:center;gap:8px;font-size:13px;display:flex}.tl .d{margin-top:3px;font-size:14.5px;line-height:1.45}.tl .ref{color:var(--ink-muted);margin-top:2px;font-size:12.5px}.ttype{border-radius:6px;align-items:center;height:22px;padding:0 8px;font-size:12px;font-weight:600;display:inline-flex}.drop{text-align:center;border:2px dashed var(--line-strong);background:var(--card);cursor:pointer;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:26px 16px;transition:background .15s,border-color .15s;display:flex}.drop:hover,.drop.over{background:var(--brand-soft);border-color:var(--brand)}.drop:focus-within{outline:3px solid var(--brand);outline-offset:2px}.drop .big{background:var(--brand-soft);width:52px;height:52px;color:var(--brand);border-radius:16px;place-items:center;margin-bottom:4px;display:grid}.drop b{font-size:15.5px}.drop small{color:var(--ink-muted);font-size:13px}.files{gap:8px;margin:0;padding:0;list-style:none;display:grid}.file{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;display:flex}.file .fi{border-radius:12px;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid;overflow:hidden}.file .fi img{object-fit:cover;width:100%;height:100%}.file .meta{flex:200px;min-width:0}.file .meta b{text-overflow:ellipsis;white-space:nowrap;font-size:14.5px;font-weight:600;display:block;overflow:hidden}.file .meta small{color:var(--ink-muted);flex-wrap:wrap;gap:8px;font-size:12.5px;display:flex}.file .acts{flex-wrap:wrap;gap:6px;display:flex}.draft{border:1px solid var(--brand);background:var(--card);border-radius:16px;gap:10px;padding:14px;display:grid}.draft-h{align-items:center;gap:8px;font-weight:600;display:flex}.draft-h .tag{background:var(--brand-soft);border-radius:6px;padding:2px 8px;font-size:12px}.draft ul{gap:4px;margin:0;padding:0;list-style:none;display:grid}.draft li label{cursor:pointer;border-radius:10px;align-items:flex-start;gap:10px;padding:8px;font-size:14.5px;display:flex}.draft li label:hover{background:var(--subtle)}.draft li input{width:20px;height:20px;accent-color:var(--brand);margin-top:2px}.draft li .dup{color:var(--ink-muted);font-size:12.5px}.gb-head{align-items:center;gap:14px;margin-bottom:14px;display:flex}.gb-head .ico{border-radius:16px;place-items:center;width:52px;height:52px;display:grid}.gb-head h1{font-size:clamp(22px,3vw,28px)}.sample-tag{background:var(--p-butter);color:var(--p-butter-ink);white-space:nowrap;border-radius:7px;padding:3px 9px;font-size:12px;font-weight:600}.subj{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.subj button{border:1px solid var(--line);background:var(--card);border-radius:999px;align-items:center;gap:7px;min-height:40px;padding:0 13px;font-size:14px;display:inline-flex;position:relative}.subj button:after{content:"";position:absolute;inset:-2px 0}.subj button:hover{border-color:var(--line-strong)}.subj button[aria-pressed=true]{border-color:var(--brand);background:var(--brand-soft);font-weight:600}.subj i{border-radius:50%;flex-shrink:0;width:10px;height:10px}.subj .cnt{background:var(--brand);color:var(--on-brand);border-radius:6px;padding:1px 6px;font-size:11.5px;font-weight:600}.gb-bar{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:12px 20px;display:grid}.gb-title{font-size:19px}.gb-ratio{flex-wrap:wrap;align-items:center;gap:10px;font-size:13.5px;font-weight:600;display:flex}.gb-ratio .seg{flex:240px;min-width:0;max-width:340px}.gb-actions{border-top:1px solid var(--line);flex-wrap:wrap;grid-column:1/-1;gap:8px;padding-top:12px;display:flex}@media (max-width:760px){.gb-bar{grid-template-columns:minmax(0,1fr)}.gb-ratio .seg{max-width:none}}.gb-dist{flex-wrap:wrap;align-items:center;gap:8px 14px;margin:14px 0 10px;font-size:13.5px;display:flex}.dist{align-items:center;gap:5px;display:inline-flex}.gb-filter{flex-wrap:wrap;align-items:center;gap:8px 16px;margin-bottom:10px;display:flex}.gbadge,.sym{font-family:var(--font-sarabun-thai), var(--font-sarabun-latin), "TH Sarabun New", Tahoma, sans-serif}.sym{font-weight:700}.gbadge{font-variant-numeric:tabular-nums;white-space:nowrap;border-radius:7px;place-items:center;min-width:36px;height:26px;padding:0 6px;font-size:13.5px;font-weight:700;display:inline-grid}.g-a{background:var(--good-soft);color:var(--good)}.g-b{background:var(--p-sky);color:var(--p-sky-ink)}.g-c{background:var(--p-butter);color:var(--p-butter-ink)}.g-d{background:var(--support-soft);color:var(--support)}.g-r{background:var(--subtle);color:var(--ink-muted);box-shadow:inset 0 0 0 1px var(--line-strong)}.g-ms{background:var(--support);color:var(--card)}.gb-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);max-height:min(72vh,760px);overflow:auto}.gb{border-collapse:separate;border-spacing:0;width:100%;font-size:14px}.gb th,.gb td{border-bottom:1px solid var(--line);text-align:center;white-space:nowrap;background:var(--card);padding:4px 8px}.gb thead th{z-index:2;background:var(--subtle);vertical-align:bottom;padding:8px;font-size:13px;font-weight:600;line-height:1.35;position:sticky;top:0}.gb thead th .cn{white-space:normal;max-width:120px;display:block}.gb thead th .typ{color:var(--ink-muted);font-size:11.5px;font-weight:500;display:block}.gb thead th.t-midterm{box-shadow:inset 0 -3px 0 var(--p-sky-ink)}.gb thead th.t-final{box-shadow:inset 0 -3px 0 var(--brand)}.gb .c-no{z-index:1;width:48px;min-width:48px;position:sticky;left:0}.gb .c-name{z-index:1;text-align:left;border-right:1px solid var(--line);min-width:140px;font-weight:400;position:sticky;left:48px}.gb thead .c-no,.gb thead .c-name{z-index:3}.gb .c-name b{font-weight:600;display:block}.gb .c-name small{color:var(--ink-muted);text-overflow:ellipsis;max-width:180px;font-size:12px;display:block;overflow:hidden}.gb tbody tr:hover>*{background:var(--subtle)}.gb .score{text-align:center;border:1px solid var(--line-strong);background:var(--card);border-radius:9px;width:60px;min-height:44px;font-size:15px}.gb .score.empty{background:var(--subtle);border-style:dashed}.gb .score.dirty{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand);background:var(--brand-soft)}.gb .score:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.gb .score::placeholder,.gb .calc{color:var(--ink-muted)}.gb .tot{font-size:15px;font-weight:700}.gb td.low{color:var(--support);font-weight:700}.gb .c-grade{text-align:left}.gcell{align-items:center;gap:8px;display:inline-flex}.gcell small{color:var(--ink-muted);font-size:12.5px}.ind{border-radius:7px;min-width:54px;padding:3px 8px;font-size:12.5px;font-weight:600;display:inline-block}.ind-pass{background:var(--good-soft);color:var(--good)}.ind-fail{background:var(--support-soft);color:var(--support)}.ind-wait{background:var(--subtle);color:var(--ink-muted)}.gb-legend{margin-top:16px;padding:12px 16px}.gb-legend summary{cursor:pointer;align-items:center;min-height:32px;font-weight:600;display:flex}.legend-grid{grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:6px;margin-top:10px;display:grid}.legend-row{background:var(--subtle);border-radius:10px;align-items:center;gap:10px;padding:8px;display:flex}.legend-row b{font-size:14px;display:block}.legend-row small{color:var(--ink-muted);font-size:12.5px;display:block}.savebar{bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:30;background:var(--ink);color:var(--surface);box-shadow:0 14px 34px -10px var(--shadow);border-radius:16px;flex-wrap:wrap;align-items:center;gap:10px;margin-top:16px;padding:10px 12px 10px 16px;display:flex;position:sticky}.savebar .btn-ghost{color:var(--surface);border-color:var(--surface);background:0 0}@supports (color:color-mix(in lab, red, red)){.savebar .btn-ghost{border-color:color-mix(in srgb, var(--surface) 40%, transparent)}}.savebar .btn-ghost:hover{background:var(--surface)}@supports (color:color-mix(in lab, red, red)){.savebar .btn-ghost:hover{background:color-mix(in srgb, var(--surface) 12%, transparent)}}.seg button[aria-selected=true]{background:var(--card);box-shadow:0 1px 3px var(--shadow);color:var(--brand);font-weight:600}.att-views{min-width:min(320px,100%);margin-bottom:12px;display:inline-grid}.att-date{flex-wrap:wrap;align-items:center;gap:8px;padding:10px 12px;display:flex}.att-date-main{flex-direction:column;flex:200px;gap:2px;min-width:0;display:flex}.att-date-main b{font-family:var(--font-display);font-size:17px;font-weight:500;line-height:1.3}.att-state{color:var(--ink-muted);align-items:center;gap:5px;font-size:13px;display:inline-flex}.att-state.ok{color:var(--good);font-weight:600}.att-hint{margin:12px 0 10px;font-size:14px}.att-sum{flex-wrap:wrap;align-items:center;gap:6px 8px;margin-bottom:10px;display:flex}.att-chip{border-radius:9px;align-items:center;gap:6px;height:32px;padding:0 10px;font-size:13.5px;font-weight:600;display:inline-flex}.att-chip b{font-size:15px}.chip-present{background:var(--good-soft);color:var(--good)}.chip-late{background:var(--p-butter);color:var(--p-butter-ink)}.chip-leave{background:var(--p-lav);color:var(--p-lav-ink)}.chip-sick{background:var(--p-sky);color:var(--p-sky-ink)}.chip-absent{background:var(--support-soft);color:var(--support)}.att-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.att-row{background:var(--card);border:1px solid var(--line);border-radius:14px;grid-template-columns:30px 36px minmax(0,1fr) 52px auto;align-items:center;gap:10px;padding:8px 10px;display:grid}.att-row:not(.is-present){background:var(--subtle)}.att-row.changed{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.att-no{color:var(--ink-muted);text-align:center}.att-name{min-width:0}.att-name b{font-weight:600;display:block}.att-name small{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.att-leave{background:var(--p-lav);color:var(--p-lav-ink);border-radius:6px;align-items:center;gap:4px;margin-top:3px;padding:1px 7px;font-size:12px;font-weight:600;display:inline-flex}.att-pct{color:var(--ink-muted);text-align:right;font-size:13.5px}.att-pct.low{color:var(--support);font-weight:700}.att-btns{gap:4px;display:flex}.att-btn{border:1px solid var(--line-strong);background:var(--card);white-space:nowrap;border-radius:10px;flex:0 0 74px;justify-content:center;align-items:center;gap:4px;min-width:0;min-height:44px;padding:0 10px;font-size:14px;font-weight:500;display:inline-flex}.att-btn:hover{border-color:var(--ink-muted)}.att-btn[aria-checked=true]{color:var(--card);border-color:#0000;font-weight:700}.att-btn[aria-checked=true].st-present{background:var(--good)}.att-btn[aria-checked=true].st-late{background:var(--fair);color:var(--on-fair)}.att-btn[aria-checked=true].st-leave{background:var(--p-lav-ink)}.att-btn[aria-checked=true].st-sick{background:var(--p-sky-ink)}.att-btn[aria-checked=true].st-absent{background:var(--support)}@media (max-width:760px){.att-row{grid-template-columns:26px 36px minmax(0,1fr) auto}.att-btns{grid-column:1/-1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.att-btn{min-width:0;padding:0 2px;font-size:13.5px}.att-btn svg{display:none}}.savebar.calm{background:var(--card);color:var(--ink);border:1px solid var(--line)}.savebar.calm .btn-ghost{color:var(--ink);border-color:var(--line)}.gb .tot.low{color:var(--support)}.th-app[data-font=calibri]{--font-body:"Calibri", var(--font-carlito), var(--font-sarabun-thai), var(--font-sarabun-latin), system-ui, sans-serif;font-size:11pt}.th-app[data-font=calibri] .gb,.th-app[data-font=calibri] .inp,.th-app[data-font=calibri] .tt li,.th-app[data-font=calibri] .att-btn,.th-app[data-font=calibri] .search-box input{font-size:11pt}@media (max-width:640px){.th-app[data-font=calibri]{font-size:16px}}.xm{display:inline-flex;position:relative}.xmenu{width:300px;padding:8px;right:0}.xmenu .pm-item{align-items:center;min-height:52px;padding:6px 10px}.xmenu .pm-item small{color:var(--ink-muted);font-size:12px;display:block}.xmenu .pm-item:disabled{opacity:.6;cursor:progress}.xmenu .ic{border-radius:9px;flex-shrink:0;place-items:center;width:32px;height:32px;display:grid}.ic-pdf{background:var(--support-soft);color:var(--support)}.ic-xlsx{background:var(--good-soft);color:var(--good)}.ic-docx{background:var(--p-sky);color:var(--p-sky-ink)}@media (max-width:400px){.xmenu{width:auto;position:fixed;inset:auto 12px 16px}}.home-res{margin-top:16px}.res-head{flex-wrap:wrap;align-items:center;gap:8px 10px;display:flex}.res-table .c-grade{min-width:150px}.sb{white-space:nowrap;border-radius:7px;align-items:center;min-height:24px;padding:2px 8px;font-size:12.5px;font-weight:600;display:inline-flex}.sb-good{background:var(--good-soft);color:var(--good)}.sb-warn{background:var(--p-butter);color:var(--p-butter-ink)}.sb-bad{background:var(--support-soft);color:var(--support)}.sb-info{background:var(--p-sky);color:var(--p-sky-ink)}.sb-lav{background:var(--p-lav);color:var(--p-lav-ink)}.sb-peach{background:var(--p-peach);color:var(--p-peach-ink)}.sb-muted{background:var(--subtle);color:var(--ink-muted)}.stat-bad b{color:var(--support)}.stat-warn b{color:var(--p-butter-ink)}.sview{margin-top:18px}.sview h2{margin-bottom:10px;font-size:17px}.gb.stable th,.gb.stable td{white-space:normal;padding:8px 10px;line-height:1.45}.gb.stable td{min-width:64px}.scards{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.scard{background:var(--card);border:1px solid var(--line);border-radius:16px;align-content:start;gap:6px;padding:14px;display:grid}.scard-h{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.scard-h b{font-weight:600;line-height:1.4}.scard p{font-size:14px;line-height:1.55}.scard-x{color:var(--ink-muted);font-size:13px}.ttg th,.ttg td{text-align:center;vertical-align:middle;padding:6px}.gb.ttg{table-layout:fixed;min-width:760px}.gb.ttg td{white-space:normal}.ttg td.is-today{background:var(--brand-soft)}@supports (color:color-mix(in lab, red, red)){.ttg td.is-today{background:color-mix(in srgb, var(--brand-soft) 45%, var(--card))}}.ttg thead th.is-today{background:var(--brand-soft);color:var(--ink)}.tt-cell{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:10px;align-items:center;gap:8px;width:100%;min-height:48px;padding:6px 10px;font-size:13.5px;line-height:1.3;display:flex}.tt-cell:hover{border-color:var(--line-strong)}.tt-cell i{border-radius:3px;flex-shrink:0;width:10px;height:10px}.tt-cell small{color:var(--ink-muted);font-size:11.5px;display:block}.tt-cell.on{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.gb tbody tr.tt-lunch>*{background:repeating-linear-gradient(-45deg, var(--subtle) 0 8px, var(--card) 8px 16px);color:var(--ink-muted);font-weight:600}fieldset.tt-days{border:0;min-width:0;margin:0;padding:0}.tt-days>div{flex-wrap:wrap;gap:0 14px;display:flex}.modal{background:var(--surface);color:var(--ink);box-shadow:0 30px 70px -20px var(--shadow);border-radius:22px;flex-direction:column;width:min(720px,100%);max-height:calc(100vh - 48px);animation:.18s ease-out dlg-in;display:flex;position:relative;overflow:hidden}.modal.wide{width:min(980px,100%)}.modal-top{border-bottom:1px solid var(--line);background:var(--card);align-items:center;gap:10px;padding:12px 12px 12px 22px;display:flex}.modal-top h2{flex:1;min-width:0;font-size:18px}.modal-body{flex:1;min-height:0;padding:18px 22px 24px;overflow:auto}.modal-foot{border-top:1px solid var(--line);background:var(--card);flex-wrap:wrap;align-items:center;gap:10px;padding:12px 18px 12px 22px;display:flex}.modal-foot .state{color:var(--ink-muted);font-size:13.5px}@media (max-width:820px){.modal,.modal.wide{border-radius:0;width:100%;height:100%;max-height:none}.modal-body{padding:16px}.modal-foot{padding:10px 16px calc(10px + env(safe-area-inset-bottom,0px))}}.face{background:var(--p-mint);color:var(--p-mint-ink);font-family:var(--font-display);border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid;overflow:hidden}.face img{object-fit:cover;width:100%;height:100%}.roster{grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.roster-card{border:1px solid var(--line);background:var(--card);text-align:left;border-radius:14px;align-items:center;gap:12px;width:100%;min-height:68px;padding:10px 12px;display:flex}.roster-card:hover{border-color:var(--line-strong)}.roster-card b{font-weight:600;display:block}.roster-card small{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12.5px;display:block;overflow:hidden}.cls-mgr{margin-left:-6px}.cls-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cls-list li{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:10px 12px;display:flex}.cls-list li.on{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.cls-badge{background:var(--brand-soft);min-width:56px;height:36px;font-weight:600;font-family:var(--font-display);border-radius:10px;place-items:center;padding:0 8px;display:inline-grid}.store-line{flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 8px;font-size:13.5px;display:flex}.hv-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.hv-list li{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.hv-who{flex:180px;min-width:0}.hv-who b{font-weight:600;display:block}.hv-who small{color:var(--ink-muted);font-size:12.5px;display:block}.hv-thumbs{display:flex}.hv-thumbs img{object-fit:cover;border:2px solid var(--card);border-radius:8px;width:36px;height:36px;margin-left:-8px}.hv-thumbs img:first-child{margin-left:0}.gps-box{background:var(--subtle);border:1px solid var(--line);border-radius:14px;padding:12px}.gps-now{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.hv-photos{flex-wrap:wrap;gap:10px;display:flex}.hv-ph{border:1px solid var(--line);border-radius:12px;width:128px;height:96px;margin:0;position:relative;overflow:hidden}.hv-ph img{object-fit:cover;width:100%;height:100%}.hv-ph .ibtn{background:var(--card);width:32px;height:32px;position:absolute;top:4px;right:4px}.hv-add{border:2px dashed var(--line-strong);background:var(--card);width:128px;height:96px;color:var(--ink-muted);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:13px;display:flex}.hv-sec .fld,.sec>.fld{grid-column:1/-1}.hv-sec{background:var(--card);border:1px solid var(--line);border-radius:14px;gap:8px;padding:12px;display:grid}.hv-sec h4{font-size:15px;font-family:var(--font-display);margin:0;font-weight:500}.hv-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 12px;font-size:14.5px;display:flex}.hv-row .seg{min-width:min(330px,100%)}.seg button.rate-good[aria-checked=true]{background:var(--good);color:var(--card)}.seg button.rate-warn[aria-checked=true]{background:var(--fair);color:var(--on-fair)}.seg button.rate-bad[aria-checked=true]{background:var(--support);color:var(--card)}.gen-actions{flex-wrap:wrap;align-items:center;gap:10px;margin-top:14px;display:flex}.gen-result{margin-top:16px}.gen-head{flex-wrap:wrap;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.gen-tools{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.qlist{gap:14px;margin:0;padding:0 0 0 22px;display:grid}.qlist>li{padding-left:4px}.qlist b{font-weight:600}.choices{grid-template-columns:repeat(auto-fill,minmax(min(220px,100%),1fr));gap:6px;margin-top:6px;display:grid}.choice{border:1px solid var(--line);background:var(--card);border-radius:10px;align-items:center;gap:8px;min-width:0;padding:6px 10px;font-size:14.5px;display:flex}.choice .inp{min-height:36px}.choice.right{border-color:var(--good);background:var(--good-soft)}.choice-key{background:var(--subtle);width:26px;height:26px;font-weight:700;font-family:var(--font-sarabun-thai), var(--font-sarabun-latin), sans-serif;color:var(--ink);border:0;border-radius:50%;flex-shrink:0;place-items:center;display:inline-grid}button.choice-key{cursor:pointer;width:36px;height:36px}button.choice-key[aria-checked=true]{background:var(--good);color:var(--card)}.slides{grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.slide{border:1px solid var(--line);background:var(--card);border-top:6px solid var(--brand);border-radius:14px;align-content:start;gap:6px;max-width:100%;min-height:190px;padding:14px 14px 14px 16px;display:grid;position:relative}.slide-n{color:var(--ink-muted);font-size:12px;position:absolute;top:8px;right:10px}.slide ul{gap:2px;margin:0;padding-left:18px;font-size:14px;display:grid}.omr-steps .fld.s3{justify-content:flex-end}.scans{gap:10px;margin:16px 0 0;padding:0;list-style:none;display:grid}.scan-body{grid-template-columns:minmax(0,240px) minmax(0,1fr);gap:16px;display:grid}.scan-body img{border:1px solid var(--line);border-radius:10px;width:100%}.scan-info{align-content:start;gap:10px;display:grid}.scan-err{color:var(--support);flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ans-grid{grid-template-columns:repeat(auto-fill,minmax(96px,1fr));gap:6px;display:grid}.ans{border:1px solid var(--line);border-radius:10px;align-items:center;gap:6px;padding:4px 8px;font-size:14px;font-weight:600;display:flex}.ans select{border:1px solid var(--line-strong);background:var(--card);min-height:36px;color:var(--ink);font-family:var(--font-sarabun-thai), var(--font-sarabun-latin), sans-serif;border-radius:8px;padding:0 4px}.ans.ok{background:var(--good-soft);color:var(--good)}.ans.no{background:var(--support-soft);color:var(--support)}.ans.flag{box-shadow:inset 0 0 0 2px var(--fair)}@media (max-width:640px){.scan-body{grid-template-columns:1fr}}.ic-pptx{background:var(--p-peach);color:var(--p-peach-ink)}.xd{grid-template-columns:minmax(0,1fr) 300px;align-items:start;gap:18px;display:grid}.xd-pages{background:var(--subtle);border:1px solid var(--line);border-radius:14px;gap:14px;max-height:68vh;padding:10px;display:grid;overflow:auto}.xd-page{justify-items:center;gap:4px;margin:0;display:grid}.xd-page img{width:100%;max-width:560px;box-shadow:0 4px 18px -6px var(--shadow);border:1px solid var(--line);background:#fff}.xd-page.land img{max-width:100%}.xd-page figcaption{font-size:12.5px}.xd-side{align-content:start;gap:16px;display:grid}.xd-h{align-items:center;gap:7px;margin-bottom:8px;font-size:14.5px;display:flex}.xd-btns{gap:8px;display:grid}.xd-btns .btn{justify-content:flex-start}.stamp-row{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:8px;padding:6px 0;display:flex}.stamp-thumb{background:var(--subtle);border:1px solid var(--line);width:40px;height:40px;color:var(--ink-muted);border-radius:8px;flex-shrink:0;place-items:center;display:grid;overflow:hidden}.stamp-thumb img{object-fit:contain;background:#fff;width:100%;height:100%}@media (max-width:860px){.xd{grid-template-columns:1fr}.xd-pages{max-height:none}}.saraban-kinds{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:8px;display:grid}.saraban-kinds button{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:14px;gap:3px;min-height:76px;padding:12px 14px;display:grid}.saraban-kinds button b{font-weight:600}.saraban-kinds button small{color:var(--ink-muted);font-size:12.5px;line-height:1.45}.saraban-kinds button[aria-checked=true]{border-color:var(--brand);background:var(--brand-soft)}.task-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.task-list>li{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 12px;display:flex}.task-list>li.done .task-main b{color:var(--ink-muted);text-decoration:line-through}.task-main{flex:220px;min-width:0}.task-main b{font-weight:600;display:block}.task-main small{font-size:12.5px;display:block}.task-st{min-width:min(270px,100%)}.task-st button{min-height:36px;font-size:12.5px}.duty-date{background:var(--subtle);border:1px solid var(--line);border-radius:12px;flex-shrink:0;place-items:center;width:52px;height:52px;line-height:1.1;display:grid}.duty-date b{font-size:20px}.duty-date small{color:var(--ink-muted);font-size:11.5px}.duty-date.today{background:var(--brand-soft);border-color:var(--brand)}.planner-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.planner-range{font-family:var(--font-display);font-size:16px;font-weight:500}.week{grid-template-columns:repeat(7,minmax(0,1fr));gap:6px;display:grid}.wday{border:1px solid var(--line);background:var(--card);border-radius:14px;flex-direction:column;min-width:0;min-height:220px;display:flex}.wday.today{border-color:var(--brand);box-shadow:inset 0 0 0 1px var(--brand)}.wday.weekend{background:var(--subtle)}.wday header{border-bottom:1px solid var(--line);align-items:center;gap:4px;padding:4px 4px 4px 8px;display:flex}.wday-h{text-align:left;background:0 0;border:0;flex:1;align-items:baseline;gap:6px;min-height:40px;font-size:13px;display:flex}.wday-h b{font-size:18px}.wday ul,.day-list{align-content:start;gap:4px;margin:0;padding:6px;list-style:none;display:grid}.ag-btn{text-align:left;border:1px solid var(--line);background:var(--card);border-radius:9px;gap:2px;width:100%;min-height:44px;padding:6px 8px;font-size:12.5px;line-height:1.35;display:grid}button.ag-btn:hover{border-color:var(--line-strong)}.ag-btn b{font-size:13px;font-weight:600}.ag-time{color:var(--ink-muted);font-size:11.5px}.ag-tt .ag-btn{background:var(--p-sky)}@supports (color:color-mix(in lab, red, red)){.ag-tt .ag-btn{background:color-mix(in srgb, var(--p-sky) 35%, var(--card))}}.ag-lunch .ag-btn{background:repeating-linear-gradient(-45deg, var(--subtle) 0 8px, var(--card) 8px 16px);color:var(--ink-muted)}.ag-duty .ag-btn{background:var(--p-peach)}@supports (color:color-mix(in lab, red, red)){.ag-duty .ag-btn{background:color-mix(in srgb, var(--p-peach) 40%, var(--card))}}.ag-task .ag-btn{border-color:var(--support)}.ag.done .ag-btn{opacity:.6}.ag-empty{padding:6px;font-size:12.5px}.day-list .ag-btn{grid-template-columns:110px minmax(0,1fr) auto;align-items:center;gap:8px;font-size:14px}@media (max-width:980px){.week{grid-template-columns:1fr}.wday{min-height:0}}.diff-row{flex-wrap:wrap;align-items:center;gap:8px 12px;margin-top:14px;display:flex}.diff-row .fld-label{align-items:center;gap:6px;display:inline-flex}.act-types{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));display:grid}.act-pages{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr));gap:12px;display:grid}.act-pages img{border:1px solid var(--line);width:100%;box-shadow:0 4px 14px -6px var(--shadow);background:#fff;border-radius:8px}.src-box{border:1px dashed var(--line-strong);background:var(--subtle);border-radius:14px;margin-top:14px;padding:12px}.src-h{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:8px;display:flex}.src-h small{font-size:12.5px}.src-list{gap:4px;margin:8px 0 0;padding:0;list-style:none;display:grid}.src-list li{background:var(--card);border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px;padding:4px 6px;display:flex}.src-name{text-overflow:ellipsis;white-space:nowrap;flex:160px;min-width:0;font-size:13.5px;overflow:hidden}.gb-link{background:var(--subtle);border:1px solid var(--line);border-radius:14px;flex-wrap:wrap;align-items:flex-end;gap:10px;margin:12px 0 4px;padding:12px;display:flex}.gb-link .fld{flex:1;min-width:200px}.mi-row{position:relative}.mi-row .tool-item{padding-right:64px}.mi-edit{border:1px solid var(--line);background:var(--card);min-height:32px;color:var(--ink-muted);border-radius:8px;align-items:center;gap:4px;padding:0 9px;font-size:12.5px;font-weight:500;display:inline-flex;position:relative}.mi-edit:after{content:"";position:absolute;inset:-6px -2px}.mi-edit:hover{color:var(--brand);border-color:var(--brand)}.mi-row>.mi-edit{position:absolute;top:50%;right:6px;transform:translateY(-50%)}.mega-head{align-items:center}.mega-head span{flex:1}.mi-edit-cat{flex-shrink:0}.sheet-cat h3{align-items:center;gap:8px;display:flex}.sheet-cat .mi-row .tool-item{padding-right:52px}.th-title{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.th-title .mi-edit{font-family:var(--font-body)}.menu-preview{border:1px dashed var(--line-strong);border-radius:12px;gap:6px;margin-top:14px;padding:10px;display:grid}.menu-mgr{gap:12px;display:grid}.mm-cat{border:1px solid var(--line);background:var(--card);border-radius:14px;overflow:hidden}.mm-cat ul{gap:2px;margin:0;padding:4px 8px 8px 30px;list-style:none;display:grid}.mm-row{border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:6px 6px 6px 8px;display:flex}.mm-row:hover{background:var(--subtle)}.mm-head{background:var(--subtle);border-radius:0;padding:8px 12px}.mm-text{flex:1;min-width:0}.mm-text b{font-size:14.5px;font-weight:600;display:block}.mm-text small{color:var(--ink-muted);font-size:12.5px;display:block}.toast{left:50%;bottom:calc(20px + env(safe-area-inset-bottom,0px));z-index:120;background:var(--ink);max-width:min(520px,100% - 32px);color:var(--surface);box-shadow:0 12px 30px -8px var(--shadow);border-radius:14px;align-items:center;gap:10px;padding:12px 16px;font-size:14.5px;animation:.2s ease-out toast-in;display:flex;position:fixed;transform:translate(-50%)}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.lock-acts{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.dev-bar{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.dev-table td{padding:4px 6px}.dev-name{align-items:center;gap:8px;display:flex}.dev-btn{border:1px dashed var(--line-strong);background:var(--subtle);min-width:76px;min-height:46px;color:var(--ink-muted);line-height:1.15;font-family:Sarabun, var(--font-body);border-radius:10px;flex-direction:column;justify-content:center;align-items:center;padding:2px 8px;display:inline-flex}.dev-btn b{font-size:17px}.dev-btn small{font-size:12px;font-weight:600}.dev-btn.lv3{background:var(--good-soft);color:var(--good);border:1px solid #0000}.dev-btn.lv2{background:var(--p-butter);color:var(--p-butter-ink);border:1px solid #0000}.dev-btn.lv1{border:2px solid var(--support);background:var(--support-soft);color:var(--support)}.dev-btn:hover{filter:brightness(.97)}.crop{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start;gap:18px;display:grid}@media (max-width:680px){.crop{grid-template-columns:1fr}}.crop-stage{flex-direction:column;align-items:center;gap:6px;display:flex}.crop-stage small{align-items:center;gap:5px;font-size:12.5px;display:inline-flex}.crop-frame{cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;background:#2b2735;border-radius:14px;width:min(100%,340px);position:relative;overflow:hidden}.crop-frame:active{cursor:grabbing}.crop-frame:focus-visible{outline:3px solid var(--brand);outline-offset:3px}.crop-frame canvas{width:100%;height:100%;display:block}.crop-guide{pointer-events:none;background-image:linear-gradient(90deg,#0000 calc(33.33% - .5px),#ffffff8c calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff8c calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px)),linear-gradient(#0000 calc(33.33% - .5px),#ffffff8c calc(33.33% - .5px) calc(33.33% + .5px),#0000 calc(33.33% + .5px) calc(66.66% - .5px),#ffffff8c calc(66.66% - .5px) calc(66.66% + .5px),#0000 calc(66.66% + .5px));position:absolute;inset:0}.crop-frame.round .crop-guide{background:0 0;border-radius:50%;outline:2px solid #ffffffd9;box-shadow:0 0 0 999px #14101e80}.crop-wait{color:#fff;place-items:center;font-size:14px;display:grid;position:absolute;inset:0}.crop-ctl{flex-direction:column;gap:12px;min-width:0;display:flex}.crop-row{align-items:center;gap:8px;display:flex}.crop-row .crop-sl{flex:1}.crop-btns{flex-wrap:wrap}.crop-btns .btn[aria-pressed=true]{background:var(--brand-soft);border-color:var(--brand)}.crop-sl{flex-direction:column;gap:4px;min-width:0;display:flex}.crop-sl label{justify-content:space-between;align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.crop-sl label>span{align-items:center;gap:5px;display:inline-flex}.crop-sl output{color:var(--ink-muted);font-size:13px;font-weight:500}.crop-sl input[type=range]{width:100%;min-height:32px;accent-color:var(--brand)}.gl{position:relative}.gl-pop{width:min(330px,100vw - 24px);padding:10px;right:0}.gl-grid{grid-template-columns:repeat(3,1fr);gap:4px;margin:0 0 8px;padding:0;list-style:none;display:grid}.gl-grid a{min-height:76px;color:var(--ink);text-align:center;border-radius:12px;flex-direction:column;align-items:center;gap:5px;padding:8px 4px;font-size:12.5px;line-height:1.25;text-decoration:none;display:flex}.gl-grid a:hover,.gl-grid a:focus-visible{background:var(--subtle)}.gl-grid .ico{border-radius:10px;place-items:center;width:36px;height:36px;display:grid}@media (max-width:420px){.gl{display:none}}.gt-note,.gt-warn{border-radius:12px;align-items:flex-start;gap:8px;padding:10px 12px;font-size:13.5px;line-height:1.5;display:flex}.gt-note{background:var(--p-sky);color:var(--p-sky-ink);margin-bottom:14px}.gt-warn{background:var(--support-soft);color:var(--support);margin:10px 0;font-weight:500}.gt-note svg,.gt-warn svg{flex-shrink:0;margin-top:2px}.gt-grid{grid-template-columns:repeat(auto-fill,minmax(min(250px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.gt-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);flex-direction:column;gap:10px;padding:14px;display:flex}.gt-h{flex:1;align-items:flex-start;gap:10px;display:flex}.gt-h .ico{border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.gt-h b{font-size:15.5px;display:block}.gt-h small{color:var(--ink-muted);font-size:13px;line-height:1.45;display:block}.gt-acts,.gt-btns{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.gt-links,.gt-saved{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.gt-saved li{align-items:center;gap:4px;display:flex}.chip-link{background:var(--brand-soft);min-height:36px;color:var(--ink);border-radius:999px;align-items:center;gap:5px;max-width:100%;padding:0 10px;font-size:13.5px;text-decoration:none;display:inline-flex}.chip-link:hover{text-decoration:underline}.gt-tpl{margin-bottom:12px}.gt-tpl button{padding:0 6px;font-size:13px}.gt-hint{margin:8px 0;font-size:13px}.gt-sub{margin:16px 0 8px;font-size:15px}.gt-sec{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.gt-sec h3{margin-bottom:8px;font-size:15px}.gt-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.gt-list li{border:1px solid var(--line);border-radius:10px;align-items:center;gap:10px;min-height:52px;padding:6px 8px;display:flex}.gt-list .grow{flex-direction:column;flex:1;min-width:0;font-size:14px;display:flex}.gt-list small{font-size:12.5px}textarea.inp{resize:vertical;padding:10px 12px;line-height:1.55}.chk{cursor:pointer;align-items:center;gap:8px;min-height:44px;font-size:14px;display:inline-flex}.chk input{width:20px;height:20px;accent-color:var(--brand)}.linkish{color:var(--brand);font:inherit;cursor:pointer;background:0 0;border:0;min-height:auto;padding:0;text-decoration:underline}.qr-missing{background:var(--p-butter);color:var(--p-butter-ink);border-radius:12px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:10px 12px;font-size:14px;display:flex}.qr-tools{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.qr-grid{grid-template-columns:repeat(auto-fill,minmax(min(200px,100%),1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.qr-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);flex-direction:column;gap:8px;padding:12px;display:flex}.qr-h{align-items:center;gap:8px;display:flex}.qr-h b{font-size:14.5px;display:block}.qr-h small{font-size:12px;display:block}.qr-img{border:1px solid var(--line);cursor:zoom-in;background:#fff;border-radius:12px;align-self:center;place-items:center;width:156px;height:156px;padding:6px;display:grid}.qr-img img{width:140px;height:140px;image-rendering:pixelated}.qr-acts{flex-wrap:wrap;gap:6px;display:flex}.qr-one{flex-wrap:wrap;align-items:flex-start;gap:18px;display:flex}.qr-one>img{border:1px solid var(--line);width:240px;height:240px;image-rendering:pixelated;background:#fff;border-radius:14px;max-width:100%;padding:8px}.qr-one>div{flex:240px}.qr-linkbox{font-family:ui-monospace,Consolas,monospace;font-size:13px}.sv-stat{background:var(--brand-soft)}.sv-tabs{min-width:min(520px,100%);display:grid}.sv-tabs button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.sv-dayrow{flex-wrap:wrap;align-items:flex-end;gap:12px;margin-bottom:12px;display:flex}.sv-dayrow .fld{flex:0 220px}.sv-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sv-list li{border:1px solid var(--line);background:var(--card);border-radius:12px;grid-template-columns:auto minmax(0,1fr) auto 140px;align-items:center;gap:10px;padding:8px 10px;display:grid}.sv-list li.on{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand)}.sv-who{flex-direction:column;min-width:0;display:flex}.sv-who b{font-size:14.5px}.sv-who small{font-size:12.5px}.sv-chips{gap:4px;display:flex}.sv-chip{border:1px solid var(--line-strong);background:var(--subtle);min-width:44px;min-height:44px;color:var(--ink);font-variant-numeric:tabular-nums;border-radius:10px;font-size:14px;font-weight:600}.sv-chip:hover{background:var(--brand-soft)}.sv-amt{position:relative}.sv-amt input{border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--card);text-align:right;font-variant-numeric:tabular-nums;width:100%;min-height:44px;padding:0 30px 0 10px;font-size:16px}.sv-amt input:focus{border-color:var(--brand);box-shadow:0 0 0 3px var(--brand-soft);outline:none}.sv-amt input[aria-invalid=true]{border-color:var(--support);box-shadow:0 0 0 3px var(--support-soft)}.sv-x{width:28px;height:36px;color:var(--ink-muted);background:0 0;border:0;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.sv-err{grid-column:2/-1}@media (max-width:640px){.sv-list li{grid-template-columns:auto minmax(0,1fr) 110px}.sv-chips{grid-column:1/-1;justify-content:flex-end}}.sv-foot{z-index:5;background:var(--card);border:1px solid var(--line-strong);box-shadow:0 10px 30px -12px var(--shadow);border-radius:14px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;font-size:14.5px;display:flex;position:sticky;bottom:10px}.sv-foot-acts{flex-wrap:wrap;gap:8px;display:flex}.sv-h2{margin:20px 0 8px;font-size:16px}.sv-h3{margin:16px 0 8px;font-size:15px}.sv-pick{max-width:420px;margin-bottom:12px}.sv-pass{padding:16px}.sv-pass-h{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sv-pass-name{font-family:var(--font-display);font-size:18px;font-weight:500;display:block}.sv-pass-h small{font-size:12.5px;display:block}.sv-bal{text-align:right;background:var(--brand-soft);border-radius:14px;padding:8px 14px}.sv-bal b{font-family:var(--font-display);font-size:26px;font-weight:500;line-height:1.2;display:block}.sv-goal{margin-top:12px;font-size:13.5px}.sv-goal span{align-items:center;gap:6px;display:inline-flex}.sv-goal .meter{height:10px}.sv-ledger-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.sv-goal-form{flex-wrap:wrap;align-items:flex-end;gap:10px;max-width:460px;margin-top:16px;display:flex}.sv-goal-form .fld{flex:200px}.tx-form .seg{max-width:280px}.tx-form .seg button{justify-content:center;align-items:center;gap:6px;display:inline-flex}.tx-acts{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.tx-table th.r,.tx-table td.r{text-align:right}.tx-row-acts{gap:4px;display:inline-flex}.glogo{border:1px solid var(--line);background:#fff;border-radius:12px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.glogo img{object-fit:contain;width:24px;height:24px}.gl-grid .glogo{width:38px;height:38px}.gl-grid .glogo img{width:22px;height:22px}.gt-tm{margin-top:12px;font-size:12px}.docbar{margin-top:4px}.docbar-row{flex-wrap:wrap;align-items:flex-end;gap:10px 14px;display:flex}.docbar-row .fld{flex:0 190px}.docbar-font{flex:260px;min-width:0}.docbar-font .fld{width:100%}.docbar-sample{color:#111;border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:10px;margin-top:10px;padding:8px 12px;font-size:19px;line-height:1.5}.docbar-sample.big{font-size:22px}.sig-mini{border:1px solid var(--line);background:#fff;border-radius:6px;place-items:center;width:58px;height:28px;display:inline-grid}.sig-mini img{max-width:54px;max-height:24px}.addr-preview{border:1px dashed var(--line-strong);color:#111;font-family:Sarabun, var(--font-body);background:#fff;border-radius:12px;flex-direction:column;align-items:flex-end;margin-top:14px;padding:12px 14px;font-size:16px;line-height:1.5;display:flex}.addr-preview small{align-self:flex-start;margin-bottom:4px}.sig-set{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:620px){.sig-set{grid-template-columns:1fr}}.sig-box{border:1px solid var(--line);background:#fff repeating-conic-gradient(#efefef 0 25%, #fff 0 50%) 0 0/16px 16px;border-radius:12px;place-items:center;min-height:130px;padding:10px;display:grid}.sig-box img{max-width:100%;max-height:120px}.lv-kinds{grid-template-columns:repeat(5,minmax(0,1fr));grid-auto-flow:row}@media (max-width:680px){.lv-kinds{grid-template-columns:repeat(2,minmax(0,1fr))}}.roster-card{cursor:default}.roster-acts{flex-wrap:wrap;flex-shrink:0;justify-content:flex-end;gap:6px;display:flex}.roster-main{text-align:left;min-width:0;color:inherit;background:0 0;border:0;flex:1;align-items:center;gap:12px;min-height:48px;padding:0;display:flex}.gbr-head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.gbr-head b{display:block}.gbr-head small{font-size:12.5px;display:block}.gbr-list{gap:8px;display:grid}.gbr-row{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) 110px;align-items:center;gap:10px;padding:6px 10px;display:grid}.gbr-row b{font-size:14.5px;display:block}.gbr-row small{font-size:12.5px;display:block}.gbr-inp{text-align:center;font-size:16px}.gb td.c-act{white-space:nowrap}.sview-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-bottom:10px;display:flex}.sview-h h2{margin-bottom:0}.row-edited>td:first-child{box-shadow:inset 3px 0 0 var(--brand)}.gb td.row-acts{white-space:nowrap;text-align:right}.home-att{margin-top:16px}.home-att .card-h h2{align-items:center;gap:8px;display:flex}.home-att-list .att-row{grid-template-columns:30px 32px minmax(0,1fr) auto}.home-att-foot{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:12px;padding-top:12px;font-weight:600;display:flex}@media (max-width:640px){.home-att-list .att-row{grid-template-columns:28px 32px minmax(0,1fr)}.home-att-list .att-btns{grid-column:1/-1}}.rt-table td{padding:4px 6px}.rt-head{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:4px;min-height:44px;display:inline-flex}.rt-head input{width:20px;height:20px;accent-color:var(--brand)}.rt-cell{border:1px solid var(--line-strong);background:var(--card);cursor:pointer;min-width:104px;min-height:44px;color:var(--ink-muted);border-radius:10px;align-items:center;gap:8px;padding:0 10px;font-size:13.5px;font-weight:600;display:inline-flex}.rt-cell input{width:22px;height:22px;accent-color:var(--good);margin:0}.rt-cell.on{background:var(--good-soft);border-color:var(--good);color:var(--good)}.rt-cell:focus-within{box-shadow:0 0 0 3px var(--brand-soft)}.pf-layout{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:820px){.pf-layout{grid-template-columns:1fr}.pf-list{max-height:260px}}.pf-list{gap:6px;max-height:70vh;padding:2px;display:grid;overflow:auto}.pf-stu{border:1px solid var(--line);background:var(--card);text-align:left;min-height:52px;color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:6px 10px;display:flex}.pf-stu[aria-current=true]{border-color:var(--brand);box-shadow:inset 3px 0 0 var(--brand);background:var(--brand-soft)}.pf-stu b{font-size:14.5px;display:block}.pf-stu small{color:var(--ink-muted);font-size:12.5px;display:block}.pf-mini{object-fit:cover;border-radius:8px;width:36px;height:36px}.pf-items{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pf-item{border:1px solid var(--line);border-radius:14px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}@media (max-width:560px){.pf-item{grid-template-columns:1fr}}.pf-photos{gap:6px;display:flex}.pf-ph{border:1px solid var(--line);background:var(--subtle);cursor:zoom-in;border-radius:10px;width:72px;height:72px;padding:0;overflow:hidden}.pf-ph img{object-fit:cover;width:100%;height:100%}.pf-noph{border:1px dashed var(--line-strong);width:72px;height:72px;color:var(--ink-muted);text-align:center;border-radius:10px;place-items:center;gap:2px;font-size:11.5px;display:grid}.pf-info b{display:block}.pf-info small{font-size:12.5px;display:block}.pf-info p{margin-top:4px;font-size:14px}.pf-big{background:#111;border-radius:12px;place-items:center;min-height:240px;display:grid}.pf-big img{max-width:100%;max-height:70vh}.pf-nav{justify-content:space-between;margin-top:10px;display:flex}.wk-photos{gap:8px;margin-top:14px;display:grid}.wk-thumbs{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.wk-thumbs li{position:relative}.wk-thumbs img{object-fit:cover;border:1px solid var(--line);border-radius:10px;width:96px;height:96px}.wk-x{border:1px solid var(--line-strong);background:var(--card);width:28px;height:28px;color:var(--ink);border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.wk-x:after{content:"";position:absolute;inset:-8px}.wk-add{border:1px dashed var(--line-strong);background:var(--subtle);width:96px;height:96px;color:var(--ink);text-align:center;border-radius:10px;place-items:center;gap:4px;padding:6px;font-size:12px;display:grid}.case-badge{gap:4px}.case-stat.st-pending{border-left:4px solid var(--p-butter-ink)}.case-stat.st-progress{border-left:4px solid var(--p-sky-ink)}.case-stat.st-closed{border-left:4px solid var(--good)}.case-stat.st-cancelled{border-left:4px solid var(--line-strong)}.case-list{grid-template-columns:repeat(auto-fill,minmax(min(380px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.case-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);gap:8px;padding:14px;display:grid}.case-card.lv-red{border-left:5px solid var(--support)}.case-card.lv-amber{border-left:5px solid var(--p-butter-ink)}.case-card.st-closed,.case-card.st-cancelled{background:var(--subtle)}.case-top{align-items:center;gap:10px;display:flex}.case-top b{display:block}.case-top small{font-size:12.5px;display:block}.case-title{font-weight:600}.case-detail{white-space:pre-line;font-size:13.5px}.case-plan{font-size:13.5px}.case-acts{flex-wrap:wrap;gap:6px;display:flex}.case-st{border:0;margin:14px 0 10px;padding:0}.case-st legend{margin-bottom:6px;font-size:13.5px;font-weight:600}.case-hist{gap:6px;margin:12px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.case-hist li{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.bulk-pick{justify-items:start;gap:12px;display:grid}.bulk-drop{border:2px dashed var(--line-strong);background:var(--subtle);width:100%;min-height:170px;color:var(--ink);text-align:center;border-radius:16px;place-items:center;gap:6px;padding:20px;display:grid}.bulk-drop:hover{border-color:var(--brand)}.bulk-drop small{color:var(--ink-muted)}.bulk-wrap{max-height:56vh}.bulk-table td{padding:4px}.bulk-table tr.off td{opacity:.55}.bulk-in{min-height:38px;padding:0 8px;font-size:14px}.bulk-on{align-items:center;gap:6px;min-height:40px;display:inline-flex}.bulk-on input{width:20px;height:20px;accent-color:var(--brand)}.as-box{gap:12px;display:grid}.as-log{gap:12px;min-height:220px;max-height:min(58vh,620px);padding:4px;display:grid;overflow:auto}.as-empty{text-align:center;place-items:center;gap:6px;padding:30px 10px;display:grid}.as-avatar{background:var(--brand);width:34px;height:34px;color:var(--on-brand);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.as-empty .as-avatar{width:48px;height:48px}.as-msg{align-items:flex-start;gap:10px;display:flex}.as-msg.user{justify-content:flex-end}.as-bubble{background:var(--subtle);border:1px solid var(--line);max-width:min(720px,88%);color:var(--ink);overflow-wrap:anywhere;border-radius:16px;padding:10px 14px;line-height:1.6}.as-msg.user .as-bubble{background:var(--brand-soft);white-space:pre-wrap;border-color:#0000;border-bottom-right-radius:6px}.as-msg.assistant .as-bubble{border-top-left-radius:6px}.as-text{gap:6px;display:grid}.as-text ul,.as-text ol{gap:3px;margin:0;padding-left:22px;display:grid}.as-h{font-weight:700}.as-meta{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;font-size:12.5px;display:flex}.as-chips{flex-wrap:wrap;gap:6px;display:flex}.as-chip{text-align:left;white-space:normal;color:var(--ink);padding:0 12px;font-size:13.5px}.as-form{align-items:flex-end;gap:8px;display:flex}.as-form textarea{flex:1;min-height:56px}.as-ctx summary{cursor:pointer;color:var(--ink-muted);min-height:32px;font-size:13.5px}.as-ctx pre{white-space:pre-wrap;background:var(--subtle);color:var(--ink);border-radius:10px;margin:6px 0 0;padding:10px;font-size:13px}@media (max-width:420px){.hdr-ai{display:none}}.ai-mark{color:#fff;background:linear-gradient(135deg,#6d4dff 0%,#c03ea0 55%,#f08a24 100%);border-radius:32%;flex-shrink:0;place-items:center;display:inline-grid;box-shadow:0 4px 14px -6px #6d4dffb3}.hdr-ai{padding:0}.as-layout{grid-template-columns:minmax(0,260px) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:860px){.as-layout{grid-template-columns:1fr}}.as-hist-wrap{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);padding:10px}.as-hist-wrap summary{cursor:pointer;align-items:center;gap:6px;min-height:36px;font-weight:600;display:flex}.as-hist{gap:8px;margin-top:8px;display:grid}.as-hist ul{gap:4px;max-height:52vh;margin:0;padding:0;list-style:none;display:grid;overflow:auto}.as-hist li{border-radius:10px;align-items:center;gap:2px;display:flex}.as-hist li.on{background:var(--brand-soft)}.as-hitem{text-align:left;min-width:0;min-height:44px;color:var(--ink);background:0 0;border:0;border-radius:10px;flex:1;padding:6px 8px;display:grid}.as-hitem b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.as-hitem small{font-size:12px}.as-hdel{width:36px;height:36px;min-height:36px;color:var(--ink-muted);padding:0}.as-hdel.armed{width:auto;color:var(--support);padding:0 6px;font-size:12px}.as-hnone{padding:8px;font-size:13px}.as-top{border-bottom:1px solid var(--line);padding-bottom:6px;font-size:15px}.as-tool{border:1px solid var(--line);background:var(--card);border-radius:12px;width:44px;height:44px}.as-tool.rec{background:var(--support-soft);color:var(--support);border-color:var(--support)}.as-files{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.as-files li{border:1px solid var(--line);background:var(--subtle);border-radius:12px;align-items:center;gap:8px;max-width:280px;padding:4px 4px 4px 8px;display:flex}.as-files img{object-fit:cover;border-radius:8px;width:40px;height:40px}.as-files b{text-overflow:ellipsis;white-space:nowrap;max-width:170px;font-size:13px;display:block;overflow:hidden}.as-files small{font-size:12px;display:block}.as-filetags{flex-wrap:wrap;gap:4px;margin:6px 0 0;padding:0;list-style:none;display:flex}.as-filetags li{background:var(--card);border:1px solid var(--line);border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex}.as-listen{color:var(--support);align-items:center;gap:8px;font-size:13.5px;font-weight:600;display:flex}.as-dot{background:var(--support);border-radius:50%;width:10px;height:10px;animation:1s infinite as-pulse}@keyframes as-pulse{50%{opacity:.3}}.as-form{flex-wrap:wrap}.as-form textarea{min-width:200px}.ec-unit{background:linear-gradient(120deg, var(--p-pink), var(--p-butter) 55%, var(--p-mint));color:var(--ink);border-radius:22px;flex-wrap:wrap;align-items:center;gap:14px;margin:14px 0;padding:16px 18px;display:flex}.ec-unit-ico{background:var(--card);width:52px;height:52px;color:var(--p-pink-ink);box-shadow:0 4px 12px -6px var(--shadow);border-radius:18px;place-items:center;display:grid}.ec-unit small{color:var(--ink);font-size:12.5px;font-weight:600;display:block}.ec-unit b{font-family:var(--font-display);font-size:22px;font-weight:500;line-height:1.3;display:block}.ec-unit p{margin-top:2px;font-size:14px}.ec-unit-acts{flex-wrap:wrap;gap:6px;display:flex}.ec-unit-acts .btn{background:var(--card)}.ec-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ec-card{border:1px solid var(--line);background:var(--card);text-align:left;width:100%;color:var(--ink);border-radius:20px;grid-template-columns:62px 52px minmax(0,1fr) 28px;align-items:start;gap:12px;padding:14px;transition:transform .15s,box-shadow .15s;display:grid}.ec-card:hover{box-shadow:0 8px 20px -14px var(--shadow);transform:translateY(-1px)}.ec-time{background:var(--subtle);border-radius:14px;justify-items:center;padding:6px 4px;font-size:15px;font-weight:700;display:grid}.ec-time small{color:var(--ink-muted);font-size:12px;font-weight:500}.ec-ico{border-radius:18px;place-items:center;width:52px;height:52px;display:grid}.ec-body{gap:3px;min-width:0;display:grid}.ec-body small{color:var(--ink-muted);font-size:12.5px;font-weight:600}.ec-body b{font-size:16.5px}.ec-detail{font-size:14px;line-height:1.55}.ec-mats{flex-wrap:wrap;gap:5px;margin-top:4px;display:flex}.ec-mat{background:var(--subtle);border:1px solid var(--line);border-radius:999px;padding:2px 9px;font-size:12.5px}.ec-edit{color:var(--ink-muted);padding-top:4px}.ec-card.tone-pink .ec-ico{background:var(--p-pink);color:var(--p-pink-ink)}.ec-card.tone-sky .ec-ico{background:var(--p-sky);color:var(--p-sky-ink)}.ec-card.tone-mint .ec-ico{background:var(--p-mint);color:var(--p-mint-ink)}.ec-card.tone-peach .ec-ico{background:var(--p-peach);color:var(--p-peach-ink)}.ec-card.tone-lav .ec-ico{background:var(--p-lav);color:var(--p-lav-ink)}.ec-card.tone-butter .ec-ico{background:var(--p-butter);color:var(--p-butter-ink)}.ec-card.tone-pink{border-left:5px solid var(--p-pink-ink)}.ec-card.tone-sky{border-left:5px solid var(--p-sky-ink)}.ec-card.tone-mint{border-left:5px solid var(--p-mint-ink)}.ec-card.tone-peach{border-left:5px solid var(--p-peach-ink)}.ec-card.tone-lav{border-left:5px solid var(--p-lav-ink)}.ec-card.tone-butter{border-left:5px solid var(--p-butter-ink)}@media (max-width:560px){.ec-card{grid-template-columns:56px minmax(0,1fr) 24px}.ec-ico{display:none}}.ec-add{margin-top:12px}.ec-types{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px;display:grid}.ec-type{text-align:left;border:2px solid #0000;border-radius:14px;align-items:center;gap:8px;min-height:48px;padding:6px 10px;font-size:13.5px;font-weight:600;display:flex}.ec-type.tone-pink{background:var(--p-pink);color:var(--p-pink-ink)}.ec-type.tone-sky{background:var(--p-sky);color:var(--p-sky-ink)}.ec-type.tone-mint{background:var(--p-mint);color:var(--p-mint-ink)}.ec-type.tone-peach{background:var(--p-peach);color:var(--p-peach-ink)}.ec-type.tone-lav{background:var(--p-lav);color:var(--p-lav-ink)}.ec-type.tone-butter{background:var(--p-butter);color:var(--p-butter-ink)}.ec-type[aria-checked=true]{box-shadow:0 0 0 2px var(--card) inset;border-color:currentColor}.tt-teacher{color:var(--ink-muted);white-space:normal;font-size:11.5px;display:block}.tt-empty{border:1px dashed var(--line);width:100%;min-height:48px;color:var(--ink-muted);background:0 0;border-radius:10px}.tt-empty:hover{border-color:var(--line-strong)}.tt-hint{margin-bottom:8px;font-size:13px}.tt-teachers{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:6px;margin:0;padding:0;list-style:none;display:grid}.tt-teachers li{border:1px solid var(--line);border-radius:12px;grid-template-columns:12px minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:10px;padding:6px 10px;display:grid}.tt-teachers i{border-radius:4px;width:12px;height:12px}.tt-teachers b{font-size:14px;display:block}.tt-teachers small{color:var(--ink-muted);font-size:12px;display:block}.log-list{gap:12px;margin:0;padding:0;list-style:none;display:grid}.log-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);padding:14px}.log-h{align-items:flex-start;gap:12px;display:flex}.log-date{background:var(--brand-soft);min-width:64px;color:var(--ink);border-radius:14px;justify-items:center;padding:6px 8px;display:grid}.log-date b{font-family:var(--font-display);font-size:24px;font-weight:500;line-height:1.1}.log-date small{text-align:center;font-size:12px}.log-topic{font-size:16.5px;display:block}.log-pass{gap:2px;max-width:320px;margin-top:4px;font-size:13px;display:grid}.log-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}@media (max-width:760px){.log-grid{grid-template-columns:1fr}}.log-sec{border-radius:14px;padding:10px 12px;font-size:14px;line-height:1.55}.log-sec h3{font-size:13.5px;font-family:var(--font-body);align-items:center;gap:6px;margin-bottom:4px;font-weight:700;display:flex}.log-sec.ok{background:var(--good-soft)}.log-sec.ok h3{color:var(--good)}.log-sec.warn{background:var(--p-butter)}.log-sec.warn h3{color:var(--p-butter-ink)}.log-sec.next{background:var(--p-sky)}.log-sec.next h3{color:var(--p-sky-ink)}.log-note{margin-top:8px;font-size:13.5px}.cal-layout{grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:900px){.cal-layout{grid-template-columns:1fr}}.cal-card{border:1px solid var(--line);background:var(--card);box-shadow:0 10px 30px -22px var(--shadow);border-radius:24px;padding:16px}.cal-top{align-items:center;gap:8px;margin-bottom:10px;display:flex}.cal-top h2{text-align:center;flex:1;font-size:22px}.cal-grid{border-collapse:separate;border-spacing:4px;table-layout:fixed;width:100%}.cal-grid th{color:var(--ink-muted);padding:4px 0;font-size:13px;font-weight:700}.cal-grid th.we{color:var(--p-pink-ink)}.cal-grid td{vertical-align:top;padding:0}.cal-day{background:var(--subtle);text-align:left;width:100%;min-height:78px;color:var(--ink);border:1px solid #0000;border-radius:14px;flex-direction:column;align-items:stretch;gap:3px;padding:6px;display:flex}.cal-day:hover{border-color:var(--line-strong)}.cal-grid td.we .cal-day{background:var(--surface)}.cal-grid td.hol .cal-day{background:var(--p-pink)}.cal-day.sel{border-color:var(--brand);box-shadow:0 0 0 2px var(--brand-soft)}.cal-n{border-radius:50%;place-items:center;width:26px;height:26px;font-size:13.5px;font-weight:700;display:grid}.cal-day.today .cal-n{background:var(--brand);color:var(--on-brand)}.cal-evs{gap:2px;min-width:0;display:grid}.cal-ev{text-overflow:ellipsis;white-space:nowrap;border-radius:6px;align-items:center;gap:4px;max-width:100%;padding:1px 6px;font-size:11px;font-weight:600;display:inline-flex;overflow:hidden}.cal-ev.tone-sky,.cal-dot.tone-sky{background:var(--p-sky);color:var(--p-sky-ink)}.cal-ev.tone-lav,.cal-dot.tone-lav{background:var(--p-lav);color:var(--p-lav-ink)}.cal-ev.tone-mint,.cal-dot.tone-mint{background:var(--p-mint);color:var(--p-mint-ink)}.cal-ev.tone-pink,.cal-dot.tone-pink{background:var(--card);color:var(--p-pink-ink);border:1px solid var(--p-pink-ink)}.cal-more{color:var(--ink-muted);font-size:11px;font-weight:600}.cal-legend{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.cal-legend .cal-ev{padding:3px 8px;font-size:12px}@media (max-width:560px){.cal-day{min-height:52px;padding:4px}.cal-ev{display:none}.cal-evs:before{content:"";background:var(--brand);border-radius:50%;width:6px;height:6px;display:block}.cal-evs:empty:before{display:none}.cal-grid{border-spacing:2px}}.cal-list{gap:6px;margin:0;padding:0;list-style:none;display:grid}.cal-item{border:1px solid var(--line);background:var(--card);text-align:left;width:100%;min-height:48px;color:var(--ink);border-radius:12px;align-items:center;gap:10px;padding:6px 8px;display:flex}.cal-item b{font-size:14px;display:block}.cal-item small{font-size:12px;display:block}.cal-dot{border-radius:10px;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.cal-date-pill{background:var(--brand-soft);border-radius:10px;justify-items:center;min-width:44px;padding:4px;display:grid}.cal-date-pill b{font-size:16px;line-height:1.1}.cal-date-pill small{font-size:11px}.coin-ico{filter:drop-shadow(0 1px 1px #96640059);flex-shrink:0}.mk-hero{background:linear-gradient(120deg, var(--brand-soft), var(--p-butter));color:var(--ink);border-radius:24px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px;display:flex}.mk-hero-text{align-items:center;gap:12px;min-width:0;display:flex}.mk-hero .muted{color:var(--ink)}.mk-store-ico{background:var(--card);width:52px;height:52px;color:var(--brand);border-radius:16px;place-items:center;display:grid}.mk-hero-acts{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.mk-coins{color:#5c3d00;background:#fff8dc;border:2px solid #f5b400;border-radius:999px;align-items:center;gap:6px;min-height:44px;padding:0 14px 0 8px;font-weight:700;display:inline-flex}.mk-coins b{font-size:20px}.mk-coins small{font-size:12.5px}.mk-cart-btn{position:relative}.mk-badge{background:var(--card);min-width:22px;height:22px;color:var(--brand);border-radius:11px;place-items:center;padding:0 6px;font-size:12.5px;font-weight:700;display:inline-grid}.mk-filters{flex-wrap:wrap;align-items:center;gap:10px;margin:12px 0;display:flex}.mk-grid{grid-template-columns:repeat(auto-fill,minmax(min(230px,100%),1fr));gap:14px;margin:0;padding:0;list-style:none;display:grid}.mk-card{border:1px solid var(--line);background:var(--card);border-radius:20px;flex-direction:column;transition:box-shadow .15s,transform .15s;display:flex;overflow:hidden}.mk-card:hover{box-shadow:0 12px 26px -18px var(--shadow);transform:translateY(-2px)}.mk-cover{border:0;align-content:center;place-items:center;gap:4px;width:100%;height:120px;font-size:13.5px;font-weight:700;display:grid;position:relative}.mk-cover.big{border-radius:18px;height:180px}.mk-cover.mini{border-radius:10px;width:40px;height:40px}.mk-cover.tone-sky{background:linear-gradient(135deg, var(--p-sky), var(--card));color:var(--p-sky-ink)}.mk-cover.tone-mint{background:linear-gradient(135deg, var(--p-mint), var(--card));color:var(--p-mint-ink)}.mk-cover.tone-lav{background:linear-gradient(135deg, var(--p-lav), var(--card));color:var(--p-lav-ink)}.mk-cover.tone-peach{background:linear-gradient(135deg, var(--p-peach), var(--card));color:var(--p-peach-ink)}.mk-free{background:var(--good);color:var(--card);border-radius:999px;padding:2px 10px;font-size:12px;font-style:normal;font-weight:700;position:absolute;top:10px;left:10px}.mk-body{flex-direction:column;flex:1;gap:4px;padding:12px;display:flex}.mk-body small{font-size:12.5px}.mk-title{font-size:15px;line-height:1.4}.mk-rate{align-items:center;gap:5px;font-size:13.5px;display:inline-flex}.stars{gap:1px;display:inline-flex}.stars svg{color:#d6cfe0;fill:none}.stars svg.on{color:#e0a000;fill:#f5b400}.stars svg.half{color:#e0a000;fill:#fde7a6}.mk-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.mk-price{color:var(--p-butter-ink);align-items:center;gap:5px;font-size:17px;display:inline-flex}.mk-free-t{color:var(--good)}.mk-add{width:100%;margin-top:6px}.mk-detail{grid-template-columns:minmax(0,220px) minmax(0,1fr);align-items:start;gap:16px;display:grid}@media (max-width:600px){.mk-detail{grid-template-columns:1fr}}.mk-price-big{color:var(--p-butter-ink);align-items:center;gap:6px;margin:8px 0 12px;font-size:20px;display:flex}.mk-reviews{border-top:1px solid var(--line);margin-top:18px;padding-top:14px}.mk-reviews h3{margin-bottom:10px;font-size:16px}.mk-review-form{background:var(--subtle);border-radius:14px;gap:8px;margin-bottom:12px;padding:12px;display:grid}.mk-review-form fieldset{border:0;margin:0;padding:0}.mk-review-form legend{margin-bottom:4px;font-size:13.5px;font-weight:600}.mk-star-pick{flex-wrap:wrap;align-items:center;gap:2px;display:flex}.mk-star-pick button{color:#c9c0d6;background:0 0;border:0;border-radius:10px;place-items:center;width:44px;height:44px;display:grid}.mk-star-pick button.on{color:#e0a000}.mk-star-pick button.on svg{fill:#f5b400}.mk-review-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mk-review-list li{border:1px solid var(--line);border-radius:12px;padding:10px 12px}.mk-rv-h{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:4px;display:flex}.mk-cart{gap:8px;margin:0;padding:0;list-style:none;display:grid}.mk-cart li{border:1px solid var(--line);border-radius:12px;align-items:center;gap:10px;padding:8px;display:flex}.mk-cart b{font-size:14px;display:block}.mk-cart small{font-size:12px;display:block}.mk-total{align-items:center;gap:6px;font-weight:600;display:inline-flex}.sd-kinds{max-width:720px;margin-bottom:12px}.sd-layout{grid-template-columns:minmax(0,280px) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:820px){.sd-layout{grid-template-columns:1fr}.sd-list{max-height:260px}}.sd-list{gap:6px;max-height:72vh;padding:2px;display:grid;overflow:auto}.sd-list .pf-stu small{color:var(--ink-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;display:block;overflow:hidden}.sd-head{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sd-name{font-family:var(--font-display);font-size:19px;font-weight:500;display:block}.sd-head small{font-size:12.5px;display:block}.sd-summary{flex-wrap:wrap;gap:8px;margin:12px 0;display:flex}.sd-summary .stat{flex:120px}.sd-checks{gap:6px;margin:0;padding:0;list-style:none;display:grid}.sd-checks li{border-radius:12px;align-items:center;gap:8px;padding:8px 10px;font-size:14px;display:flex}.sd-checks li b{margin-left:auto;font-size:13px}.sd-checks li.ok{background:var(--good-soft);color:var(--good)}.sd-checks li.no{background:var(--support-soft);color:var(--support)}.sd-checks li.wait{background:var(--p-butter);color:var(--p-butter-ink)}.sd-all{text-align:center;place-items:center;gap:6px;padding:30px 10px;display:grid}.sd-acts{border:0;flex-wrap:wrap;gap:4px 16px;margin:14px 0 0;padding:0;display:flex}.sd-acts legend{margin-bottom:4px;font-size:13.5px;font-weight:600}.ph-strip{flex-wrap:wrap;gap:6px;margin:8px 0 0;padding:0;list-style:none;display:flex}.ph-strip button{border:1px solid var(--line);background:var(--subtle);cursor:zoom-in;border-radius:10px;width:64px;height:64px;padding:0;overflow:hidden}.ph-strip img{object-fit:cover;width:100%;height:100%}.ai-fix{border:1px solid var(--line);background:linear-gradient(135deg, var(--p-lav), var(--card) 70%);border-radius:16px;gap:8px;margin-top:14px;padding:12px;display:grid}.ai-fix-h{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ai-fix-h b{display:block}.ai-fix-h small{font-size:12.5px;display:block}.ai-fix-rec{background:var(--card);border-radius:10px;flex-wrap:wrap;align-items:center;gap:6px;padding:8px 10px;font-size:14px;display:flex}.ai-fix-list{gap:8px;margin:0;padding:0;list-style:none;display:grid}.ai-fix-list>li{border:1px solid var(--line);background:var(--card);border-radius:12px;gap:4px;padding:10px 12px;display:grid}.ai-fix-list>li.rec{border:2px solid var(--good)}.ai-fix-top{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ai-fix-list ul{margin:0;padding-left:20px;font-size:14px}.ai-fix-list .btn{justify-self:start}.ec-after{margin-top:14px}.ec-after-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:760px){.ec-after-grid{grid-template-columns:1fr}}.cal-mini{margin-top:16px}.cal-mini .card-h h2{align-items:center;gap:8px;display:flex}.cm-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:4px;display:grid}.cm-dow{text-align:center;color:var(--ink-muted);font-size:12px;font-weight:700}.cm-dow.we{color:var(--p-pink-ink)}.cm-day{background:var(--subtle);min-height:44px;color:var(--ink);border:1px solid #0000;border-radius:12px;place-items:center;font-size:14px;font-weight:600;display:grid;position:relative}.cm-day.today{background:var(--brand);color:var(--on-brand)}.cm-day.has{border-color:var(--line-strong)}.cm-day i{background:var(--brand);border-radius:50%;width:6px;height:6px;position:absolute;bottom:5px}.cm-day.today i{background:var(--on-brand)}.cm-next{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.cm-next li{align-items:center;gap:8px;font-size:14px;display:flex}.cm-next b{white-space:nowrap;font-size:13px}.mk-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.mk-cover .mk-kind{background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:999px;padding:2px 8px;font-size:12px;position:absolute;bottom:8px;right:8px}.mk-cover{overflow:hidden}.mk-gallery{gap:8px;display:grid}.mk-shot{background:var(--subtle);border:1px solid var(--line);border-radius:16px;place-items:center;padding:10px;display:grid}.mk-shot img{border-radius:6px;max-width:100%;max-height:320px;box-shadow:0 6px 18px -8px #00000059}.mk-thumbs{gap:6px;display:flex}.mk-thumbs button{border:2px solid var(--line);background:var(--card);border-radius:10px;width:56px;height:56px;padding:2px}.mk-thumbs button[aria-pressed=true]{border-color:var(--brand)}.mk-thumbs img{object-fit:cover;border-radius:6px;width:100%;height:100%}.sb-merge{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.sb-merge code{background:var(--subtle);border:1px solid var(--line);border-radius:8px;padding:2px 8px;font-family:inherit}.logo img.logo-owl{width:auto;height:40px;box-shadow:none;filter:drop-shadow(0 1px 1px #0000001f);border-radius:0}.fv{z-index:120;color:#fff;background:#0a080ef0;place-items:center;display:grid;position:fixed;inset:0}.fv-top{background:linear-gradient(#0000008c,#0000);align-items:center;gap:12px;padding:10px 12px 10px 18px;display:flex;position:absolute;top:0;left:0;right:0}.fv-top b{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;font-size:16px;overflow:hidden}.fv-img{object-fit:contain;max-width:100vw;max-height:calc(100vh - 20px)}.fv-btn{color:#fff;background:#ffffff29;border:0;border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.fv-btn:hover{background:#ffffff47}.fv-btn:focus-visible{outline-offset:2px;outline:3px solid #fff}.fv-prev,.fv-next{position:absolute;top:50%;transform:translateY(-50%)}.fv-prev{left:12px}.fv-next{right:12px}.hvp-head{flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:12px;display:flex}.hvp-head small{font-size:12.5px;display:block}.hvp-photos{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;margin:0 0 12px;padding:0;list-style:none;display:grid}.hvp-photos button{aspect-ratio:4/3;border:1px solid var(--line);cursor:zoom-in;background:var(--subtle);border-radius:14px;width:100%;padding:0;display:block;position:relative;overflow:hidden}.hvp-photos img{object-fit:cover;width:100%;height:100%}.hvp-zoom{color:#fff;background:#0000008c;border-radius:50%;place-items:center;width:30px;height:30px;display:grid;position:absolute;bottom:6px;right:6px}.hvp-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}@media (max-width:760px){.hvp-grid{grid-template-columns:1fr}}.hvp-sec{border:1px solid var(--line);border-radius:14px;padding:10px 12px}.hvp-sec h3{margin-bottom:6px;font-size:14.5px}.hvp-sec ul{gap:4px;margin:0;padding:0;font-size:13.5px;list-style:none;display:grid}.hvp-sec li{justify-content:space-between;align-items:center;gap:8px;display:flex}.hvp-note{margin-top:6px;font-size:13px}button.hv-thumbs{cursor:zoom-in;background:0 0;border:0;border-radius:10px;min-height:44px;padding:0 2px}button.hv-thumbs:focus-visible{outline:3px solid var(--brand);outline-offset:2px}.gr-hero{background:linear-gradient(120deg, var(--p-mint), var(--p-sky));color:var(--ink);border-radius:24px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;padding:16px 18px;display:flex}.gr-hero-ico{background:var(--card);width:56px;height:56px;color:var(--p-mint-ink);border-radius:20px;place-items:center;display:grid}.gr-hero-stats{flex-wrap:wrap;gap:10px 28px;display:flex}.gr-hero-stats small{font-size:12.5px;font-weight:600;display:block}.gr-hero-stats b{font-family:var(--font-display);font-size:22px;font-weight:500}.gr-hero-stats b span{font-size:13px}.gr-big{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:14px 0;display:grid}@media (max-width:560px){.gr-big{grid-template-columns:1fr}}.gr-tile{border-radius:18px;gap:2px;padding:12px 14px;display:grid}.gr-tile small{font-size:12.5px;font-weight:600}.gr-tile b{font-family:var(--font-display);font-size:26px;font-weight:500;line-height:1.2}.gr-tile b span{font-size:13px}.gr-tile.tone-peach{background:var(--p-peach);color:var(--p-peach-ink)}.gr-tile.tone-mint{background:var(--p-mint);color:var(--p-mint-ink)}.gr-tile.tone-lav{background:var(--p-lav);color:var(--p-lav-ink)}.gr-tile .muted{color:inherit;opacity:.9;font-weight:500}.gr-delta{align-items:center;gap:4px;font-size:12.5px;font-weight:700;display:inline-flex}.gr-charts{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}@media (max-width:640px){.gr-charts{grid-template-columns:1fr}}.gr-chart{border:1px solid var(--line);background:var(--card);border-radius:18px;margin:0;padding:8px}.gr-chart svg{width:100%;height:auto;display:block}.gr-chart figcaption{text-align:center;font-size:13px;font-weight:600}.gr-axis{stroke:var(--line-strong);stroke-width:1px}.gr-chart.tone-peach .gr-line,.gr-chart.tone-peach .gr-dot{stroke:var(--p-peach-ink)}.gr-chart.tone-peach .gr-area{fill:var(--p-peach)}.gr-chart.tone-mint .gr-line,.gr-chart.tone-mint .gr-dot{stroke:var(--p-mint-ink)}.gr-chart.tone-mint .gr-area{fill:var(--p-mint)}.gr-line{fill:none;stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.gr-area{opacity:.75}.gr-dot{fill:var(--card);stroke-width:3px}.gr-val{fill:var(--ink);font-size:12px;font-weight:700}.gr-date{fill:var(--ink-muted);font-size:10.5px}.gr-recs{gap:6px;margin:12px 0 0;padding:0;list-style:none;display:grid}.gr-recs li{border:1px solid var(--line);border-radius:12px;flex-wrap:wrap;align-items:center;gap:8px 16px;padding:6px 10px;font-size:14px;display:flex}.gr-recs .tx-row-acts{margin-left:auto}.piggy{flex-shrink:0}.piggy-body{fill:#ffd6e5}.piggy-outline{fill:none;stroke:#d9648f;stroke-width:3px}.piggy-fill{fill:#f5b400;opacity:.85}.piggy-ear{fill:#ffc2d6;stroke:#d9648f;stroke-width:3px;stroke-linejoin:round}.piggy-leg,.piggy-snout{fill:#ffc2d6;stroke:#d9648f;stroke-width:3px}.piggy-eye,.piggy-slot{fill:#5b2a3c}.piggy-tail{fill:none;stroke:#d9648f;stroke-width:3px;stroke-linecap:round}.piggy-shadow{fill:#00000014}.piggy-coin circle{fill:#f5b400;stroke:#a87200;stroke-width:1.5px}.piggy-coin text{fill:#5c3d00;font:700 13px Sarabun,sans-serif}.piggy-coin{animation:2.4s ease-in-out infinite coin-drop}@keyframes coin-drop{0%,60%{opacity:1;transform:translateY(-6px)}85%{opacity:0;transform:translateY(16px)}to{opacity:0;transform:translateY(-6px)}}.sv-hero{background:linear-gradient(120deg, var(--p-pink), var(--p-butter));color:var(--ink);border-radius:24px;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:14px;padding:14px 18px;display:flex}.sv-hero b{font-family:var(--font-display);font-size:22px;font-weight:500;display:block}.sv-hero p{font-size:14px}.sv-hero .meter{background:var(--card);max-width:320px;height:12px;margin-top:6px}.sv-hero .meter>i{background:#f5b400}.sv-pig-mini{align-items:center;gap:6px;display:flex}.rt-banner{background:linear-gradient(120deg, var(--p-sky), var(--p-lav));color:var(--ink);border-radius:22px;flex-wrap:wrap;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;font-weight:600;display:flex}.rt-stars{color:#e0a000;gap:2px;display:inline-flex}.rt-stars svg{fill:#f5b400}.rt-stat{align-items:center;gap:10px;display:flex}.rt-ico{border-radius:14px;flex-shrink:0;place-items:center;width:40px;height:40px;display:grid}.rt-ico.tone-sky{background:var(--p-sky);color:var(--p-sky-ink)}.rt-ico.tone-butter{background:var(--p-butter);color:var(--p-butter-ink)}.rt-ico.tone-peach{background:var(--p-peach);color:var(--p-peach-ink)}.rt-ico.tone-lav{background:var(--p-lav);color:var(--p-lav-ink)}.rt-head .rt-ico{border-radius:12px;width:34px;height:34px}.rt-cell{border-radius:999px}.rt-cell svg{flex-shrink:0}.k-hello{background:linear-gradient(120deg, var(--p-butter), var(--p-pink) 55%, var(--p-sky));color:var(--ink);border-radius:26px;flex-wrap:wrap;align-items:center;gap:14px;margin:0 0 14px;padding:12px 18px;display:flex}.k-hello b{font-family:var(--font-display);font-size:20px;font-weight:500;display:block}.k-hello small{font-size:13.5px;display:block}.k-art{width:180px;height:auto}.k-sun{fill:#ffd966;stroke:#e0a000;stroke-width:2px}.k-ray{stroke:#e0a000;stroke-width:3px;stroke-linecap:round}.k-cloud{fill:#fff;stroke:#9ec5e8;stroke-width:2px}.k-star{fill:#ffc2d6;stroke:#d9648f;stroke-width:1.5px}.k-wave{fill:none;stroke:#7fcfae;stroke-width:4px;stroke-linecap:round}.th-app[data-level=k]{--r-lg:24px;--r:16px;--font-display:var(--font-mali-thai), var(--font-mali-latin), var(--font-mitr-thai), var(--font-mitr-latin), var(--font-anuphan-thai), var(--font-anuphan-latin), system-ui, sans-serif;background-image:radial-gradient(circle at 12px 12px, var(--p-pink) 2.5px, transparent 3px), radial-gradient(circle at 36px 30px, var(--p-sky) 2.5px, transparent 3px)}@supports (color:color-mix(in lab, red, red)){.th-app[data-level=k]{background-image:radial-gradient(circle at 12px 12px, color-mix(in srgb, var(--p-pink) 70%, transparent) 2.5px, transparent 3px), radial-gradient(circle at 36px 30px, color-mix(in srgb, var(--p-sky) 70%, transparent) 2.5px, transparent 3px)}}.th-app[data-level=k]{background-size:48px 48px}.th-app[data-level=k] .hdr{box-shadow:none;background-image:linear-gradient(var(--card), var(--card));border-bottom:0}.th-app[data-level=k] .hdr:after{content:"";pointer-events:none;background:conic-gradient(from 135deg at 50% 0, var(--p-pink) 0 90deg, transparent 0) 0 0/24px 10px, conic-gradient(from 135deg at 50% 0, var(--p-butter) 0 90deg, transparent 0) 12px 0/24px 10px;opacity:.95;height:10px;position:absolute;bottom:-10px;left:0;right:0}.th-app[data-level=k] .card,.th-app[data-level=k] .stat,.th-app[data-level=k] .att-row,.th-app[data-level=k] .gb-wrap{border-width:2px;border-color:var(--p-pink)}@supports (color:color-mix(in lab, red, red)){.th-app[data-level=k] .card,.th-app[data-level=k] .stat,.th-app[data-level=k] .att-row,.th-app[data-level=k] .gb-wrap{border-color:color-mix(in srgb, var(--p-pink) 60%, var(--line))}}.th-app[data-level=k] .btn{border-radius:999px}.th-app[data-level=k] .tb{border-radius:22px}.th-app[data-level=k] .att-btn{border-radius:999px}.th-app[data-level=k] main h1,.th-app[data-level=k] main h2{letter-spacing:.2px}.as-links{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;font-size:13px;display:flex}.as-links>span{font-weight:600}.as-guard{align-items:flex-start;gap:8px;display:flex}.mk-locked{border:1px dashed var(--line-strong);background:var(--subtle);border-radius:14px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:12px;padding:12px 14px;display:flex}.mk-locked p{flex:1;min-width:200px;font-size:14px}.form>.s6{grid-column:1/-1}.atx-field{gap:8px;display:grid}.atx-add,.atx-link{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.atx-link .inp{flex:180px;width:auto}.atx-list{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.atx-list li{align-items:center;gap:4px;min-width:0;display:flex}.atx-item{border:1px solid var(--line);background:var(--card);min-width:0;min-height:48px;color:var(--ink);text-align:left;cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:10px;padding:6px 10px;display:flex}.atx-item:hover{border-color:var(--line-strong)}.atx-item img{object-fit:cover;border-radius:8px;flex-shrink:0;width:40px;height:40px}.atx-item>span{flex:1;min-width:0;display:grid}.atx-item b{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:600;overflow:hidden}.atx-item small{font-size:12px}.ev-bar{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:12px;display:flex}.ev-list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ev-card{gap:8px;scroll-margin:90px;display:grid}.ev-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.ev-ico{background:var(--p-lav);width:40px;height:40px;color:var(--p-lav-ink);border-radius:14px;flex-shrink:0;place-items:center;display:grid}.ev-ico.tone-mint{background:var(--p-mint);color:var(--p-mint-ink)}.ev-ico.tone-peach{background:var(--p-peach);color:var(--p-peach-ink)}.ev-title{font-size:15px;display:block}.ev-head small{font-size:12.5px;display:block}.ev-tags-row{flex-wrap:wrap;gap:6px;display:flex}.ev-tag{border:1px solid var(--line-strong);background:var(--subtle);min-height:32px;color:var(--ink);cursor:pointer;border-radius:999px;padding:2px 10px;font-size:12.5px;font-weight:600}.ev-tag:hover{border-color:var(--brand);color:var(--brand)}.ev-note{white-space:pre-wrap;font-size:14px}.ev-none{font-size:13px}.ev-tags{border:0;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:0 12px;max-height:260px;margin:0;padding:0;display:grid;overflow:auto}.ev-tags .check{align-items:flex-start;min-height:44px;padding-top:10px;font-size:13.5px}.ev-tags .check input{margin-top:2px}.flash{animation:2.4s ease-out flash-hi}@keyframes flash-hi{0%,30%{box-shadow:0 0 0 4px var(--brand)}to{box-shadow:0 0 #0000}}.pa-dom{margin-bottom:12px}.pa-dom-h{margin:0 0 8px;font-size:16px}.pa-items{gap:10px;margin:0;padding:0;list-style:none;display:grid}.pa-items>li{border:1px solid var(--line);border-radius:14px;padding:10px 12px;scroll-margin:90px}.pa-item-h{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.pa-item-h b{flex:1;min-width:200px;font-size:14.5px}.pa-dl{grid-template-columns:max-content 1fr;gap:4px 12px;margin:8px 0 0;font-size:14px;display:grid}.pa-dl dt{color:var(--ink-muted);font-weight:700}.pa-dl dd{white-space:pre-wrap;margin:0}.pa-ev{flex-wrap:wrap;align-items:center;gap:6px;margin-top:8px;display:flex}.pa-ev-l{color:var(--ink-muted);align-items:center;gap:4px;font-size:13px;font-weight:700;display:inline-flex}.ev-link{border:1px solid var(--brand);background:var(--brand-soft);min-height:36px;color:var(--brand);cursor:pointer;text-align:left;border-radius:999px;align-items:center;gap:5px;padding:2px 10px;font-size:13px;font-weight:600;display:inline-flex}.ev-link:hover{text-decoration:underline}.ev-link.auto{border-color:var(--p-mint-ink);background:var(--p-mint);color:var(--p-mint-ink)}.ev-link.add{background:0 0;border-style:dashed}.sar-body{white-space:pre-wrap;margin-top:6px;font-size:14.5px;line-height:1.65}.seal-quick .card-h h2{align-items:center;gap:8px;font-size:16px;display:flex}.seal-tiles{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.seal-tiles li{text-align:center;border:1px dashed var(--line-strong);border-radius:14px;justify-items:center;gap:4px;padding:10px 6px;display:grid}.seal-tiles b{font-size:13.5px}.seal-tiles small{font-size:11.5px}.seal-img{background:var(--subtle);width:52px;height:52px;color:var(--ink-muted);border-radius:50%;place-items:center;display:grid;overflow:hidden}.seal-img img{object-fit:contain;width:100%;height:100%}.seal-acts{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.seal-note{margin-top:8px;font-size:12.5px}@media (max-width:420px){.seal-tiles{grid-template-columns:1fr}}.pr-hero{background:linear-gradient(120deg, var(--p-pink), var(--p-lav) 50%, var(--p-sky));color:var(--ink);border-radius:26px;flex-wrap:wrap;align-items:center;gap:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.pr-hero p{font-size:14px}.pr-hero>*{position:relative}.pr-hero-ico{background:var(--card);width:58px;height:58px;color:var(--p-pink-ink);border-radius:20px;place-items:center;animation:3.2s ease-in-out infinite pr-wiggle;display:grid}@keyframes pr-wiggle{0%,80%,to{transform:rotate(0)}85%{transform:rotate(-8deg)}90%{transform:rotate(7deg)}95%{transform:rotate(-4deg)}}.pr-bubble{background:#ffffff73;border-radius:50%;animation:7s ease-in-out infinite pr-float;position:absolute!important}.pr-bubble.b1{width:90px;height:90px;top:-30px;right:8%}.pr-bubble.b2{width:46px;height:46px;animation-delay:-2s;bottom:-14px;right:28%}.pr-bubble.b3{width:24px;height:24px;animation-delay:-4s;top:10px;left:40%}@keyframes pr-float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.pr-grid{grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px;margin:0;padding:0;list-style:none;display:grid}.pr-card{border:1px solid;border-radius:22px;flex-direction:column;gap:6px;padding:14px 16px;display:flex}@supports (color:color-mix(in lab, red, red)){.pr-card{border:1px solid color-mix(in srgb, currentColor 18%, transparent)}}.pr-card{transition:transform .2s,box-shadow .2s;animation:.5s ease-out both pr-in}.pr-card:hover{box-shadow:0 10px 22px -14px var(--shadow);transform:translateY(-3px)}@keyframes pr-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.pr-card.tone-pink{background:var(--p-pink);color:var(--p-pink-ink)}.pr-card.tone-mint{background:var(--p-mint);color:var(--p-mint-ink)}.pr-card.tone-sky{background:var(--p-sky);color:var(--p-sky-ink)}.pr-card.tone-lav{background:var(--p-lav);color:var(--p-lav-ink)}.pr-card.tone-peach{background:var(--p-peach);color:var(--p-peach-ink)}.pr-card.tone-butter{background:var(--p-butter);color:var(--p-butter-ink)}.pr-top{align-items:center;gap:8px;display:flex}.pr-ico{background:var(--card);width:38px;height:38px;color:inherit;border-radius:14px;place-items:center;display:grid}.pr-pin{background:var(--card);border-radius:999px;align-items:center;gap:3px;padding:2px 8px;font-size:12px;font-weight:700;display:inline-flex}.pr-when{margin-left:auto;font-size:12px;font-weight:700}.pr-title{font-family:var(--font-display);font-size:18px;font-weight:500;line-height:1.35}.pr-date{font-size:12.5px;font-weight:600}.pr-body{white-space:pre-wrap;color:var(--ink);font-size:14.5px;line-height:1.65}.pr-mark{color:#3a2a00;background:linear-gradient(#0000 35%,#ffe066 35% 92%,#0000 92%);border-radius:3px;padding:0 2px;font-weight:600}.pr-acts{flex-wrap:wrap;gap:4px;margin-top:auto;padding-top:4px;display:flex}.pr-card .btn-ghost{color:inherit;background:var(--card);border-color:#0000}.pr-tools{gap:6px;margin-bottom:6px;display:flex}.pr-swatches{flex-wrap:wrap;gap:8px;display:flex}.pr-sw{border:2px solid var(--line);cursor:pointer;border-radius:50%;width:44px;height:44px}.pr-sw[aria-checked=true],.pr-ic[aria-checked=true]{outline:3px solid var(--brand);outline-offset:2px}.pr-ic{border:1px solid var(--line);background:var(--card);width:44px;height:44px;color:var(--ink);cursor:pointer;border-radius:14px;place-items:center;display:grid}.inv-grid{grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.inv-card{flex-direction:column;gap:8px;padding:10px;display:flex}.inv-pic{aspect-ratio:4/3;background:var(--subtle);color:var(--ink-muted);border-radius:14px;place-items:center;display:grid;overflow:hidden}.inv-pic img{object-fit:cover;width:100%;height:100%}.inv-body{gap:4px;display:grid}.inv-body small{font-size:12.5px}.inv-row{justify-content:space-between;align-items:center;gap:6px;display:flex}.rq-lines{gap:4px;margin:0;padding:0;list-style:none;display:grid}.rq-lines li{border:1px solid var(--line);border-radius:10px;flex-wrap:wrap;align-items:center;gap:8px 12px;padding:6px 10px;font-size:14px;display:flex}.rq-lines .rq-total{background:var(--subtle);font-weight:700}.rq-add{flex-wrap:wrap;align-items:center;gap:6px;margin-top:6px;display:flex}.rq-add .inp:first-of-type{flex:160px;width:auto}.act-banner{background:linear-gradient(120deg, var(--p-mint), var(--p-sky) 55%, var(--p-lav));border-radius:26px;align-items:flex-end;min-height:170px;margin-bottom:12px;display:flex;position:relative;overflow:hidden}.act-collage{gap:3px;display:grid;position:absolute;inset:0}.act-collage img{object-fit:cover;width:100%;height:100%;animation:.6s ease-out both pr-in}.act-collage.n1{grid-template-columns:1fr}.act-collage.n2{grid-template-columns:1fr 1fr}.act-collage.n3{grid-template-columns:2fr 1fr 1fr}.act-collage.n4{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr}.act-collage.n4 img:first-child{grid-row:span 2}.act-collage.n5{grid-template-rows:1fr 1fr;grid-template-columns:2fr 1fr 1fr}.act-collage.n5 img:first-child{grid-row:span 2}.act-collage.n4 img:nth-child(4){grid-column:span 2}.act-art{color:var(--p-mint-ink);place-items:center;display:grid;position:absolute;inset:0}.act-shape{background:#ffffff80;border-radius:50%;animation:6s ease-in-out infinite pr-float;position:absolute}.act-shape.s1{width:120px;height:120px;top:-40px;left:6%}.act-shape.s2{width:70px;height:70px;animation-delay:-2s;top:20px;right:12%}.act-shape.s3{width:40px;height:40px;animation-delay:-3s;bottom:14px;left:46%}.act-banner-text{background:var(--card);border-radius:18px;margin:12px;padding:10px 16px;position:relative}@supports (color:color-mix(in lab, red, red)){.act-banner-text{background:color-mix(in srgb, var(--card) 88%, transparent)}}.act-banner-text{color:var(--ink);max-width:min(560px,100%)}.act-banner-text p{font-size:14px}.act-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.act-card{flex-direction:column;gap:8px;padding:10px;display:flex}.act-cover{aspect-ratio:16/10;background:var(--p-mint);color:var(--p-mint-ink);cursor:pointer;border:0;border-radius:14px;place-items:center;padding:0;display:grid;position:relative;overflow:hidden}.act-cover img{object-fit:cover;width:100%;height:100%}.act-count{color:#fff;background:#0009;border-radius:999px;align-items:center;gap:4px;padding:2px 8px;font-size:12px;display:inline-flex;position:absolute;bottom:8px;right:8px}.act-body{gap:2px;display:grid}.act-body small{font-size:12.5px}.act-acts{flex-wrap:wrap;gap:4px;margin-top:4px;display:flex}.mk-help{color:var(--ink)}.mk-help-body{justify-items:start;gap:12px;display:grid}.mk-help-list{gap:4px;margin:0;padding-left:18px;display:grid}.mk-add.owned{background:var(--good-soft);color:var(--good);border-color:var(--good)}.lib-mk .card-h h2{align-items:center;gap:8px;font-size:16px;display:flex}.lib-mk-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.lib-mk-grid li{border-radius:16px;scroll-margin:90px}.lib-mk-grid button{border:1px solid var(--line);background:var(--card);width:100%;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;gap:4px;padding:8px;display:grid}.lib-mk-grid .mk-cover{aspect-ratio:4/3;border-radius:12px;display:block;overflow:hidden}.lib-mk-grid .mk-cover img{object-fit:cover;width:100%;height:100%}.lib-mk-grid b{font-size:13.5px}.lib-mk-grid small{font-size:12px}.login{background:linear-gradient(140deg, var(--p-pink), var(--surface) 45%, var(--p-sky));place-items:center;min-height:100vh;padding:32px 16px;display:grid;position:relative;overflow:hidden}.login-deco span{opacity:.55;border-radius:50%;animation:8s ease-in-out infinite pr-float;position:absolute}.login-deco .ld1{background:var(--p-butter);width:260px;height:260px;top:-40px;left:-60px}.login-deco .ld2{background:var(--p-mint);width:180px;height:180px;animation-delay:-3s;bottom:8%;right:-40px}.login-deco .ld3{background:var(--p-lav);width:90px;height:90px;animation-delay:-5s;top:10%;right:22%}.login-card{background:var(--card);border:1px solid var(--line);width:min(460px,100%);box-shadow:0 24px 48px -28px var(--shadow);border-radius:28px;gap:14px;padding:26px 24px;display:grid;position:relative}.login-top{justify-content:space-between;align-items:center;display:flex}.login-brand{align-items:center;gap:10px;display:inline-flex}.login-brand .logo-word{font-size:26px}.login-logo{filter:drop-shadow(0 2px 4px #0000001f);width:auto;height:66px}.login-title{font-family:var(--font-display);font-size:26px;font-weight:500;line-height:1.3}.login-sub{margin-top:-8px;font-size:14px}.login-notice{background:var(--good-soft);color:var(--good);border-radius:12px;align-items:center;gap:8px;padding:8px 12px;font-size:14px;font-weight:600;display:flex}.demo-box{border:1px dashed var(--line-strong);background:var(--subtle);border-radius:18px;gap:8px;padding:12px;display:grid}.demo-box>b{align-items:center;gap:6px;font-size:13.5px;display:flex}.demo-grid{grid-template-columns:1fr 1fr;gap:8px;display:grid}@media (max-width:440px){.demo-grid{grid-template-columns:1fr}}.demo-acc{border:1px solid var(--line);background:var(--card);min-height:44px;color:var(--ink);text-align:left;cursor:pointer;border-radius:14px;justify-items:start;gap:4px;padding:10px;transition:transform .15s,border-color .15s;display:grid}.demo-acc:hover{border-color:var(--brand);transform:translateY(-2px)}.demo-mail{word-break:break-all;font-size:12.5px;font-weight:600}.demo-acc small{color:var(--ink-muted);font-size:12px}.login-form{gap:12px;display:grid}.login-form .fld{grid-column:auto}.pw-wrap{position:relative}.pw-wrap .inp{padding-right:52px}.pw-eye{width:44px;height:44px;color:var(--ink-muted);cursor:pointer;background:0 0;border:0;border-radius:10px;place-items:center;display:grid;position:absolute;top:50%;right:2px;transform:translateY(-50%)}.pw-eye:hover{color:var(--ink)}.pw-eye:focus-visible{outline:3px solid var(--brand);outline-offset:-3px}.login-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px;display:flex}.login-btn{justify-content:center;width:100%;min-height:48px;font-size:16px}.spin{animation:1s linear infinite th-spin}@keyframes th-spin{to{transform:rotate(360deg)}}.login-or{color:var(--ink-muted);align-items:center;gap:10px;font-size:13px;display:flex}.login-or:before,.login-or:after{content:"";background:var(--line);flex:1;height:1px}.social-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}@media (max-width:400px){.social-row{grid-template-columns:1fr}}.social-btn{border:1px solid var(--line-strong);background:var(--card);min-height:46px;color:var(--ink);cursor:pointer;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:0 10px;font-weight:600;display:flex}.social-btn:hover{background:var(--subtle)}.social-btn.apple svg{color:var(--ink)}.social-sim{align-items:flex-start;gap:12px;display:flex}.social-sim svg{flex-shrink:0;margin-top:2px}.login-foot{text-align:center;font-size:12px}.plan-badge{letter-spacing:.2px;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 10px;font-size:12.5px;font-weight:700;display:inline-flex}.plan-badge.sm{padding:2px 8px;font-size:11.5px}.plan-badge.plan-pro{color:#7a3d00;background:linear-gradient(120deg,#fff0b3,#ffd6e5);border:1px solid #e6b84a}.plan-badge.plan-basic{background:var(--p-mint);color:var(--p-mint-ink);border:1px solid var(--p-mint-ink)}@supports (color:color-mix(in lab, red, red)){.plan-badge.plan-basic{border:1px solid color-mix(in srgb, var(--p-mint-ink) 35%, transparent)}}.plan-card .card-h h2{align-items:center;gap:8px;font-size:16px;display:flex}.plan-card.plan-pro{border-color:#e6b84a}.plan-who{margin-bottom:10px;display:grid}.plan-who small{word-break:break-all;font-size:12.5px}.plan-meter{gap:2px;margin-bottom:8px;display:grid}.plan-meter-l{justify-content:space-between;gap:8px;font-size:13.5px;display:flex}.plan-meter .meter{height:9px}.plan-meter .meter.near>i{background:var(--fair)}.plan-meter .meter.full>i{background:var(--support)}.plan-feats{gap:4px;margin:6px 0 0;padding:0;font-size:13.5px;list-style:none;display:grid}.plan-feats li{align-items:flex-start;gap:6px;display:flex}.plan-feats svg{color:var(--good);flex-shrink:0;margin-top:3px}.plan-acts{flex-wrap:wrap;gap:6px;margin-top:10px;display:flex}.plan-compare{grid-template-columns:1fr 1fr;gap:10px;display:grid}@media (max-width:520px){.plan-compare{grid-template-columns:1fr}}.plan-col{border:1px solid var(--line);border-radius:16px;align-content:start;gap:6px;padding:12px;display:grid}.plan-col.plan-pro{border-color:#e6b84a}.ln-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:14px;display:grid}@media (max-width:900px){.ln-grid{grid-template-columns:1fr}}.ln-col{gap:14px;min-width:0;display:grid}.ln-side{top:calc(var(--hdr-h) + 60px);gap:12px;display:grid;position:sticky}@media (max-width:900px){.ln-side{position:static}}.ln-h{margin-bottom:10px;font-size:16.5px}.ln-modes{grid-template-columns:1fr 1fr;gap:8px;display:grid}.ln-modes button{border:2px solid var(--line);background:var(--card);min-height:64px;color:var(--ink);text-align:left;cursor:pointer;border-radius:16px;justify-items:start;gap:2px;padding:10px 12px;display:grid}.ln-modes button b{align-items:center;gap:6px;display:inline-flex}.ln-modes button small{color:var(--ink-muted);font-size:12.5px}.ln-modes button.on{border-color:var(--brand);background:var(--brand-soft)}.ln-stu{border:1px solid var(--line);border-radius:14px;max-height:300px;margin:8px 0 0;padding:0;list-style:none;overflow:auto}.ln-stu li+li{border-top:1px solid var(--line)}.ln-stu button{width:100%;min-height:50px;color:var(--ink);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;display:flex}.ln-stu button:hover{background:var(--subtle)}.ln-stu button.on{background:var(--brand-soft);box-shadow:inset 4px 0 0 var(--brand)}.ln-stu-name{flex:1;min-width:0;display:grid}.ln-stu-name b{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.ln-stu-name small{font-size:12.5px}.ln-targets{border:0;gap:8px;margin:12px 0 0;padding:0;display:grid}.ln-target{border:2px solid var(--line);cursor:pointer;border-radius:14px;align-items:center;gap:10px;min-height:52px;padding:8px 12px;display:flex}.ln-target.on{border-color:var(--brand)}.ln-target input{width:20px;height:20px;accent-color:var(--brand)}.ln-target span{display:grid}.ln-target small{font-size:12.5px}.ln-photo{align-items:center;gap:10px;display:flex}.ln-photo img{object-fit:cover;border-radius:12px;width:72px;height:72px}.ln-chat{border:1px solid var(--line);border-radius:18px;overflow:hidden}.ln-chat-top{color:#fff;background:#2b3a55;align-items:center;gap:8px;padding:8px 12px;font-size:14px;display:flex}.ln-chat-top span{color:#062b14;background:#06c755;border-radius:50%;place-items:center;width:28px;height:28px;font-size:11px;font-weight:700;display:grid}.ln-chat-body{background:#8cabd9;align-content:start;gap:8px;min-height:150px;padding:12px;display:grid}.ln-chat-empty{color:#1d2b40;text-align:center;padding:30px 0;font-size:14px}.ln-bubble{color:#1b2430;white-space:pre-wrap;overflow-wrap:anywhere;background:#fff;border-radius:16px 16px 16px 6px;max-width:86%;padding:8px 12px;font-size:14.5px}.ln-chat-img{object-fit:cover;border-radius:16px;max-width:70%;max-height:220px}.ln-count{align-items:center;gap:8px;font-size:15px;display:flex}.ln-send{width:100%;min-height:48px;font-size:16px}.ln-mode{color:var(--fair-ink,var(--ink));font-size:15px;font-weight:700}.ln-rows{margin:0;padding:0;list-style:none;display:grid}.ln-rows li{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 4px;display:flex}.ln-rows li:first-child{border-top:0}.ln-no{text-align:right;width:22px}.ln-who{flex:0 220px;min-width:140px;display:grid}.ln-who small{font-size:12.5px}.ln-status{flex:300px;gap:6px;min-width:0;display:grid}.ln-status>.sb{justify-self:start}.ln-bind{flex-wrap:wrap;align-items:center;gap:6px;font-size:14px;display:flex}.ln-bind code,.ln-url{color:var(--ink-muted);overflow-wrap:anywhere;font-size:12.5px}.ln-qr{text-align:center;justify-items:center;gap:10px;display:grid}.ln-qr-img{background:#fff;border:4px solid #06c755;border-radius:18px;place-items:center;min-width:224px;min-height:224px;padding:10px;display:grid}.ln-phone{border:1px solid var(--line);background:var(--card);border-radius:24px;max-width:360px;margin:0 auto;overflow:hidden}.ln-phone-top{color:#062b14;background:#06c755;align-items:center;gap:8px;padding:10px 14px;display:flex}.ln-phone-body{gap:10px;padding:14px;display:grid}.ln-phone-body small{overflow-wrap:anywhere;font-size:12.5px}.ln-done{text-align:center;color:var(--ink);justify-items:center;gap:6px;padding:24px 14px;display:grid}.ln-done svg{color:var(--good)}.ln-done code{color:var(--ink-muted);font-size:12.5px}.ln-log{gap:10px;margin:0;padding:0;list-style:none;display:grid}.ln-log li{border:1px solid var(--line);border-radius:14px;gap:6px;padding:12px;display:grid}.ln-log-h{flex-wrap:wrap;align-items:center;gap:6px;font-size:13px;display:flex}.ln-log-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14.5px}.ln-log summary{cursor:pointer;min-height:40px;color:var(--brand);align-items:center;font-weight:600;display:inline-flex}.ln-req{background:var(--subtle);border-radius:10px;min-width:0;margin-top:6px;padding:8px 10px;font-size:12.5px}.ln-req pre{max-height:180px;margin-top:4px;font-size:12px;overflow:auto}a.nav-btn,a.tool-item,a.ibtn,a.chip-btn,a.logo{color:inherit;text-decoration:none}a.nav-btn.is-current{color:var(--brand)}a.btn{text-decoration:none}.crumb a{color:inherit;text-underline-offset:3px;align-items:center;min-height:32px;text-decoration:underline;display:inline-flex}.th-app{min-height:100dvh}.fld-label .opt{min-height:0;cursor:inherit;border-radius:0;padding:0;display:inline}.tb-msg a.txt{color:inherit;text-underline-offset:3px;-webkit-text-decoration:underline #0000;text-decoration:underline #0000}.tb-msg a.txt:hover{text-decoration-color:currentColor}.empty-tool .lock-title{font-size:inherit;color:var(--ink);margin:0;font-weight:700}.crumb a{position:relative}.crumb a:after{content:"";position:absolute;inset:-6px -10px}@media (pointer:coarse){.cls select{height:44px}.search-box{height:46px}.cls-mgr{flex-shrink:0}.tb-more:after{inset:-3px -4px}.gb-legend summary{align-items:center;min-height:44px;display:flex}}.k-event{background:var(--p-lav);color:var(--p-lav-ink)}.kk-logo-chip{background:var(--kk-logo-chip);border-radius:16px}.kk-wordmark{font-family:var(--kk-display);letter-spacing:-.02em;white-space:nowrap;color:#17636b;font-weight:700;line-height:1}.kk-wordmark b{font-weight:inherit;color:#b07d12}.kk-dots{background-image:radial-gradient(var(--kk-teal) 1.4px, transparent 1.6px)}@supports (color:color-mix(in lab, red, red)){.kk-dots{background-image:radial-gradient(color-mix(in srgb, var(--kk-teal) 14%, transparent) 1.4px, transparent 1.6px)}}.kk-dots{background-size:22px 22px}.kk-btn{transition:transform .18s,box-shadow .18s,filter .18s;position:relative;overflow:hidden}.kk-btn:hover{transform:translateY(-2px)}.kk-btn:active{transform:translateY(0)scale(.97)}.kk-shine:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff73 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.kk-shine:hover:after{transform:translate(120%)}.kk-cta-pulse{animation:2.6s ease-in-out infinite kk-pulse}.kk-card{transition:transform .25s,box-shadow .25s,border-color .25s}.kk-card:hover{box-shadow:0 22px 40px -26px var(--kk-shadow);border-color:var(--kk-teal);transform:translateY(-4px)}@supports (color:color-mix(in lab, red, red)){.kk-card:hover{border-color:color-mix(in srgb, var(--kk-teal) 45%, var(--kk-line))}}.kk-badge{transition:transform .2s}.kk-badge:hover{transform:rotate(-3deg)scale(1.06)}.kk-float{animation:5s ease-in-out infinite kk-float}.kk-float-2{animation:6s ease-in-out -2s infinite kk-float}.kk-in{animation:.7s ease-out both kk-in}.kk-scan{animation:2.8s ease-in-out infinite kk-scan}.kk-blur{filter:blur(3.2px);color:#5d6870}.kk-twinkle{animation:2.6s ease-in-out infinite kk-twinkle}.kk-peek{transform-origin:bottom;animation:4.5s ease-in-out infinite kk-peek}.kk-bar{transform-origin:bottom;animation:.9s ease-out both kk-grow}.kk-memo{font-family:var(--kk-doc)}.kk-hand{font-family:var(--kk-hand)}@keyframes kk-pulse{0%,to{box-shadow:0 10px 24px -12px var(--kk-shadow), 0 0 0 0 color-mix(in srgb, var(--kk-teal) 35%, transparent)}50%{box-shadow:0 10px 24px -12px var(--kk-shadow), 0 0 0 10px transparent}}@keyframes kk-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes kk-in{0%{opacity:.001;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes kk-scan{0%,to{transform:translateY(0)}50%{transform:translateY(116px)}}@keyframes kk-twinkle{0%,to{opacity:1;transform:scale(1)rotate(0)}50%{opacity:.55;transform:scale(.7)rotate(18deg)}}@keyframes kk-peek{0%,70%,to{transform:rotate(0)}78%{transform:rotate(-8deg)}86%{transform:rotate(6deg)}}@keyframes kk-grow{0%{transform:scaleY(.05)}to{transform:none}}@media (prefers-reduced-motion:reduce){.landing *,.landing :after{transition:none!important;animation:none!important}}}@layer utilities{.pointer-events-none{pointer-events:none}.collapse{visibility:collapse}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.inset-x-0{inset-inline:0}.-top-3\.5{top:calc(var(--spacing) * -3.5)}.-top-4{top:calc(var(--spacing) * -4)}.-top-5{top:calc(var(--spacing) * -5)}.-top-6{top:calc(var(--spacing) * -6)}.top-0{top:0}.top-1\/2{top:50%}.top-2{top:calc(var(--spacing) * 2)}.top-3{top:calc(var(--spacing) * 3)}.top-5{top:calc(var(--spacing) * 5)}.top-10{top:calc(var(--spacing) * 10)}.top-14{top:calc(var(--spacing) * 14)}.top-\[12\%\]{top:12%}.top-\[24\%\]{top:24%}.top-\[60\%\]{top:60%}.-right-2{right:calc(var(--spacing) * -2)}.-right-3{right:calc(var(--spacing) * -3)}.right-0{right:0}.right-2{right:calc(var(--spacing) * 2)}.right-3{right:calc(var(--spacing) * 3)}.right-4{right:calc(var(--spacing) * 4)}.right-5{right:calc(var(--spacing) * 5)}.right-\[9\%\]{right:9%}.-bottom-3{bottom:calc(var(--spacing) * -3)}.bottom-3{bottom:calc(var(--spacing) * 3)}.bottom-16{bottom:calc(var(--spacing) * 16)}.bottom-24{bottom:calc(var(--spacing) * 24)}.bottom-\[4px\]{bottom:4px}.bottom-\[7\%\]{bottom:7%}.-left-1{left:calc(var(--spacing) * -1)}.-left-2{left:calc(var(--spacing) * -2)}.-left-3{left:calc(var(--spacing) * -3)}.-left-4{left:calc(var(--spacing) * -4)}.left-0{left:0}.left-1\/2{left:50%}.left-2{left:calc(var(--spacing) * 2)}.left-6{left:calc(var(--spacing) * 6)}.isolate{isolation:isolate}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.m-0{margin:0}.-mx-1{margin-inline:calc(var(--spacing) * -1)}.-mx-4{margin-inline:calc(var(--spacing) * -4)}.mx-1{margin-inline:var(--spacing)}.mx-1\.5{margin-inline:calc(var(--spacing) * 1.5)}.mx-auto{margin-inline:auto}.my-1{margin-block:var(--spacing)}.mt-0\.5{margin-top:calc(var(--spacing) * .5)}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-4{margin-top:calc(var(--spacing) * 4)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-7{margin-top:calc(var(--spacing) * 7)}.mt-8{margin-top:calc(var(--spacing) * 8)}.mt-10{margin-top:calc(var(--spacing) * 10)}.mt-12{margin-top:calc(var(--spacing) * 12)}.mt-\[0\.5em\]{margin-top:.5em}.mt-\[0\.6em\]{margin-top:.6em}.mt-\[0\.8em\]{margin-top:.8em}.-mb-4{margin-bottom:calc(var(--spacing) * -4)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.ml-2{margin-left:calc(var(--spacing) * 2)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.inline-grid{display:inline-grid}.table{display:table}.aspect-\[10\/11\]{aspect-ratio:10/11}.size-6{width:calc(var(--spacing) * 6);height:calc(var(--spacing) * 6)}.size-7{width:calc(var(--spacing) * 7);height:calc(var(--spacing) * 7)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-9{width:calc(var(--spacing) * 9);height:calc(var(--spacing) * 9)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-5{height:calc(var(--spacing) * 5)}.h-6{height:calc(var(--spacing) * 6)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-9{height:calc(var(--spacing) * 9)}.h-11{height:calc(var(--spacing) * 11)}.h-12{height:calc(var(--spacing) * 12)}.h-16{height:calc(var(--spacing) * 16)}.h-32{height:calc(var(--spacing) * 32)}.h-\[3\.6em\]{height:3.6em}.h-\[60\%\]{height:60%}.h-full{height:100%}.h-px{height:1px}.max-h-\(--radix-dropdown-menu-content-available-height\){max-height:var(--radix-dropdown-menu-content-available-height)}.min-h-11{min-height:calc(var(--spacing) * 11)}.min-h-12{min-height:calc(var(--spacing) * 12)}.min-h-dvh{min-height:100dvh}.min-h-screen{min-height:100vh}.w-\(--radix-dropdown-menu-trigger-width\){width:var(--radix-dropdown-menu-trigger-width)}.w-5{width:calc(var(--spacing) * 5)}.w-9{width:calc(var(--spacing) * 9)}.w-11{width:calc(var(--spacing) * 11)}.w-12{width:calc(var(--spacing) * 12)}.w-16{width:calc(var(--spacing) * 16)}.w-44{width:calc(var(--spacing) * 44)}.w-48{width:calc(var(--spacing) * 48)}.w-\[3\.4em\]{width:3.4em}.w-\[36\%\]{width:36%}.w-\[80\%\]{width:80%}.w-\[97\%\]{width:97%}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-3xl{max-width:var(--container-3xl)}.max-w-5xl{max-width:var(--container-5xl)}.max-w-6xl{max-width:var(--container-6xl)}.max-w-\[34rem\]{max-width:34rem}.max-w-\[68ch\]{max-width:68ch}.max-w-\[220px\]{max-width:220px}.max-w-\[400px\]{max-width:400px}.max-w-\[420px\]{max-width:420px}.max-w-\[430px\]{max-width:430px}.max-w-\[calc\(100\%-2rem\)\]{max-width:calc(100% - 2rem)}.max-w-md{max-width:var(--container-md)}.max-w-none{max-width:none}.max-w-sm{max-width:var(--container-sm)}.max-w-xl{max-width:var(--container-xl)}.min-w-0{min-width:0}.min-w-11{min-width:calc(var(--spacing) * 11)}.min-w-32{min-width:calc(var(--spacing) * 32)}.min-w-\[96px\]{min-width:96px}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.origin-\(--radix-dropdown-menu-content-transform-origin\){transform-origin:var(--radix-dropdown-menu-content-transform-origin)}.-translate-x-1\/2{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-default{cursor:default}.snap-x{scroll-snap-type:x var(--tw-scroll-snap-strictness)}.snap-mandatory{--tw-scroll-snap-strictness:mandatory}.snap-start{scroll-snap-align:start}.scroll-mt-20{scroll-margin-top:calc(var(--spacing) * 20)}.scroll-mt-24{scroll-margin-top:calc(var(--spacing) * 24)}.auto-cols-\[85\%\]{grid-auto-columns:85%}.grid-flow-col{grid-auto-flow:column}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.place-items-center{place-items:center}.content-start{align-content:flex-start}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-end{align-items:flex-end}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-items-center{justify-items:center}.gap-0\.5{gap:calc(var(--spacing) * .5)}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-5{gap:calc(var(--spacing) * 5)}.gap-8{gap:calc(var(--spacing) * 8)}.gap-10{gap:calc(var(--spacing) * 10)}.gap-12{gap:calc(var(--spacing) * 12)}.gap-\[0\.2em\]{gap:.2em}.gap-\[0\.5em\]{gap:.5em}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[24px\]{border-radius:24px}.rounded-\[28px\]{border-radius:28px}.rounded-\[32px\]{border-radius:32px}.rounded-\[40\%\]{border-radius:40%}.rounded-\[min\(var\(--radius-md\)\,10px\)\]{border-radius:min(var(--radius-md), 10px)}.rounded-\[min\(var\(--radius-md\)\,12px\)\]{border-radius:min(var(--radius-md), 12px)}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-t-\[999px\]{border-top-left-radius:999px;border-top-right-radius:999px}.rounded-t-lg{border-top-left-radius:var(--radius-lg);border-top-right-radius:var(--radius-lg)}.rounded-b-\[36px\]{border-bottom-right-radius:36px;border-bottom-left-radius:36px}.rounded-b-xl{border-bottom-right-radius:var(--radius-xl);border-bottom-left-radius:var(--radius-xl)}.rounded-bl-md{border-bottom-left-radius:var(--radius-md)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-4{border-style:var(--tw-border-style);border-width:4px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-\[1\.5px\]{border-bottom-style:var(--tw-border-style);border-bottom-width:1.5px}.border-dashed{--tw-border-style:dashed;border-style:dashed}.border-\[\#1d2329\]{border-color:#1d2329}.border-\[color-mix\(in_srgb\,var\(--kk-teal\)_30\%\,transparent\)\]{border-color:var(--kk-teal)}@supports (color:color-mix(in lab, red, red)){.border-\[color-mix\(in_srgb\,var\(--kk-teal\)_30\%\,transparent\)\]{border-color:color-mix(in srgb,var(--kk-teal) 30%,transparent)}}.border-\[var\(--kk-gold\)\]{border-color:var(--kk-gold)}.border-\[var\(--kk-line\)\]{border-color:var(--kk-line)}.border-\[var\(--kk-surface\)\]{border-color:var(--kk-surface)}.border-\[var\(--kk-teal\)\]{border-color:var(--kk-teal)}.border-\[var\(--line\)\]{border-color:var(--line)}.border-transparent{border-color:#0000}.bg-\[\#ffffff\]{background-color:#fff}.bg-\[color-mix\(in_srgb\,var\(--kk-bg\)_86\%\,transparent\)\]{background-color:var(--kk-bg)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--kk-bg\)_86\%\,transparent\)\]{background-color:color-mix(in srgb,var(--kk-bg) 86%,transparent)}}.bg-\[var\(--kk-bg\)\]{background-color:var(--kk-bg)}.bg-\[var\(--kk-gold\)\]{background-color:var(--kk-gold)}.bg-\[var\(--kk-gold-soft\)\]{background-color:var(--kk-gold-soft)}.bg-\[var\(--kk-mint\)\]{background-color:var(--kk-mint)}.bg-\[var\(--kk-navy-soft\)\]{background-color:var(--kk-navy-soft)}.bg-\[var\(--kk-surface\)\]{background-color:var(--kk-surface)}.bg-\[var\(--kk-teal\)\]{background-color:var(--kk-teal)}.bg-black{background-color:var(--color-black)}.bg-black\/10{background-color:#0000001a}@supports (color:color-mix(in lab, red, red)){.bg-black\/10{background-color:color-mix(in oklab, var(--color-black) 10%, transparent)}}.bg-\[linear-gradient\(135deg\,var\(--kk-gold-soft\)\,var\(--kk-surface\)_55\%\,var\(--kk-mint\)\)\]{background-image:linear-gradient(135deg,var(--kk-gold-soft),var(--kk-surface) 55%,var(--kk-mint))}.bg-\[linear-gradient\(135deg\,var\(--kk-mint\)\,var\(--kk-surface\)_60\%\,var\(--kk-gold-soft\)\)\]{background-image:linear-gradient(135deg,var(--kk-mint),var(--kk-surface) 60%,var(--kk-gold-soft))}.bg-\[radial-gradient\(circle\,\#8a6d2e\,\#c9a65a_55\%\,transparent_72\%\)\]{background-image:radial-gradient(circle,#8a6d2e,#c9a65a 55%,#0000 72%)}.bg-\[radial-gradient\(circle_at_50\%_40\%\,var\(--kk-gold-soft\)\,var\(--kk-mint\)_58\%\,var\(--kk-mint-2\)\)\]{background-image:radial-gradient(circle at 50% 40%,var(--kk-gold-soft),var(--kk-mint) 58%,var(--kk-mint-2))}.bg-clip-padding{background-clip:padding-box}.object-cover{object-fit:cover}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-4{padding:calc(var(--spacing) * 4)}.p-5{padding:calc(var(--spacing) * 5)}.p-6{padding:calc(var(--spacing) * 6)}.px-1{padding-inline:var(--spacing)}.px-1\.5{padding-inline:calc(var(--spacing) * 1.5)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-6{padding-inline:calc(var(--spacing) * 6)}.px-\[7\%\]{padding-inline:7%}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-12{padding-block:calc(var(--spacing) * 12)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-10{padding-top:calc(var(--spacing) * 10)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pt-\[6\%\]{padding-top:6%}.pr-8{padding-right:calc(var(--spacing) * 8)}.pb-3{padding-bottom:calc(var(--spacing) * 3)}.pb-10{padding-bottom:calc(var(--spacing) * 10)}.pb-16{padding-bottom:calc(var(--spacing) * 16)}.pb-\[0\.4em\]{padding-bottom:.4em}.pb-\[8\%\]{padding-bottom:8%}.pl-1{padding-left:var(--spacing)}.pl-1\.5{padding-left:calc(var(--spacing) * 1.5)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.align-middle{vertical-align:middle}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[0\.8rem\]{font-size:.8rem}.text-\[1\.3rem\]{font-size:1.3rem}.text-\[1\.9em\]{font-size:1.9em}.text-\[1\.15em\]{font-size:1.15em}.text-\[1\.25em\]{font-size:1.25em}.text-\[2\.1em\]{font-size:2.1em}.text-\[10px\]{font-size:10px}.text-\[11\.5px\]{font-size:11.5px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13\.5px\]{font-size:13.5px}.text-\[13px\]{font-size:13px}.text-\[14\.5px\]{font-size:14.5px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16\.5px\]{font-size:16.5px}.text-\[16px\]{font-size:16px}.text-\[clamp\(1\.1rem\,2vw\,1\.35rem\)\]{font-size:clamp(1.1rem,2vw,1.35rem)}.text-\[clamp\(1\.6rem\,3\.2vw\,2\.4rem\)\]{font-size:clamp(1.6rem,3.2vw,2.4rem)}.text-\[clamp\(1\.8rem\,4vw\,2\.6rem\)\]{font-size:clamp(1.8rem,4vw,2.6rem)}.text-\[clamp\(1\.8rem\,4vw\,2\.8rem\)\]{font-size:clamp(1.8rem,4vw,2.8rem)}.text-\[clamp\(1\.45rem\,2\.6vw\,2rem\)\]{font-size:clamp(1.45rem,2.6vw,2rem)}.text-\[clamp\(2\.1rem\,5vw\,3\.4rem\)\]{font-size:clamp(2.1rem,5vw,3.4rem)}.leading-\[1\.22\]{--tw-leading:1.22;line-height:1.22}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.tracking-\[0\.12em\]{--tw-tracking:.12em;letter-spacing:.12em}.tracking-\[0\.14em\]{--tw-tracking:.14em;letter-spacing:.14em}.tracking-widest{--tw-tracking:var(--tracking-widest);letter-spacing:var(--tracking-widest)}.whitespace-nowrap{white-space:nowrap}.text-\[\#1d2329\]{color:#1d2329}.text-\[\#2a4a8a\]{color:#2a4a8a}.text-\[\#f29bb2\]{color:#f29bb2}.text-\[var\(--kk-bad\)\]{color:var(--kk-bad)}.text-\[var\(--kk-gold\)\]{color:var(--kk-gold)}.text-\[var\(--kk-gold-ink\)\]{color:var(--kk-gold-ink)}.text-\[var\(--kk-good\)\]{color:var(--kk-good)}.text-\[var\(--kk-ink\)\]{color:var(--kk-ink)}.text-\[var\(--kk-muted\)\]{color:var(--kk-muted)}.text-\[var\(--kk-navy\)\]{color:var(--kk-navy)}.text-\[var\(--kk-on-teal\)\]{color:var(--kk-on-teal)}.text-\[var\(--kk-teal\)\]{color:var(--kk-teal)}.text-\[var\(--kk-teal-ink\)\]{color:var(--kk-teal-ink)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.underline-offset-4{text-underline-offset:4px}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_0_12px_var\(--kk-gold\)\]{--tw-shadow:0 0 12px var(--tw-shadow-color,var(--kk-gold));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_10px_24px_-12px_var\(--kk-shadow\)\]{--tw-shadow:0 10px 24px -12px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_12px_28px_-14px_var\(--kk-shadow\)\]{--tw-shadow:0 12px 28px -14px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_16px_32px_-20px_var\(--kk-shadow\)\]{--tw-shadow:0 16px 32px -20px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_18px_34px_-20px_var\(--kk-shadow\)\]{--tw-shadow:0 18px 34px -20px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_48px_-28px_var\(--kk-shadow\)\]{--tw-shadow:0 24px 48px -28px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_24px_48px_-30px_var\(--kk-shadow\)\]{--tw-shadow:0 24px 48px -30px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_30px_60px_-30px_var\(--kk-shadow\)\]{--tw-shadow:0 30px 60px -30px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_30px_60px_-36px_var\(--kk-shadow\)\]{--tw-shadow:0 30px 60px -36px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-\[0_34px_60px_-34px_var\(--kk-shadow\)\]{--tw-shadow:0 34px 60px -34px var(--tw-shadow-color,var(--kk-shadow));box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-md{--tw-shadow:0 4px 6px -1px var(--tw-shadow-color,#0000001a), 0 2px 4px -2px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring,.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-4{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring-\[color-mix\(in_srgb\,var\(--kk-gold\)_25\%\,transparent\)\]{--tw-ring-color:var(--kk-gold)}@supports (color:color-mix(in lab, red, red)){.ring-\[color-mix\(in_srgb\,var\(--kk-gold\)_25\%\,transparent\)\]{--tw-ring-color:color-mix(in srgb,var(--kk-gold) 25%,transparent)}}.ring-\[var\(--kk-teal\)\]{--tw-ring-color:var(--kk-teal)}.outline-hidden{--tw-outline-style:none;outline-style:none}@media (forced-colors:active){.outline-hidden{outline-offset:2px;outline:2px solid #0000}}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.drop-shadow-\[0_1px_1px_rgb\(0_0_0\/0\.12\)\]{--tw-drop-shadow-size:drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-\[0_8px_16px_rgba\(20\,60\,64\,0\.18\)\]{--tw-drop-shadow-size:drop-shadow(0 8px 16px var(--tw-drop-shadow-color,#143c402e));--tw-drop-shadow:var(--tw-drop-shadow-size);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.drop-shadow-md{--tw-drop-shadow-size:drop-shadow(0 3px 3px var(--tw-drop-shadow-color,#0000001f));--tw-drop-shadow:drop-shadow(var(--drop-shadow-md));filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}.paused{animation-play-state:paused}.running{animation-play-state:running}@media (hover:hover){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:var(--secondary)}@supports (color:color-mix(in lab, red, red)){.hover\:bg-\[color-mix\(in_oklch\,var\(--secondary\)\,var\(--foreground\)_5\%\)\]:hover{background-color:color-mix(in oklch,var(--secondary),var(--foreground) 5%)}}.hover\:bg-\[var\(--kk-mint\)\]:hover{background-color:var(--kk-mint)}.hover\:text-\[var\(--kk-ink\)\]:hover{color:var(--kk-ink)}.hover\:text-\[var\(--kk-teal\)\]:hover{color:var(--kk-teal)}.hover\:underline:hover{text-decoration-line:underline}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:fixed:focus{position:fixed}.focus\:top-4:focus{top:calc(var(--spacing) * 4)}.focus\:left-4:focus{left:calc(var(--spacing) * 4)}.focus\:z-50:focus{z-index:50}.focus\:rounded-xl:focus{border-radius:var(--radius-xl)}.focus\:bg-\[var\(--kk-surface\)\]:focus{background-color:var(--kk-surface)}.focus\:px-4:focus{padding-inline:calc(var(--spacing) * 4)}.focus\:py-2:focus{padding-block:calc(var(--spacing) * 2)}.focus-visible\:ring-3:focus-visible{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.active\:not-aria-\[haspopup\]\:translate-y-px:active:not([aria-haspopup]){--tw-translate-y:1px;translate:var(--tw-translate-x) var(--tw-translate-y)}.disabled\:pointer-events-none:disabled{pointer-events:none}.disabled\:opacity-50:disabled{opacity:.5}:where([data-slot=button-group]) .in-data-\[slot\=button-group\]\:rounded-lg{border-radius:var(--radius-lg)}.has-data-\[icon\=inline-end\]\:pr-1\.5:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-end\]\:pr-2:has([data-icon=inline-end]){padding-right:calc(var(--spacing) * 2)}.has-data-\[icon\=inline-start\]\:pl-1\.5:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 1.5)}.has-data-\[icon\=inline-start\]\:pl-2:has([data-icon=inline-start]){padding-left:calc(var(--spacing) * 2)}.aria-invalid\:ring-3[aria-invalid=true]{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.data-closed\:animate-out[data-closed]{animation:exit var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-closed\:fade-out-0[data-closed]{--tw-exit-opacity:0}.data-closed\:zoom-out-95[data-closed]{--tw-exit-scale:.95}.data-disabled\:pointer-events-none[data-disabled]{pointer-events:none}.data-disabled\:opacity-50[data-disabled]{opacity:.5}.data-inset\:pl-7[data-inset]{padding-left:calc(var(--spacing) * 7)}.data-open\:animate-in[data-open]{animation:enter var(--tw-animation-duration,var(--tw-duration,.15s))var(--tw-ease,ease)var(--tw-animation-delay,0s)var(--tw-animation-iteration-count,1)var(--tw-animation-direction,normal)var(--tw-animation-fill-mode,none)}.data-open\:fade-in-0[data-open]{--tw-enter-opacity:0}.data-open\:zoom-in-95[data-open]{--tw-enter-scale:.95}.data-\[side\=bottom\]\:slide-in-from-top-2[data-side=bottom]{--tw-enter-translate-y:calc(2*var(--spacing)*-1)}.data-\[side\=left\]\:slide-in-from-right-2[data-side=left]{--tw-enter-translate-x:calc(2*var(--spacing))}.data-\[side\=right\]\:slide-in-from-left-2[data-side=right]{--tw-enter-translate-x:calc(2*var(--spacing)*-1)}.data-\[side\=top\]\:slide-in-from-bottom-2[data-side=top]{--tw-enter-translate-y:calc(2*var(--spacing))}.data-\[state\=closed\]\:overflow-hidden[data-state=closed]{overflow:hidden}@supports ((-webkit-backdrop-filter:var(--tw)) or (backdrop-filter:var(--tw))){.supports-backdrop-filter\:backdrop-blur-xs{--tw-backdrop-blur:blur(var(--blur-xs));-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}}@media (min-width:40rem){.sm\:-right-6{right:calc(var(--spacing) * -6)}.sm\:right-0{right:0}.sm\:-left-2{left:calc(var(--spacing) * -2)}.sm\:-left-6{left:calc(var(--spacing) * -6)}.sm\:block{display:block}.sm\:max-w-sm{max-width:var(--container-sm)}.sm\:auto-cols-\[60\%\]{grid-auto-columns:60%}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:flex-row{flex-direction:row}.sm\:justify-end{justify-content:flex-end}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:p-8{padding:calc(var(--spacing) * 8)}.sm\:p-10{padding:calc(var(--spacing) * 10)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-10{padding-inline:calc(var(--spacing) * 10)}}@media (min-width:48rem){.md\:sticky{position:sticky}.md\:top-24{top:calc(var(--spacing) * 24)}.md\:order-1{order:1}.md\:order-2{order:2}.md\:block{display:block}.md\:inline-flex{display:inline-flex}.md\:grid-flow-row{grid-auto-flow:row}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:grid-cols-\[1\.1fr_1fr\]{grid-template-columns:1.1fr 1fr}.md\:grid-cols-\[1\.3fr_1fr\]{grid-template-columns:1.3fr 1fr}.md\:grid-cols-\[230px_minmax\(0\,1fr\)\]{grid-template-columns:230px minmax(0,1fr)}.md\:self-start{align-self:flex-start}.md\:overflow-visible{overflow:visible}.md\:py-14{padding-block:calc(var(--spacing) * 14)}.md\:py-20{padding-block:calc(var(--spacing) * 20)}.md\:pt-14{padding-top:calc(var(--spacing) * 14)}.md\:pb-20{padding-bottom:calc(var(--spacing) * 20)}}@media (min-width:64rem){.lg\:ml-2{margin-left:calc(var(--spacing) * 2)}.lg\:flex{display:flex}.lg\:hidden{display:none}}.\[\&_svg\]\:pointer-events-none svg{pointer-events:none}.\[\&_svg\]\:shrink-0 svg{flex-shrink:0}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 svg:not([class*=size-]){width:calc(var(--spacing) * 3);height:calc(var(--spacing) * 3)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 svg:not([class*=size-]){width:calc(var(--spacing) * 3.5);height:calc(var(--spacing) * 3.5)}.\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 svg:not([class*=size-]){width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}:is(.\*\:\[a\]\:underline>*):is(a){text-decoration-line:underline}:is(.\*\:\[a\]\:underline-offset-3>*):is(a){text-underline-offset:3px}}@property --tw-animation-delay{syntax:"*";inherits:false;initial-value:0s}@property --tw-animation-direction{syntax:"*";inherits:false;initial-value:normal}@property --tw-animation-duration{syntax:"*";inherits:false}@property --tw-animation-fill-mode{syntax:"*";inherits:false;initial-value:none}@property --tw-animation-iteration-count{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-enter-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-enter-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-blur{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-opacity{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-rotate{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-scale{syntax:"*";inherits:false;initial-value:1}@property --tw-exit-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-exit-translate-y{syntax:"*";inherits:false;initial-value:0}:root{--ink:#3a3150;--ink-muted:#655b7d;--surface:#fdf8fb;--card:#fff;--line:#efe2ee;--line-strong:#8f84a1;--subtle:#faf2f7;--brand:#b52f62;--on-brand:#fff;--brand-soft:#ffe3ee;--strong:#3a3150;--on-strong:#fff;--p-pink:#ffd6e5;--p-pink-ink:#9b2457;--p-sky:#d4ebff;--p-sky-ink:#1f5f99;--p-butter:#fff2b8;--p-butter-ink:#7a5b00;--p-mint:#cdf3e3;--p-mint-ink:#16704f;--p-lav:#e6dcff;--p-lav-ink:#5a3fa6;--p-peach:#ffe0cc;--p-peach-ink:#9a4a17;--p-aqua:#cdf0f4;--p-aqua-ink:#126b78;--good:#1f7a4a;--good-soft:#ddf6e8;--on-good:#fff;--fair:#e0a100;--fair-soft:#fff6d6;--on-fair:#3a3150;--support:#bb2f4c;--support-soft:#ffe6ec;--on-support:#fff;--dom-physical:#3b82c4;--dom-emotional:#d6517f;--dom-social:#d9822b;--dom-intellectual:#7c5ad6;--dot-a:#ffb6ce59;--dot-b:#a4d0ff59;--logo-teal:#17636b;--logo-gold:#8f6500;--shadow:#3a315029;--scrim:#281c346b}:root[data-palette=mint]{--brand:#13795b;--brand-soft:#d9f5ea;--surface:#f5fbf8;--subtle:#eef7f3;--line:#dcece4;--dot-a:#8cdcbe59;--dot-b:#ffe2a059}:root[data-palette=sky]{--brand:#2563a8;--brand-soft:#dcecff;--surface:#f6f9fe;--subtle:#eef4fb;--line:#dde7f3;--dot-a:#96c8ff61;--dot-b:#ffc8dc4d}:root[data-palette=lavender]{--brand:#6b46c1;--brand-soft:#ebe3ff;--surface:#faf8fe;--subtle:#f3effb;--line:#e7e1f3;--dot-a:#c8b4ff61;--dot-b:#b4e6d252}:root[data-palette=peach]{--brand:#a14a24;--brand-soft:#ffe6d6;--surface:#fdf8f4;--subtle:#faf0e8;--line:#f0e2d6;--dot-a:#ffbe9661;--dot-b:#aad7ff4d}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--shadow:#00000080;--scrim:#0009;--ink:#f1e9f6;--ink-muted:#b9adcb;--surface:#1b1622;--card:#251e2e;--line:#3b3146;--line-strong:#7d7090;--subtle:#2d2537;--brand:#ff8fb6;--on-brand:#3a0f22;--brand-soft:#4a2236;--strong:#f1e9f6;--on-strong:#1b1622;--p-pink:#4a2a3a;--p-pink-ink:#ffc2d8;--p-sky:#22374c;--p-sky-ink:#b9dcff;--p-butter:#463d1c;--p-butter-ink:#ffe68a;--p-mint:#1f4033;--p-mint-ink:#a6ecd0;--p-lav:#352c4d;--p-lav-ink:#d6c8ff;--p-peach:#4a3024;--p-peach-ink:#ffcfb0;--p-aqua:#1d4248;--p-aqua-ink:#a6e8f0;--good:#5ad596;--good-soft:#173327;--on-good:#0b1f14;--fair:#f0c040;--fair-soft:#3a3010;--on-fair:#241b00;--support:#ff7a90;--support-soft:#3d1a22;--on-support:#2a0b11;--dot-a:#ffc2d81a;--dot-b:#b9dcff1a;--logo-teal:#8fd6cc;--logo-gold:#f0c75e}:root[data-palette=mint]:not([data-theme=light]){--brand:#6fe0b8;--on-brand:#06291d;--brand-soft:#173d31}:root[data-palette=sky]:not([data-theme=light]){--brand:#8cc3ff;--on-brand:#0b2340;--brand-soft:#1b3350}:root[data-palette=lavender]:not([data-theme=light]){--brand:#c4b0ff;--on-brand:#24124d;--brand-soft:#33275a}:root[data-palette=peach]:not([data-theme=light]){--brand:#ffb48a;--on-brand:#3a1606;--brand-soft:#4a2a1c}}:root[data-theme=dark]{--shadow:#00000080;--scrim:#0009;--ink:#f1e9f6;--ink-muted:#b9adcb;--surface:#1b1622;--card:#251e2e;--line:#3b3146;--line-strong:#7d7090;--subtle:#2d2537;--brand:#ff8fb6;--on-brand:#3a0f22;--brand-soft:#4a2236;--strong:#f1e9f6;--on-strong:#1b1622;--p-pink:#4a2a3a;--p-pink-ink:#ffc2d8;--p-sky:#22374c;--p-sky-ink:#b9dcff;--p-butter:#463d1c;--p-butter-ink:#ffe68a;--p-mint:#1f4033;--p-mint-ink:#a6ecd0;--p-lav:#352c4d;--p-lav-ink:#d6c8ff;--p-peach:#4a3024;--p-peach-ink:#ffcfb0;--p-aqua:#1d4248;--p-aqua-ink:#a6e8f0;--good:#5ad596;--good-soft:#173327;--on-good:#0b1f14;--fair:#f0c040;--fair-soft:#3a3010;--on-fair:#241b00;--support:#ff7a90;--support-soft:#3d1a22;--on-support:#2a0b11;--dot-a:#ffc2d81a;--dot-b:#b9dcff1a;--logo-teal:#8fd6cc;--logo-gold:#f0c75e}:root[data-theme=dark][data-palette=mint]{--brand:#6fe0b8;--on-brand:#06291d;--brand-soft:#173d31}:root[data-theme=dark][data-palette=sky]{--brand:#8cc3ff;--on-brand:#0b2340;--brand-soft:#1b3350}:root[data-theme=dark][data-palette=lavender]{--brand:#c4b0ff;--on-brand:#24124d;--brand-soft:#33275a}:root[data-theme=dark][data-palette=peach]{--brand:#ffb48a;--on-brand:#3a1606;--brand-soft:#4a2a1c}:root[data-theme=night]{--shadow:#00000080;--scrim:#0009;--ink:#efe5d4;--ink-muted:#bcae98;--surface:#1a1612;--card:#241e18;--line:#3a3129;--line-strong:#837360;--subtle:#2b241d;--brand:#ff8fb6;--on-brand:#3a0f22;--brand-soft:#4a2236;--strong:#efe5d4;--on-strong:#1a1612;--p-pink:#3d2a24;--p-pink-ink:#f7c6b0;--p-sky:#2a2f2c;--p-sky-ink:#cfe0c8;--p-butter:#3d3420;--p-butter-ink:#f3d98c;--p-mint:#25352a;--p-mint-ink:#bfe6c4;--p-lav:#342b2c;--p-lav-ink:#e9c9c0;--p-peach:#40291c;--p-peach-ink:#ffc79c;--p-aqua:#24332f;--p-aqua-ink:#b9e3d3;--good:#5ad596;--good-soft:#173327;--on-good:#0b1f14;--fair:#f0c040;--fair-soft:#3a3010;--on-fair:#241b00;--support:#ff7a90;--support-soft:#3d1a22;--on-support:#2a0b11;--dot-a:#ffbe8c14;--dot-b:#ffdca00f;--logo-teal:#8fd6cc;--logo-gold:#f0c75e}:root[data-theme=night][data-palette=pink],:root[data-theme=night]:not([data-palette]){--brand:#ffa0bd;--on-brand:#3a0f22;--brand-soft:#45262f}:root[data-theme=night][data-palette=mint]{--brand:#6fe0b8;--on-brand:#06291d;--brand-soft:#173d31}:root[data-theme=night][data-palette=sky]{--brand:#8cc3ff;--on-brand:#0b2340;--brand-soft:#1b3350}:root[data-theme=night][data-palette=lavender]{--brand:#c4b0ff;--on-brand:#24124d;--brand-soft:#33275a}:root[data-theme=night][data-palette=peach]{--brand:#ffb48a;--on-brand:#3a1606;--brand-soft:#4a2a1c}:root{--background:var(--surface);--foreground:var(--ink);--card-foreground:var(--ink);--popover:var(--card);--popover-foreground:var(--ink);--primary:var(--brand);--primary-foreground:var(--on-brand);--secondary:var(--subtle);--secondary-foreground:var(--ink);--muted:var(--subtle);--muted-foreground:var(--ink-muted);--accent:var(--brand-soft);--accent-foreground:var(--ink);--destructive:var(--support);--border:var(--line);--input:var(--line-strong);--ring:var(--brand);--radius:12px}@media print{.no-print,.hdr,.today{display:none!important}body{background:#fff!important}}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-scroll-snap-strictness{syntax:"*";inherits:false;initial-value:proximity}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@keyframes enter{0%{opacity:var(--tw-enter-opacity,1);transform:translate3d(var(--tw-enter-translate-x,0),var(--tw-enter-translate-y,0),0)scale3d(var(--tw-enter-scale,1),var(--tw-enter-scale,1),var(--tw-enter-scale,1))rotate(var(--tw-enter-rotate,0));filter:blur(var(--tw-enter-blur,0))}}@keyframes exit{to{opacity:var(--tw-exit-opacity,1);transform:translate3d(var(--tw-exit-translate-x,0),var(--tw-exit-translate-y,0),0)scale3d(var(--tw-exit-scale,1),var(--tw-exit-scale,1),var(--tw-exit-scale,1))rotate(var(--tw-exit-rotate,0));filter:blur(var(--tw-exit-blur,0))}}
