:root{--live-bg:#0e171d;--live-panel:#162129;--live-line:rgba(255,255,255,.10);--live-text:#edf4f5;--live-muted:#8fa3ad;--live-accent:#b7d8e7;--live-green:#80c7aa}
*{box-sizing:border-box}.live-demo-body{margin:0;background:radial-gradient(circle at 80% 0,rgba(101,156,177,.13),transparent 30%),var(--live-bg);color:var(--live-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;min-height:100dvh}.live-topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px clamp(18px,4vw,54px);background:rgba(14,23,29,.86);backdrop-filter:blur(18px);border-bottom:1px solid var(--live-line)}.live-brand{color:white;text-decoration:none;font-family:Georgia,'Times New Roman',serif;font-size:25px;letter-spacing:.10em;font-weight:700}.live-brand span{font-family:Inter,sans-serif;font-size:10px;color:var(--live-muted);letter-spacing:.17em}.live-top-actions{display:flex;align-items:center;gap:14px}.live-connection{display:inline-flex;align-items:center;gap:7px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--live-muted)}.live-connection i{width:8px;height:8px;border-radius:50%;background:#d29b66;box-shadow:0 0 0 5px rgba(210,155,102,.10)}.live-connection.online i{background:var(--live-green);box-shadow:0 0 0 5px rgba(128,199,170,.10)}.live-back{font-size:12px;color:#dce8eb;text-decoration:none}.live-shell{width:min(1380px,calc(100% - 36px));margin:auto;padding:42px 0 70px}.live-hero{display:grid;grid-template-columns:1.3fr .7fr;gap:18px;align-items:stretch}.live-copy,.live-qr-card,.live-panel,.live-orders-section{border:1px solid var(--live-line);background:rgba(22,33,41,.72);border-radius:28px}.live-copy{padding:clamp(28px,5vw,68px)}.live-kicker,.panel-head span,.live-section-head span,.live-explain span{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--live-muted);font-weight:700}.live-copy h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(46px,6.8vw,90px);line-height:.92;letter-spacing:-.035em;margin:17px 0 22px}.live-copy h1 em{color:#b7d8e7}.live-copy>p{max-width:770px;color:#b6c5cc;font-size:17px;line-height:1.7}.live-session-line{display:flex;flex-wrap:wrap;gap:10px;margin-top:32px}.live-session-line>div{min-width:155px;padding:13px 15px;border:1px solid var(--live-line);border-radius:15px;background:rgba(255,255,255,.025)}.live-session-line span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.13em;color:var(--live-muted)}.live-session-line strong{display:block;margin-top:4px;font-size:16px}.live-qr-card{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:clamp(24px,4vw,46px);text-align:center}.qr-frame{background:white;border-radius:24px;padding:14px;width:min(100%,310px);aspect-ratio:1}.qr-frame img{width:100%;height:100%;object-fit:contain}.qr-copy-small{margin-top:18px}.qr-copy-small strong{font-family:Georgia,'Times New Roman',serif;font-size:24px}.qr-copy-small p{color:var(--live-muted);font-size:13px;line-height:1.5}.live-link-button,.live-actions button{border:1px solid var(--live-line);background:rgba(255,255,255,.05);color:white;border-radius:999px;padding:11px 16px;cursor:pointer}.live-control-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:18px;margin-top:18px}.live-panel{padding:24px}.panel-head{display:flex;flex-direction:column;gap:4px;margin-bottom:18px}.panel-head strong{font-family:Georgia,'Times New Roman',serif;font-size:27px}.live-guide ol{list-style:none;padding:0;margin:0;display:grid;gap:8px;counter-reset:guide}.live-guide li{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:12px 0;border-top:1px solid var(--live-line)}.live-guide li b{font-size:12px;color:#eaf3f5}.live-guide li span{font-size:13px;color:var(--live-muted);line-height:1.5}.launch-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.launch-grid a{display:flex;flex-direction:column;min-height:130px;padding:16px;border:1px solid var(--live-line);border-radius:17px;background:rgba(255,255,255,.025);text-decoration:none;color:white;transition:.2s}.launch-grid a:hover{transform:translateY(-2px);background:rgba(255,255,255,.05)}.launch-grid span{font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--live-muted)}.launch-grid strong{font-family:Georgia,'Times New Roman',serif;font-size:25px;margin:auto 0 3px}.launch-grid small{color:var(--live-muted)}.live-orders-section{padding:24px;margin-top:18px}.live-section-head{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.live-section-head h2{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:38px;margin:5px 0 0}.live-actions{display:flex;gap:8px;flex-wrap:wrap}.live-orders{display:grid;gap:9px}.live-order{display:grid;grid-template-columns:100px 1fr auto auto;gap:18px;align-items:center;padding:15px 16px;background:rgba(255,255,255,.035);border:1px solid var(--live-line);border-radius:16px}.live-order .number{font-family:Georgia,'Times New Roman',serif;font-size:24px}.live-order small{display:block;color:var(--live-muted);margin-top:3px}.live-order .status{padding:7px 10px;border-radius:999px;background:rgba(183,216,231,.10);font-size:11px}.live-order .total{font-weight:700}.live-empty{min-height:170px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:var(--live-muted)}.live-empty i{width:10px;height:10px;border-radius:50%;background:#d29b66;box-shadow:0 0 0 7px rgba(210,155,102,.08);margin-bottom:16px}.live-empty strong{color:#dce8eb}.live-empty p{margin:6px 0 0;font-size:13px}.live-explain{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:18px;margin-top:18px;padding:22px;border:1px solid var(--live-line);border-radius:22px}.live-explain>div{text-align:center}.live-explain strong{display:block;font-family:Georgia,'Times New Roman',serif;font-size:20px;margin-top:5px}.live-explain>i{font-style:normal;color:#617681}.live-disclaimer{text-align:center;color:#70858f;font-size:10px;line-height:1.5;margin:22px auto 0;max-width:760px}@media(max-width:950px){.live-hero,.live-control-grid{grid-template-columns:1fr}.live-qr-card{display:grid;grid-template-columns:200px 1fr;gap:22px;text-align:left}.live-link-button{grid-column:1/-1}.live-order{grid-template-columns:80px 1fr auto}.live-order .total{display:none}}@media(max-width:640px){.live-topbar{padding:14px 16px}.live-brand span,.live-back{display:none}.live-shell{width:calc(100% - 24px);padding-top:18px}.live-copy,.live-qr-card,.live-panel,.live-orders-section{border-radius:20px}.live-copy{padding:24px}.live-copy h1{font-size:48px}.live-qr-card{display:flex;text-align:center}.qr-frame{width:240px}.live-session-line>div{flex:1;min-width:120px}.launch-grid{grid-template-columns:1fr}.live-guide li{grid-template-columns:74px 1fr}.live-section-head{align-items:flex-start;flex-direction:column}.live-order{grid-template-columns:72px 1fr}.live-order .status{justify-self:start}.live-order .total{display:block}.live-explain{grid-template-columns:1fr}.live-explain>i{transform:rotate(90deg);text-align:center}}

.live-link-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-weight:700}.live-open-menu{background:linear-gradient(135deg,#b7d8e7,#eaf4f6);color:#0e171d!important;border-color:transparent!important;min-width:210px}.live-open-menu:hover{transform:translateY(-1px);filter:brightness(1.03)}