@import url("https://fonts.googleapis.com/css2?family=Fraunces:ital,opsz,wght@0,9..144,300;0,9..144,400;0,9..144,700;1,9..144,400;1,9..144,700&family=Quicksand:wght@400;500;600;700&family=Caveat:wght@400;600&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap");:root{--bg:#fffef9;--bg2:#f6f6ec;--bg3:#eff3e4;--surface:#fff;--surface2:#f4f4ec;--moss:#4e7030;--moss-mid:#3a5a20;--moss-deep:#2a4216;--moss-light:rgba(78,112,48,.12);--moss-subtle:rgba(78,112,48,.06);--stone:#7a8b6e;--stone-light:hsla(95,12%,49%,.15);--sakura:#c8856a;--sakura-light:hsla(17,46%,60%,.12);--text:#5c4a3a;--text-mid:#7a6a5a;--text-muted:#a09080;--border:rgba(78,112,48,.18);--border-stone:hsla(95,12%,49%,.2);--success:#4e7030;--warning:#c8856a;--error:#c0392b;--accent:var(--moss);--accent-light:var(--moss-light)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);background-image:radial-gradient(ellipse 80% 40% at 20% 10%,rgba(78,112,48,.06) 0,transparent 60%),radial-gradient(ellipse 60% 50% at 80% 90%,hsla(95,12%,49%,.07) 0,transparent 60%);color:var(--text);font-family:Noto Sans Thai,Quicksand,-apple-system,BlinkMacSystemFont,sans-serif;min-height:100vh;line-height:1.6}a{color:inherit;text-decoration:none}.font-serif{font-family:Fraunces,Georgia,serif}.font-hand{font-family:Caveat,cursive}.font-label{font-family:Quicksand,sans-serif;letter-spacing:.08em}.ghost-word{font-family:Fraunces,Georgia,serif;font-style:italic;font-weight:700;color:var(--moss-deep);opacity:.045;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;line-height:1}.glass{border:1.5px solid var(--border);border-radius:20px;box-shadow:0 2px 16px rgba(78,112,48,.06),0 1px 3px rgba(92,74,58,.05)}.glass,.glass-stone{background:var(--surface)}.glass-stone{border:1.5px solid var(--border-stone);border-radius:20px;box-shadow:0 2px 12px hsla(95,12%,49%,.08)}.btn{display:inline-flex;align-items:center;gap:6px;padding:9px 18px;border-radius:100px;font-size:.875rem;font-weight:600;font-family:Quicksand,sans-serif;letter-spacing:.03em;cursor:pointer;transition:all .25s ease;border:none;outline:none}.btn-primary{background:var(--moss);color:#fff;box-shadow:0 2px 8px rgba(78,112,48,.28)}.btn-primary:hover:not(:disabled){background:var(--moss-mid);box-shadow:0 4px 16px rgba(78,112,48,.36);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text-mid);border:1.5px solid var(--border)}.btn-ghost:hover:not(:disabled){background:var(--moss-subtle);color:var(--moss);border-color:var(--moss)}.btn-danger{background:transparent;color:var(--error);border:1.5px solid rgba(192,57,43,.25);border-radius:10px}.btn-danger:hover:not(:disabled){background:rgba(192,57,43,.07)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none!important}.status-dot{width:8px;height:8px;border-radius:50%;display:inline-block;flex-shrink:0}.status-empty{background:#c4c4b0}.status-queued{background:var(--warning)}.status-generating{background:var(--moss);animation:pulse 1.4s infinite}.status-done{background:var(--success)}.status-failed{background:var(--error)}.quota-bar{height:5px;border-radius:3px;background:var(--surface2);overflow:hidden}.quota-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}textarea{background:var(--bg2);border:1.5px solid var(--border);border-radius:12px;color:var(--text);padding:10px 14px;resize:vertical;font-size:.875rem;font-family:Noto Sans Thai,inherit;width:100%;line-height:1.6;transition:border-color .2s}textarea:focus{outline:none;border-color:var(--moss);box-shadow:0 0 0 3px var(--moss-light)}select{background:var(--bg2);border:1.5px solid var(--border);border-radius:12px;color:var(--text);font-size:.875rem;font-family:Noto Sans Thai,inherit;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%234E7030' stroke-width='1.5' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding:8px 32px 8px 12px;transition:border-color .2s}select:focus{outline:none;border-color:var(--moss);box-shadow:0 0 0 3px var(--moss-light)}input[type=text]{background:var(--bg2);border:1.5px solid var(--border);border-radius:12px;color:var(--text);padding:10px 14px;font-size:.875rem;font-family:Noto Sans Thai,inherit;width:100%;transition:border-color .2s}input[type=text]:focus{outline:none;border-color:var(--moss);box-shadow:0 0 0 3px var(--moss-light)}input[type=text]::placeholder{color:var(--text-muted)}.modal-overlay{position:fixed;inset:0;background:rgba(42,66,22,.35);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--surface);border:1.5px solid var(--border);border-radius:24px;padding:2rem;max-width:480px;width:100%;box-shadow:0 24px 64px rgba(42,66,22,.18)}.badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:100px;font-family:Quicksand,sans-serif;font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em}.badge-active{background:var(--moss-light);color:var(--moss)}.badge-pending{background:var(--sakura-light);color:var(--sakura)}.badge-sub{background:rgba(78,112,48,.1);color:var(--moss-mid)}.badge-master{background:var(--stone-light);color:var(--stone)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes momibob{0%,to{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}@keyframes leafsway{0%,to{transform:rotate(-6deg) translateX(0)}33%{transform:rotate(4deg) translateX(2px)}66%{transform:rotate(-3deg) translateX(-1px)}}@keyframes blobdrift{0%,to{transform:translate(0) scale(1)}33%{transform:translate(20px,-15px) scale(1.04)}66%{transform:translate(-12px,10px) scale(.97)}}@keyframes floaty{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes momireveal{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes sproutpop{0%,to{transform:scaleY(1) rotate(0deg)}50%{transform:scaleY(1.06) rotate(2deg)}}.anim-bob{animation:momibob 7s ease-in-out infinite}.anim-leaf{animation:leafsway 9s ease-in-out infinite}.anim-floaty{animation:floaty 6s ease-in-out infinite}.anim-reveal{animation:momireveal .95s ease both}.reveal-hidden{opacity:0;transform:translateY(18px);transition:opacity .95s ease,transform .95s ease}.reveal-visible{opacity:1;transform:translateY(0)}.blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(40px);animation:blobdrift var(--drift,28s) ease-in-out infinite}.nav-pill{display:flex;align-items:center;padding:6px 14px;border-radius:100px;font-family:Quicksand,sans-serif;font-size:.8rem;font-weight:600;color:var(--text-mid);transition:background .2s,color .2s}.nav-pill:hover{background:rgba(78,112,48,.1);color:var(--moss)}.mossi-divider{width:48px;height:2px;background:linear-gradient(90deg,var(--moss),transparent);border-radius:2px;margin:.75rem 0}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.animate-spin{animation:spin 1s linear infinite}