:root{--page-background:#090d18;--panel-background:#141a29d1;--panel-solid:#121827;--card-background:#0f1219e6;--card-background-completed:#0a0c12f0;--card-border:#ffffff2e;--card-text:#fff;--muted-text:#929cb2;--subtle-text:#68738b;--accent:#ff6b45;--accent-bright:#ff805f;--accent-soft:#ff6b4524;--cross-color:#ff4f64;--success:#36d399;--warning:#ffc857;--danger:#ff5263;--card-radius:18px;--grid-gap:14px;--panel-radius:24px;--font-family:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--shadow-soft:0 24px 70px #0000004d;color:var(--card-text);font-family:var(--font-family);font-synthesis:none;text-rendering:optimizelegibility}*{box-sizing:border-box}html,body{min-width:320px;min-height:100%;margin:0}button,input,textarea{color:inherit;font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #ff805f61}.app-body{background:radial-gradient(circle at 80% 8%, #ff6b451f, transparent 34rem), radial-gradient(circle at 8% 82%, #3c68ff17, transparent 30rem), var(--page-background);min-height:100vh}.app-body:before{z-index:-1;content:"";background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:40px 40px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 85%);mask-image:linear-gradient(#000,#0000 85%)}.app-body--centered{place-items:center;padding:24px;display:grid}.app-body--centered>#app{place-items:center;width:100%;display:grid}.button{cursor:pointer;letter-spacing:-.01em;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-size:.9rem;font-weight:750;text-decoration:none;transition:border-color .16s,background .16s,color .16s,transform .16s;display:inline-flex}.button:hover:not(:disabled){transform:translateY(-1px)}.button:active:not(:disabled){transform:translateY(0)}.button:disabled{cursor:not-allowed;opacity:.45}.button--primary{background:var(--accent);color:#160804;box-shadow:0 10px 30px #ff6b4533}.button--primary:hover:not(:disabled){background:var(--accent-bright)}.button--secondary{color:#e8ecf5;background:#ffffff0e;border-color:#ffffff1f}.button--secondary:hover:not(:disabled),.button--ghost:hover:not(:disabled){background:#ffffff17;border-color:#ffffff38}.button--ghost{color:var(--muted-text);border-color:#0000}.button--danger{color:#ff9ba5;background:#ff52631a;border-color:#ff526340}.button--danger:hover:not(:disabled){background:#ff52632b}.button--large{border-radius:14px;min-height:54px;padding-inline:26px;font-size:1rem}.button--small{border-radius:10px;min-height:36px;padding-inline:13px;font-size:.78rem}.button--wide{width:100%}.eyebrow{color:var(--accent-bright);letter-spacing:.18em;margin:0 0 12px;font-size:.7rem;font-weight:850}.site-shell,.control-shell{width:min(1480px,100% - 48px);margin:0 auto}.site-header,.control-header{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;min-height:92px;display:flex}.brand{align-items:center;gap:12px;display:flex}.brand__mark,.login-card__lock{background:var(--accent);color:#1b0904;border-radius:12px;place-items:center;width:42px;height:42px;font-size:1.2rem;font-weight:950;display:grid;transform:rotate(-4deg);box-shadow:0 9px 25px #ff6b4533}.brand__name,.brand__sub{display:block}.brand__name{letter-spacing:.13em;font-size:.9rem}.brand__sub{color:var(--subtle-text);letter-spacing:.16em;margin-top:2px;font-size:.58rem;font-weight:800}.site-main{padding:clamp(48px,8vw,112px) 0 80px}.hero{grid-template-columns:minmax(0,.9fr) minmax(380px,.72fr);align-items:center;gap:clamp(50px,8vw,120px);display:grid}.hero__title{letter-spacing:-.065em;max-width:700px;margin:0;font-size:clamp(3.1rem,6vw,6.4rem);font-weight:850;line-height:.94}.hero__intro{max-width:600px;color:var(--muted-text);margin:28px 0 34px;font-size:clamp(1rem,1.4vw,1.2rem);line-height:1.7}.hero-board{aspect-ratio:1;width:min(100%,540px);box-shadow:var(--shadow-soft);background:#ffffff06;border:1px solid #ffffff14;border-radius:30px;grid-template-columns:repeat(3,minmax(0,1fr));justify-self:end;gap:10px;padding:10px;display:grid}.hero-board__cell{border:1px solid var(--card-border);background:var(--card-background);color:#dfe5f1;text-align:center;border-radius:17px;place-items:center;padding:12px;font-size:clamp(.62rem,1.15vw,.9rem);font-weight:750;line-height:1.2;display:grid;position:relative;overflow:hidden}.hero-board__cell.is-demo-complete:before,.hero-board__cell.is-demo-complete:after{background:var(--cross-color);content:"";border-radius:999px;width:130%;height:6px;position:absolute;top:50%;left:-15%;transform:rotate(45deg);box-shadow:0 0 14px #ff4f648c}.hero-board__cell.is-demo-complete:after{transform:rotate(-45deg)}.create-result{gap:12px;max-width:900px;margin-top:70px;display:grid}.create-result:empty{display:none}.create-result__title{letter-spacing:-.03em;margin:0 0 8px;font-size:1.7rem}.result-row{background:var(--panel-background);border:1px solid #ffffff17;border-radius:16px;grid-template-columns:125px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.result-row__label{color:var(--muted-text);text-transform:uppercase;font-size:.75rem;font-weight:750}.result-row__url{color:#dce3f1;text-overflow:ellipsis;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem;overflow:hidden}.security-note{border-left:3px solid var(--warning);color:#c1c8d7;margin:5px 0;padding:10px 14px;font-size:.86rem;line-height:1.55}.form-error{color:#ff8d98;min-height:1.3em;margin:12px 0 0;font-size:.86rem;line-height:1.45}.login-card,.message-card{border-radius:var(--panel-radius);width:min(100%,470px);box-shadow:var(--shadow-soft);background:#101623ed;border:1px solid #ffffff1a;padding:clamp(26px,6vw,48px)}.login-card__lock{width:50px;height:50px;margin-bottom:32px}.login-card__title,.message-card__title{letter-spacing:-.045em;margin:0;font-size:clamp(1.8rem,5vw,2.5rem);line-height:1.05}.login-card__description,.message-card__text{color:var(--muted-text);margin:18px 0 26px;font-size:.95rem;line-height:1.65}.login-card__form{display:grid}.field-label{color:#c6cedd;margin-bottom:8px;font-size:.78rem;font-weight:700}.text-input,.cell-editor__textarea{color:#f6f8fc;background:#04081085;border:1px solid #ffffff1f;border-radius:11px;width:100%;transition:border-color .16s,box-shadow .16s}.text-input{min-height:48px;padding:0 14px}.text-input--large{min-height:54px}.text-input:focus,.cell-editor__textarea:focus{border-color:#ff6b4594;outline:none;box-shadow:0 0 0 4px #ff6b4517}.bingo-board{aspect-ratio:1;gap:var(--grid-gap);width:min(100vw,100vh);max-width:100%;padding:var(--grid-gap);grid-template:repeat(3,minmax(0,1fr))/repeat(3,minmax(0,1fr));display:grid}.bingo-cell{border:1px solid var(--card-border);border-radius:var(--card-radius);background:var(--card-background);isolation:isolate;place-items:center;min-width:0;min-height:0;transition:border-color .22s,box-shadow .22s,transform .22s;display:grid;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff0a,0 14px 32px #0003}.bingo-cell__text{z-index:2;width:100%;min-width:0;height:100%;min-height:0;color:var(--card-text);letter-spacing:-.025em;overflow-wrap:anywhere;text-align:center;white-space:pre-wrap;word-break:break-word;place-items:center;padding:clamp(10px,5%,28px);font-weight:800;line-height:1.12;display:grid;overflow:hidden}.bingo-cell__shade{z-index:1;opacity:0;background:#04060b73;transition:opacity .22s;position:absolute;inset:0}.bingo-cell__cross{z-index:3;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bingo-cell__cross-line{background:var(--cross-color);opacity:0;transform-origin:50%;will-change:transform, opacity;border-radius:999px;width:145%;height:clamp(6px,1.4vmin,14px);position:absolute;top:50%;left:50%;box-shadow:0 0 6px #ff4f64f2,0 0 22px #ff4f6473}.bingo-cell__cross-line--one{transform:translate(-50%,-50%)rotate(45deg)scaleX(0)}.bingo-cell__cross-line--two{transform:translate(-50%,-50%)rotate(-45deg)scaleX(0)}.bingo-cell.is-completed{border-color:#ff4f6459;box-shadow:inset 0 1px #ffffff08,0 0 28px #ff4f641a}.bingo-cell.is-completed .bingo-cell__shade{opacity:1}.bingo-cell.is-completed .bingo-cell__cross-line{opacity:.95}.bingo-cell.is-completed .bingo-cell__cross-line--one{transform:translate(-50%,-50%)rotate(45deg)scaleX(1)}.bingo-cell.is-completed .bingo-cell__cross-line--two{transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}.bingo-cell.is-completing{animation:.72s cubic-bezier(.2,.9,.25,1) cell-pop}.bingo-cell.is-completing .bingo-cell__cross-line--one{animation:.68s cubic-bezier(.2,.8,.2,1) both draw-line-one}.bingo-cell.is-completing .bingo-cell__cross-line--two{animation:.68s cubic-bezier(.2,.8,.2,1) .13s both draw-line-two}@keyframes draw-line-one{0%{opacity:0;transform:translate(-50%,-50%)rotate(45deg)scaleX(0)}8%{opacity:1}to{opacity:.95;transform:translate(-50%,-50%)rotate(45deg)scaleX(1)}}@keyframes draw-line-two{0%{opacity:0;transform:translate(-50%,-50%)rotate(-45deg)scaleX(0)}8%{opacity:1}to{opacity:.95;transform:translate(-50%,-50%)rotate(-45deg)scaleX(1)}}@keyframes cell-pop{0%,to{transform:scale(1)}44%{transform:scale(1.025)}}.overlay-body{width:100vw;height:100vh;overflow:hidden;background:0 0!important}.overlay-app{place-items:center;width:100vw;height:100vh;display:grid;overflow:hidden}.control-shell{padding-bottom:64px}.control-header{min-height:104px}.control-title{letter-spacing:-.04em;margin:0;font-size:clamp(1.45rem,2.4vw,2.15rem)}.control-header__actions{align-items:center;gap:10px;display:flex}.connection-pill{min-height:36px;color:var(--muted-text);background:#ffffff09;border:1px solid #ffffff17;border-radius:999px;align-items:center;gap:8px;padding:0 13px;font-size:.74rem;font-weight:750;display:inline-flex}.connection-pill__dot{background:var(--warning);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #ffc8571a}.connection-pill.is-connected{color:#a6eace}.connection-pill.is-connected .connection-pill__dot{background:var(--success);box-shadow:0 0 0 4px #36d3991a}.connection-pill.is-offline .connection-pill__dot{background:var(--danger);box-shadow:0 0 0 4px #ff52631a}.connection-pill.is-connecting .connection-pill__dot,.connection-pill.is-reconnecting .connection-pill__dot{animation:1.2s ease-in-out infinite pulse-dot}@keyframes pulse-dot{50%{opacity:.35;transform:scale(.8)}}.control-layout{grid-template-columns:minmax(0,1fr) minmax(310px,.34fr);align-items:start;gap:22px;padding-top:26px;display:grid}.editor-panel,.preview-panel{border-radius:var(--panel-radius);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#0f1420c2;border:1px solid #ffffff14;box-shadow:0 18px 60px #0000002e}.editor-panel{padding:18px}.control-toolbar{align-items:center;gap:10px;min-height:52px;margin-bottom:17px;display:flex}.save-meta{margin-right:auto;display:grid}.save-state{color:#d4dbea;font-size:.8rem;font-weight:700}.updated-time{color:var(--subtle-text);margin-top:3px;font-size:.68rem}.control-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.cell-editor{background:#ffffff06;border:1px solid #ffffff14;border-radius:16px;min-width:0;padding:14px;transition:border-color .16s,background .16s}.cell-editor:focus-within{background:#ffffff09;border-color:#ff6b4540}.cell-editor__label-row,.cell-editor__footer{justify-content:space-between;align-items:center;display:flex}.cell-editor__label{color:#e2e7f0;font-size:.79rem;font-weight:800}.cell-editor__counter,.cell-editor__shortcut{color:var(--subtle-text);font-size:.64rem;font-weight:650}.cell-editor__textarea{resize:none;height:76px;margin:10px 0;padding:10px 11px;font-size:.83rem;line-height:1.4;display:block}.cell-editor__textarea:disabled{opacity:.5}.cell-editor__typography{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:0 0 10px;display:grid}.cell-editor__style-field{min-width:0;color:var(--subtle-text);gap:5px;font-size:.62rem;font-weight:700;display:grid}.cell-editor__select{color:#e4e9f2;background:#111722;border:1px solid #ffffff1a;border-radius:9px;width:100%;min-width:0;height:34px;padding:0 8px;font-size:.68rem}.cell-editor__select:focus{border-color:#ff6b4594;outline:none;box-shadow:0 0 0 3px #ff6b4514}.cell-editor__select:disabled{opacity:.5}.complete-toggle{cursor:pointer;color:#bac3d5;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:10px;align-items:center;gap:8px;min-height:38px;padding:0 11px;font-size:.7rem;font-weight:750;display:inline-flex}.complete-toggle:disabled{cursor:not-allowed;opacity:.48}.complete-toggle__icon{color:#0000;border:1px solid #ffffff2b;border-radius:6px;place-items:center;width:20px;height:20px;font-size:.7rem;display:grid}.complete-toggle.is-completed{color:#8fe1bf;background:#36d39914;border-color:#36d39938}.complete-toggle.is-completed .complete-toggle__icon{border-color:var(--success);background:var(--success);color:#06150f}.preview-panel{padding:18px;position:sticky;top:22px}.preview-panel__header{justify-content:space-between;align-items:flex-start;padding:4px 4px 13px;display:flex}.preview-panel__title{letter-spacing:-.025em;margin:0;font-size:1.08rem}.preview-panel__revision{color:var(--subtle-text);border:1px solid #ffffff1a;border-radius:7px;padding:5px 7px;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.59rem}.bingo-board--compact{gap:7px;width:100%;padding:0}.bingo-board--compact .bingo-cell{box-shadow:none;border-radius:10px}.bingo-board--compact .bingo-cell__text{padding:8%;font-weight:750}.bingo-board--compact .bingo-cell__cross-line{height:5px}.token-gate{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#04070dd1;place-items:center;padding:20px;display:none;position:fixed;inset:0}.token-gate.is-visible{display:grid}.token-card{border-radius:var(--panel-radius);background:var(--panel-solid);width:min(100%,440px);box-shadow:var(--shadow-soft);border:1px solid #ffffff1c;padding:30px;display:grid}.token-card__title{letter-spacing:-.04em;margin:0;font-size:1.6rem}.token-card__description{color:var(--muted-text);margin:12px 0 20px;font-size:.88rem;line-height:1.6}.token-card .button{margin-top:12px}@media (max-width:1050px){.hero{grid-template-columns:1fr .8fr;gap:46px}.control-layout{grid-template-columns:1fr}.preview-panel{grid-row:1;width:min(100%,460px);position:static}}@media (max-width:780px){.site-shell,.control-shell{width:min(100% - 28px,700px)}.site-header{min-height:76px}.hero{grid-template-columns:1fr}.hero__title{font-size:clamp(3.3rem,15vw,5.4rem)}.hero-board{justify-self:start;width:min(100%,500px)}.result-row{grid-template-columns:1fr auto}.result-row__label{grid-column:1/-1}.control-header{gap:16px;padding:22px 0;display:grid}.control-header__actions,.control-toolbar{flex-wrap:wrap}.save-meta{width:100%}.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:520px){.site-main{padding-top:52px}.hero__title{font-size:clamp(2.8rem,16vw,4.2rem)}.hero-board{border-radius:21px;gap:6px;padding:6px}.hero-board__cell{border-radius:12px;padding:7px}.result-row{grid-template-columns:1fr}.result-row .button{width:100%}.control-header__actions{align-items:stretch}.control-header__actions>*{flex:auto}.connection-pill{justify-content:center}.editor-panel,.preview-panel{border-radius:18px}.editor-panel{padding:11px}.control-grid{grid-template-columns:1fr}.cell-editor__textarea{height:70px}.control-toolbar .button{flex:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}