@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap";:root{--jj-ink:#17362d;--jj-ink-subtle:#4e665d;--jj-muted:#73837c;--jj-canvas:#f7f8f1;--jj-surface:#fff;--jj-surface-muted:#f1f4ed;--jj-border:#dce5de;--jj-border-strong:#c5d2c9;--jj-primary:#17362d;--jj-primary-hover:#0d271f;--jj-accent:#dff460;--jj-danger:#b54738;--jj-success:#35714d;--jj-radius-sm:6px;--jj-radius:8px;--jj-shadow:0 1px 2px #17362d0f, 0 16px 48px #17362d0f;--jj-shadow-soft:0 18px 70px #16302714;--jj-field:#f9fbf5;--jj-amber:#d7a83f;--jj-sky:#6ba7bd;--jj-lilac:#9484d8;--jj-control-height:40px;--jj-workspace-width:1320px;--jj-workspace-gutter:18px;--jj-workspace-heading-size:20px;--ink:var(--jj-ink);--muted:var(--jj-muted);--line:var(--jj-border);--cream:var(--jj-canvas);--green:var(--jj-accent);--coral:#ff725e}*{box-sizing:border-box}html{background:var(--jj-canvas)}body{background:linear-gradient(90deg,#17362d0a 1px,transparent 1px) 0 0 /56px 56px,linear-gradient(0deg,#17362d08 1px,transparent 1px) 0 0 /56px 56px,radial-gradient(ellipse at 20% 0,#dff4602e,transparent 34%),var(--jj-canvas);min-width:320px;color:var(--jj-ink);margin:0;font-family:IBM Plex Sans Thai,sans-serif}button,input,select,textarea{font:inherit;-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #7ea6506b}input,select,textarea{border:1px solid var(--jj-border-strong);background:var(--jj-field);color:var(--jj-ink);border-radius:5px}input:focus,select:focus,textarea:focus{border-color:#789c57}button:disabled{cursor:not-allowed}.jj-page{max-width:1180px;padding:10px;position:relative}.jj-page:before{content:"";pointer-events:none;border:1px solid #17362d17;border-bottom:0;border-radius:5px 5px 0 0;height:80px;position:absolute;inset:0 0 auto}.jj-eyebrow{color:var(--jj-muted);letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font:600 10px DM Mono,monospace}.jj-eyebrow:before{content:"✣ ";color:#89a83a}.jj-page-title{letter-spacing:0;max-width:760px;margin:0;font-size:clamp(32px,4vw,40px);line-height:.98}.jj-page-intro{max-width:680px;color:var(--jj-ink-subtle);font-size:14px;line-height:1.8}.jj-surface{border:1px solid var(--jj-border);box-shadow:var(--jj-shadow);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border-radius:7px}.jj-status{background:var(--jj-surface-muted);color:var(--jj-ink-subtle);border-radius:999px;align-items:center;gap:5px;padding:4px 7px;font:500 10px DM Mono,monospace;display:inline-flex}.jj-status--success{color:var(--jj-success);background:#e4f3df}.jj-status--danger{color:var(--jj-danger);background:#fbedeb}@media (width<=767px){.jj-page{padding:10px}.jj-page:before{display:none}.jj-page-title{font-size:34px}}.workspace-topbar[data-v-3764a3e6]{border-bottom:1px solid var(--jj-border);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#ffffffe0;justify-content:space-between;align-items:center;height:56px;padding:0 34px;display:flex;position:sticky;top:0}.crumb[data-v-3764a3e6]{gap:1px;font-size:12px;font-weight:700;display:grid}.crumb span[data-v-3764a3e6]{color:var(--jj-muted);text-transform:uppercase;font:10px DM Mono,monospace}.topbar-actions[data-v-3764a3e6]{align-items:center;gap:8px;display:flex}.help-button[data-v-3764a3e6],.locale-button[data-v-3764a3e6],.menu-button[data-v-3764a3e6]{border:1px solid var(--jj-border);color:var(--jj-ink);background:#fff;border-radius:3px;min-width:30px;height:30px;font:600 11px DM Mono,monospace}.locale-button[data-v-3764a3e6]{letter-spacing:.03em;padding:0 9px}.menu-button[data-v-3764a3e6]{padding:0 9px;display:none}.profile-button[data-v-3764a3e6]{width:30px;height:30px;color:var(--jj-ink);background:#a9d7bf;border:0;border-radius:50%;place-items:center;font:500 10px DM Mono,monospace;display:grid}@media (width<=1023px){.menu-button[data-v-3764a3e6]{display:block}.workspace-topbar[data-v-3764a3e6]{padding:0 18px}}@media (width<=520px){.workspace-topbar[data-v-3764a3e6]{height:54px}.crumb[data-v-3764a3e6]{font-size:12px}.help-button[data-v-3764a3e6]{display:none}}@media (width>=1024px){.workspace-topbar[data-v-3764a3e6]{display:none}}.jueyjaew-mascot[data-v-ab08fbc1]{flex:none;place-items:center;width:60px;height:48px;display:inline-grid;position:relative;overflow:visible}.jueyjaew-mascot.is-compact[data-v-ab08fbc1]{width:100%;height:100%}.mascot-bubble[data-v-ab08fbc1]{z-index:2;color:#4d3510;text-align:center;white-space:nowrap;background:#fff5c8;border:1px solid #d29b27;border-radius:9px;width:55px;min-height:20px;padding:4px 8px 5px;font-size:11px;font-weight:800;line-height:1;animation:6s ease-in-out infinite bubble-float-ab08fbc1;position:absolute;top:-22px;left:35px;transform:rotate(4deg);box-shadow:0 3px 8px #14382d1f}.bubble-word[data-v-ab08fbc1]{place-items:center;animation:6s ease-in-out infinite bubble-word-cycle-ab08fbc1;display:grid;position:absolute;inset:4px 8px 5px}.bubble-word-negotiate[data-v-ab08fbc1]{animation-delay:-3s}.mascot-emotion[data-v-ab08fbc1]{place-items:center;width:17px;height:17px;font-size:14px;animation:6s ease-in-out infinite emotion-pop-ab08fbc1;top:-16px;left:3px}.mascot-emotion[data-v-ab08fbc1],.mascot-state-cue[data-v-ab08fbc1]{z-index:3;line-height:1;display:grid;position:absolute}.mascot-state-cue[data-v-ab08fbc1]{color:#173b2e;background:#dff460;border:1px solid #ffffffe0;border-radius:999px;place-items:center;min-width:16px;height:16px;padding:0 3px;font:800 8px DM Mono,monospace;top:-6px;left:-5px;box-shadow:0 3px 8px #14382d29}.mascot-bubble[data-v-ab08fbc1]:after{content:"";background:#fff5c8;border-bottom:1px solid #d29b27;border-right:1px solid #d29b27;width:8px;height:8px;position:absolute;bottom:-5px;left:7px;transform:rotate(45deg)}.jueyjaew-mascot svg[data-v-ab08fbc1]{width:100%;height:100%;overflow:visible}.mascot-body[data-v-ab08fbc1]{transform-origin:bottom;animation:3.2s ease-in-out infinite mascot-breathe-ab08fbc1}.right-wing[data-v-ab08fbc1]{transform-origin:225px 150px;animation:2.4s ease-in-out infinite mascot-wave-ab08fbc1}.sprout[data-v-ab08fbc1]{transform-origin:132px 52px;animation:3.2s ease-in-out infinite mascot-sprout-ab08fbc1}.mascot-shadow[data-v-ab08fbc1]{animation:3.2s ease-in-out infinite mascot-shadow-ab08fbc1}.eyes[data-v-ab08fbc1],.mascot-shadow[data-v-ab08fbc1]{transform-origin:50%}.eyes[data-v-ab08fbc1]{animation:5s infinite mascot-blink-ab08fbc1}.is-thinking .mascot-body[data-v-ab08fbc1]{animation:1.05s ease-in-out infinite mascot-thinking-ab08fbc1}.is-working .right-wing[data-v-ab08fbc1]{animation-duration:.7s}.is-success .mascot-state-cue[data-v-ab08fbc1]{background:#dff460;animation:.9s ease-out infinite mascot-success-ab08fbc1}.is-error .eyes[data-v-ab08fbc1]{animation:1.2s ease-in-out infinite mascot-error-ab08fbc1}.is-waiting .mascot-body[data-v-ab08fbc1]{animation:2.8s ease-in-out infinite mascot-waiting-ab08fbc1}.is-waiting .right-wing[data-v-ab08fbc1]{animation:none;transform:rotate(8deg)}.is-waiting .eyes[data-v-ab08fbc1]{animation:none;transform:scaleY(.08)}@keyframes mascot-breathe-ab08fbc1{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-3px)scale(1.012)}}@keyframes mascot-wave-ab08fbc1{0%,to{transform:rotate(0)}25%{transform:rotate(-7deg)}50%{transform:rotate(5deg)}75%{transform:rotate(-4deg)}}@keyframes mascot-sprout-ab08fbc1{0%,to{transform:rotate(0)}50%{transform:rotate(5deg)}}@keyframes mascot-shadow-ab08fbc1{0%,to{opacity:.1;transform:scaleX(1)}50%{opacity:.07;transform:scaleX(.94)}}@keyframes mascot-blink-ab08fbc1{0%,46%,50%,to{transform:scaleY(1)}48%{transform:scaleY(.08)}}@keyframes bubble-word-cycle-ab08fbc1{0%,34%{opacity:1;transform:translateY(0)}46%,to{opacity:0;transform:translateY(3px)}}@keyframes bubble-float-ab08fbc1{0%,to{transform:translateY(0)rotate(4deg)}50%{transform:translateY(-3px)rotate(2deg)}}@keyframes emotion-pop-ab08fbc1{0%,to{opacity:.65;transform:translateY(1px)scale(.85)rotate(-8deg)}25%{opacity:1;transform:translateY(-4px)scale(1.08)rotate(8deg)}50%{opacity:.8;transform:translateY(-1px)scale(.94)rotate(-3deg)}}@keyframes mascot-thinking-ab08fbc1{0%,to{transform:translate(-2px)rotate(-1deg)}50%{transform:translate(2px)rotate(1deg)}}@keyframes mascot-success-ab08fbc1{50%{transform:scale(1.14)rotate(10deg)}}@keyframes mascot-error-ab08fbc1{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}@keyframes mascot-waiting-ab08fbc1{0%,to{transform:translateY(2px)scale(.98)}50%{transform:translateY(5px)scale(1.01)}}@media (prefers-reduced-motion:reduce){.jueyjaew-mascot[data-v-ab08fbc1] *{animation:none!important}.bubble-word-negotiate[data-v-ab08fbc1]{display:none}}.workspace-shell{min-height:100vh;padding:18px 18px 108px;position:relative;overflow-x:hidden}.workspace-shell:before{content:"";pointer-events:none;background:radial-gradient(at 50% 10%,#ffffffd6,#0000 62%),radial-gradient(circle at 22% 38%,#dff46042,#0000 18%),radial-gradient(circle at 72% 36%,#6ba7bd2e,#0000 20%);height:72vh;position:fixed;inset:-20% -10% auto}.workspace-shell:after{content:"";pointer-events:none;background:linear-gradient(90deg,#17362d0a 1px,#0000 0) 0 0/72px 72px,linear-gradient(0deg,#17362d08 1px,#0000 0) 0 0/72px 72px;position:fixed;inset:0;-webkit-mask-image:radial-gradient(at 50% 35%,#000,#0000 72%);mask-image:radial-gradient(at 50% 35%,#000,#0000 72%)}.workspace-orbital-bar{z-index:20;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffff8f;border:1px solid #ffffffb8;border-radius:14px;grid-template-columns:minmax(210px,280px) minmax(320px,560px) auto;align-items:center;gap:18px;max-width:1320px;margin:0 auto 18px;padding:12px;display:grid;position:relative;box-shadow:0 24px 80px #1930271a}.workspace-brand{color:#14382e;align-items:center;gap:10px;text-decoration:none;display:flex}.brand-sigil{color:#dff460;background:#14382e;border-radius:7px;place-items:center;width:38px;height:38px;font-size:17px;display:grid;box-shadow:0 0 0 8px #dff46024}.workspace-brand small,.workspace-brand strong{display:block}.workspace-brand small{color:#5f7168;margin-top:2px;font-size:10px;line-height:1.25}.workspace-command{background:#ffffffe0;border:1px solid #14382d1f;border-radius:999px;grid-template-columns:22px 1fr auto;align-items:center;gap:8px;height:48px;padding:0 6px 0 16px;display:grid;box-shadow:inset 0 0 0 1px #fff9}.workspace-command input{background:0 0;border:0;outline:0;width:100%;font-size:12px}.workspace-command button{color:#dff460;background:#12382d;border:0;border-radius:999px;height:36px;padding:0 18px;font-size:12px;font-weight:800}.workspace-meta{justify-content:flex-end;align-items:center;gap:8px;display:flex}.meta-chip{color:#28433a;background:#ffffffad;border:1px solid #dfe9df;border-radius:999px;align-items:center;height:34px;padding:0 12px;font-size:11px;font-weight:800;text-decoration:none;display:inline-flex}.meta-chip.active{color:#fff;background:#14382e}.meta-avatar{color:#14382e;background:#a9d7bf;border-radius:50%;place-items:center;width:36px;height:36px;font:700 10px DM Mono,monospace;display:grid}.team-dock{z-index:25;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);background:#ffffffb8;border:1px solid #ffffffc7;border-radius:13px;gap:8px;padding:8px;display:grid;position:fixed;top:50%;right:22px;transform:translateY(-50%);box-shadow:0 22px 70px #142d2524}.dock-item{color:#33483f;border-radius:10px;grid-template-columns:34px 0fr;align-items:center;gap:0;min-width:42px;padding:4px;text-decoration:none;transition:grid-template-columns .2s,min-width .2s,background .2s;display:grid}.dock-icon{background:#f4f7f0;border:1px solid #e2eadf;border-radius:8px;place-items:center;width:34px;height:34px;font-size:14px;display:grid}.dock-copy{white-space:nowrap;opacity:0;transition:opacity .15s;overflow:hidden}.dock-copy small,.dock-copy strong{display:block}.dock-copy strong{font-size:11px}.dock-copy small{color:#72837a;font-size:9px}.dock-item.active,.dock-item:hover{background:#f2f8e8;grid-template-columns:34px minmax(72px,1fr);gap:8px;min-width:128px}.dock-item.active .dock-icon{color:#dff460;background:#14382e;border-color:#14382e}.dock-item.active .dock-copy,.dock-item:hover .dock-copy{opacity:1}.workspace-stage{z-index:1;max-width:1480px;margin:0 auto;position:relative}.nav-backdrop{z-index:22;background:#0c201a5c;border:0;position:fixed;inset:0}@media (width>=1024px){.workspace-topbar{display:none!important}}@media (width<=900px){.workspace-shell{padding:0 0 88px}.workspace-orbital-bar{display:none}.workspace-stage{max-width:none}.team-dock{justify-content:space-between;display:flex;inset:auto 8px 10px;overflow:auto;transform:none}.dock-item,.dock-item.active,.dock-item:hover{grid-template-columns:34px;min-width:42px}.dock-copy{display:none}}.flight-dimmer{z-index:100;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#0a1c177a;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.loading-panel{background:#fffffff5;border:1px solid #ffffffb8;border-radius:10px;grid-template-columns:96px minmax(0,1fr);align-items:center;gap:18px;width:min(360px,100vw - 40px);padding:22px;display:grid;box-shadow:0 24px 80px #08151247}.loading-panel__mascot{width:96px;height:78px}.loading-panel__mascot *{animation:none!important}.loading-panel__content{justify-items:start;gap:4px;min-width:0;display:grid}.loading-panel__bubble{color:#4d3510;text-align:left;overflow-wrap:anywhere;background:#fff5c8;border:1px solid #d7a83f;border-radius:8px;min-width:108px;max-width:100%;margin-bottom:7px;padding:7px 10px;font:800 12px DM Mono,monospace;display:block;position:relative}.loading-panel__bubble:before{content:"";background:#fff5c8;border-bottom:1px solid #d7a83f;border-left:1px solid #d7a83f;width:8px;height:8px;position:absolute;bottom:8px;left:-5px;transform:rotate(45deg)}.loading-panel__content strong{color:#14382e;font-size:14px}.loading-panel__content small{color:#6c7c73;font-size:10px}.flight-dimmer-enter-active,.flight-dimmer-leave-active{transition:opacity .16s}.flight-dimmer-enter-from,.flight-dimmer-leave-to{opacity:0}@media (width<=420px){.loading-panel{grid-template-columns:76px minmax(0,1fr);gap:13px;padding:18px}.loading-panel__mascot{width:76px;height:62px}}.workspace-orbital-bar,.workspace-stage{max-width:var(--jj-workspace-width)}.workspace-shell{padding-bottom:18px}.workspace-shell.team-room{padding-bottom:0}.workspace-shell:has(.access-page){place-items:center;min-height:100vh;padding:24px;display:grid}.workspace-shell:has(.access-page) .workspace-stage{z-index:1;max-width:520px;position:relative}.workspace-brand strong{font-size:15px}.workspace-command button{font-size:11px}.workspace-stage{width:100%}.team-dock .dock-copy strong,.team-dock .dock-item{color:var(--jj-ink)}.team-dock .dock-copy small{color:var(--jj-ink-subtle)}.team-dock .dock-item.active{color:var(--jj-ink)}.team-dock .dock-item{grid-template-columns:34px minmax(72px,1fr);gap:8px;min-width:128px}.team-dock{border-radius:12px;align-items:stretch;gap:4px;padding:6px;display:flex;inset:auto auto 18px 50%;transform:translate(-50%)}.team-dock .dock-item{text-align:center;grid-template-columns:1fr;justify-items:center;gap:4px;min-width:86px;padding:5px 6px}.team-dock .dock-copy{white-space:normal;opacity:1;display:block;overflow:visible}.team-dock .dock-copy strong{font-size:10px;line-height:1.2}.team-dock .dock-copy small{display:none}.dock-toggle{color:#72837a;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;flex:0 0 26px;align-self:center;place-items:center;width:26px;min-height:26px;margin:0 2px;transition:background .16s,border-color .16s,color .16s;display:grid}.dock-toggle span{width:10px;height:10px;display:block;position:relative}.dock-toggle.is-expanded span:after,.dock-toggle.is-expanded span:before{content:"";border-top:1.5px solid;width:10px;position:absolute;top:4px;left:0}.dock-toggle.is-expanded span:before{transform:rotate(45deg)}.dock-toggle.is-expanded span:after{transform:rotate(-45deg)}.dock-toggle:not(.is-expanded) span{background:linear-gradient(currentColor,currentColor) 0 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 100% 0/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 0 100%/3px 3px no-repeat,linear-gradient(currentColor,currentColor) 100% 100%/3px 3px no-repeat}.dock-toggle:focus-visible,.dock-toggle:hover{color:#14382e;background:#f4f7f0;border-color:#14382d29;outline:none}.team-dock.is-collapsed{gap:0;bottom:18px;left:18px;right:auto;transform:none}.team-dock.is-collapsed .dock-item{display:none}.team-dock.is-collapsed{background:#ffffffd1;border-color:#14382d1f;padding:4px}.team-dock.is-collapsed .dock-toggle{color:#dff460;background:#14382e;border-color:#14382e;flex-basis:30px;width:30px;min-height:30px;margin:0;box-shadow:0 5px 12px #14382d33}.team-dock.is-collapsed .dock-toggle:focus-visible,.team-dock.is-collapsed .dock-toggle:hover{color:#f4ffac;background:#285447;border-color:#14382e}@media (width<=767px){.workspace-shell{padding-bottom:0}.team-dock:not(.is-collapsed){justify-content:space-between;bottom:10px;left:8px;right:8px;overflow:auto;transform:none}.team-dock:not(.is-collapsed) .dock-item{grid-template-columns:34px;min-width:42px}.team-dock:not(.is-collapsed) .dock-copy{display:none}.team-dock.is-collapsed{bottom:10px;left:8px}}