:root{--bg:#14100a;--card:#1f1910;--card2:#282013;--honey:#f5b301;--honey2:#ffd75e;--text:#f4ead2;--dim:#a3936f;--ok:#7fd07f;--bad:#e07f7f;--radius:14px;--line:#3a3020;--line2:#302818;--item-line:#2a2214;--field:#0f0c06;--on-honey:#201800;--nav:#191309;--approval-bg:#241a08;--honey-deep:#c78e00;--danger-bg:#5a1f1f;--danger-text:#ffb3b3;--danger-line:#7a2f2f;--agent-bg:#161d16;--agent-line:#2a3a2a;--agent-text:#cfe3cf;--pattern:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23f5b301' fill-opacity='0.04' fill-rule='evenodd'/%3E%3C/svg%3E") }html[data-theme=meadow]{--bg:#faf5e6;--card:#fffdf6;--card2:#f4ecd7;--honey:#e8a400;--honey2:#9a6a00;--text:#33291a;--dim:#8a7a5c;--ok:#3e8e41;--bad:#c0504d;--line:#e2d6b8;--line2:#e8ddc2;--item-line:#eee3c8;--field:#fffef9;--on-honey:#241b00;--nav:#fbf4e0;--approval-bg:#fff3d6;--honey-deep:#c78e00;--danger-bg:#fbe4e4;--danger-text:#8a2a2a;--danger-line:#e4b8b8;--agent-bg:#eaf3ea;--agent-line:#cfe3cf;--agent-text:#2f5230;--pattern:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%23d9a400' fill-opacity='0.09' fill-rule='evenodd'/%3E%3Ccircle cx='7' cy='13' r='1.7' fill='%23e08aa8' fill-opacity='0.4'/%3E%3Ccircle cx='21' cy='37' r='1.7' fill='%237fae5a' fill-opacity='0.35'/%3E%3C/svg%3E") }html[data-theme=midnight]{--bg:#0c0f1e;--card:#141830;--card2:#1b2140;--honey:#ffcf4d;--honey2:#ffe28a;--text:#e8ecff;--dim:#8d94b8;--ok:#7fd0a0;--bad:#ff8fa0;--line:#2a3155;--line2:#232a4a;--item-line:#1f2543;--field:#0a0d18;--on-honey:#221a00;--nav:#10142a;--approval-bg:#1a1d38;--honey-deep:#c78e00;--danger-bg:#4a1a2a;--danger-text:#ffb3c0;--danger-line:#6a2a3a;--agent-bg:#14202c;--agent-line:#24405c;--agent-text:#bcd8ee;--pattern:url("data:image/svg+xml,%3Csvg width='28' height='49' viewBox='0 0 28 49' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.99 9.25l13 7.5v15l-13 7.5L1 31.75v-15l12.99-7.5zM3 17.9v12.7l10.99 6.34 11-6.35V17.9l-11-6.34L3 17.9zM0 15l12.98-7.5V0h-2v6.35L0 12.69v2.3zm0 18.5L12.98 41v8h-2v-6.85L0 35.81v-2.3zM15 0v7.5L27.99 15H28v-2.31h-.01L17 6.35V0h-2zm0 49v-8l12.99-7.5H28v2.31h-.01L17 42.15V49h-2z' fill='%237fd0ff' fill-opacity='0.05' fill-rule='evenodd'/%3E%3C/svg%3E") }html[data-theme=harvest]{--bg:#1c1206;--card:#271a0a;--card2:#31220d;--honey:#ff9d2e;--honey2:#ffc37a;--dim:#b09368;--line:#4a3820;--line2:#3e2f1a;--item-line:#362a16;--field:#140d04;--nav:#211505;--approval-bg:#2b1c08 }html[data-theme=wintercluster]{--bg:#0d1219;--card:#141c26;--card2:#1a2533;--honey:#ffd75e;--honey2:#ffe9a8;--text:#e8f0f8;--dim:#8fa3b8;--line:#2a3a4d;--line2:#243346;--item-line:#202e40;--field:#0a0f16;--nav:#101823;--approval-bg:#16202e;--agent-bg:#12222a;--agent-line:#224452;--agent-text:#bce0ee }*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;background-color:var(--bg);color:var(--text);min-height:100vh;background-image:var(--pattern)}#app{max-width:900px;margin:0 auto;padding:0 12px 90px}header{display:flex;align-items:center;gap:10px;padding:14px 4px;position:sticky;top:0;background:linear-gradient(var(--bg) 80%,transparent);z-index:5}header h1{font-size:20px;margin:0;flex:1}.pill{background:var(--card2);border:1px solid var(--line);border-radius:20px;padding:6px 12px;font-size:13px;color:var(--dim);cursor:pointer}.pill.active{background:var(--honey);color:var(--on-honey);font-weight:600;border-color:var(--honey)}.card{background:var(--card);border:1px solid var(--line2);border-radius:var(--radius);padding:14px;margin:10px 0}input,select,textarea{width:100%;background:var(--field);color:var(--text);border:1px solid var(--line);border-radius:10px;padding:11px;font-size:15px;margin:5px 0}button{background:var(--honey);color:var(--on-honey);border:0;border-radius:10px;padding:11px 16px;font-size:15px;font-weight:600;cursor:pointer;margin:4px 2px}button.ghost{background:var(--card2);color:var(--text);border:1px solid var(--line)}button.small{padding:6px 10px;font-size:13px}button.danger{background:var(--danger-bg);color:var(--danger-text);border:1px solid var(--danger-line)}.tabs{display:flex;gap:6px;overflow-x:auto;padding:6px 0;position:sticky;bottom:0;background:var(--bg)}nav{position:fixed;bottom:0;left:0;right:0;background:var(--nav);border-top:1px solid var(--line2);display:flex;justify-content:space-around;padding:8px 4px calc(8px + env(safe-area-inset-bottom));z-index:10}nav button{background:none;color:var(--dim);font-size:12px;display:flex;flex-direction:column;align-items:center;gap:2px;margin:0;padding:4px 8px}nav button.on{color:var(--honey)}nav button span{font-size:20px}.msg{margin:8px 0;display:flex;flex-direction:column}.msg .who{font-size:12px;color:var(--dim);margin-bottom:2px}.msg .bubble{padding:10px 13px;border-radius:14px;max-width:85%;white-space:pre-wrap;line-height:1.4;overflow-wrap:anywhere}.msg.user{align-items:flex-end}.msg.user .bubble{background:var(--honey);color:var(--on-honey);border-bottom-right-radius:4px}.msg.queen .bubble{background:var(--card2);border:1px solid var(--line);border-bottom-left-radius:4px}.msg.agent .bubble{background:var(--agent-bg);border:1px solid var(--agent-line);font-size:13.5px;color:var(--agent-text)}.approval{background:var(--approval-bg);border:1px solid var(--honey);border-radius:var(--radius);padding:12px;margin:8px 0}.approval b{color:var(--honey2)}.row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.grow{flex:1}.muted{color:var(--dim);font-size:13px}.err{color:var(--bad);font-size:13px}.okc{color:var(--ok)}.item{border-bottom:1px solid var(--item-line);padding:9px 2px;font-size:14.5px}.item:last-child{border:0}.tag{display:inline-block;background:var(--card2);border-radius:8px;padding:2px 8px;font-size:12px;color:var(--dim);margin-left:6px}.toast{position:fixed;top:12px;left:50%;transform:translate(-50%);background:var(--honey);color:var(--on-honey);padding:10px 18px;border-radius:12px;font-weight:600;z-index:99;box-shadow:0 4px 20px #00000080;max-width:90vw}#chatlog{min-height:40vh}.composer{position:sticky;bottom:64px;display:flex;gap:8px;background:var(--bg);padding:8px 0}.composer input{margin:0}h3{margin:4px 0 8px;color:var(--honey2);font-size:16px}.bar{height:8px;background:var(--card2);border-radius:6px;overflow:hidden;margin-top:3px}.bar i{display:block;height:100%;background:var(--honey)}a{color:var(--honey2)}.hidden{display:none}.center{text-align:center}.authbee{animation:beefloat 3.4s ease-in-out infinite}@keyframes beefloat{0%,to{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-8px) rotate(5deg)}}@media(prefers-reduced-motion:reduce){.authbee{animation:none}}.modal-bg{position:fixed;inset:0;background:#000000b3;z-index:50;display:flex;align-items:center;justify-content:center;padding:16px}.modal{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;max-width:440px;width:100%;max-height:90vh;overflow-y:auto}.qrbox{background:#fff;padding:12px;border-radius:12px;display:inline-block;margin:8px 0}.mono{font-family:ui-monospace,Consolas,monospace;font-size:13px;letter-spacing:1px;background:var(--field);border:1px solid var(--line);border-radius:8px;padding:8px;word-break:break-all;user-select:all}.reccodes{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:8px 0}.reccodes div{font-family:ui-monospace,Consolas,monospace;background:var(--field);border:1px solid var(--line);border-radius:8px;padding:6px 10px;font-size:14px}.gbtn{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;background:#fff;color:#1f1f1f;border-radius:10px;padding:11px;font-size:15px;font-weight:600;border:0;cursor:pointer}.divider{display:flex;align-items:center;gap:10px;color:var(--dim);font-size:12px;margin:14px 0}.divider:before,.divider:after{content:"";flex:1;height:1px;background:var(--line)}.legal{font-size:12px;color:var(--dim);text-align:center;margin-top:10px}footer{margin-top:24px;text-align:center;font-size:12px;color:var(--dim);padding-bottom:12px}@media(min-width:700px){nav{max-width:900px;margin:0 auto;border-radius:16px 16px 0 0}}.swatch{display:inline-flex;align-items:center;gap:8px;border:2px solid var(--line);border-radius:12px;padding:8px 12px;cursor:pointer;background:var(--card2);color:var(--text);font-size:14px}.swatch.on{border-color:var(--honey)}.swatch .dots{display:inline-flex;gap:3px}.swatch .dots i{width:14px;height:14px;border-radius:50%;display:inline-block}.fx{position:fixed;inset:0;pointer-events:none;z-index:1;overflow:hidden}.fx span{position:absolute;left:0;top:var(--top,20%);font-size:var(--fs,15px);opacity:var(--op,.5);filter:drop-shadow(0 2px 2px rgba(0,0,0,.3))}.fx .drift{animation:fxX var(--dx,52s) linear infinite;animation-delay:var(--del,0s)}.fx .drift i{display:inline-block;font-style:normal;transform:scaleX(-1);animation:fxY var(--dy,8s) ease-in-out infinite alternate}.fx .fall{top:-8vh;left:var(--left,30%);animation:fxFall var(--dx,26s) linear infinite;animation-delay:var(--del,0s)}.fx .fall i{display:inline-block;font-style:normal;animation:fxSway var(--dy,5s) ease-in-out infinite alternate}.fx .glow{animation:fxX var(--dx,60s) linear infinite,fxPulse 3.2s ease-in-out infinite;animation-delay:var(--del,0s)}@keyframes fxX{0%{transform:translate(-5vw)}to{transform:translate(105vw)}}@keyframes fxY{0%{transform:translateY(0) rotate(7deg)}to{transform:translateY(44px) rotate(-7deg)}}@keyframes fxFall{0%{transform:translateY(0)}to{transform:translateY(116vh)}}@keyframes fxSway{0%{transform:translate(-14px) rotate(-12deg)}to{transform:translate(14px) rotate(12deg)}}@keyframes fxPulse{0%,to{opacity:.12}50%{opacity:.7}}html[data-effects=off] .fx{display:none}#view{perspective:1200px}html:not([data-effects=off]) #view .card{transition:transform .25s ease}html:not([data-effects=off]) #view .card:hover{transform:rotateX(1.2deg) translateY(-2px)}@media(prefers-reduced-motion:reduce){.fx{display:none}#view .card{transition:none;transform:none!important}}@media(max-width:640px){.fx span:nth-child(n+4){display:none}}