@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap";:root{--bg:#fff;--surface:#fff;--surface-2:#f7f7f8;--border:#e5e5e7;--border-2:#d1d1d6;--text:#1a1a1a;--text-2:#6b6b76;--text-3:#a0a0ab;--accent:#1a1a1a;--green:#22c55e;--green-light:#f0fdf4;--blue:#3b82f6;--blue-light:#eff6ff;--radius:10px;--radius-sm:6px}*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.page{min-height:100vh}.page-ask{background:var(--bg);justify-content:center;align-items:flex-start;padding:2.5rem 1.5rem;display:flex}@media (width>=641px){.page-ask{align-items:center;padding:1.5rem}}.ask-container{width:100%;max-width:440px}.ask-header{text-align:center;margin-bottom:2rem}.ask-icon{background:var(--accent);color:#fff;border-radius:12px;justify-content:center;align-items:center;width:48px;height:48px;margin-bottom:1rem;font-size:1.4rem;font-weight:700;display:inline-flex}.ask-header h1{letter-spacing:-.025em;margin-bottom:.3rem;font-size:1.6rem;font-weight:700}.ask-subtitle{color:var(--text-2);font-size:.9rem}.ask-user-bar{justify-content:center;align-items:center;gap:.5rem;margin-top:.3rem;display:flex}.ask-user-name{color:var(--text-2);font-size:.85rem;font-weight:600}.btn-logout{color:var(--text-3);cursor:pointer;text-underline-offset:2px;background:0 0;border:none;font-family:inherit;font-size:.8rem;text-decoration:underline}.btn-logout:hover{color:var(--text)}.ask-form{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.5rem}.input-group{margin-bottom:1rem}.input-group label{color:var(--text-2);margin-bottom:.35rem;font-size:.8rem;font-weight:600;display:block}.input-group input,.input-group textarea{background:var(--surface-2);border:1px solid var(--border);border-radius:var(--radius-sm);width:100%;color:var(--text);resize:vertical;padding:.7rem .85rem;font-family:inherit;font-size:.95rem;transition:border-color .15s}.input-group input:focus,.input-group textarea:focus{border-color:var(--accent);outline:none}.input-group input::placeholder,.input-group textarea::placeholder{color:var(--text-3)}.btn-submit{border-radius:var(--radius-sm);background:var(--accent);color:#fff;cursor:pointer;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.5rem;padding:.75rem;font-family:inherit;font-size:.95rem;font-weight:600;transition:opacity .15s;display:flex}.btn-submit:hover{opacity:.85}.btn-submit:active{opacity:.75}.btn-submit:disabled{opacity:.4;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.toast{background:var(--text);color:#fff;border-radius:50px;align-items:center;gap:.4rem;padding:.65rem 1.25rem;font-size:.85rem;font-weight:600;animation:.3s toastIn;display:flex;position:fixed;bottom:2rem;left:50%;transform:translate(-50%)}@keyframes toastIn{0%{opacity:0;transform:translate(-50%)translateY(12px)}to{opacity:1;transform:translate(-50%)translateY(0)}}.panel-container{max-width:720px;margin:0 auto;padding:2rem 1.5rem}.panel-header{flex-wrap:wrap;align-items:baseline;gap:.6rem;margin-bottom:.2rem;display:flex}.panel-header h1{letter-spacing:-.02em;font-size:1.4rem;font-weight:700}.badge-count{background:var(--surface-2);color:var(--text-2);border-radius:50px;padding:.2rem .55rem;font-size:.75rem;font-weight:600}.panel-subtitle{color:var(--text-2);margin-bottom:1.25rem;font-size:.85rem}.filters{flex-wrap:wrap;gap:.35rem;margin:1rem 0 1.25rem;display:flex}.filter-chip{border:1px solid var(--border);color:var(--text-2);cursor:pointer;background:0 0;border-radius:50px;align-items:center;gap:.35rem;padding:.4rem .75rem;font-family:inherit;font-size:.8rem;font-weight:600;transition:all .15s;display:flex}.filter-chip:hover{border-color:var(--border-2);color:var(--text)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-count{background:#0000000f;border-radius:50px;padding:.05rem .4rem;font-size:.7rem}.filter-chip.active .filter-count{background:#fff3}.questions-grid{flex-direction:column;gap:.5rem;display:flex}.q-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:3px solid var(--border);padding:.9rem 1.1rem;animation:.25s cardIn}@keyframes cardIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.q-card.status-new{border-left-color:var(--blue)}.q-card.status-handled{border-left-color:var(--green);opacity:.6}.q-top{flex-wrap:wrap;align-items:center;gap:.45rem;margin-bottom:.3rem;display:flex}.q-name{font-size:.85rem;font-weight:600}.q-time{color:var(--text-3);font-size:.75rem}.q-status{text-transform:uppercase;letter-spacing:.03em;border-radius:50px;padding:.1rem .4rem;font-size:.65rem;font-weight:700}.q-status.new{background:var(--blue-light);color:var(--blue)}.q-status.handled{background:var(--green-light);color:var(--green)}.q-text{color:var(--text-2);font-size:.9rem;line-height:1.5}.q-actions{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.btn-action{border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;color:var(--text);background:#fff;align-items:center;gap:.3rem;padding:.35rem .7rem;font-family:inherit;font-size:.78rem;font-weight:600;transition:all .15s;display:flex}.btn-handled{border-color:var(--green);color:var(--green)}.btn-handled:hover{background:var(--green-light)}.tag{border-radius:50px;padding:.15rem .5rem;font-size:.7rem;font-weight:600}.tag-approved{background:var(--green-light);color:var(--green)}.empty-state{text-align:center;color:var(--text-3);padding:4rem 0;font-size:.9rem}.mod-list{flex-direction:column;gap:.4rem;display:flex}.mod-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);align-items:center;gap:1rem;padding:.9rem 1.1rem;transition:all .15s;animation:.25s cardIn;display:flex}.mod-card.mod-active{border-color:var(--green);background:var(--green-light)}.mod-content{flex:1;min-width:0}.mod-meta{align-items:center;gap:.45rem;margin-bottom:.2rem;display:flex}.mod-name{font-size:.85rem;font-weight:600}.mod-time{color:var(--text-3);font-size:.75rem}.mod-question{color:var(--text-2);font-size:.9rem;line-height:1.45}.toggle{cursor:pointer;border:none;border-radius:12px;flex-shrink:0;width:44px;height:24px;padding:0;transition:background .2s;position:relative}.toggle-off{background:var(--border)}.toggle-on{background:var(--green)}.toggle-knob{background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:2px;box-shadow:0 1px 3px #00000026}.toggle-off .toggle-knob{left:2px}.toggle-on .toggle-knob{left:22px}.mod-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.btn-delete{border-radius:var(--radius-sm);border:1px solid var(--border);width:32px;height:32px;color:var(--text-3);cursor:pointer;background:#fff;justify-content:center;align-items:center;transition:all .15s;display:flex}.btn-delete:hover{color:#ef4444;background:#fef2f2;border-color:#ef4444}.modal-overlay{z-index:100;background:#0000004d;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:#fff;border-radius:12px;width:100%;max-width:380px;padding:1.5rem;box-shadow:0 8px 30px #0000001f}.modal-title{margin-bottom:.5rem;font-size:1.05rem;font-weight:700}.modal-message{color:var(--text-2);margin-bottom:1.25rem;font-size:.9rem;line-height:1.5}.modal-actions{justify-content:flex-end;gap:.5rem;display:flex}.modal-btn{border-radius:var(--radius-sm);cursor:pointer;padding:.5rem 1rem;font-family:inherit;font-size:.85rem;font-weight:600;transition:opacity .15s}.modal-btn-cancel{border:1px solid var(--border);color:var(--text-2);background:#fff}.modal-btn-cancel:hover{background:var(--surface-2)}.modal-btn-danger{color:#fff;background:#ef4444;border:none}.modal-btn-danger:hover{opacity:.85}.page-presenter{background:#fafafa;justify-content:center;align-items:flex-start;display:flex}.presenter-wrapper{width:100%;max-width:800px;padding:3rem 2rem}.presenter-empty{flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:60vh;display:flex}.presenter-empty p{color:var(--text-3);font-size:1.1rem;font-weight:500}.pulse-ring{background:var(--text-3);border-radius:50%;width:10px;height:10px;animation:2s ease-in-out infinite pulse}@keyframes pulse{0%,to{opacity:.3}50%{opacity:1}}.presenter-list{flex-direction:column;gap:.75rem;display:flex}.presenter-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;animation:.35s both presenterIn;display:flex;overflow:hidden}@keyframes presenterIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.presenter-accent{background:var(--accent);flex-shrink:0;width:4px}.presenter-body{padding:1.25rem 1.5rem}.presenter-name{color:var(--text-2);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.35rem;font-size:.75rem;font-weight:600;display:inline-block}.presenter-question{color:var(--text);letter-spacing:-.01em;font-size:1.35rem;font-weight:600;line-height:1.4}@media (width<=640px){.ask-header h1{font-size:1.35rem}.panel-container{padding:1.2rem 1rem}.panel-header h1{font-size:1.2rem}.presenter-question{font-size:1.1rem}.presenter-body{padding:1rem 1.2rem}.presenter-wrapper{padding:1.5rem 1rem}.mod-card{padding:.75rem .9rem}}