:root{--beacon-ink: #102019;--beacon-forest: #005c30;--beacon-green: #00753e;--beacon-lime: #8dc63f;--beacon-cream: #faf9f7;--beacon-mist: #edf5eb;--beacon-line: #d6e2d3;--beacon-muted: #5f6f63;--beacon-warm-line: #e3ded2;--beacon-shadow: rgb(0 47 25 / 10%);color:var(--beacon-ink);background:linear-gradient(135deg,rgb(141 198 63 / 11%),transparent 34%),linear-gradient(180deg,var(--beacon-cream),#eef4ea 82%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,select,textarea{font:inherit}button{cursor:pointer}main{width:min(1440px,100%);margin:0 auto;padding:32px}main.app-shell{display:grid;width:100%;min-height:100vh;grid-template-columns:clamp(300px,17vw,360px) minmax(0,1fr);gap:0;padding:0;margin:0;transition:grid-template-columns .18s ease}main.app-shell.menu-collapsed{grid-template-columns:86px minmax(0,1fr)}.side-menu{position:sticky;top:0;display:flex;height:100vh;flex-direction:column;gap:22px;overflow-x:hidden;overflow-y:auto;padding:28px clamp(20px,1.6vw,28px);border-right:1px solid var(--beacon-line);background:#faf9f7cc;box-shadow:16px 0 34px #002f190f}.side-menu-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center}.menu-toggle{flex:0 0 auto}.app-content{min-width:0;padding:32px clamp(24px,3vw,56px)}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:6px 0 24px}.app-content>.app-header{justify-content:flex-end}.app-header h1,.panel h2{margin:0;color:var(--beacon-ink);letter-spacing:0}.app-header h1{max-width:760px;font-size:clamp(2rem,4vw,4.2rem);line-height:.98}.eyebrow{margin:0 0 8px;color:var(--beacon-muted);font-size:.78rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.firebase-pill,.primary-button,.secondary-button,.danger-button,.icon-button,.tabs button,.side-nav button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:8px;font-weight:750;white-space:nowrap}.firebase-pill{padding:10px 13px;color:var(--beacon-forest);border-color:#00753e2e;background:#8dc63f2e}.header-actions{display:inline-flex;align-items:center;justify-content:flex-end;gap:12px;min-width:0}.account-card{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:5px 6px 5px 10px;border:1px solid var(--beacon-line);border-radius:8px;background:#faf9f7e0;box-shadow:0 10px 24px #002f1914}.account-avatar{display:grid;width:32px;height:32px;place-items:center;border:1px solid rgb(0 117 62 / 26%);border-radius:999px;color:var(--beacon-forest);background:#8dc63f29}.account-copy{display:grid;min-width:0;line-height:1.1}.account-copy strong,.account-copy small{max-width:190px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-copy strong{color:var(--beacon-ink);font-size:.9rem;font-weight:850}.account-copy small{margin-top:3px;color:var(--beacon-muted);font-size:.72rem;font-weight:760}.brand-lockup{display:inline-flex;align-items:center;gap:12px;min-width:0}.brand-logo-wrap{position:relative;display:inline-flex;flex-shrink:0}.brand-dev-ribbon{position:absolute;bottom:-2px;right:-6px;background:#e65c00;color:#fff;font-size:.5rem;font-weight:800;letter-spacing:.06em;padding:1px 4px;border-radius:3px;line-height:1.4;pointer-events:none;z-index:1}.brand-logo{width:44px;height:44px;margin-left:16px;margin-right:14px;object-fit:contain;transform:scale(1.9);transform-origin:center;filter:drop-shadow(0 8px 14px rgb(0 92 48 / 16%))}.brand-title{margin:0;color:var(--beacon-forest);font-size:2rem;font-weight:900;letter-spacing:0}.side-nav{display:grid;gap:6px}.side-nav button{min-height:42px;justify-content:flex-start;padding:0 12px;color:#486153;background:transparent}.side-nav button.active{color:var(--beacon-cream);background:var(--beacon-forest)}.menu-collapsed .side-menu{align-items:center;padding-inline:14px}.menu-collapsed .side-menu-top{grid-template-columns:1fr;justify-items:center;gap:12px}.menu-collapsed .brand-lockup{justify-content:center;width:100%}.menu-collapsed .brand-logo{width:46px;height:46px;margin-inline:0;transform-origin:center center}.menu-collapsed .menu-toggle{margin-inline:auto}.menu-collapsed .brand-title,.menu-collapsed .side-nav span,.menu-collapsed .side-section{display:none}.menu-collapsed .side-nav{width:100%}.menu-collapsed .side-nav button{width:100%;justify-content:center;padding:0}.side-section{display:grid;min-height:0;gap:10px}.side-section-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 2px 0}.side-section-heading h2{margin:0;color:var(--beacon-ink);font-size:1rem}.side-guide-filters{display:grid;gap:8px}.side-guide-filters .search-input{min-height:36px}.side-guide-filters .search-input input{min-height:36px;font-size:.83rem}.side-guide-filters select{min-height:34px;padding:6px 10px;font-size:.83rem}.side-filter-pills{display:flex;flex-wrap:wrap;gap:5px}.side-filter-pills button{display:inline-flex;align-items:center;min-height:28px;border:1px solid var(--beacon-line);border-radius:999px;padding:0 10px;color:var(--beacon-muted);font-size:.76rem;font-weight:800;white-space:nowrap;background:transparent;transition:color .12s ease,border-color .12s ease,background-color .12s ease}.side-filter-pills button:hover{color:var(--beacon-forest);border-color:#00753e47;background:var(--beacon-mist)}.side-filter-pills button.active{color:var(--beacon-cream);border-color:var(--beacon-forest);background:var(--beacon-forest)}.side-guide-list{overflow:auto;padding:0}.side-empty{margin:8px 2px;color:var(--beacon-muted);font-size:.9rem;font-weight:750}.dashboard-page,.settings-page{display:grid;gap:18px}.page-heading{display:grid;gap:4px}.page-heading h1{margin:0;color:var(--beacon-forest);font-size:2rem;line-height:1.1}.settings-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.dashboard-grid{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(360px,1.2fr);gap:16px;align-items:start}.settings-card{display:grid;gap:14px;align-content:start;border:1px solid var(--beacon-line);border-radius:8px;padding:18px;background:#faf9f7f5;box-shadow:0 14px 32px var(--beacon-shadow)}.settings-card-heading{display:flex;align-items:center;gap:10px}.settings-card-heading svg{color:var(--beacon-green)}.settings-card h2{margin:0;color:var(--beacon-ink);font-size:1.08rem}.settings-list{display:grid;gap:10px;margin:0}.settings-list div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:12px;align-items:start}.settings-list.compact div{grid-template-columns:1fr auto}.settings-list dt{color:var(--beacon-muted);font-size:.78rem;font-weight:850;letter-spacing:.04em;text-transform:uppercase}.settings-list dd{min-width:0;margin:0;overflow-wrap:anywhere;color:var(--beacon-ink);font-weight:700}.status-pill{display:inline-flex;align-items:center;gap:7px;min-height:30px;border:1px solid transparent;border-radius:999px;padding:0 10px;font-weight:850}.status-pill.connected{color:var(--beacon-forest);border-color:#00753e2e;background:#8dc63f2e}.status-pill.demo{color:#7b642e;border-color:#ead9a8;background:#fff8dd}.guide-stats-list,.recent-response-list{display:grid;gap:10px}.guide-stat-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;border:1px solid var(--beacon-line);border-radius:8px;padding:12px;background:#fbfaf5}.guide-stat-row strong,.guide-stat-row small,.recent-response-row strong,.recent-response-row small{display:block}.guide-stat-row small,.recent-response-row small{margin-top:3px;color:var(--beacon-muted)}.guide-stat-row b{color:var(--beacon-forest);font-size:1.35rem}.recent-response-row{display:grid;gap:6px;border:1px solid var(--beacon-line);border-radius:8px;padding:12px;background:#fbfaf5}.recent-response-row p{margin:0;color:var(--beacon-ink);line-height:1.45}.dashboard-empty{margin:0;color:var(--beacon-muted);font-weight:750}.auth-page{display:grid;min-height:100vh;width:min(100%,100%);place-items:center;padding:24px}.auth-panel,.loading-panel{width:min(430px,100%);border:1px solid var(--beacon-line);border-radius:8px;padding:26px;background:#faf9f7f5;box-shadow:0 24px 60px #002f1924}.auth-brand{display:flex;gap:16px;align-items:center;margin-bottom:24px}.auth-logo{width:62px;height:62px;object-fit:contain;filter:drop-shadow(0 8px 14px rgb(0 92 48 / 16%))}.auth-panel h1{margin:0;color:var(--beacon-forest);font-size:2rem;line-height:1}.auth-form{display:grid;gap:16px}.auth-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--beacon-warm-line);border-radius:8px;padding-left:12px;background:#fff}.auth-input svg{color:var(--beacon-green)}.auth-input input{border:0;box-shadow:none}.auth-submit{width:100%}.loading-panel{display:grid;place-items:center;gap:12px;color:var(--beacon-muted);font-weight:800;text-align:center}.loading-panel p{margin:0}.loading-animation{width:96px;height:96px;object-fit:contain}.metrics-band{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid var(--beacon-line);border-radius:8px;background:var(--beacon-line);box-shadow:0 16px 34px var(--beacon-shadow)}.metrics-band div{display:grid;grid-template-columns:auto 1fr;gap:7px 12px;align-items:center;padding:18px;background:#faf9f7eb}.metrics-band svg{color:var(--beacon-green)}.metrics-band span{font-size:2rem;font-weight:820;color:var(--beacon-forest)}.metrics-band small{grid-column:2;color:var(--beacon-muted);font-weight:650}.tabs{display:inline-flex;gap:6px;margin:24px 0;padding:4px;border:1px solid var(--beacon-line);border-radius:8px;background:#faf9f7e0;box-shadow:0 12px 28px #002f1912}.tabs button{min-height:38px;padding:0 14px;color:#486153;background:transparent}.tabs button.active{color:var(--beacon-cream);background:var(--beacon-forest)}.workspace-grid{display:grid;grid-template-columns:320px minmax(0,1fr) 340px;gap:18px;align-items:start}.composer-grid{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:clamp(24px,2.5vw,44px)}.segment-layout{grid-template-columns:minmax(0,1fr)}.panel{border:1px solid var(--beacon-line);border-radius:8px;background:#faf9f7f5;box-shadow:0 14px 32px var(--beacon-shadow)}.guide-list{max-height:calc(100vh - 240px);overflow:auto}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px;border-bottom:1px solid var(--beacon-line)}.panel h2{font-size:1.18rem}.list-stack{display:grid;gap:6px;padding:10px}.guide-row{display:grid;grid-template-columns:auto 1fr;gap:12px;width:100%;min-height:64px;padding:12px;border:1px solid transparent;border-radius:8px;color:var(--beacon-ink);text-align:left;background:transparent}.guide-row.active,.guide-row:hover{border-color:#00753e47;background:var(--beacon-mist)}.guide-row strong,.guide-row small{display:block}.guide-row small{margin-top:4px;color:var(--beacon-muted)}.status-dot{width:10px;height:10px;margin-top:5px;border-radius:999px;background:#9ca39a}.status-dot.published{background:var(--beacon-green)}.status-dot.draft{background:#bf7b2f}.status-dot.archived{background:#767b75}.editor{display:grid;gap:18px;padding-bottom:18px}.editor>label,.form-grid,.rule-list,.field-hint,.error-banner,.editor>.secondary-button,.editor>.danger-button,.editor>.guide-history{margin-inline:18px}.guide-history{padding:12px 14px;border:1px solid var(--beacon-line);border-radius:8px;background:var(--beacon-mist)}.guide-history dl{display:grid;grid-template-columns:1fr 1fr;gap:10px 16px;margin:0}.guide-history dt{margin-bottom:2px;color:var(--beacon-muted);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em}.guide-history dd{margin:0;color:var(--beacon-ink);font-size:13px;word-break:break-all}label{display:grid;gap:8px;color:#40584a;font-size:.85rem;font-weight:780}.field-label{display:inline-flex;align-items:baseline;gap:4px}.required-mark{color:#8a9289;font-weight:900}input,select,textarea{width:100%;min-width:0;min-height:42px;border:1px solid var(--beacon-warm-line);border-radius:8px;padding:10px 12px;color:var(--beacon-ink);background:#fff;outline:none}input[type=checkbox]{width:18px;min-height:18px;accent-color:var(--beacon-green)}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--beacon-green);box-shadow:0 0 0 3px #8dc63f3b}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.compact-grid{margin-inline:0;gap:12px}.form-grid>label{min-width:0}.wide-field{grid-column:1 / -1}.checkbox-row{display:inline-flex;grid-template-columns:none;align-items:center;justify-content:flex-start;width:fit-content;min-height:42px}.editor-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-inline:18px;border-bottom:1px solid var(--beacon-line)}.editor-tabs button{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:7px;border:0;border-bottom:2px solid transparent;border-radius:0;color:#52665a;font-weight:820;background:transparent}.editor-tabs button.active{color:var(--beacon-forest);border-bottom-color:var(--beacon-green);background:#eef8f1ad}.style-section{display:grid;gap:14px;margin-inline:18px;border:1px solid var(--beacon-line);border-radius:8px;padding:14px;background:#fff}.style-section-heading{display:grid;grid-template-columns:34px 1fr;gap:10px;align-items:center}.style-section-heading strong,.style-section-heading small{display:block}.style-section-heading strong{color:var(--beacon-forest);font-size:.95rem}.style-section-heading small{margin-top:3px;color:var(--beacon-muted);font-size:.78rem;font-weight:650;line-height:1.35}.style-section-icon{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;color:var(--beacon-forest);background:var(--beacon-mist)}.switch-row{display:flex;min-height:44px;align-items:center;justify-content:space-between;gap:12px;border:1px solid var(--beacon-warm-line);border-radius:8px;padding:10px 12px;background:#fbfaf5}.switch-row input{flex:0 0 auto}.style-button-row{display:flex;gap:8px}.style-button-row button{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;padding:0;color:#40584a;border-color:var(--beacon-warm-line);background:#fff}.style-button-row button.active{color:var(--beacon-cream);border-color:var(--beacon-forest);background:var(--beacon-forest)}.style-action-button{width:fit-content;margin:0;gap:8px}.primary-button,.secondary-button,.danger-button,.icon-button{min-height:40px;padding:0 14px}.primary-button{color:var(--beacon-cream);background:var(--beacon-forest)}.primary-button:hover{background:var(--beacon-green)}.primary-button:disabled{cursor:not-allowed;opacity:.55}.secondary-button{color:var(--beacon-forest);border-color:#00753e3d;background:var(--beacon-mist)}.danger-button{width:fit-content;color:#7e261e;border-color:#f1c4be;background:#fff1ef}.icon-button{width:40px;padding:0;color:var(--beacon-forest);border-color:#00753e3d;background:var(--beacon-mist)}.phone-preview{position:sticky;top:24px}.builder-preview{min-width:0;display:grid;justify-items:stretch}.preview-controls{display:flex;justify-content:space-between;gap:10px;margin-bottom:12px}.preview-controls h2{margin:2px 0 0;color:var(--beacon-forest);font-size:1.2rem}.preview-control-stack{display:inline-flex;flex-wrap:nowrap;align-items:center;justify-content:flex-end;gap:8px}.preview-device-select{height:42px;padding:0 10px;border:1px solid var(--beacon-line);border-radius:8px;color:#486153;font-size:.85rem;font-weight:650;background:var(--beacon-cream);cursor:pointer}.segmented-control{display:inline-flex;gap:4px;padding:4px;border:1px solid var(--beacon-line);border-radius:8px;background:var(--beacon-cream)}.segmented-control button{display:grid;width:34px;height:32px;place-items:center;border:0;border-radius:6px;color:#486153;background:transparent}.segmented-control button.active{color:var(--beacon-cream);background:var(--beacon-forest)}.preview-frame-toggle{display:grid;width:42px;height:42px;place-items:center;border:1px solid var(--beacon-line);border-radius:8px;padding:0;color:#486153;background:var(--beacon-cream)}.preview-frame-toggle.active{color:var(--beacon-cream);border-color:var(--beacon-forest);background:var(--beacon-forest)}.tablet-landscape-icon{transform:rotate(90deg)}.phone-shell{display:flex;width:min(100%,760px,calc((100vh - 150px)*.75));aspect-ratio:9 / 19.5;align-items:center;justify-content:center;justify-self:center;padding:clamp(18px,2vw,28px);border:10px solid #13251b;border-radius:36px;overflow:hidden;background:linear-gradient(180deg,#fffc,#ffffff59),#dfece0;box-shadow:0 24px 60px #002f1938}.phone-screen{display:flex;flex-direction:column;align-items:center;width:100%;height:100%;overflow-y:auto;overflow-x:hidden}.phone-shell.frame-hidden{padding:0;border-color:transparent;border-radius:0;background:transparent;box-shadow:none}.phone-shell.landscape{aspect-ratio:19.5 / 9;min-height:280px}.phone-shell.tablet{width:min(100%,760px,calc((100vh - 150px)*.6893));aspect-ratio:1668 / 2420;border-radius:28px}.phone-shell.tablet.landscape{width:min(100%,1040px,calc((100vh - 150px)*1.4509));aspect-ratio:2420 / 1668}@media (min-width: 1500px){.app-content{padding-inline:clamp(40px,4vw,80px)}.composer-grid{grid-template-columns:minmax(720px,1fr) minmax(400px,460px)}}@media (min-width: 1900px){.composer-grid{grid-template-columns:minmax(900px,1fr) minmax(420px,500px)}.guide-settings-panel .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.mobile-guide{width:100%;border:1px solid var(--beacon-line);border-radius:8px;padding:18px;background:var(--beacon-cream);box-shadow:0 18px 45px #002f1929}.builder-card{position:relative;display:grid;gap:12px;min-height:280px;align-content:center}.builder-block{position:relative;display:grid;gap:8px;margin:18px 0 2px;border:1px solid transparent;border-radius:8px;padding:8px 8px 12px;transition:border-color .14s ease,box-shadow .14s ease,background-color .14s ease}.builder-block:hover,.builder-block:focus-within,.builder-block.selected{border-color:#00753e52;background:#ffffff73;box-shadow:0 0 0 2px #00753e1a}.builder-block-controls{position:absolute;left:50%;top:-76px;display:inline-flex;align-items:center;gap:4px;border:1px solid #c7cfd7;border-radius:8px;padding:6px;background:#eceff3;box-shadow:0 6px 18px #111a2433;opacity:0;transform:translate(-50%,3px);transition:opacity .14s ease,transform .14s ease;z-index:6}.builder-block:hover .builder-block-controls,.builder-block:focus-within .builder-block-controls,.builder-block.selected .builder-block-controls{opacity:1;transform:translate(-50%)}.builder-block-move{display:grid;width:38px;height:38px;min-width:38px;min-height:38px;place-items:center;margin:0;border:1px solid transparent;border-radius:12px;padding:0;color:#2a3038;background:#dbe1e8;transition:background-color .13s ease,color .13s ease,border-color .13s ease}.builder-block-move.active{color:#101317;border-color:#9db3a5;background:#a1b9ad}.builder-block-move:hover:not(:disabled){background:#cfd7df}.builder-block-move.danger{color:#fff;background:#0a6937}.builder-block-move.danger:hover{background:#095f32}.builder-block-move:disabled{opacity:.38;cursor:not-allowed}.mobile-guide.modal{margin-block:auto}.mobile-guide.banner{align-self:flex-start}.mobile-guide.tooltip{width:84%;align-self:flex-end}.mobile-guide h3{margin:12px 0 8px}.mobile-guide p{margin:0;color:var(--beacon-muted);line-height:1.5}.mobile-guide-media{display:block;width:100%;height:150px;border-radius:8px;object-fit:cover;background:#e7eee9}.mobile-guide-video{display:flex;gap:10px;align-items:center;border-radius:8px;padding:12px;color:var(--beacon-forest);font-weight:850;background:var(--beacon-mist)}.mobile-guide button{width:100%;min-height:42px;margin-top:18px;border:0;border-radius:8px;color:var(--beacon-cream);font-weight:780;background:var(--beacon-forest)}.mobile-guide-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-top:6px}.mobile-guide-actions button{margin-top:0}.mobile-guide button.secondary-preview-button{color:var(--beacon-forest);background:var(--beacon-mist)}.mobile-guide-input{display:grid;gap:7px;margin-top:14px}.mobile-guide-input small{color:#40584a;font-weight:800}.mobile-guide-input span{min-height:46px;border:1px solid var(--beacon-warm-line);border-radius:8px;padding:12px;color:#8b938a;background:#fff}.mobile-guide-icon{display:grid;width:38px;height:38px;place-items:center;border-radius:8px;color:var(--beacon-forest);background:#8dc63f3d}.hidden-file-input{position:absolute;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}.blank-guide-canvas{position:relative;display:grid;min-height:230px;place-items:center;border:1px dashed rgb(0 117 62 / 32%);border-radius:8px;color:var(--beacon-muted);text-align:center;background:#ffffff75}.blank-guide-canvas strong,.blank-guide-canvas span{display:block}.blank-guide-canvas strong{color:var(--beacon-forest);font-size:1.05rem}.blank-guide-canvas span{margin-top:6px;font-size:.88rem;font-weight:650}.builder-add-control{position:absolute;top:12px;right:12px;z-index:5}.builder-add-button{display:grid;width:38px;height:38px;min-width:38px;min-height:38px;place-items:center;border:1px solid rgb(0 117 62 / 24%);border-radius:999px;padding:0;color:var(--beacon-cream);background:var(--beacon-forest);box-shadow:0 10px 24px #002f192e;opacity:0;transform:scale(.92);transition:opacity .15s ease,transform .15s ease}.mobile-guide .builder-add-button{width:38px;height:38px;min-width:38px;min-height:38px;margin-top:0;flex:0 0 38px;align-self:center;justify-self:center}.mobile-guide:hover .builder-add-button,.mobile-guide:focus-within .builder-add-button,.builder-add-control:focus-within .builder-add-button{opacity:1;transform:scale(1)}.builder-add-menu{position:absolute;top:46px;right:0;display:grid;gap:4px;width:184px;border:1px solid var(--beacon-line);border-radius:8px;padding:6px;background:#fff;box-shadow:0 18px 36px #002f192e}.builder-add-menu button{display:grid;grid-template-columns:20px 1fr;gap:8px;align-items:center;width:100%;min-height:36px;margin:0;border:0;border-radius:6px;padding:8px;color:var(--beacon-ink);font-weight:750;text-align:left;background:transparent}.builder-add-menu button:hover{color:var(--beacon-forest);background:var(--beacon-mist)}.guide-title-input,.guide-body-input,.guide-inline-input,.guide-button-input,.editable-response input{width:100%;border-color:transparent;background:#ffffffb8}.guide-title-input{min-height:58px;padding:6px 8px;color:var(--beacon-ink);font-size:1.12rem;font-weight:860;line-height:1.25;resize:none}.guide-body-input{min-height:96px;padding:8px;color:var(--beacon-muted);line-height:1.5}.guide-inline-input{min-height:40px}.guide-button-input{min-height:42px;border:0;color:var(--beacon-cream);font-weight:780;text-align:center;background:var(--beacon-forest)}.guide-image-frame{display:block;width:100%;min-height:0;margin:0;border:0;border-radius:8px;padding:0;overflow:hidden;justify-self:center;background:transparent}.mobile-guide .media-upload-button{width:100%;justify-content:center;margin:0;border:1px dashed rgb(0 117 62 / 32%);color:var(--beacon-forest);background:var(--beacon-mist)}.editable-response{margin-top:0}.survey-preview{width:100%;border:1px solid var(--beacon-warm-line);border-radius:8px;padding:10px 12px;background:#fff}.rating-preview{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.yes-no-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.mobile-guide .yes-no-preview button,.mobile-guide .rating-preview button{min-height:36px;margin-top:0;border:1px solid rgb(0 117 62 / 18%);color:var(--beacon-forest);background:var(--beacon-mist)}.rule-list{display:grid;gap:10px}.field-hint{padding:12px;border:1px solid var(--beacon-warm-line);border-radius:8px;color:var(--beacon-muted);font-size:.88rem;font-weight:650;line-height:1.45;background:#fbfaf5}.setup-panel{display:grid;gap:24px;padding:26px}.setup-hero{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start}.setup-icon{display:grid;width:52px;height:52px;place-items:center;border:1px solid rgb(0 117 62 / 24%);border-radius:8px;color:var(--beacon-forest);background:#8dc63f2e}.setup-hero h2{margin:0;color:var(--beacon-forest);font-size:1.7rem;line-height:1.15}.setup-hero p,.setup-steps p{margin:10px 0 0;max-width:760px;color:var(--beacon-muted);line-height:1.55}.setup-steps{display:grid;gap:16px}.setup-steps>div{display:grid;gap:10px}.setup-steps strong{color:var(--beacon-ink)}.setup-steps pre{overflow:auto;margin:0;border:1px solid var(--beacon-line);border-radius:8px;padding:14px;color:#dcefe4;background:#102019}.setup-steps code{font:.86rem/1.55 ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;white-space:pre}.error-banner{padding:12px;border:1px solid #f1c4be;border-radius:8px;color:#7e261e;font-size:.9rem;font-weight:750;line-height:1.45;background:#fff1ef}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:2000;display:grid;place-items:center;padding:20px;background:#1020196b}.save-modal{display:grid;justify-items:center;gap:16px;width:min(420px,100%);border:1px solid var(--beacon-line);border-radius:8px;padding:26px;text-align:center;background:var(--beacon-cream);box-shadow:0 24px 70px #002f193d}.save-modal h2{margin:0;color:var(--beacon-forest);font-size:1.35rem}.save-modal p{margin:8px 0 0;color:var(--beacon-muted);line-height:1.5}.save-modal-icon{display:grid;width:58px;height:58px;place-items:center;border-radius:999px}.save-modal-icon.saving{background:#8dc63f2e}.save-modal-icon.success{color:var(--beacon-forest);background:#8dc63f2e}.save-modal-icon.error{color:#7e261e;background:#fff1ef}.saving-spinner{width:28px;height:28px;border:3px solid rgb(0 117 62 / 20%);border-top-color:var(--beacon-forest);border-radius:999px;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.rule-row{display:grid;grid-template-columns:1fr 150px 1fr;gap:10px}.rule-section{display:flex;flex-direction:column;gap:10px;padding:16px;border:1px solid var(--beacon-line);border-radius:10px;background:var(--beacon-cream)}.rule-section-heading{margin:0 0 4px;font-size:13px;color:#596158}.rule-row-improved{display:grid;grid-template-columns:1fr 160px 1fr auto;gap:8px;align-items:center}.rule-row-improved select.placeholder{color:#8b938a}.rule-value-input{min-width:0}.rule-remove-button{width:30px;height:30px;color:#c0392b;border-color:transparent;background:transparent}.rule-remove-button:disabled{opacity:.3}.field-optional{font-size:12px;font-weight:400;color:#8b938a;margin-left:4px}.role-notice{margin:0;padding:10px 14px;border-radius:8px;font-size:13px;color:#596158;background:#eef8f1}.settings-card-wide{grid-column:1 / -1}.sdk-instructions-toggle{display:inline-flex;align-items:center;gap:8px;margin-top:16px;padding:8px 14px;border:1.5px solid #c5d9cc;border-radius:8px;background:#f4faf6;color:#2d4f3c;font-size:13px;font-weight:600;cursor:pointer}.sdk-instructions-toggle:hover{background:#e6f4ec;border-color:#a8c9b3}.sdk-instructions-chevron{font-size:10px;color:#6b8f77}.sdk-setup-prompt{display:flex;flex-direction:column;gap:14px}.sdk-setup-prompt p{margin:0;color:#596158;font-size:14px}.sdk-hint{font-size:12px!important;color:#8b938a!important}.sdk-code-block{display:flex;flex-direction:column;gap:6px}.sdk-code-label{margin:0;font-size:12px;font-weight:700;color:#3f4942}.sdk-code-block code{display:block;padding:12px 14px;border-radius:8px;font-family:monospace;font-size:13px;white-space:pre;background:#1a2e23;color:#c6f0d4;overflow-x:auto}.inline-code{padding:2px 6px;border-radius:4px;font-family:monospace;font-size:12px;background:#eef8f1;color:#173c2f}.settings-subheading{margin:12px 0 8px;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#8b938a}.registered-apps-list{display:flex;flex-direction:column;gap:2px}.registered-app-row{display:flex;align-items:center;gap:10px;padding:8px 0;border-top:1px solid var(--beacon-line)}.registered-app-row div{display:flex;flex-direction:column;gap:2px}.registered-app-row strong{font-size:14px;color:#111713}.registered-app-row small{font-size:12px;color:#8b938a}.users-panel{overflow:hidden}.users-heading{align-items:flex-end}.users-filters{display:grid;grid-template-columns:minmax(180px,240px) minmax(220px,320px);gap:12px;align-items:end}.search-input{display:grid;grid-template-columns:auto 1fr;align-items:center;border:1px solid var(--beacon-warm-line);border-radius:8px;padding-left:12px;background:#fff}.search-input input{border:0;box-shadow:none}.user-table{overflow:auto}.user-table-row{display:grid;grid-template-columns:minmax(220px,1.3fr) minmax(190px,1fr) minmax(190px,1fr) minmax(130px,.7fr) minmax(170px,.8fr);gap:14px;align-items:center;min-width:980px;padding:14px 18px;border-top:1px solid var(--beacon-line)}.user-table-row.header{color:var(--beacon-muted);font-size:.76rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase;background:#fbfaf5}.user-cell{display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px;align-items:center}.user-cell svg{color:var(--beacon-green)}.user-cell strong,.user-cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-cell small{margin-top:3px;color:var(--beacon-muted)}.empty-state{display:flex;gap:10px;align-items:center;justify-content:center;min-height:180px;border-top:1px solid var(--beacon-line);color:var(--beacon-muted);font-weight:750}.response-list{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;padding:18px}.response-card{display:grid;gap:14px;border:1px solid var(--beacon-line);border-radius:8px;padding:16px;background:#fbfaf5}.response-card-heading{display:grid;grid-template-columns:auto 1fr;gap:10px;align-items:center}.response-card-heading svg{color:var(--beacon-green)}.response-card-heading strong,.response-card-heading small{display:block}.response-card-heading small{margin-top:3px;color:var(--beacon-muted)}.response-card p{margin:0;color:var(--beacon-ink);font-size:1rem;line-height:1.45}.response-card dl{display:grid;gap:8px;margin:0}.response-card dl div{display:grid;grid-template-columns:80px 1fr;gap:8px}.response-card dt{color:var(--beacon-muted);font-weight:800}.response-card dd{margin:0}@media (max-width: 1100px){.workspace-grid{grid-template-columns:280px minmax(0,1fr)}.composer-grid{grid-template-columns:1fr}.phone-preview{grid-column:1 / -1;position:static}.phone-shell{max-width:360px;margin:0 auto}.phone-shell.landscape,.phone-shell.tablet.landscape{max-width:none}}@media (max-width: 760px){main{padding:20px}main.app-shell{grid-template-columns:1fr;padding:0}main.app-shell.menu-collapsed{grid-template-columns:1fr}.side-menu{position:static;height:auto;padding:20px;border-right:0;border-bottom:1px solid var(--beacon-line)}.menu-collapsed .side-menu{align-items:stretch;padding:20px}.menu-collapsed .side-menu-top{grid-template-columns:minmax(0,1fr) auto}.menu-collapsed .brand-lockup{justify-content:flex-start}.menu-collapsed .brand-logo{width:58px;height:58px}.menu-collapsed .brand-title,.menu-collapsed .side-nav span,.menu-collapsed .side-section{display:revert}.menu-collapsed .side-nav button{justify-content:flex-start;padding:0 12px}.app-content{padding:20px}.app-header,.workspace-grid,.metrics-band,.dashboard-grid,.settings-grid,.form-grid,.rule-row,.users-filters{grid-template-columns:1fr}.settings-list div,.settings-list.compact div{grid-template-columns:1fr;gap:4px}.app-header{display:grid}.header-actions{display:grid;width:100%;justify-content:stretch}.firebase-pill,.account-card{width:100%}.account-copy{min-width:0;width:100%}.tabs{display:grid;width:100%;grid-template-columns:repeat(2,minmax(0,1fr))}.tabs button{min-width:0}.guide-list{max-height:none}}