@keyframes tpFloat{0%{opacity:.5;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tpGrow{0%{transform:scaleY(.04)}to{transform:scaleY(1)}}@keyframes tpSpin{to{transform:rotate(360deg)}}@keyframes tpDrift1{0%,to{transform:translate(0) scale(1)}33%{transform:translate(6vw,-4vh) scale(1.15)}66%{transform:translate(-4vw,3vh) scale(.92)}}@keyframes tpDrift2{0%,to{transform:translate(0) scale(1)}30%{transform:translate(-5vw,4vh) scale(1.1)}60%{transform:translate(5vw,-3vh) scale(.95)}}@keyframes tpDrift3{0%,to{transform:translate(0) scale(1)}40%{transform:translate(4vw,5vh) scale(1.18)}75%{transform:translate(-6vw,-4vh) scale(.9)}}@keyframes tpPulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes tpPop{0%{transform:scale(.97);opacity:.5}60%{transform:scale(1.01)}to{transform:scale(1);opacity:1}}@keyframes tpSub{0%{opacity:0;transform:translateY(-7px);max-height:0}to{opacity:1;transform:translateY(0);max-height:2600px}}@keyframes tpSubItem{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}@keyframes tpHue{to{filter:hue-rotate(360deg)}}@keyframes tpFlow{0%{background-position:0 0}to{background-position:0 -220%}}:root{--bg: #f3eee4;--surf: #ece5d8;--sd: #cdc1ad;--sl: #fffdf7;--ink: #544c40;--ink2: #9a8f7c;--accent1: #e6b347;--accent2: #d98e3f;--deep1: #b8892a;--deep2: #b06f2f;--a1soft: #f6eccf;--a2soft: #f4e3cc;--card-bg: var(--surf);--card-blur: none;--card-border: 1px solid transparent;--card-radius: 22px;--card-shadow: 7px 7px 16px var(--sd), -7px -7px 16px var(--sl);--card-shadow-sm: 4px 4px 9px var(--sd), -4px -4px 9px var(--sl);--card-shadow-hover: 9px 9px 20px var(--sd), -9px -9px 20px var(--sl);--raise: 2px 2px 5px var(--sd), -2px -2px 5px var(--sl), inset 0 1px 1.5px rgba(255,255,255,.55), inset 0 -1px 1.5px rgba(120,100,70,.1);--inset: inset 3px 3px 7px var(--sd), inset -3px -3px 7px var(--sl);--inset-sm: inset 2px 2px 5px var(--sd), inset -2px -2px 5px var(--sl);--bar-shadow: 4px 5px 11px var(--sd), inset -2px -3px 6px rgba(0,0,0,.12), inset 2px 2px 4px rgba(255,255,255,.4);--lava-op: .36;--lava-op2: .27;--lava-d1: 17.9s;--lava-d2: 22.1s;--lava-d3: 26.2s;--tp-side-w: 252px;--tp-font: "Anuphan", sans-serif;--tp-font-num:"Sora","Anuphan", sans-serif}.tp-root,.tp-root *{scrollbar-width:thin;scrollbar-color:var(--sd,#cdc1ad) transparent}.tp-root ::-webkit-scrollbar{width:11px;height:11px}.tp-root ::-webkit-scrollbar-track{background:transparent}.tp-root ::-webkit-scrollbar-thumb{background:var(--sd,#cdc1ad);border-radius:20px;border:3px solid transparent;background-clip:content-box;-webkit-transition:background .2s ease;transition:background .2s ease}.tp-root ::-webkit-scrollbar-thumb:hover{background:var(--deep2,#b06f2f);background-clip:content-box}.tp-root ::-webkit-scrollbar-corner{background:transparent}[x-cloak]{display:none!important}.tp-root{min-height:100vh;background:var(--bg);font-family:var(--tp-font);color:var(--ink);-webkit-font-smoothing:antialiased;transition:background .4s ease,color .4s ease}.tp-num{font-family:var(--tp-font-num)}.tp-muted{color:var(--ink2)}.tp-lava{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.tp-lava>i{position:absolute;border-radius:50%;display:block}.tp-lava .l1{top:-12%;left:-8%;width:48vw;height:48vw;background:radial-gradient(circle,var(--accent1),transparent 66%);filter:blur(72px);opacity:var(--lava-op);animation:tpDrift1 var(--lava-d1) ease-in-out infinite}.tp-lava .l2{bottom:-16%;right:-6%;width:44vw;height:44vw;background:radial-gradient(circle,var(--accent2),transparent 66%);filter:blur(78px);opacity:var(--lava-op);animation:tpDrift2 var(--lava-d2) ease-in-out infinite}.tp-lava .l3{top:34%;left:46%;width:34vw;height:34vw;background:radial-gradient(circle,var(--deep2),transparent 68%);filter:blur(86px);opacity:var(--lava-op2);animation:tpDrift3 var(--lava-d3) ease-in-out infinite}@media (prefers-reduced-motion: reduce){.tp-lava .l1,.tp-lava .l2,.tp-lava .l3{animation:none}}.tp-artbg{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:url(/images/art/pattern-kanok.webp);background-repeat:repeat-x;background-position:top center;background-size:auto 210px;opacity:.08;-webkit-mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 42%,transparent 78%);mask-image:linear-gradient(180deg,#000 0%,rgba(0,0,0,.35) 42%,transparent 78%)}.dark .tp-artbg{opacity:.05;mix-blend-mode:screen}.tp-card{padding:18px;background:var(--card-bg);box-shadow:var(--card-shadow);border:var(--card-border);border-radius:var(--card-radius);-webkit-backdrop-filter:var(--card-blur);backdrop-filter:var(--card-blur);transition:box-shadow .2s ease,transform .2s ease}.tp-card-hover:hover{box-shadow:var(--card-shadow-hover);transform:translateY(-2px)}.tp-raise{box-shadow:var(--raise)}.tp-inset{box-shadow:var(--inset)}.tp-inset-sm{box-shadow:var(--inset-sm)}.tp-btn{font-family:inherit;cursor:pointer;border:0;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:42px;padding:0 16px;border-radius:13px;font-weight:600;font-size:13px;line-height:1;color:var(--ink);background:var(--surf);box-shadow:var(--raise);transition:transform .15s ease,box-shadow .15s ease,filter .15s ease}.tp-btn:hover{filter:brightness(1.02)}.tp-btn:active{box-shadow:var(--inset-sm);transform:translateY(1px)}.tp-btn-primary{color:#fff;background:linear-gradient(135deg,var(--accent1),var(--accent2));text-shadow:0 1px 2px rgba(0,0,0,.14)}.tp-btn-sm{height:34px;padding:0 12px;font-size:12px;border-radius:11px}.tp-icon-btn{flex:none;cursor:pointer;border:0;width:42px;height:42px;border-radius:13px;display:grid;place-items:center;color:var(--ink);background:var(--surf);box-shadow:var(--raise);transition:transform .15s ease,box-shadow .15s ease}.tp-icon-btn:active{box-shadow:var(--inset-sm);transform:translateY(1px)}.tp-tile{flex:none;display:grid;place-items:center;border-radius:12px;color:#fff;background:linear-gradient(135deg,var(--accent1),var(--accent2));box-shadow:var(--raise);text-shadow:0 1px 2px rgba(0,0,0,.18)}.tp-well,.tp-input{background:var(--surf);box-shadow:var(--inset);border:0;border-radius:13px;color:var(--ink);font-family:inherit}.tp-input{padding:11px 16px;font-size:13.5px;width:100%;outline:0}.tp-input::-moz-placeholder{color:var(--ink2)}.tp-input::placeholder{color:var(--ink2)}.tp-pill{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;line-height:1;padding:4px 10px;border-radius:20px}.tp-pill-gold{color:#fff;background:linear-gradient(135deg,var(--accent1),var(--accent2))}.tp-pill-soft{color:var(--deep1);background:color-mix(in srgb,var(--accent1) 16%,transparent)}.tp-spark{display:flex;align-items:flex-end;gap:4px;height:46px}.tp-spark>i{display:block;flex:1;min-width:3px;border-radius:4px 4px 2px 2px;background:linear-gradient(180deg,var(--accent1),var(--deep1));transform-origin:bottom;animation:tpGrow .8s cubic-bezier(.2,.8,.3,1) both}.tp-bars{display:flex;align-items:flex-end;gap:10px;height:200px}.tp-bars .col{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;height:100%;justify-content:flex-end;min-width:0}.tp-bars .stack{width:100%;display:flex;align-items:flex-end;justify-content:center;gap:5px;height:100%}.tp-bars .bar{width:46%;max-width:22px;border-radius:6px 6px 3px 3px;box-shadow:var(--bar-shadow);transform-origin:bottom;animation:tpGrow .9s cubic-bezier(.2,.8,.3,1) both}.tp-bars .bar.a{background:linear-gradient(180deg,var(--accent1),var(--deep1))}.tp-bars .bar.b{background:linear-gradient(180deg,var(--accent2),var(--deep2))}.tp-bars .lbl{font-size:10.5px;color:var(--ink2);font-weight:600;white-space:nowrap}.tp-divider{height:1px;background:color-mix(in srgb,var(--ink2) 22%,transparent);border:0}.tp-section-h{font-weight:700;font-size:15px;color:var(--ink)}.tpdd-item{display:flex;align-items:center;gap:11px;padding:9px 11px;border-radius:11px;font-size:13px;color:var(--ink);text-decoration:none;transition:background .15s ease}.tpdd-item:hover{background:color-mix(in srgb,var(--accent1) 14%,transparent)}.tpdd-ic{width:30px;height:30px;flex:none;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--ink2) 14%,transparent);color:var(--ink2);font-size:13px}.tp-sub-link{display:flex;align-items:center;gap:10px;padding:9px 11px;border-radius:11px;background:var(--card-bg);text-decoration:none;transition:box-shadow .16s ease,color .16s ease;animation:tpSubItem .3s ease both}.tp-sub-link:hover{box-shadow:var(--inset-sm);color:var(--ink)}.tp-mrow{position:relative}.tp-pin-btn{opacity:0;color:var(--ink2);transition:opacity .14s ease,color .14s ease}.tp-mrow:hover .tp-pin-btn{opacity:.5}.tp-pin-btn:hover,.tp-pin-btn.on{opacity:1;color:var(--accent1)}.tp-studio-panel{display:flex;flex-direction:column;gap:18px}.tp-studio-h{font-size:11.5px;font-weight:700;color:var(--ink2);letter-spacing:.3px;margin-bottom:8px}.tp-sw{width:29px;height:29px;flex:none;border:0;border-radius:50%;cursor:pointer;padding:0;box-shadow:var(--raise)}.tp-toggle-btn{width:100%;border:0;cursor:pointer;font-family:inherit;font-weight:600;font-size:12.5px;padding:11px 14px;border-radius:13px;display:flex;align-items:center;justify-content:space-between;color:var(--ink2);background:var(--surf);transition:all .18s ease}.tp-seg{flex:1;cursor:pointer;border:0;background:transparent;color:var(--ink);font-family:inherit;font-size:12px;font-weight:600;padding:8px 6px;border-radius:10px;transition:all .18s ease}.tp-range{width:100%;height:8px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:20px;background:var(--surf);box-shadow:var(--inset-sm);outline:0;accent-color:var(--accent1);cursor:pointer}.tp-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--accent1),var(--accent2));box-shadow:var(--raise);cursor:pointer}.tp-range::-moz-range-thumb{width:20px;height:20px;border:0;border-radius:50%;background:linear-gradient(135deg,var(--accent1),var(--accent2));cursor:pointer}