:root{--font-sans:"IBM Plex Sans", "Avenir Next", "Segoe UI", sans-serif;--font-display:"Fraunces", "Georgia", serif;--shell-max:1380px;--radius-lg:28px;--radius-md:18px;--radius-sm:12px;--transition:.18s ease;font-size:15px;font-family:var(--font-sans);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-weight:400;line-height:1.5}:root[data-theme=dark]{--bg:#0b1016;--bg-soft:#0f1721d1;--panel:#0f1721e6;--panel-strong:#0a1018fa;--border:#7c91a82e;--text:#edf2f8;--muted:#93a2b5;--accent:#f7b267;--accent-strong:#ff9d3b;--accent-soft:#f7b2671f;--success:#8bd3a7;--warning:#ffcf6d;--button-text:#140d08;--hero:radial-gradient(circle at top, #f7b26724, transparent 30%), linear-gradient(180deg, #0a0f15 0%, #121923 100%);--shadow:0 24px 80px #00000059}:root[data-theme=eggshell]{--bg:#f3eee6;--bg-soft:#fff9f0d9;--panel:#fffcf6f2;--panel-strong:#fffbf3fa;--border:#6f533424;--text:#241a12;--muted:#6c5c4d;--accent:#9f5b29;--accent-strong:#7f3f14;--accent-soft:#9f5b291f;--success:#2f6b4f;--warning:#946800;--button-text:#fffaf3;--hero:radial-gradient(circle at top, #bf732529, transparent 34%), linear-gradient(180deg, #fbf7ef 0%, #f1e9de 100%);--shadow:0 20px 60px #5f412224}*{box-sizing:border-box}html,body,#root{min-height:100%}body{background:var(--hero);min-width:320px;color:var(--text);margin:0}button,input,textarea,select{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0}input,textarea,select{border:1px solid var(--border);width:100%;color:var(--text);border-radius:var(--radius-sm);background:#ffffff08;padding:.75rem .85rem}textarea{resize:vertical}a{color:inherit;text-decoration:none}#root{width:100%}.app-shell{max-width:var(--shell-max);margin:0 auto;padding:.95rem}.app-header,.panel-header,.button-row,.tabs-row,.header-actions,.file-section-header,.file-row,.metric-row,.question-editor-top,.sidebar-header,.row-actions,.inline-control{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.app-header{z-index:10;border:1px solid var(--border);background:var(--bg-soft);-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:var(--shadow);border-radius:999px;margin-bottom:1rem;padding:.72rem .9rem;position:sticky;top:.6rem}.brand-button{align-items:center;gap:.75rem;padding:0;display:flex}.brand-button span{flex-direction:column;align-items:flex-start;display:flex}.brand-button strong{font-family:var(--font-display);font-size:1.02rem;line-height:1.3}.brand-button small{color:var(--muted)}.brand-mark{background:linear-gradient(135deg, var(--accent), transparent 80%), linear-gradient(180deg, #ffffff40, transparent);border-radius:.9rem;width:2rem;height:2rem;box-shadow:inset 0 0 0 1px #ffffff24}.route-shell{min-height:calc(100vh - 8rem)}.hero-layout,.public-layout,.dashboard-grid,.analytics-grid{gap:1rem;display:grid}.hero-layout{grid-template-columns:minmax(0,1.4fr) minmax(280px,.8fr);align-items:stretch}.hero-layout-single{grid-template-columns:minmax(0,760px);justify-content:center}.hero-card,.panel,.subpanel,.modal-card{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.hero-card,.panel,.subpanel{padding:1.15rem}.modal-card{background:var(--panel-strong);width:min(860px,100vw - 2rem);max-height:calc(100vh - 2rem);padding:1.15rem;overflow:auto}.hero-card h1,.project-hero h1,.empty-panel h1,.panel h1,.panel h2,.panel h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0}.hero-card h1,.project-hero h1{margin:.35rem 0 .8rem;font-size:clamp(2.25rem,4.5vw,3.5rem);line-height:.95}.hero-copy,.modal-copy,.muted-copy,.panel p,.rich-copy{color:var(--muted)}.eyebrow,.badge{border:1px solid var(--border);letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.82rem;display:inline-flex}.badge.success{color:var(--success)}.badge.warning{color:var(--warning)}.hero-side,.stack-area,.stack-form,.folder-sections,.history-list,.metric-list,.survey-editor-list,.feedback-grid,.response-grid,.project-list,.folder-tree,.stack-controls,.public-main,.public-side{gap:.85rem;display:grid}.stat-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff0a;padding:.9rem}.stat-card strong,.response-card strong,.feedback-card strong,.history-item strong{margin-bottom:.3rem;display:block}.passcode-form,.grid-two,.file-manager-grid,.stats-grid{gap:.85rem;display:grid}.grid-two,.file-manager-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.file-manager-grid{grid-template-columns:minmax(0,1fr)}.stats-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.field-shell,.toggle-shell{gap:.35rem;display:grid}.field-shell span,.field-label{color:var(--muted);font-size:.92rem}.toggle-shell{grid-template-columns:auto 1fr;align-items:center;gap:.55rem}.toggle-shell input{width:1.1rem;height:1.1rem;margin:0}.primary-button,.ghost-button,.upload-button{white-space:nowrap;transition:transform var(--transition), background var(--transition), border-color var(--transition);border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem .9rem;line-height:1.1;display:inline-flex}.primary-button{background:var(--accent);color:var(--button-text);font-weight:700}.ghost-button,.upload-button{border:1px solid var(--border);background:#ffffff08}.danger-button{color:#b45151;border-color:#be575747}.danger-button:hover{background:#be575714;border-color:#be575766}.small-button{padding-inline:.78rem}.font-controls{gap:.45rem;display:flex}button:disabled{opacity:.48;cursor:not-allowed;transform:none!important}.primary-button:hover,.ghost-button:hover,.upload-button:hover,.project-list-item:hover,.folder-tree-item:hover,.tab-button:hover{transform:translateY(-1px)}.admin-icon{border:1px solid var(--border);border-radius:999px;place-items:center;width:2.3rem;height:2.3rem;display:inline-grid}.admin-icon-dot{background:linear-gradient(180deg, var(--accent), var(--accent-strong));border-radius:50%;width:.72rem;height:.72rem}.inline-error{color:#ef767a;margin:0}.public-layout{grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr)}.admin-layout{grid-template-columns:minmax(230px,.33fr) minmax(0,1fr);gap:.85rem;display:grid}.admin-layout-collapsed{grid-template-columns:5.2rem minmax(0,1fr)}.sidebar{border:1px solid var(--border);background:var(--panel);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:.85rem}.sidebar-collapsed{width:5.2rem}.project-list-item,.folder-tree-item,.tab-button{text-align:left;border-radius:var(--radius-md);border:1px solid #0000;width:100%;padding:.72rem .85rem}.project-list-item,.folder-tree-item{background:#ffffff08}.project-list-item strong,.file-row strong{line-height:1.35;display:block}.project-list-item strong{overflow-wrap:anywhere}.project-list-item small,.file-row small{margin-top:.18rem;line-height:1.35;display:block}.file-row{align-items:flex-start}.file-row strong{overflow-wrap:break-word;word-break:normal}.file-row>div:first-child,.project-list-item{min-width:0}.admin-file-list .file-row{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;gap:.6rem;padding:.82rem .88rem;display:grid}.admin-file-row{align-items:stretch}.admin-file-row-main{gap:.28rem;display:grid}.admin-file-title-row{align-items:flex-start;gap:.6rem;display:flex}.admin-file-title-row strong{flex:1}.admin-file-meta-row{flex-wrap:wrap;align-items:center;gap:.5rem;display:flex}.admin-file-meta-row small{margin-top:0}.file-link-badge{letter-spacing:.01em;border:1px solid #0000;border-radius:999px;flex-shrink:0;padding:.22rem .52rem;font-size:.72rem;font-weight:700}.file-link-badge-live{color:#21543d;background:#8bd3a72e;border-color:#8bd3a75c}.file-link-badge-off{color:#8c4b4b;background:#be57571f;border-color:#be57573d}.admin-file-actions{border-top:1px solid var(--border);gap:.55rem;padding-top:.62rem;display:grid}.admin-file-move,.admin-file-action-buttons{flex-wrap:wrap;align-items:center;gap:.45rem;display:flex}.copy-confirmation{color:#21543d;background:#8bd3a72e;border:1px solid #8bd3a75c;border-radius:999px;align-items:center;padding:.28rem .56rem;font-size:.74rem;font-weight:700;line-height:1;display:inline-flex}.admin-file-move select{flex:0 240px;width:min(240px,100%);min-width:0;padding-block:.58rem}.admin-file-action-buttons .ghost-button,.admin-file-move .ghost-button{border-radius:15px;min-width:0;padding:.52rem .78rem}.file-link-toggle-live{color:#21543d;background:#8bd3a733;border-color:#8bd3a761}.file-link-toggle-live:hover{background:#8bd3a747;border-color:#8bd3a77a}.file-link-toggle-off{color:#8c4b4b;background:#be575724;border-color:#be575747}.file-link-toggle-off:hover{background:#be575733;border-color:#be575766}.project-list-item small,.folder-tree-item small,.history-item small,.history-item span,.file-row small,.metric-row span,.response-card small,.feedback-card small{color:var(--muted)}.project-list-item-active,.folder-tree-item-active,.tab-button-active{background:var(--accent-soft);border-color:#ffffff1f}.admin-main{gap:.85rem;min-width:0;display:grid}.tabs-row{flex-wrap:wrap}.tab-button{width:auto}.notice-banner,.success-copy{border-radius:var(--radius-md);color:var(--success);background:#6fd4a514;border:1px solid #6fd4a533;padding:.75rem .9rem}.dashboard-grid{grid-template-columns:minmax(0,1.55fr) minmax(280px,.75fr)}.compact-panel p{margin:.45rem 0 0}.passcode-value{border-radius:var(--radius-md);border:1px dashed var(--border);letter-spacing:.18em;background:#ffffff08;margin:.6rem 0;padding:.75rem .9rem;font-size:1.05rem}.qr-image{border-radius:var(--radius-md);align-self:center;width:220px;max-width:100%}.history-list,.metric-list,.file-list{border-top:1px solid var(--border);padding-top:.85rem}.history-item,.metric-row{gap:.25rem;display:grid}.response-grid,.feedback-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.response-card,.feedback-card,.question-editor-card{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;padding:.85rem}.option-list{gap:.65rem;display:grid}.option-row{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:.65rem;display:grid}.response-item{margin-top:.8rem}.response-item span{color:var(--muted);margin-bottom:.25rem;display:block}.chart-row{align-items:end;gap:.8rem;min-height:220px;display:flex}.chart-bar-group{flex:1;justify-items:center;gap:.5rem;display:grid}.chart-bars{justify-content:center;align-items:end;gap:.35rem;width:100%;height:180px;display:flex}.chart-bar{border-radius:999px 999px 0 0;width:min(28px,35%);display:inline-block}.chart-bar.visits{background:#7aceffbf}.chart-bar.downloads{background:var(--accent)}.editor-surface{border-radius:var(--radius-md);border:1px solid var(--border);background:#ffffff08;min-height:160px;padding:.85rem}.editor-surface:focus{outline:2px solid #ffffff14}.rich-copy p:first-child{margin-top:0}.rich-copy a,.editor-surface a{color:var(--accent)}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#050a0f94;place-items:center;padding:.8rem;display:grid;position:fixed;inset:0}.loading-panel,.empty-panel{text-align:center;place-items:center;min-height:260px;display:grid}.file-section{border:1px solid var(--border);border-radius:var(--radius-md);background:#ffffff08;padding:.85rem}.row-actions select,.inline-control select{min-width:120px}.admin-file-actions select{min-width:0}.subpanel{padding:.85rem}.upload-button input{display:none}@media (width<=1080px){.hero-layout,.public-layout,.admin-layout,.dashboard-grid,.grid-two,.file-manager-grid,.stats-grid{grid-template-columns:1fr}.sidebar-collapsed{width:auto}.app-header{border-radius:var(--radius-lg);align-items:flex-start}.header-actions{flex-wrap:wrap;justify-content:flex-end}}@media (width<=720px){.app-shell{padding:.7rem}.hero-card h1,.project-hero h1{font-size:2rem}.app-header,.panel,.subpanel,.hero-card,.modal-card,.sidebar{padding:.9rem}.button-row,.panel-header,.file-row,.row-actions,.header-actions,.admin-file-title-row{flex-wrap:wrap}}
