:root{--bg0: #0c0f0e;--bg1: #141a17;--bg2: #1c2420;--line: #2a3530;--text: #e8f0ea;--muted: #8fa396;--accent: #c8f542;--accent-dim: #8fb82e;--hot: #ff4d3a;--ok: #3dd68c;--warn: #f0b429;--font-display: "Bebas Neue", sans-serif;--font-body: "IBM Plex Sans", sans-serif;--font-mono: "IBM Plex Mono", monospace}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{font-family:var(--font-body);background:radial-gradient(1200px 600px at 10% -10%,#1a2a18 0%,transparent 55%),radial-gradient(900px 500px at 100% 0%,#2a1512 0%,transparent 50%),linear-gradient(180deg,var(--bg0),#0a0d0c 100%);color:var(--text);min-height:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;border:1px solid var(--line);background:var(--bg2);padding:.55rem 1rem;border-radius:2px;transition:border-color .15s,background .15s,transform .12s}button:hover{border-color:var(--accent-dim)}button:active{transform:translateY(1px)}button.primary{background:var(--accent);color:#10140f;border-color:var(--accent);font-weight:600}button.danger{border-color:var(--hot);color:var(--hot)}button:disabled{opacity:.45;cursor:not-allowed}input,select,textarea{background:var(--bg0);border:1px solid var(--line);border-radius:2px;padding:.55rem .75rem;width:100%}input:focus,select:focus,textarea:focus{outline:1px solid var(--accent-dim);border-color:var(--accent-dim)}.app-shell{display:grid;grid-template-rows:auto 1fr;min-height:100%}.topbar{display:flex;align-items:center;gap:1.5rem;padding:.85rem 1.5rem;border-bottom:1px solid var(--line);background:#0c0f0ed9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:20}.brand{font-family:var(--font-display);font-size:1.75rem;letter-spacing:.06em;line-height:1;color:var(--accent)}.brand span{color:var(--text)}.nav{display:flex;gap:.35rem;flex:1}.auth-controls button{font-size:.85rem;padding:.4rem .75rem}.auth-controls{flex-shrink:0}.nav a{padding:.4rem .8rem;color:var(--muted);border-radius:2px;font-size:.92rem}.nav a.active,.nav a:hover{color:var(--text);background:var(--bg2)}.main{padding:1.5rem;max-width:1280px;margin:0 auto;width:100%}.hero-panel{display:grid;gap:1rem;margin-bottom:1.5rem;animation:rise .5s ease-out}@keyframes rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}h1{font-family:var(--font-display);font-size:clamp(2.4rem,5vw,3.6rem);letter-spacing:.04em;margin:0;line-height:.95}.lede{color:var(--muted);max-width:42rem;margin:0;line-height:1.5}.row{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center}.grid-2{display:grid;grid-template-columns:1.2fr 1fr;gap:1rem}@media(max-width:900px){.grid-2{grid-template-columns:1fr}}.panel{background:linear-gradient(160deg,#1c2420e6,#0e1210f2);border:1px solid var(--line);border-radius:4px;padding:1rem}.panel h2{font-family:var(--font-display);letter-spacing:.05em;font-size:1.4rem;margin:0 0 .75rem;font-weight:400}.badge{display:inline-flex;align-items:center;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;padding:.2rem .5rem;border:1px solid var(--line);border-radius:2px;color:var(--muted)}.badge.live{color:var(--hot);border-color:var(--hot)}.badge.ok{color:var(--ok);border-color:var(--ok)}.badge.dot:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;animation:pulse 1.4s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}.event-feed{max-height:480px;overflow:auto;display:flex;flex-direction:column;gap:.4rem;font-family:var(--font-mono);font-size:.82rem}.event-item{display:grid;grid-template-columns:72px 1fr;gap:.5rem;padding:.45rem .55rem;border-left:2px solid var(--line);background:#0003;animation:slideIn .25s ease-out}@keyframes slideIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.event-item.gift{border-color:var(--accent)}.event-item.comment{border-color:#5bb8ff}.event-item.follow{border-color:var(--ok)}.event-type{color:var(--muted);text-transform:uppercase;font-size:.7rem}.block-canvas{position:relative;min-height:520px;background:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 24px 24px,linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px) 0 0 / 24px 24px,#1e1e1e;border:1px solid var(--line);border-radius:4px;overflow:visible}.bx-block{position:absolute;cursor:grab;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 3px 0 rgba(0,0,0,.25));z-index:1;overflow:hidden}.bx-block:active{cursor:grabbing}.bx-block.selected{z-index:3;filter:drop-shadow(0 0 0 #fff) drop-shadow(0 3px 0 rgba(0,0,0,.3))}.bx-block.snap-target{z-index:4;filter:drop-shadow(0 0 0 #ffe566) drop-shadow(0 3px 0 rgba(0,0,0,.3))}.bx-template{flex:1 1 auto;width:100%;min-width:0;display:flex;flex-direction:column;gap:3px}.bx-var-chips{display:flex;flex-wrap:wrap;gap:3px;pointer-events:auto}.bx-var-chip{padding:0 5px;height:18px;border:none;border-radius:3px;background:#00000038;color:inherit;font-size:.65rem;font-family:var(--font-mono);line-height:18px;opacity:.95;white-space:nowrap}.bx-var-chip:hover{background:#ffffff59;color:#111}.bx-gift{position:relative;flex:1 1 auto;min-width:0}.bx-gift.disabled .bx-gift-btn{opacity:.55;cursor:not-allowed;background:#ffffffb3}.bx-gift.disabled .bx-gift-name{font-style:italic;font-weight:500}.bx-gift-btn{display:flex;align-items:center;gap:4px;width:100%;height:24px;padding:0 6px;border:none;border-radius:3px;background:#fffffff2;color:#111;font-size:.75rem;font-weight:600;text-align:left;box-shadow:inset 0 1px #0000001f}.bx-gift-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bx-gift-coins{flex:0 0 auto;font-size:.68rem;font-weight:700;color:#b45309;background:#fef3c7;padding:0 4px;border-radius:2px}.bx-gift-caret{flex:0 0 auto;opacity:.55;font-size:.65rem}.bx-gift-menu{position:absolute;left:0;right:0;top:calc(100% + 4px);z-index:20;max-height:220px;overflow:auto;background:#fff;color:#111;border-radius:4px;box-shadow:0 8px 24px #00000059;padding:4px}.bx-gift-search{width:100%;height:28px;margin-bottom:4px;padding:0 8px;border:1px solid #ddd;border-radius:3px;background:#f8f8f8;color:#111;font-size:.78rem}.bx-gift-opt{display:flex;justify-content:space-between;align-items:center;gap:8px;width:100%;padding:6px 8px;border:none;border-radius:3px;background:transparent;color:#111;font-size:.78rem;text-align:left}.bx-gift-opt:hover,.bx-gift-opt.active{background:#e8f0ff}.bx-gift-empty{padding:8px;color:#888;font-size:.75rem;text-align:center}.bx-shape{position:absolute;left:0;top:0;width:100%;height:100%;overflow:visible;pointer-events:none}.bx-body{position:relative;z-index:1;display:flex;flex-direction:column;gap:4px;padding:10px 14px 10px 16px;height:100%;box-sizing:border-box;overflow:hidden;pointer-events:none}.bx-block.trigger .bx-body{padding-top:14px}.bx-title{font-weight:700;font-size:.88rem;letter-spacing:.01em;line-height:1.2;text-shadow:0 1px 0 rgba(0,0,0,.2);pointer-events:none}.bx-field{display:flex;align-items:center;gap:6px;min-height:26px;pointer-events:auto}.bx-field.bx-field-stack{flex-direction:column;align-items:stretch;gap:3px;min-height:0}.bx-field.bx-field-stack .bx-field-label{max-width:none}.bx-field-label{flex:0 0 auto;max-width:42%;font-size:.72rem;font-weight:600;opacity:.95;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:default}.bx-input{flex:1 1 auto;min-width:0;height:24px;padding:0 6px;border:none;border-radius:3px;background:#fffffff2;color:#111;font-size:.78rem;font-family:var(--font-body);box-shadow:inset 0 1px #0000001f}.bx-input:focus{outline:2px solid rgba(255,255,255,.85);outline-offset:0}.bx-input option{color:#111}.palette{display:flex;flex-direction:column;gap:.4rem;max-height:520px;overflow:auto}.palette button{text-align:left;font-size:.85rem}.palette .pal-swatch{display:inline-block;width:10px;height:10px;border-radius:2px;margin-right:.4rem;vertical-align:middle;box-shadow:inset 0 -1px #00000040}.palette .pal-swatch.trigger{background:#ff8c1a}.palette .pal-swatch.logic{background:#5cb712}.palette .pal-swatch.action{background:#4c97ff}.table{width:100%;border-collapse:collapse;font-size:.9rem}.table th,.table td{text-align:left;padding:.55rem .4rem;border-bottom:1px solid var(--line)}.table th{color:var(--muted);font-weight:500;font-size:.78rem;text-transform:uppercase;letter-spacing:.04em}.muted{color:var(--muted)}.mono{font-family:var(--font-mono)}.stack{display:flex;flex-direction:column;gap:.65rem}.empty{color:var(--muted);padding:1.5rem;text-align:center;border:1px dashed var(--line)}.docs-layout{animation:rise .45s ease-out}.docs-grid{display:grid;grid-template-columns:200px 1fr;gap:1rem;align-items:start}@media(max-width:900px){.docs-grid{grid-template-columns:1fr}.docs-toc{position:static!important}}.docs-toc{position:sticky;top:4.5rem}.docs-toc-nav{display:flex;flex-direction:column;gap:.2rem}.docs-toc-nav a{color:var(--muted);font-size:.88rem;padding:.35rem .5rem;border-radius:2px}.docs-toc-nav a:hover{color:var(--text);background:var(--bg2)}.docs-section h3{font-size:1rem;margin:1rem 0 .4rem;font-weight:600}.docs-section p{margin:.4rem 0;line-height:1.55;color:var(--text)}.docs-list{margin:.4rem 0;padding-left:1.2rem;line-height:1.55;color:var(--muted)}.docs-list li{margin:.25rem 0}.docs-list strong{color:var(--text)}.docs-steps{margin:.5rem 0;padding-left:1.25rem;line-height:1.6}.docs-steps li{margin:.35rem 0}.docs-code{margin:.5rem 0 .85rem;padding:.85rem 1rem;background:var(--bg0);border:1px solid var(--line);border-radius:4px;overflow-x:auto;font-family:var(--font-mono);font-size:.78rem;line-height:1.45;color:#c5dcc8}.docs-code code{font:inherit}.docs-table.table{display:grid;gap:0}.docs-table .tr{display:grid;grid-template-columns:1.1fr 1.4fr 1.6fr;gap:.5rem;padding:.45rem .2rem;border-bottom:1px solid var(--line);font-size:.88rem}.docs-table .tr.th{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.04em}.docs-table .tr:not(.th) span:first-child{color:var(--accent);font-family:var(--font-mono);font-size:.8rem}.docs-flash{margin-top:.5rem}.docs-progress{position:relative;height:1.6rem;background:var(--bg0);border:1px solid var(--line);border-radius:2px;overflow:hidden}.docs-progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-dim),var(--accent));transition:width .15s ease}.docs-progress-label{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:.72rem;color:#10140f;mix-blend-mode:difference}.docs-log{max-height:220px;overflow:auto;padding:.65rem .75rem;background:#070908;border:1px solid var(--line);border-radius:2px;font-size:.72rem;line-height:1.4;white-space:pre-wrap}.docs-error{color:var(--hot);margin:0;font-size:.9rem}a.button-link{display:inline-flex;align-items:center;border:1px solid var(--line);background:var(--bg2);padding:.55rem 1rem;border-radius:2px;font-size:.92rem}a.button-link:hover{border-color:var(--accent-dim)}.docs-table-2 .tr{grid-template-columns:1.2fr 2fr}.docs-browser-flash{margin-top:.35rem}.docs-browser-flash summary{cursor:pointer}