*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--yellow: #facc15;--yellow-light: #fef9c3;--yellow-dark: #ca8a04;--black: #0a0a0a;--gray-900: #171717;--gray-700: #404040;--gray-500: #737373;--gray-300: #d4d4d4;--gray-100: #f5f5f5;--white: #fafaf9;--red: #ef4444;--green: #22c55e;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--radius: 12px;--radius-sm: 8px}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font);background:var(--white);color:var(--black);line-height:1.6;min-height:100dvh}.app{min-height:100dvh}.page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:2rem 1rem}.container{width:100%;max-width:540px;margin:0 auto}h1{font-size:2rem;font-weight:900;letter-spacing:-.03em;line-height:1.1}h2{font-size:1.25rem;font-weight:700;letter-spacing:-.02em}.highlight{color:var(--yellow-dark);position:relative}.highlight:after{content:"";position:absolute;bottom:2px;left:0;right:0;height:6px;background:var(--yellow);z-index:-1;border-radius:2px}.logo{text-decoration:none;color:inherit;font-weight:900;letter-spacing:-.03em;display:inline-block;transition:opacity .15s ease}.logo:hover{opacity:.8}.logo-normal{font-size:inherit}.logo-large{font-size:clamp(1.75rem,7vw,2.5rem)}.logo-tld{font-size:.45em;font-weight:600;color:var(--gray-500);letter-spacing:0;vertical-align:baseline;margin-left:1px}.page-home .logo-tld{color:var(--gray-300)}.card{background:var(--white);border:2px solid var(--gray-300);border-radius:var(--radius);padding:2rem}.btn{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font);font-weight:600;font-size:.95rem;padding:.625rem 1.25rem;border-radius:var(--radius-sm);border:2px solid transparent;cursor:pointer;transition:all .15s ease}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--yellow);color:var(--black);border-color:var(--black)}.btn-primary:hover:not(:disabled){background:var(--yellow-dark);color:var(--white)}.btn-secondary{background:var(--black);color:var(--white);border-color:var(--black)}.btn-secondary:hover:not(:disabled){background:var(--gray-700)}.btn-large{width:100%;padding:1rem;font-size:1.1rem;border-radius:var(--radius)}.why-badge{position:fixed;top:2rem;right:-1.25rem;background:var(--yellow);color:var(--black);font-family:var(--font);font-size:.95rem;font-weight:900;padding:.4rem 1.75rem;border:3px solid var(--black);border-radius:4px;text-decoration:none;transform:rotate(12deg);z-index:100;transition:transform .15s ease,box-shadow .15s ease;box-shadow:2px 2px 0 var(--black)}.why-badge:hover{transform:rotate(12deg) scale(1.1);box-shadow:3px 3px 0 var(--black)}@media(max-width:480px){.why-badge{top:1rem;right:-.75rem;font-size:.8rem;padding:.3rem 1.25rem}}.page-home{background:var(--black);color:var(--white)}.hero{text-align:center;margin-bottom:2.5rem}.hero-title{font-size:2.5rem;margin-bottom:1rem}.page-home .highlight{color:var(--yellow)}.page-home .highlight:after{display:none}.hero-subtitle{font-size:1.15rem;color:var(--gray-300);line-height:1.6}.hero-subtitle strong{color:var(--yellow);font-weight:700}.start-card{background:var(--gray-900);border-color:var(--gray-700)}.visibility-toggle{margin-bottom:1.5rem}.toggle-label{display:block;font-weight:600;margin-bottom:.75rem;color:var(--gray-300)}.toggle-options{display:flex;gap:0;border-radius:var(--radius-sm);overflow:hidden;border:2px solid var(--gray-700)}.toggle-option{flex:1;padding:.75rem 1rem;font-family:var(--font);font-size:.95rem;font-weight:600;border:none;background:transparent;color:var(--gray-500);cursor:pointer;transition:all .15s ease}.toggle-option.active{background:var(--yellow);color:var(--black)}.toggle-hint{font-size:.85rem;color:var(--gray-500);margin-top:.5rem}.advanced-toggle{display:flex;align-items:center;gap:.5rem;background:none;border:none;color:var(--gray-500);font-family:var(--font);font-size:.85rem;font-weight:600;cursor:pointer;padding:.5rem 0;margin-bottom:.75rem;transition:color .15s ease}.advanced-toggle:hover{color:var(--gray-300)}.advanced-chevron{font-size:.65rem;transition:transform .2s ease;display:inline-block}.advanced-chevron.open{transform:rotate(90deg)}.advanced-panel{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem;background:#ffffff0d;border-radius:var(--radius-sm);border:1px solid var(--gray-700);animation:fadeIn .2s ease}.page-home .field label{color:var(--gray-300)}.page-home .field input[type=text]{background:var(--gray-900);border-color:var(--gray-700);color:var(--white)}.page-home .field input[type=text]::placeholder{color:var(--gray-500)}.page-home .field input[type=text]:focus{border-color:var(--yellow)}.history-section{margin-top:2rem}.history-title{color:var(--gray-300);font-size:.9rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.history-list{display:flex;flex-direction:column;gap:.375rem}.history-item{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--gray-900);border:1px solid var(--gray-700);border-radius:var(--radius-sm);color:var(--white);text-decoration:none;transition:all .15s ease}.history-item:hover{border-color:var(--yellow);background:#facc150d}.history-item-main{display:flex;flex-direction:column;gap:.125rem;min-width:0}.history-item-title{font-weight:600;font-size:.95rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.history-item-date{font-size:.8rem;color:var(--gray-500)}.history-device-tag{font-size:.7rem;font-weight:500;text-transform:none;letter-spacing:0;color:var(--gray-500);opacity:.7}.history-signup-hint{font-size:.85rem;color:var(--gray-500);margin-top:.75rem;text-align:center}.history-signup-link{color:var(--yellow);text-decoration:none;font-weight:600}.history-signup-link:hover{text-decoration:underline}.history-item-visibility{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);flex-shrink:0}.home-footer{text-align:center;margin-top:2rem;color:var(--gray-500);font-size:.9rem}.vote-header{text-align:center;margin-bottom:2rem}.vote-header h1{margin-bottom:.5rem}.vote-session-title{font-size:1.25rem;font-weight:700;color:var(--black);margin-bottom:.25rem}.vote-question{font-size:1.1rem;color:var(--gray-700)}.vote-form{padding:1.5rem}.rating-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.5rem}.rating-tile{position:relative;aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-family:var(--font);font-size:1.5rem;font-weight:800;border:2px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);color:var(--black);cursor:pointer;transition:all .15s ease;overflow:hidden}.rating-tile:hover:not(.forbidden){border-color:var(--black);transform:scale(1.05)}.rating-tile.selected{background:var(--yellow);border-color:var(--black);transform:scale(1.08);box-shadow:0 4px 12px #facc1566}.rating-tile.forbidden{color:var(--gray-300);cursor:not-allowed;background:var(--gray-100);border-style:dashed}.rating-tile.forbidden:hover{border-color:var(--red)}.rating-strike{position:absolute;top:50%;left:10%;right:10%;height:3px;background:var(--red);transform:rotate(-45deg);border-radius:2px}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-4px)}20%,40%,60%,80%{transform:translate(4px)}}.rating-tile.shake{animation:shake .5s ease;border-color:var(--red)!important}.vote-fields{margin-top:1.5rem;display:flex;flex-direction:column;gap:1rem;animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.field{display:flex;flex-direction:column;gap:.375rem}.field label{font-size:.9rem;font-weight:600;color:var(--gray-700)}.field textarea,.field input[type=text]{font-family:var(--font);font-size:.95rem;padding:.75rem;border:2px solid var(--gray-300);border-radius:var(--radius-sm);background:var(--white);color:var(--black);resize:vertical;transition:border-color .15s ease}.field textarea:focus,.field input[type=text]:focus{outline:none;border-color:var(--yellow-dark)}.error-message{color:var(--red);font-size:.9rem;font-weight:500}.submitted-card{text-align:center;padding:3rem 2rem}.submitted-icon{width:64px;height:64px;margin:0 auto 1rem;background:var(--yellow);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:2rem;font-weight:700;color:var(--black)}.submitted-card h2{margin-bottom:.5rem}.submitted-card p{color:var(--gray-700);margin-bottom:1.5rem}.submitted-card .btn{width:auto}.hint{font-size:.8rem;color:var(--gray-500);margin-top:.75rem}@media(hover:none){.hint{display:none}}.results-header{text-align:center;margin-bottom:2rem}.results-title-row{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem}.results-session-title{font-size:1.25rem;font-weight:700;color:var(--gray-700)}.title-edit-btn{background:none;border:none;cursor:pointer;font-size:1rem;color:var(--gray-500);padding:.25rem;border-radius:4px;transition:all .15s ease;line-height:1}.title-edit-btn:hover{color:var(--yellow-dark);background:var(--gray-100)}.title-edit{display:flex;align-items:center;gap:.5rem;width:100%}.title-edit-input{flex:1;font-family:var(--font);font-size:1.1rem;font-weight:600;padding:.5rem .75rem;border:2px solid var(--yellow);border-radius:var(--radius-sm);background:var(--white);color:var(--black);outline:none;text-align:center}.btn-sm{padding:.375rem .75rem;font-size:.85rem}.btn-ghost{background:transparent;color:var(--gray-500);border:2px solid var(--gray-300)}.btn-ghost:hover:not(:disabled){color:var(--black);border-color:var(--gray-500)}.danger-zone{margin-top:2rem;padding-top:1.5rem;border-top:1px solid var(--gray-300);display:flex;align-items:center;justify-content:space-between}.btn-danger{background:transparent;color:var(--red);border:2px solid var(--red);font-size:.85rem}.btn-danger:hover:not(:disabled){background:var(--red);color:var(--white)}.btn-bottom{font-size:.85rem;padding:.5rem 1rem}.share-panel{background:var(--black);color:var(--white);border-radius:var(--radius);padding:2rem;text-align:center;margin-bottom:1.5rem}.qr-container{display:inline-block;padding:1rem;background:var(--white);border-radius:var(--radius-sm);margin-bottom:1rem}.share-instruction{color:var(--gray-300);font-size:.9rem;margin-bottom:1rem}.share-link-row{display:flex;gap:.5rem}.admin-link-section{text-align:center;margin-bottom:1.5rem}.admin-link-toggle{background:none;border:none;font-family:var(--font);font-size:.8rem;color:var(--gray-500);cursor:pointer;padding:.25rem 0;transition:color .15s ease}.admin-link-toggle:hover{color:var(--gray-700)}.admin-link-content{margin-top:.5rem;animation:fadeIn .2s ease}.admin-link-input{font-family:var(--font);font-size:.8rem;padding:.5rem .625rem;background:var(--gray-100);color:var(--gray-700);border:1px solid var(--gray-300);border-radius:var(--radius-sm);outline:none;flex:1;min-width:0}.admin-link-input:focus{border-color:var(--gray-500)}.admin-link-hint{font-size:.75rem;color:var(--gray-500);margin-top:.375rem}.share-link-input{flex:1;font-family:var(--font);font-size:.85rem;padding:.625rem .75rem;background:var(--gray-900);color:var(--white);border:2px solid var(--gray-700);border-radius:var(--radius-sm);outline:none}.share-link-input:focus{border-color:var(--yellow)}.stats-banner{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1.5rem}.stat{text-align:center;padding:1rem .5rem;background:var(--gray-100);border-radius:var(--radius-sm);border:2px solid var(--gray-300)}.stat-highlight{background:var(--yellow-light);border-color:var(--yellow)}.stat-value{display:block;font-size:1.75rem;font-weight:900;letter-spacing:-.03em;line-height:1.2}.stat-highlight .stat-value{color:var(--yellow-dark)}.stat-label{display:block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--gray-500);margin-top:.25rem}.responses-title{margin-bottom:1rem}.responses-empty{color:var(--gray-500);text-align:center;padding:2rem}.response-card{display:flex;gap:1rem;padding:1rem;border:2px solid var(--gray-300);border-radius:var(--radius-sm);margin-bottom:.5rem;transition:border-color .15s ease}.response-card:hover{border-color:var(--gray-500)}.response-rating{flex-shrink:0;display:flex;align-items:baseline;gap:2px}.response-rating-value{font-size:2rem;font-weight:900;line-height:1;color:var(--yellow-dark)}.response-rating-label{font-size:.85rem;font-weight:600;color:var(--gray-500)}.response-body{flex:1;min-width:0}.response-comment{font-size:.95rem;color:var(--gray-700);margin-bottom:.5rem;word-wrap:break-word}.response-meta{display:flex;gap:1rem;font-size:.8rem;color:var(--gray-500)}.response-name{font-weight:600}.loading{text-align:center;color:var(--gray-500);font-size:1rem}.empty-state-card{text-align:center;padding:2.5rem 2rem}.empty-state-card h2{margin-bottom:.75rem}.empty-state-card p{color:var(--gray-500);margin-bottom:1.5rem;line-height:1.6}.empty-state-card .btn{display:inline-flex;text-decoration:none}.site-footer{text-align:center;padding:1.5rem 1rem;font-size:.75rem;color:var(--gray-500)}.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}.app:has(.page-home) .site-footer{background:var(--black);color:var(--gray-500)}.footer-sep{margin:0 .375rem}.legal-page{align-items:flex-start;padding-top:3rem}.legal-container{max-width:640px}.legal-content{text-align:left}.legal-content h2{font-size:1.5rem;margin-bottom:.25rem}.legal-content h3{font-size:1rem;font-weight:700;margin-top:1.5rem;margin-bottom:.375rem}.legal-content p{color:var(--gray-700);margin-bottom:.75rem;line-height:1.7}.legal-content ul{color:var(--gray-700);margin-bottom:.75rem;padding-left:1.25rem;line-height:1.7}.legal-content li{margin-bottom:.25rem}.legal-content a{color:var(--yellow-dark);text-decoration:none}.legal-content a:hover{text-decoration:underline}.legal-updated{font-size:.85rem;color:var(--gray-500);margin-bottom:1.5rem}.faq-hero{font-size:1.75rem;font-weight:900;letter-spacing:-.02em;margin-bottom:.5rem;color:var(--black)}.faq-intro{font-size:1.05rem;color:var(--gray-700);line-height:1.7;margin-bottom:2rem;padding-bottom:1.5rem;border-bottom:2px solid var(--gray-100)}@media(max-width:480px){.page{padding:2rem .75rem 1rem;align-items:flex-start}h1{font-size:1.75rem}.hero-title{font-size:2rem}.card{padding:1.25rem}.rating-grid{gap:.375rem}.rating-tile{font-size:1.25rem}.stats-banner{grid-template-columns:repeat(2,1fr)}.stat-value{font-size:1.5rem}.share-link-row{flex-direction:column}}