:root{--color-primary:#34456b;--color-primary-dark:#2a3a5c;--color-primary-muted:#b6c0d4;--color-accent-text:#34456b;--color-secondary:#71716f;--color-success:#3a7d4f;--color-warning:#a87b23;--color-danger:#a04040;--color-bg:#f4f4f2;--color-bg-card:#fff;--color-bg-secondary:#f7f7f5;--color-bg-tertiary:#ececea;--color-bg-hover:#f7f7f5;--color-bg-muted:#f7f7f5;--color-bg-input:#fff;--color-bg-tooltip:#2c2c2a;--color-text-tooltip:#f4f4f2;--color-overlay:#00000080;--color-primary-bg:#eef0f4;--color-text:#191919;--color-text-muted:#71716f;--color-text-dim:#9a9a98;--color-text-strong:#111;--color-border:#e3e3e1;--color-border-muted:#c9c9c7;--color-success-bg:#e8f0ea;--color-success-text:#2e6045;--color-warning-bg:#f5eeda;--color-warning-text:#7a5c17;--color-danger-bg:#f5e4e4;--color-danger-text:#8c3838;--color-chart-bar-start:#34456b;--color-chart-bar-end:#34456b;--color-chart-success-start:#3a7d4f;--color-chart-success-end:#3a7d4f;--font-sans:system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:ui-monospace, "Cascadia Code", "Source Code Pro", Menlo, monospace;--radius-sm:0;--radius-md:0;--radius-lg:0;--shadow-sm:none;--shadow-md:none;--shadow-lg:none;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:1rem;--spacing-lg:1.5rem;--spacing-xl:2rem;--spacing-2xl:3rem;--transition-speed:50ms;--transition-speed-fast:10ms}@media (prefers-color-scheme:dark){:root{--color-bg:#151514;--color-bg-card:#1d1d1c;--color-bg-secondary:#242423;--color-bg-tertiary:#2e2e2d;--color-bg-hover:#242423;--color-bg-muted:#242423;--color-bg-input:#242423;--color-bg-tooltip:#f4f4f2;--color-text-tooltip:#191919;--color-overlay:#000000bf;--color-primary-bg:#232733;--color-text:#e6e6e4;--color-text-muted:#969694;--color-text-dim:#6e6e6c;--color-text-strong:#f4f4f2;--color-border:#333331;--color-border-muted:#454543;--color-primary:#48598a;--color-primary-dark:#56689c;--color-primary-muted:#3c4a6e;--color-accent-text:#a9bcdf;--color-success:#5c9a72;--color-success-bg:#5c9a7226;--color-success-text:#85b898;--color-warning-bg:#c8a35a26;--color-warning-text:#c9a35a;--color-danger-bg:#cf919126;--color-danger-text:#cf9191;--color-chart-bar-start:#62779f;--color-chart-bar-end:#62779f;--color-chart-success-start:#5c9a72;--color-chart-success-end:#5c9a72}.confirm-modal-overlay,.gallery-lightbox,.modal{background:var(--color-overlay)!important}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;font-size:16px}body{font-family:var(--font-sans);color:var(--color-text);background-color:var(--color-bg);flex-direction:column;min-height:100vh;margin:0;padding:0;font-size:1rem;line-height:1.5;display:flex}h1,h2,h3,h4,h5,h6{margin:0 0 var(--spacing-md);font-weight:600;line-height:1.25}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}p{margin:0 0 var(--spacing-md)}a{color:var(--color-accent-text);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{max-width:1200px;padding:0 var(--spacing-lg);margin:0 auto}.main-content{flex:1}.main-content .container{overflow-x:hidden}.site-header{background:var(--color-bg-card);border-bottom:1px solid var(--color-border);padding:var(--spacing-md) 0}.site-header .container{justify-content:space-between;align-items:center;display:flex}.logo{color:var(--color-text);font-size:1.25rem;font-weight:700}.logo:hover{color:var(--color-accent-text);text-decoration:none}.main-nav{align-items:center;gap:var(--spacing-md);flex-wrap:wrap;display:flex}.main-nav>a{white-space:nowrap}.language-menu{flex-shrink:0;position:relative}.language-menu summary{align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);color:var(--color-accent-text);cursor:pointer;list-style:none;display:flex}.language-menu summary::-webkit-details-marker{display:none}.language-menu summary:hover{background:var(--color-bg)}.language-menu .dropdown-arrow{transition:transform var(--transition-speed) ease}.language-menu[open] .dropdown-arrow{transform:rotate(180deg)}.language-menu-list{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);z-index:1000;max-block-size:min(70vh,28rem);min-inline-size:10rem;margin-block-start:var(--spacing-xs);position:absolute;inset-block-start:100%;inset-inline-end:0;overflow-y:auto}.language-menu-list button{inline-size:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:start;font:inherit;color:var(--color-text);cursor:pointer;background:0 0;border:none;display:block}.language-menu-list button:hover{background:var(--color-bg)}.language-menu-list button[aria-current]{color:var(--color-accent-text);font-weight:600}.language-menu-list hr{margin:var(--spacing-xs) 0;border:none;border-top:1px solid var(--color-border)}.user-name{color:var(--color-text-muted);font-size:.875rem}.user-menu{position:relative}.user-menu-trigger{align-items:center;gap:var(--spacing-xs);cursor:pointer;padding:var(--spacing-xs) var(--spacing-sm);border-radius:var(--radius-md);transition:background-color var(--transition-speed) ease;background:0 0;border:none;display:flex}.user-menu-trigger:hover{background:var(--color-bg)}.user-menu-trigger .dropdown-arrow{color:var(--color-text-muted);transition:transform var(--transition-speed) ease}.user-menu.open .user-menu-trigger .dropdown-arrow{transform:rotate(180deg)}.user-menu-dropdown{margin-top:var(--spacing-xs);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);opacity:0;visibility:hidden;z-index:1000;min-width:160px;transition:opacity .15s,visibility .15s,transform .15s;position:absolute;top:100%;right:0;transform:translateY(-8px)}.user-menu.open .user-menu-dropdown{opacity:1;visibility:visible;transform:translateY(0)}.user-menu-item{width:100%;padding:var(--spacing-sm) var(--spacing-md);text-align:left;color:var(--color-text);cursor:pointer;background:0 0;border:none;font-size:.875rem;text-decoration:none;display:block}.user-menu-item:hover{background:var(--color-bg);text-decoration:none}.user-menu-item:first-child{border-radius:var(--radius-md) var(--radius-md) 0 0}.user-menu-item:last-child{border-radius:0 0 var(--radius-md) var(--radius-md)}.user-menu-logout{border-top:1px solid var(--color-border);color:var(--color-danger)}.breadcrumbs{align-items:center;gap:var(--spacing-sm);color:var(--color-text-muted);margin-top:var(--spacing-md);margin-bottom:var(--spacing-md);font-size:.875rem;display:flex}.builder-container .breadcrumbs{margin-top:0}.breadcrumbs a{color:var(--color-text-muted);text-decoration:none}.breadcrumbs a:hover{color:var(--color-accent-text);text-decoration:underline}.breadcrumbs .separator{color:var(--color-border)}.breadcrumbs .current{color:var(--color-text);font-weight:500}.info-icon{background:var(--color-border);width:16px;height:16px;color:var(--color-text-muted);cursor:help;margin-left:var(--spacing-xs);vertical-align:middle;transition:background-color var(--transition-speed) ease;border-radius:50%;justify-content:center;align-items:center;font-size:.625rem;font-weight:600;display:inline-flex}.info-icon:hover{background:var(--color-primary);color:#fff}.site-footer{background:var(--color-bg-card);border-top:1px solid var(--color-border);padding:var(--spacing-lg) 0;text-align:center;color:var(--color-text-muted);font-size:.875rem}.site-footer p{margin:0}.marketing-languages{justify-content:center;gap:var(--spacing-sm) var(--spacing-md);margin-top:var(--spacing-md);flex-wrap:wrap;display:flex}.marketing-languages [aria-current=page]{font-weight:600}.localized-screenshot{display:block}.btn,input[type=button],input[type=submit]{justify-content:center;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-speed) ease;border:1px solid #0000;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.5;text-decoration:none;display:inline-flex}.btn:disabled,button:disabled,input[type=button]:disabled,input[type=submit]:disabled{cursor:not-allowed;opacity:.6}.btn:hover{text-decoration:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{color:var(--color-text);border-color:var(--color-border-muted);background:0 0}.btn-secondary:hover{background:var(--color-bg-secondary)}.btn-success{background:var(--color-primary);color:#fff}.btn-success:hover{background:var(--color-primary-dark)}.btn-warning:hover{background:var(--color-warning-text)}.btn-danger:hover{background:var(--color-danger-text)}.btn-large{padding:var(--spacing-md) var(--spacing-xl);font-size:1rem}.btn-small{padding:var(--spacing-xs) var(--spacing-sm);font-size:.75rem}.btn-block{width:100%}.btn-icon{padding:var(--spacing-xs);cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;font-size:1.25rem;line-height:1}.btn-icon:hover{color:var(--color-danger)}.btn-add{background:var(--color-bg);border:2px dashed var(--color-border);color:var(--color-text-muted);padding:var(--spacing-md) var(--spacing-xl);width:100%}.btn-add:hover{border-color:var(--color-primary);color:var(--color-accent-text)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{margin-bottom:var(--spacing-xs);font-weight:500;display:block}.form-control,input[type=text],input[type=email],input[type=password],input[type=number],input[type=url],input[type=tel],input[type=date],textarea,select{width:100%;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-input);color:var(--color-text);transition:border-color var(--transition-speed) ease;font-family:inherit;font-size:1rem}input:focus,textarea:focus,select:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-muted);outline:none}textarea{resize:vertical;min-height:100px}.form-hint{margin-top:var(--spacing-xs);color:var(--color-text-muted);font-size:.75rem;display:block}.form-error{color:var(--color-danger);margin-top:var(--spacing-xs);font-size:.875rem}.checkbox-label,.radio-label{align-items:center;gap:var(--spacing-sm);cursor:pointer;padding:var(--spacing-xs) 0;display:flex}.checkbox-label input,.radio-label input{width:auto}input[type=radio],input[type=checkbox]{accent-color:var(--color-primary)}.card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);box-shadow:var(--shadow-sm)}.hero{text-align:center;padding:var(--spacing-2xl) 0}.hero h1{margin-bottom:var(--spacing-md);font-size:2.5rem}.lead{color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-xl);font-size:1.25rem}.hero-actions{gap:var(--spacing-md);flex-wrap:wrap;justify-content:center;display:flex}.features{padding:var(--spacing-2xl) 0}.features h2{text-align:center;margin-bottom:var(--spacing-xl)}.feature-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));display:grid}.feature-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.feature-card h3{margin-bottom:var(--spacing-sm)}.feature-card p{color:var(--color-text-muted);margin:0}.hiw{padding:var(--spacing-2xl) 0;background:var(--color-bg-card);border:1px solid var(--color-border);margin-top:var(--spacing-xl)}.hiw h2{text-align:center;margin-bottom:var(--spacing-xl)}.hiw-rows{gap:var(--spacing-xl);max-width:860px;padding:0 var(--spacing-lg);flex-direction:column;margin:0 auto;display:flex}.hiw-row{gap:var(--spacing-xl);grid-template-columns:minmax(0,11fr) minmax(0,8fr);align-items:center;display:grid}.hiw-text h3{margin-bottom:.3rem;font-size:1.05rem;font-weight:650}.hiw-text h3 em{color:var(--color-accent-text);font-variant-numeric:tabular-nums;margin-right:.5rem;font-style:normal}.hiw-text p{color:var(--color-text-muted);max-width:40ch;margin:0;font-size:.9rem}.hiw-vignette{border:1px solid var(--color-border);background:var(--color-bg-secondary);padding:14px}.hiw-card{background:var(--color-bg-card);border:1px solid var(--color-border);padding:13px 14px;position:relative}.hiw-add-btn{text-align:center;border:1px dashed var(--color-border-muted);color:var(--color-text-muted);margin-bottom:12px;padding:6px 8px;font-size:12px;display:block}.hiw-tray{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.hiw-tray>div{min-width:0}.hiw-cat-label{color:var(--color-text-muted);margin-bottom:5px;font-size:11px;font-weight:600}.hiw-type-btn{background:var(--color-bg);border:1px solid var(--color-border);white-space:normal;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:anywhere;align-items:center;gap:6px;margin-bottom:5px;padding:5px 7px;font-size:11px;display:flex;position:relative}.hiw-type-btn svg{width:12px;height:12px;color:var(--color-text-muted);flex-shrink:0}.hiw-type-btn.hiw-hovered{border-color:var(--color-primary);color:var(--color-accent-text);background:var(--color-bg-secondary)}.hiw-type-btn.hiw-hovered svg{color:var(--color-accent-text)}.hiw-label{color:var(--color-text-muted);margin-bottom:5px;font-size:11px}.hiw-link-field{border:1px solid var(--color-border-muted);align-items:stretch;margin-bottom:12px;display:flex}.hiw-url{font-family:var(--font-mono);color:var(--color-text-muted);white-space:nowrap;flex:1;align-items:center;padding:5px 9px;font-size:11px;display:flex;overflow:hidden}.hiw-copy{background:var(--color-primary);color:#fff;align-items:center;padding:0 11px;font-size:11px;font-weight:500;display:flex;position:relative}.hiw-radio-row{border-bottom:1px solid var(--color-border);align-items:center;gap:8px;padding:6.5px 1px;font-size:12px;display:flex}.hiw-radio-row:last-child{border-bottom:none}.hiw-radio{border:1.5px solid var(--color-border-muted);box-sizing:border-box;border-radius:50%;flex-shrink:0;width:11px;height:11px}.hiw-radio.on{border-color:var(--color-accent-text);border-width:4px}.hiw-drawer-head{border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;margin-bottom:9px;padding-bottom:8px;font-size:12px;font-weight:650;display:flex}.hiw-x{color:var(--color-text-dim);font-size:13px;font-weight:400}.hiw-wizard-q{color:var(--color-text-muted);margin:0 0 7px;font-size:11px}.hiw-intent-card{border:1px solid var(--color-border);background:var(--color-bg);align-items:center;gap:8px;margin-bottom:5px;padding:6px 8px;display:flex;position:relative}.hiw-intent-card:last-child{margin-bottom:0}.hiw-intent-card>svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.hiw-intent-text{min-width:0}.hiw-intent-name{font-size:11px;font-weight:600;line-height:1.3}.hiw-intent-desc{color:var(--color-text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:10px;line-height:1.3;overflow:hidden}.hiw-intent-card.hiw-hovered{border-color:var(--color-primary);background:var(--color-bg-secondary)}.hiw-intent-card.hiw-hovered>svg,.hiw-intent-card.hiw-hovered .hiw-intent-name{color:var(--color-accent-text)}.hiw-cursor{z-index:5;filter:drop-shadow(0 1px 1px #00000040);pointer-events:none;width:15px;height:15px;position:absolute}.hiw-cursor svg{width:100%;height:100%;display:block}@media (width<=900px){.hiw-cat-rating{display:none}.hiw-tray{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){.hiw-row{gap:var(--spacing-md);grid-template-columns:minmax(0,1fr)}.hiw-rows{gap:var(--spacing-2xl)}.hiw-tray{grid-template-columns:1fr}}.cta{text-align:center;padding:var(--spacing-2xl) 0;background:var(--color-bg-card);border-radius:var(--radius-lg);margin-bottom:var(--spacing-xl)}.cta p{color:var(--color-text-muted);margin-bottom:var(--spacing-lg);font-size:1.05rem}.screenshot-gallery{padding-top:var(--spacing-lg);padding-bottom:var(--spacing-2xl);overflow:hidden}.screenshot-gallery h2{text-align:center;margin-bottom:var(--spacing-sm)}.screenshot-gallery .section-subtitle{text-align:center;color:var(--color-text-muted);max-width:600px;margin:0 auto var(--spacing-xl)}.gallery-grid{gap:var(--spacing-lg);perspective:1500px;max-width:1200px;padding:0 var(--spacing-lg);grid-template-columns:repeat(3,1fr);margin:0 auto;display:grid}.gallery-item{transform-style:preserve-3d;border-radius:var(--radius-lg);background:var(--color-bg-card);cursor:pointer;transition:transform .4s,box-shadow .4s;position:relative;overflow:hidden;box-shadow:0 10px 30px -5px #0000001a,0 5px 15px -3px #0000000d}.gallery-item:nth-child(3n+1){transform:rotateY(-8deg)rotateX(4deg)}.gallery-item:nth-child(3n+2){transform:rotateY(0)rotateX(5deg)}.gallery-item:nth-child(3n){transform:rotateY(8deg)rotateX(4deg)}.gallery-item:hover{z-index:10;transform:rotateY(0)rotateX(0)translateY(-8px)scale(1.02);box-shadow:0 25px 50px -12px #00000026,0 12px 24px -8px #0000001a}.gallery-item img{width:100%;height:auto;display:block}.gallery-item-label{padding:var(--spacing-md);color:#fff;opacity:0;background:linear-gradient(#0000,#000c);font-size:.875rem;font-weight:600;transition:opacity .3s,transform .3s;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%)}.gallery-item:hover .gallery-item-label{opacity:1;transform:translateY(0)}@media (width<=900px){.gallery-grid{perspective:1000px;grid-template-columns:repeat(2,1fr)}.gallery-item:nth-child(3n+1),.gallery-item:nth-child(3n+2),.gallery-item:nth-child(3n){transform:rotateY(-5deg)rotateX(3deg)}.gallery-item:nth-child(2n){transform:rotateY(5deg)rotateX(3deg)}}@media (width<=600px){.gallery-grid{gap:var(--spacing-md);grid-template-columns:1fr}.gallery-item,.gallery-item:nth-child(3n+1),.gallery-item:nth-child(3n+2),.gallery-item:nth-child(3n){max-width:370px;margin:0 auto;transform:rotateY(0)rotateX(5deg)}.gallery-item:hover{transform:rotateY(0)rotateX(0)translateY(-4px)}.gallery-item-label{opacity:1;transform:translateY(0)}}.analysis-section{padding:var(--spacing-2xl) 0;background:var(--color-bg-card)}.analysis-section h2{text-align:center;margin-bottom:var(--spacing-sm)}.analysis-section .section-subtitle{text-align:center;color:var(--color-text-muted);max-width:700px;margin:0 auto var(--spacing-xl)}.analysis-grid{gap:var(--spacing-lg);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.analysis-category{background:var(--color-bg);border-radius:var(--radius-lg);padding:var(--spacing-lg);border:1px solid var(--color-border)}.analysis-category-icon{background:var(--color-primary);color:#fff;border-radius:var(--radius-md);width:48px;height:48px;margin-bottom:var(--spacing-md);justify-content:center;align-items:center;font-size:1.5rem;display:flex}.analysis-category h3{margin-bottom:var(--spacing-sm);font-size:1.125rem}.analysis-category p{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:.9rem}.analysis-methods{gap:var(--spacing-xs);row-gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.analysis-method-tag{background:var(--color-bg-card);border:1px solid var(--color-border);color:var(--color-text-muted);padding:4px 10px;font-size:.75rem;display:inline-block}.analysis-method-more{border:1px solid var(--color-border-muted);color:var(--color-text-muted);cursor:pointer;background:0 0;align-items:center;gap:4px;padding:4px 12px;font-size:.75rem;transition:background-color .2s;display:inline-flex}.analysis-method-more:hover{background:var(--color-bg-secondary);color:var(--color-text)}.analysis-method-more svg{width:12px;height:12px;transition:transform .2s}.analysis-methods.expanded .analysis-method-more svg{transform:rotate(180deg)}.analysis-method-tag.hidden-method{display:none}.analysis-methods.expanded .analysis-method-tag.hidden-method{animation:.2s fadeIn;display:inline-block}@keyframes chipFadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.analysis-methods.expanded .analysis-method-tag.hidden-method{animation:.2s chipFadeIn}.demo-section{z-index:5;margin-top:0;padding-top:0;position:relative}.demo-content{align-items:center;gap:var(--spacing-2xl);max-width:1100px;margin:0 auto;display:flex}.demo-preview{perspective:1000px;flex:1;height:590px;margin-left:2rem;position:relative}.demo-card{border-radius:var(--radius-lg);background:var(--color-bg-card);width:280px;height:550px;transition:transform .4s,box-shadow .4s;position:absolute;overflow:hidden;box-shadow:0 25px 50px -12px #00000026,0 12px 24px -8px #0000001a}.demo-card img{width:100%;height:auto;display:block}.demo-card-poll{z-index:2;top:2%;left:40%;transform:rotate(6deg)}.demo-card-results{z-index:1;top:0%;left:5%;transform:rotate(-4deg)}.demo-preview:hover .demo-card-poll{transform:rotate(9deg)translate(20px)translateY(-10px);box-shadow:0 30px 60px -15px #0003,0 15px 30px -10px #00000026}.demo-preview:hover .demo-card-results{transform:rotate(-6deg)translate(-20px)translateY(-5px);box-shadow:0 30px 60px -15px #0003,0 15px 30px -10px #00000026}.demo-card-label{padding:var(--spacing-sm) var(--spacing-md);color:#fff;background:linear-gradient(#0000,#000c);font-size:.8rem;font-weight:600;position:absolute;bottom:0;left:0;right:0}.demo-actions{align-items:flex-start;gap:var(--spacing-md);flex-direction:column;flex:.8;margin-top:3rem;display:flex}.demo-actions h3{margin-bottom:var(--spacing-sm);font-size:1.5rem}.demo-actions p{color:var(--color-text-muted);margin-bottom:var(--spacing-md);max-width:350px}.demo-buttons{gap:var(--spacing-md);flex-wrap:wrap;display:flex}.demo-buttons .btn{min-width:180px}@media (width<=900px){.demo-section{padding-top:var(--spacing-xl);padding-bottom:var(--spacing-xl);margin-top:0}.demo-content{flex-direction:column}.demo-preview{width:100%;max-width:400px;height:500px}.demo-card{width:220px;height:330px}.demo-card-poll{left:35%}.demo-card-results{left:-10%}.demo-actions{text-align:center;align-items:center;gap:var(--spacing-sm);margin-top:300px}.demo-actions p{text-align:center}.cta{margin-bottom:var(--spacing-2xl)}.demo-buttons{gap:var(--spacing-sm)}.demo-buttons .btn{min-width:140px;padding:var(--spacing-sm) var(--spacing-md);font-size:.9rem}}.gallery-lightbox{background:var(--color-overlay);z-index:10000;opacity:0;visibility:hidden;cursor:zoom-out;justify-content:center;align-items:center;transition:opacity .3s,visibility .3s;display:flex;position:fixed;inset:0}.gallery-lightbox.active{opacity:1;visibility:visible}.gallery-lightbox img{border-radius:var(--radius-lg);max-width:90vw;max-height:90vh;transition:transform .3s;transform:scale(.9);box-shadow:0 25px 50px -12px #00000080}.gallery-lightbox.active img{transform:scale(1)}.lightbox-close{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:1.5rem;transition:background-color .2s;display:flex;position:absolute;top:20px;right:20px}.lightbox-close:hover{background:#fff3}.lightbox-nav{color:#fff;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;font-size:1.5rem;transition:background-color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.lightbox-nav:hover{background:#fff3;transform:translateY(-50%)scale(1.1)}.lightbox-nav:active{transform:translateY(-50%)scale(.95)}.lightbox-prev{left:20px}.lightbox-next{right:20px}.lightbox-nav svg{width:24px;height:24px}.lightbox-label{color:#fff;text-shadow:0 2px 8px #00000080;font-size:1.125rem;font-weight:600;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.lightbox-counter{color:#ffffffb3;font-size:.875rem;position:absolute;top:20px;left:50%;transform:translate(-50%)}.gallery-item{cursor:zoom-in}.hero-enhanced{text-align:center;padding:var(--spacing-xl) 0;background:linear-gradient(180deg, var(--color-bg-card) 0%, var(--color-bg) 100%)}.hero-enhanced h1{max-inline-size:30ch;margin-inline:auto;margin-bottom:var(--spacing-lg);text-wrap:balance;font-size:2.75rem;line-height:1.1}.hero-enhanced .lead{color:var(--color-text-muted);max-width:700px;margin:0 auto var(--spacing-xl);font-size:1.25rem;line-height:1.6}@media (width<=768px){.hero-enhanced h1{font-size:2rem}.hero-enhanced .lead{font-size:1rem}}.auth-container{min-height:60vh;margin-top:var(--spacing-xl);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px}.unsubscribe-card{text-align:center}.unsubscribe-action{margin-top:var(--spacing-xl)}.unsubscribe-email,.unsubscribe-toggle-label{color:var(--color-text-muted)}.unsubscribe-email{margin-top:var(--spacing-md)}.auth-tabs{gap:var(--spacing-sm);margin-bottom:var(--spacing-lg);display:flex}.auth-tab{padding:var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;color:var(--color-text-muted);transition:all var(--transition-speed) ease;background:0 0;flex:1;font-size:.875rem;font-weight:500}.auth-tab:hover{background:var(--color-bg-hover);color:var(--color-text)}.auth-tab.active{background:var(--color-primary);color:var(--color-bg-card);border-color:var(--color-primary)}.auth-form{display:none}.auth-form.active{display:block}.auth-form h2{text-align:center;margin-bottom:var(--spacing-lg)}.auth-note{text-align:center;color:var(--color-text-muted);margin-top:var(--spacing-lg);margin-bottom:0;font-size:.875rem}.terms-note{text-align:center;color:var(--color-text-muted);margin:var(--spacing-md) 0 0;font-size:.875rem}.auth-message{padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-lg);text-align:center}.auth-message.success{background:var(--color-success-bg);border:1px solid var(--color-success-text);color:var(--color-success-text)}.auth-message.error{background:var(--color-danger-bg);border:1px solid var(--color-danger-text);color:var(--color-danger-text)}.auth-forgot-link,.auth-back-link{text-align:center;margin-top:var(--spacing-md);margin-bottom:0;font-size:.875rem}.auth-forgot-link a,.auth-back-link a{color:var(--color-accent-text);text-decoration:none}.auth-forgot-link a:hover,.auth-back-link a:hover{text-decoration:underline}.auth-subtitle{text-align:center;color:var(--color-text-muted);margin-top:calc(-1 * var(--spacing-md));margin-bottom:var(--spacing-lg);font-size:.9rem}.form-success{color:var(--color-success-text);background:var(--color-success-bg);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md);font-size:.875rem}.form-success:empty{display:none}.dashboard-header{margin-top:var(--spacing-lg);justify-content:space-between;align-items:center;display:flex}.verification-banner{justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background:var(--color-warning-bg);border:1px solid var(--color-warning-text);border-radius:var(--radius-md);margin-bottom:var(--spacing-xl);display:flex}.verification-content{align-items:flex-start;gap:var(--spacing-md);flex:1;display:flex}.verification-icon{color:var(--color-warning-text);flex-shrink:0;margin-top:2px}.verification-text{gap:var(--spacing-xs);color:var(--color-warning-text);flex-direction:column;display:flex}.verification-text strong{font-weight:600}.verification-text span{font-size:.9rem}.verification-banner.success{background:var(--color-success-bg);border-color:var(--color-success-text)}.verification-banner.success .verification-icon,.verification-banner.success .verification-text{color:var(--color-success-text)}.votes-section .section-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.votes-section .section-header h2{margin:0}.votes-list{gap:var(--spacing-sm);flex-direction:column;display:flex}.poll-item{padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;gap:var(--spacing-md);display:flex}.vote-info{flex:1;min-width:0}.vote-info h3,.vote-info .poll-title{margin:0;margin-bottom:var(--spacing-sm);white-space:nowrap;text-overflow:ellipsis;font-size:1rem;font-weight:500;overflow:hidden}.poll-meta-info{align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);margin-top:var(--spacing-xs);font-size:.75rem;display:flex}.poll-actions{gap:var(--spacing-sm);flex-shrink:0;display:flex}.vote-item{padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md);justify-content:space-between;align-items:center;display:flex}.vote-meta{align-items:center;gap:var(--spacing-md);color:var(--color-text-muted);font-size:.75rem;display:flex}.vote-actions{gap:var(--spacing-sm);display:flex}.status{border:1px solid var(--color-border-muted);color:var(--color-text-muted);background:0 0;align-items:center;gap:6px;padding:2px 8px;font-size:.75rem;font-weight:500;display:inline-flex}.status:before{content:"";background:var(--color-text-dim);border-radius:50%;width:6px;height:6px}.status-open:before{background:var(--color-success)}.status-closed:before{background:var(--color-danger)}.empty-message{color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl)}.account-actions{gap:var(--spacing-xs);row-gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.account-logout-form{display:inline}@media (width<=600px){.dashboard-container .card{padding:var(--spacing-lg) var(--spacing-md)}.dashboard-container .btn-create-poll{display:none}.votes-section .section-header{display:block}}.error-container{justify-content:center;align-items:center;min-height:60vh;display:flex}.error-card{text-align:center;max-width:400px}.maintenance-admin-note{margin-top:var(--spacing-md);font-size:.875rem}.admin-header{margin-bottom:var(--spacing-xl);padding-bottom:var(--spacing-lg);border-bottom:1px solid var(--color-border)}.admin-header-top{justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);margin-bottom:var(--spacing-md);display:flex}.admin-header-title{flex:1;min-width:0}.admin-label{color:var(--color-text-muted);margin-bottom:var(--spacing-xs);font-size:.85rem;font-weight:500;display:inline-block}.admin-header h1{word-break:break-word;margin:0;font-size:1.75rem;line-height:1.2}.status-control{align-items:center;gap:var(--spacing-sm);flex-shrink:0;display:flex}.status-badge{padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border-muted);color:var(--color-text-muted);white-space:nowrap;background:0 0;flex-shrink:0;align-items:center;gap:8px;font-size:.875rem;font-weight:500;line-height:1.5;display:inline-flex}.status-badge:before{content:"";background:var(--color-text-dim);border-radius:50%;width:7px;height:7px}.status-badge.status-open:before{background:var(--color-success)}.status-badge.status-closed:before{background:var(--color-danger)}.admin-header-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.btn-outline-danger{color:var(--color-danger-text);border:1px solid var(--color-border-muted);background:0 0}.btn-outline-danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger-text);color:var(--color-danger-text)}.share-link-group{margin-bottom:var(--spacing-md)}.share-link-group:last-child{margin-bottom:0}.share-link-group label{margin-bottom:var(--spacing-xs);color:var(--color-text);font-size:.875rem;font-weight:500;display:block}.label-hint{color:var(--color-text-muted);font-weight:400}.copy-field{gap:var(--spacing-xs);display:flex}.copy-field input{font-family:var(--font-mono);background:var(--color-bg);cursor:text;flex:1;min-width:0;font-size:.813rem}.copy-field input[readonly]{cursor:pointer}.copy-field input[readonly]:hover{background:var(--color-bg-hover)}.copy-field input[readonly]:focus{background:var(--color-bg-card)}.btn-icon-only{padding:var(--spacing-sm);justify-content:center;min-width:38px}.btn-icon-only svg{flex-shrink:0}.stats-grid{gap:var(--spacing-md);grid-template-columns:repeat(auto-fit,minmax(120px,1fr));display:grid}.stat-item{text-align:center;padding:var(--spacing-md);background:var(--color-bg);border-radius:var(--radius-md)}.stat-value{font-size:1.5rem;font-weight:700}.stat-label{color:var(--color-text-muted);font-size:.8rem}.stats-section .stats-grid{flex-direction:column;gap:0;display:flex}.stats-section .stat-item{text-align:left;border-bottom:1px solid var(--color-border);background:0 0;flex-direction:row-reverse;justify-content:space-between;align-items:baseline;padding:.55rem 0;display:flex}.stats-section .stat-item:last-child{border-bottom:none;padding-bottom:0}.stats-section .stat-value{font-variant-numeric:tabular-nums;font-size:1rem;font-weight:600}.stats-section .stat-label{color:var(--color-text-muted);font-size:.9rem}.claim-cta-section{background:var(--color-primary-bg);border:1px solid var(--color-primary)}.claim-cta-content{align-items:center;gap:var(--spacing-lg);display:flex}.claim-cta-icon{color:var(--color-accent-text);flex-shrink:0}.claim-cta-text{flex:1}.claim-cta-text h3{margin-bottom:var(--spacing-xs);font-size:1.125rem}.claim-cta-text p{color:var(--color-text-muted);margin:0;font-size:.875rem}.claim-cta-actions{flex-shrink:0}@media (width<=600px){.admin-container .card{padding:var(--spacing-lg) var(--spacing-md)}.claim-cta-content{text-align:center;flex-direction:column}.claim-cta-actions,.claim-cta-actions .btn{width:100%}}.settings-list{gap:var(--spacing-sm) var(--spacing-md);grid-template-columns:auto 1fr;display:grid}.settings-list dt{color:var(--color-text-muted);font-weight:500}.settings-list dd{margin:0}.section-header{justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md);flex-wrap:wrap;display:flex}.section-header h2{margin:0}.responses-actions{gap:var(--spacing-sm);align-items:center;display:flex}.responses-hint{color:var(--color-text-muted);margin-bottom:var(--spacing-md);font-size:.875rem}.responses-hint a{color:var(--color-accent-text)}.responses-notification-setting{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.responses-list{flex-direction:column;gap:0;display:flex}.response-item{align-items:baseline;gap:var(--spacing-md);border:1px solid var(--color-border);background:var(--color-bg-card);padding:.55rem .75rem;font-size:.9rem;display:flex}.response-item+.response-item{margin-top:-1px}.response-number{color:var(--color-accent-text);font-variant-numeric:tabular-nums;font-weight:600}.response-item .voter-name{font-weight:500}.response-item .response-time{color:var(--color-text-muted);font-size:.85rem}.response-item .response-answered{color:var(--color-text-muted);font-variant-numeric:tabular-nums;margin-left:auto;font-size:.85rem}.response-item .response-view{flex-shrink:0}.loading-answers{color:var(--color-text-muted)}.btn svg{flex-shrink:0}.loading{color:var(--color-text-muted);text-align:center;padding:var(--spacing-xl)}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);background:var(--color-bg-tooltip);color:var(--color-text-tooltip);white-space:nowrap;border-radius:var(--radius-sm);opacity:0;visibility:hidden;pointer-events:none;z-index:10000;box-shadow:var(--shadow-md);padding:6px 10px;font-size:.75rem;font-weight:400;line-height:1.3;transition:opacity .15s,visibility .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(-4px)}[data-tooltip]:before{content:"";border:5px solid #0000;border-top-color:var(--color-bg-tooltip);opacity:0;visibility:hidden;pointer-events:none;z-index:10000;transition:opacity .15s,visibility .15s;position:absolute;bottom:100%;left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after,[data-tooltip]:hover:before,[data-tooltip]:focus:after,[data-tooltip]:focus:before{opacity:1;visibility:visible}[data-tooltip-pos=bottom]:after{top:100%;bottom:auto;transform:translate(-50%)translateY(4px)}[data-tooltip-pos=bottom]:before{border-top-color:#0000;border-bottom-color:var(--color-bg-tooltip);top:100%;bottom:auto;transform:translate(-50%)translateY(-4px)}[data-tooltip-pos=left]:after{inset:50% 100% auto auto;transform:translateY(-50%)translate(-4px)}[data-tooltip-pos=left]:before{border-top-color:#0000;border-left-color:var(--color-bg-tooltip);inset:50% 100% auto auto;transform:translateY(-50%)translate(4px)}[data-tooltip-pos=right]:after{top:50%;bottom:auto;left:100%;transform:translateY(-50%)translate(4px)}[data-tooltip-pos=right]:before{border-top-color:#0000;border-right-color:var(--color-bg-tooltip);top:50%;bottom:auto;left:100%;transform:translateY(-50%)translate(-4px)}.confirm-modal-overlay{background:var(--color-overlay);z-index:10000;justify-content:center;align-items:center;animation:.15s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.confirm-modal{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:90%;max-width:400px;animation:.15s scaleIn}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.confirm-modal-header{padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-sm)}.confirm-modal-header h3{margin:0;font-size:1.125rem}.confirm-modal-body{padding:var(--spacing-sm) var(--spacing-lg);color:var(--color-text-muted)}.confirm-modal-body p{margin:0}.confirm-modal-actions{justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-lg);border-top:1px solid var(--color-border);display:flex}.btn.btn-loading{pointer-events:none;position:relative;color:#0000!important}.btn.btn-loading:after{content:"";border:2px solid;border-top-color:#0000;border-radius:50%;width:16px;height:16px;margin-top:-8px;margin-left:-8px;animation:.6s linear infinite btn-spin;position:absolute;top:50%;left:50%}.btn-primary.btn-loading:after,.btn-success.btn-loading:after,.btn-danger.btn-loading:after,.btn-warning.btn-loading:after{border-color:#fff #ffffff4d #ffffff4d}.btn-secondary.btn-loading:after{border-color:#00000026;border-top-color:var(--color-text)}@keyframes btn-spin{to{transform:rotate(360deg)}}.modal{background:var(--color-overlay);z-index:1000;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.modal.active{display:flex}.modal-overlay{position:absolute;inset:0}.modal-content{background:var(--color-bg-card);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:600px;max-height:80vh;display:flex;position:relative;overflow:hidden}.modal-content.modal-large{max-width:900px}.modal-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--color-border);justify-content:space-between;align-items:center;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.modal-close{cursor:pointer;color:var(--color-text-muted);background:0 0;border:none;padding:0;font-size:1.5rem;line-height:1}.modal-close:hover{color:var(--color-text)}.modal-body{padding:var(--spacing-lg);flex:1;overflow-y:auto}.modal-footer{padding:var(--spacing-md) var(--spacing-lg);border-top:1px solid var(--color-border);justify-content:flex-end;gap:var(--spacing-sm);display:flex}.user-data-view h3{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--color-border)}.user-data-view h3:first-child{margin-top:0}.data-table{border-collapse:collapse;width:100%;margin-bottom:var(--spacing-md)}.data-table th,.data-table td{padding:var(--spacing-sm);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{background:var(--color-bg);font-weight:600}.data-table tr:last-child td{border-bottom:none}.response-card{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.response-card.withdrawn{opacity:.7}.response-card h4{margin:0 0 var(--spacing-sm) 0}.response-card .response-meta{color:var(--color-text-muted);margin-bottom:var(--spacing-sm);font-size:.875rem}.response-card details{margin-top:var(--spacing-sm)}.response-card summary{cursor:pointer;color:var(--color-accent-text)}.response-card ul{margin:var(--spacing-sm) 0 0 0;padding-left:var(--spacing-lg)}.privacy-notice{background:var(--color-bg);border-radius:var(--radius-md);padding:var(--spacing-md);margin-top:var(--spacing-lg)}.privacy-notice h4{margin:0 0 var(--spacing-sm) 0}.privacy-notice p{margin:var(--spacing-sm) 0 0 0;color:var(--color-text-muted);font-size:.875rem}.warning-box{background:var(--color-danger-bg);border:1px solid var(--color-danger-text);color:var(--color-danger-text);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-md)}.warning-box p{color:inherit;margin:0}.delete-account-form .form-group{margin-bottom:var(--spacing-md)}.delete-account-form label{margin-bottom:var(--spacing-sm);font-weight:500;display:block}.poll-action-buttons{gap:var(--spacing-sm);margin-top:var(--spacing-sm);flex-wrap:wrap;display:flex}.poll-action-buttons .btn{flex:1;min-width:200px}.help-text{color:var(--color-text-muted);margin-top:var(--spacing-sm);font-size:.875rem}.poll-list{margin:var(--spacing-sm) 0;padding-left:var(--spacing-lg)}.poll-list li{margin-bottom:var(--spacing-xs)}.data-section{margin-top:var(--spacing-lg);margin-bottom:var(--spacing-xl)}.data-section p{color:var(--color-text-muted);margin-bottom:var(--spacing-md)}.data-actions{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.policy-container{margin:var(--spacing-xl) auto}.policy-container h2,.policy-container h3{margin-top:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.sysadmin-header{margin-top:var(--spacing-lg)}@media (width<=768px){.hero h1{font-size:2rem}.lead{font-size:1rem}.site-header .container{gap:var(--spacing-md);flex-direction:column}.main-nav{justify-content:center;width:100%}.dashboard-header{gap:var(--spacing-md);text-align:center;margin-top:var(--spacing-xl);flex-direction:column}.hero-container{padding:0}.hero-enhanced{padding:var(--spacing-lg) var(--spacing-lg)}.votes-section .section-header{gap:var(--spacing-sm);flex-direction:column}.poll-item,.vote-item{align-items:flex-start;gap:var(--spacing-md);flex-direction:column}.poll-actions,.vote-actions{width:100%}.poll-actions .btn,.vote-actions .btn{flex:1}.admin-header-top{flex-direction:column;align-items:flex-start}.admin-header-actions{width:100%}.admin-header-actions .btn{flex:1}.section-header{flex-direction:column;align-items:flex-start}.responses-actions{flex-wrap:wrap;width:100%}.copy-field{flex-wrap:wrap}.copy-field input{flex:none;width:100%}}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}
