:root{--bg:#fff7ed;--panel:#fff;--panel-soft:#fff1dc;--card:#fffaf3;--text:#1f2937;--muted:#5a6474;--primary:#a855f7;--primary-dark:#7c3aed;--secondary:#f59e0b;--border:#f3d7a0;--success:#10b981;--danger:#ef4444;--shadow:0 12px 40px #7651141f}html{height:100%}body{min-height:100%;color:var(--text);background:linear-gradient(#fff8ef 0%,#fef2f2 100%);margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}button,input,textarea{font:inherit}button{cursor:pointer;border:none;border-radius:12px}.page-shell{justify-content:center;align-items:flex-start;min-height:100vh;padding:24px 16px 48px;display:flex}.panel{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(100%,860px);box-shadow:var(--shadow);background:#ffffffbf;border:1px solid #ffffff80;border-radius:28px;padding:24px}.panel.large{max-width:980px}.eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--primary-dark);margin:0 0 12px;font-size:.72rem;font-weight:700}h1,h2,p{margin-top:0}h1{margin-bottom:12px;font-size:clamp(2rem,5vw,3rem);line-height:1.08}h2{margin-bottom:16px;font-size:1.2rem}.subtle{color:var(--muted);margin-bottom:18px}.topbar,.header-row,.button-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.button-row{flex-wrap:wrap;margin-top:18px}.button-row.compact{justify-content:flex-start}.primary,.secondary,.ghost,.score-button{padding:.8rem 1.1rem;font-weight:600}.primary{background:linear-gradient(135deg, var(--primary) 0%, var(--primary-dark) 100%);color:#fff}.secondary{background:var(--panel-soft);color:var(--text);border:1px solid var(--border)}.ghost{color:var(--muted);border:1px solid var(--border);background:0 0}.grid.two-columns{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px;display:grid}.card,.section-box,.score-card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:16px}.qr-card{flex-direction:column;gap:12px;display:flex}.qr-image{border:1px solid var(--border);background:#fff;border-radius:12px;width:min(100%,210px);height:auto;padding:8px}.list{gap:10px;margin:0;padding:0;list-style:none;display:grid}.list li{border:1px solid var(--border);background:#fff9;border-radius:10px;justify-content:space-between;align-items:center;gap:12px;padding:10px 12px;display:flex}.list li>div{flex-direction:column;gap:4px;display:flex}.list li small{color:var(--muted)}.list-compact li{align-items:center}.field{color:var(--text);flex-direction:column;gap:8px;margin-top:16px;font-weight:600;display:flex}.field input,.field textarea{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;padding:12px 14px}.toggle-grid{grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin:20px 0;display:grid}.switch-row{background:var(--card);border:1px solid var(--border);border-radius:12px;align-items:center;gap:12px;padding:12px 14px;display:flex}.section-box{margin-top:24px}.item-row{grid-template-columns:minmax(0,1fr) minmax(0,1.5fr) auto;gap:12px;margin-top:12px;display:grid}.item-row input{border:1px solid var(--border);border-radius:12px;padding:10px 12px}.criterion-config-row{grid-template-columns:minmax(140px,1fr) auto 112px auto;align-items:center;gap:12px;margin-top:12px;display:grid}.criterion-config-row>input,.criterion-weight-field input{border:1px solid var(--border);background:#fff;border-radius:12px;width:100%;min-width:0;padding:10px 12px}.criterion-overall-toggle,.criterion-weight-field{white-space:nowrap;align-items:center;gap:8px;display:flex}.criterion-weight-field input{text-align:center;width:84px;padding-right:4px}.ranking-criteria{color:var(--muted);gap:3px;font-size:.75rem;font-weight:400;display:grid}.table{border-collapse:collapse;width:100%;margin-top:12px}.table th,.table td{border-bottom:1px solid var(--border);text-align:left;padding:12px 8px}.criterion-list{gap:16px;margin-top:18px;display:grid}.score-card{flex-direction:column;gap:12px;display:flex}.score-button{border:1px solid var(--border);min-width:2.75rem;color:var(--text);background:#fff}.score-button.active{background:linear-gradient(135deg, var(--secondary) 0%, #fbbf24 100%);color:#1f2937;border-color:#0000000d}.message{color:var(--primary-dark);margin-top:14px;font-weight:600}.inline-field{gap:10px}.leaderboard-block{gap:18px;margin-top:18px;display:grid}.podium-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.podium-card{border:1px solid var(--border);text-align:center;background:linear-gradient(#fffaf3 0%,#fff1dc 100%);border-radius:18px;flex-direction:column;align-items:center;gap:8px;padding:18px 16px;display:flex}.podium-card.placement-1{background:linear-gradient(#fef3c7 0%,#fcd34d 100%)}.podium-card.placement-2{background:linear-gradient(#e2e8f0 0%,#cbd5e1 100%)}.podium-card.placement-3{background:linear-gradient(#f5d0fe 0%,#f0abfc 100%)}.podium-rank{letter-spacing:.12em;text-transform:uppercase;color:var(--primary-dark);font-size:.8rem;font-weight:700}.comment-group{border-top:1px solid var(--border);margin-top:12px;padding-top:12px}.comment-group p{color:var(--text);margin:0 0 8px}@media (max-width:640px){.panel{padding:18px}.grid.two-columns,.item-row{grid-template-columns:1fr}.criterion-config-row{grid-template-columns:minmax(0,1fr) auto}.criterion-config-row>input{grid-column:1/-1}.topbar,.header-row,.button-row{flex-direction:column;align-items:flex-start}.podium-grid{grid-template-columns:1fr}.button-row>button,.button-row>a{width:100%}.score-button{min-width:2.5rem;min-height:2.5rem}input,textarea,select{font-size:16px}.table{display:block;overflow-x:auto}}