:root{font-family:Trebuchet MS,Segoe UI,sans-serif;color:#f4efe4;background:radial-gradient(circle at top left,rgba(255,196,90,.18),transparent 35%),radial-gradient(circle at bottom right,rgba(52,153,142,.24),transparent 30%),linear-gradient(160deg,#11171f,#1f2937 38%,#15232d);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;overflow-x:hidden;overflow-y:auto}button,input,select,textarea{font:inherit}.shell{position:relative;min-height:100vh;overflow:visible;padding:16px}.backdrop{position:absolute;border-radius:999px;filter:blur(24px);opacity:.45}.backdrop-a{top:-80px;left:-40px;width:220px;height:220px;background:#e0a04147}.backdrop-b{right:-60px;bottom:40px;width:240px;height:240px;background:#307c7b3d}.app-card{position:relative;z-index:1;max-width:960px;margin:0 auto;border:1px solid rgba(255,255,255,.1);border-radius:28px;background:#0d141c;box-shadow:0 32px 100px #00000052;padding:24px;display:flex;flex-direction:column;overflow:hidden}.admin-app-card{max-width:1180px}.crash-card{max-width:720px}.hero{display:grid;grid-template-columns:1.8fr 1fr;gap:16px;align-items:start}.eyebrow{margin:0 0 8px;letter-spacing:.18em;text-transform:uppercase;color:#f0ba5f;font-size:12px}.hero h1{margin:0;font-family:Georgia,serif;font-size:clamp(28px,4vw,48px);line-height:1.02}.hero-copy{color:#f4efe4c7;max-width:60ch}.status-panel,.panel,.dev-auth{border:1px solid rgba(255,255,255,.08);background:#ffffff0a;border-radius:22px}.status-panel{display:flex;flex-direction:column;gap:8px;padding:18px}.badge{width:fit-content;padding:6px 10px;border-radius:999px;font-size:12px;letter-spacing:.08em;text-transform:uppercase}.badge-live{background:#34998e33;color:#9ae7d9}.badge-dev{background:#f0ba5f2e;color:#ffd289}.dev-auth{margin-top:18px;padding:16px;display:flex;gap:12px;align-items:end;flex-wrap:wrap}.dev-auth label{display:flex;flex-direction:column;gap:8px;min-width:220px}.admin-auth label{min-width:260px}.dev-auth input{border:1px solid rgba(255,255,255,.1);background:#0003;color:#f4efe4;border-radius:14px;padding:12px 14px}.tabs{flex:0 0 auto;display:flex;gap:10px;margin:20px 0 18px;overflow-x:auto}.content-pane{flex:0 0 auto;overflow:visible}.tab,.secondary-button,.offer-card,.session-card{border:none;cursor:pointer;transition:transform .14s ease,background .14s ease,opacity .14s ease}.tab{padding:12px 16px;border-radius:999px;background:#ffffff0f;color:#e7dfcd}.tab.active{background:linear-gradient(135deg,#f0ba5f,#cb7e4a);color:#18130b}.tab:hover,.secondary-button:hover,.offer-card:hover,.session-card:hover{transform:translateY(-1px)}.session-list{display:grid;gap:12px}.session-card{display:flex;flex-direction:column;gap:6px;padding:14px 16px;text-align:left;border-radius:18px;background:#ffffff0f;color:#f4efe4}.session-card-shell,.session-hub-row{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a;padding:16px}.session-card-action{width:100%}.session-card span,.session-card small{color:#f4efe4b8}.session-card-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px}.session-meta-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:8px;color:#f4efe49e;font-size:13px}.session-status-chip{background:#ffffff1a;color:#ffe7bb}.session-context-hint{margin:4px 0 0;color:#9ae7d9db;font-size:13px;line-height:1.4}.surface-banner{display:flex;justify-content:space-between;gap:16px;align-items:center;background:linear-gradient(135deg,#243f5857,#176a5a2e);border-color:#9ae7d92e}.surface-banner h3{margin:0 0 8px}.surface-banner-actions{display:flex;align-items:center;justify-content:flex-end}.browser-entry-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);gap:16px;margin-top:20px}.browser-entry-panel{display:flex;flex-direction:column;gap:14px}.browser-entry-panel-span{grid-column:1 / -1}.browser-entry-panel h3{margin:0;font-size:clamp(24px,3vw,34px);line-height:1.08}.browser-entry-panel-primary{background:radial-gradient(circle at top right,rgba(240,186,95,.16),transparent 35%),linear-gradient(150deg,#1b2b3bf2,#0d141cf5)}.browser-entry-actions{display:flex;flex-wrap:wrap;gap:12px}.browser-entry-list{margin:0;padding-left:20px;display:grid;gap:10px;color:#f4efe4d1}.browser-entry-note{margin:0}.browser-qa-auth{grid-column:1 / -1}.browser-surface-split,.browser-module-grid{display:grid;gap:12px}.browser-surface-split{grid-template-columns:repeat(2,minmax(0,1fr))}.browser-module-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.browser-surface-card,.browser-module-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a;padding:16px}.browser-module-card{cursor:pointer;transition:transform .14s ease,border-color .14s ease,background .14s ease}.browser-module-card:hover{transform:translateY(-1px)}.browser-surface-card strong,.browser-module-card strong{display:block;margin-bottom:8px}.browser-module-card-active{border-color:#5ed2d64d;background:linear-gradient(145deg,#1f415366,#133f393d)}.browser-module-button{margin-top:12px;width:100%}.browser-offer-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.browser-module-list{margin:0;padding-left:18px;gap:6px;font-size:14px}.browser-module-list li{color:#f4efe4bd}.browser-module-switcher{display:flex;flex-wrap:wrap;gap:10px}.browser-module-switch{border:1px solid rgba(255,255,255,.08);background:#ffffff0d;color:#f4efe4;border-radius:999px;padding:10px 14px;cursor:pointer;transition:transform .14s ease,background .14s ease,border-color .14s ease}.browser-module-switch:hover{transform:translateY(-1px)}.browser-module-switch-active{background:linear-gradient(135deg,#f0ba5f38,#cb7e4a2e);border-color:#f0ba5f57}.browser-module-detail{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a;padding:18px}.browser-module-detail strong{display:block;margin-bottom:8px}.browser-module-surface-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:16px}.browser-module-surface-card{border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08;padding:14px}.browser-module-surface-label{display:inline-flex;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:#5ed2d61f;color:#9ae7d9;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.browser-module-surface-list{margin:0;padding-left:18px;gap:8px}.browser-module-surface-list li{color:#f4efe4bd}.browser-module-prompt-card{margin-top:16px;border:1px solid rgba(255,255,255,.08);border-radius:16px;background:#ffffff08;padding:14px}.browser-module-prompt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.browser-module-prompt-item{border-radius:14px;background:#ffffff0a;padding:14px}.browser-module-prompt-item strong{display:block;margin-bottom:8px;font-size:14px}.browser-module-prompt-item p{margin:0;color:#f4efe4bd;line-height:1.5}.browser-module-detail-actions{min-width:240px;display:flex;justify-content:flex-end;align-items:flex-start}.browser-module-kicker{display:inline-flex;margin-bottom:10px;padding:4px 10px;border-radius:999px;background:#5ed2d61f;color:#9ae7d9;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.browser-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.browser-flow-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff0a;padding:16px;display:flex;flex-direction:column;gap:10px}.browser-flow-step{display:inline-flex;width:fit-content;padding:4px 10px;border-radius:999px;background:#f0ba5f24;color:#f5c875;font-size:12px;letter-spacing:.06em;text-transform:uppercase}.browser-flow-title{font-size:16px;line-height:1.35}.browser-flow-body{margin:0;color:#f4efe4b8;line-height:1.55}.browser-unified-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:16px}.browser-unified-card{border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#ffffff08;padding:16px}.browser-unified-card strong{display:block;margin-bottom:8px}.session-target-active{box-shadow:0 0 0 2px #5ed2d6b3;border-radius:18px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-content:start}.admin-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.panel{padding:18px}.panel-label{margin:0 0 10px;color:#f0ba5f;text-transform:uppercase;letter-spacing:.08em;font-size:12px}.account-panel h2{margin:6px 0 10px;font-size:clamp(32px,5vw,54px)}.account-panel span{font-size:18px;color:#f4efe4b3}.quick-panel,.story-panel,.order-panel{display:flex;flex-direction:column;gap:12px}.order-panel-success{background:linear-gradient(155deg,#276f4a47,#14462f47);border-color:#8ef0ca2e}.order-panel-pending{background:linear-gradient(155deg,#9e722a33,#583f1333);border-color:#f0ba5f2e}.order-panel-failed{background:linear-gradient(155deg,#8a2f2f3d,#5519193d);border-color:#ffb39b2e}.success-ideas{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.success-idea{padding:14px;border-radius:16px;background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.success-idea strong,.success-idea span{display:block}.success-idea strong{margin-bottom:6px}.success-idea span{color:#f4efe4b8;line-height:1.4}.metric-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.metric-row:first-of-type{border-top:none;padding-top:0}.muted{color:#f4efe49e}.list-panel,.modes-panel,.topup-panel{display:flex;flex-direction:column;gap:12px}.list-row{display:flex;justify-content:space-between;gap:16px;padding:12px 0;border-top:1px solid rgba(255,255,255,.08)}.list-row:first-of-type{border-top:none;padding-top:0}.session-hub-row{padding-top:16px}.list-row p,.mode-card p{margin:6px 0 0;color:#f4efe4b8}.plus{color:#8ef0ca}.minus{color:#ffb39b}.offer-grid,.mode-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px}.offer-card,.mode-card{border-radius:20px;padding:16px}.offer-card{background:linear-gradient(155deg,#f0ba5f2e,#cb7e4a2e);color:#fff7ea;text-align:left}.offer-card-highlighted{outline:1px solid rgba(240,186,95,.5);box-shadow:0 18px 36px #f0ba5f24}.offer-card:disabled{opacity:.6;cursor:wait}.offer-card span,.offer-card strong,.offer-card small{display:block}.offer-badge{width:fit-content;padding:4px 10px;border-radius:999px;margin-bottom:10px;background:#ffffff24;color:#ffe7bb;font-size:11px;letter-spacing:.08em;text-transform:uppercase}.offer-card strong{margin:10px 0 4px;font-size:22px}.offer-note{margin-top:6px;color:#ffd289}.mode-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.06)}.mode-card h3,.order-panel h3,.story-panel h3{margin:0}.mode-footer{margin-top:14px;display:flex;flex-direction:column;gap:6px}.field{display:flex;flex-direction:column;gap:8px}.field input,.field select,.field textarea{border:1px solid rgba(255,255,255,.1);background:#0003;color:#f4efe4;border-radius:14px;padding:12px 14px}.field-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.editor-card{margin-top:12px;padding:14px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:#ffffff08}.editor-card-header{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;font-size:13px;color:#f4efe4bf}.checkbox-field{display:flex;align-items:center;gap:10px;margin:12px 0;color:#f4efe4d9}.checkbox-field input{width:16px;height:16px}.secondary-button{padding:12px 16px;border-radius:14px;background:linear-gradient(135deg,#34998e,#3c7698);color:#fff}.error-panel{margin-bottom:16px;color:#ffd5c1;background:#85281b47}.info-panel{margin-bottom:16px;color:#d9f5eb;background:#276f4a38}.crash-message{margin:0 0 16px;color:#ffd289;word-break:break-word}.document-row{padding:14px 0;border-top:1px solid rgba(255,255,255,.08)}.document-row:first-of-type{border-top:none;padding-top:0}.document-row-head{display:flex;justify-content:space-between;gap:16px;align-items:start}.document-meta{margin-top:10px;display:flex;flex-wrap:wrap;gap:8px 12px;color:#f4efe4b8;font-size:14px}.document-status-chip{padding:6px 10px;border-radius:999px;background:#ffffff14;color:#ffe7bb;font-size:12px;white-space:nowrap}.document-ready-card,.document-result-card,.document-question-box{margin-top:12px;padding:12px 14px;border-radius:16px;background:#ffffff0a}.document-ready-card{border:1px solid rgba(76,197,183,.28)}.document-ready-card strong,.document-result-head strong{color:#f4efe4}.document-ready-card p,.document-result-card p,.document-question-label{margin:8px 0 0;color:#f4efe4d6}.document-result-card{border:1px solid rgba(255,255,255,.06)}.document-result-card-accent{border-color:#4cc5b747}.document-result-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.document-result-head span{font-size:12px;color:#ffe7bbdb}.document-question-label{font-weight:600}.document-question-box .field{margin-bottom:10px}.image-preview-card{margin-top:12px;padding:12px;border-radius:18px;background:#ffffff0a}.image-preview{display:block;width:100%;max-height:420px;object-fit:cover;border-radius:14px}.document-actions{margin-top:12px;display:flex;flex-wrap:wrap;gap:10px}.document-error{margin:12px 0 0;color:#ffb39b}.document-structured-summary{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px 12px;color:#d9f5ebe0;font-size:14px}.document-structured-block{margin-top:10px;padding:12px 14px;border-radius:16px;background:#ffffff0a}.structured-list{margin:8px 0 0;padding-left:18px;color:#f4efe4d1}.structured-list li+li{margin-top:6px}.document-policy-card{margin:14px 0;padding:14px 16px;border-radius:18px;background:#ffffff0a;border:1px solid rgba(255,255,255,.06)}.document-policy-head{display:flex;justify-content:space-between;gap:12px;align-items:center;color:#ffe7bb}.document-scenario-grid{margin-top:12px;display:grid;gap:10px}.document-scenario-card{display:grid;gap:4px;padding:10px 12px;border-radius:14px;background:#090f187a}.document-scenario-card span{color:#7fe0d7;font-weight:600}.document-scenario-card small{color:#f4efe4bd}.secondary-button-muted{background:#ffffff14;color:#f4efe4}@media (max-width: 820px){.browser-entry-grid,.browser-surface-split,.browser-module-grid,.browser-flow-grid,.browser-unified-strip,.browser-module-surface-grid,.browser-module-prompt-grid{grid-template-columns:1fr}}code{font-family:Consolas,Courier New,monospace}@media (max-width: 780px){.hero,.grid{grid-template-columns:1fr}.surface-banner{flex-direction:column;align-items:flex-start}.surface-banner-actions{width:100%}.admin-grid,.field-grid{grid-template-columns:1fr}.app-card{padding:18px}}
