:root{--navy: #1E3A5F;--navy-deep: #162C49;--blue: #3376BD;--blue-soft: #E6F0F9;--indigo: #2C3968;--gray-logo: #58595B;--bg: #F5F6F8;--card: #FFFFFF;--ink: #1C2128;--muted: #67707C;--faint: #9AA3AE;--line: #E4E8ED;--green: #1D9E75;--green-soft: #E1F5EE;--amber: #BA7517;--amber-soft: #FAEEDA;--radius: 14px;--font: "Inter", -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--shadow: 0 1px 2px rgba(20, 35, 60, .05), 0 8px 24px rgba(20, 35, 60, .06);--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}#root{min-height:100dvh;display:flex;flex-direction:column}.sp-mark{-webkit-mask:url(/logo-solo.png) center / contain no-repeat;mask:url(/logo-solo.png) center / contain no-repeat;display:inline-block}@keyframes enter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes enterScale{0%{opacity:0;transform:scale(.98) translateY(6px)}to{opacity:1;transform:scale(1) translateY(0)}}.enter{animation:enter .45s var(--ease) both}.enter-1{animation:enter .45s var(--ease) .05s both}.enter-2{animation:enter .45s var(--ease) .12s both}.enter-3{animation:enter .45s var(--ease) .19s both}.enter-scale{animation:enterScale .35s var(--ease) both}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}.shell{width:100%;max-width:560px;margin:0 auto;padding:0 20px 48px;flex:1}.shell.wide{max-width:880px}.topbar{background:var(--navy);color:#fff;padding:14px 20px;position:sticky;top:0;z-index:10}.topbar-inner{max-width:880px;margin:0 auto;display:flex;align-items:center;gap:12px}.topbar .brand-name{font-size:15px;font-weight:600;letter-spacing:.06em;line-height:1.2}.topbar .brand-sub{font-size:11px;color:#b5d4f4;line-height:1.2}.topbar .spacer{flex:1}.topbar .who{text-align:right;font-size:13px;line-height:1.3}.topbar .who small{color:#b5d4f4;font-size:11px}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px;box-shadow:var(--shadow)}.card+.card{margin-top:14px}.card.flat{box-shadow:none}h1{font-size:26px;font-weight:700;letter-spacing:-.02em;line-height:1.2;margin:0 0 6px}h2{font-size:19px;font-weight:600;letter-spacing:-.01em;margin:0 0 4px}h3{font-size:15px;font-weight:600;margin:0 0 4px}.muted{color:var(--muted)}.small{font-size:13px}.tiny{font-size:12px}.label{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.09em;color:var(--faint);margin:26px 0 10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:13px 18px;border-radius:12px;border:none;font-family:var(--font);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s var(--ease),background .15s,opacity .15s,box-shadow .15s;-webkit-user-select:none;user-select:none}.btn:active{transform:scale(.975)}.btn:disabled{opacity:.45;cursor:default;transform:none}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover:not(:disabled){background:#2b67a8}.btn-navy{background:var(--navy);color:#fff}.btn-navy:hover:not(:disabled){background:var(--navy-deep)}.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line)}.btn-ghost:hover:not(:disabled){background:var(--card);color:var(--ink)}.btn-quiet{background:transparent;color:var(--muted);width:auto;padding:8px 12px;font-size:13px}.btn-quiet:hover{color:var(--ink)}.btn-row{display:flex;gap:10px;margin-top:16px}.btn-row .btn{flex:1}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.input,select.input,textarea.input{width:100%;padding:12px 14px;border-radius:12px;border:1px solid var(--line);background:var(--card);font-family:var(--font);font-size:15px;color:var(--ink);transition:border-color .15s,box-shadow .15s}.input::placeholder{color:var(--faint)}.input:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft);outline:none}textarea.input{resize:vertical;min-height:110px;line-height:1.5}.person{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:12px 14px;cursor:pointer;font-family:var(--font);transition:border-color .15s,transform .15s var(--ease),background .15s}.person:hover{border-color:var(--blue)}.person:active{transform:scale(.985)}.person+.person{margin-top:8px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--blue-soft);color:var(--navy);display:flex;align-items:center;justify-content:center;font-weight:600;font-size:14px;flex-shrink:0}.person .p-name{font-size:15px;font-weight:600;line-height:1.25}.person .p-meta{font-size:12.5px;color:var(--muted);line-height:1.3}.pin-dots{display:flex;gap:14px;justify-content:center;margin:22px 0 26px}.pin-dot{width:14px;height:14px;border-radius:50%;border:1.5px solid var(--faint);transition:background .15s,border-color .15s,transform .15s var(--ease)}.pin-dot.on{background:var(--navy);border-color:var(--navy);transform:scale(1.12)}.pin-pad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;max-width:300px;margin:0 auto}.pin-key{padding:16px 0;border-radius:12px;border:1px solid var(--line);background:var(--card);font-family:var(--font);font-size:20px;font-weight:500;color:var(--ink);cursor:pointer;transition:background .12s,transform .12s var(--ease)}.pin-key:hover{background:var(--bg)}.pin-key:active{transform:scale(.94);background:var(--blue-soft)}.pin-key.soft{border:none;background:transparent;color:var(--muted);font-size:14px;font-weight:600}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(3px)}30%,70%{transform:translate(-5px)}40%,60%{transform:translate(5px)}50%{transform:translate(-4px)}}.shake{animation:shake .45s var(--ease)}.progress-track{height:4px;border-radius:99px;background:var(--line);overflow:hidden;margin:18px 0 26px}.progress-fill{height:100%;border-radius:99px;background:var(--blue);transition:width .45s var(--ease)}.opt{display:flex;align-items:center;gap:12px;width:100%;text-align:left;background:var(--card);border:1.5px solid var(--line);border-radius:12px;padding:14px 16px;font-family:var(--font);font-size:15px;color:var(--ink);cursor:pointer;transition:border-color .15s,background .15s,transform .15s var(--ease)}.opt:hover{border-color:var(--blue)}.opt:active{transform:scale(.985)}.opt+.opt{margin-top:9px}.opt.on{border-color:var(--blue);background:var(--blue-soft)}.opt .radio{width:20px;height:20px;border-radius:50%;border:1.5px solid var(--faint);flex-shrink:0;display:flex;align-items:center;justify-content:center;transition:border-color .15s}.opt.on .radio{border-color:var(--blue)}.opt .radio:after{content:"";width:10px;height:10px;border-radius:50%;background:var(--blue);transform:scale(0);transition:transform .18s var(--ease)}.opt.on .radio:after{transform:scale(1)}.opt.multi .radio{border-radius:6px}.opt.multi .radio:after{border-radius:3px}.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:99px;font-size:12px;font-weight:600}.pill-green{background:var(--green-soft);color:#085041}.pill-amber{background:var(--amber-soft);color:#633806}.pill-blue{background:var(--blue-soft);color:var(--navy)}.pill-gray{background:var(--bg);color:var(--muted);border:1px solid var(--line)}.tabs{display:flex;gap:6px;margin:20px 0 18px;background:#ebeef2;padding:4px;border-radius:12px}.tab{flex:1;padding:9px 10px;border:none;border-radius:9px;background:transparent;font-family:var(--font);font-size:13.5px;font-weight:600;color:var(--muted);cursor:pointer;transition:background .18s,color .18s,box-shadow .18s}.tab.on{background:var(--card);color:var(--navy);box-shadow:0 1px 3px #14233c1f}.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:12px;margin-bottom:16px}.stat{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:14px 16px}.stat .s-label{font-size:12px;color:var(--muted);font-weight:500}.stat .s-value{font-size:24px;font-weight:700;letter-spacing:-.02em;color:var(--navy);font-variant-numeric:tabular-nums}.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--radius);background:var(--card)}table.results{width:100%;border-collapse:collapse;font-size:14px;min-width:520px}table.results th{text-align:left;font-size:11.5px;text-transform:uppercase;letter-spacing:.08em;color:var(--faint);font-weight:600;padding:12px 16px;border-bottom:1px solid var(--line)}table.results td{padding:12px 16px;border-bottom:1px solid var(--line)}table.results tr:last-child td{border-bottom:none}table.results tr:hover td{background:#fafbfc}.score{font-weight:700;font-variant-numeric:tabular-nums}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:14px}.filters .input,.filters select.input{width:auto;flex:1;min-width:150px}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--navy);color:#fff;padding:12px 20px;border-radius:12px;font-size:14px;font-weight:500;box-shadow:0 12px 32px #14233c4d;z-index:100;animation:enterScale .3s var(--ease) both}.success-ring{width:72px;height:72px;border-radius:50%;background:var(--green-soft);color:var(--green);display:flex;align-items:center;justify-content:center;margin:8px auto 18px}.demo-note{background:var(--amber-soft);color:#633806;border-radius:10px;padding:9px 14px;font-size:12.5px;text-align:center;margin-top:18px}.demo-roles{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:10px}.demo-roles button{border:1px dashed var(--faint);background:transparent;color:var(--muted);border-radius:99px;padding:5px 12px;font-family:var(--font);font-size:12px;font-weight:600;cursor:pointer;transition:color .15s,border-color .15s}.demo-roles button:hover{color:var(--navy);border-color:var(--navy)}.pin-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-top:1px solid var(--line)}.pin-row:first-of-type{border-top:none}.btn-wa{width:auto;padding:8px 14px;font-size:13px;background:#25d366;color:#fff;border:none;text-decoration:none;flex-shrink:0}.btn-wa:hover{background:#1ebe5a}.chips{display:flex;gap:8px;flex-wrap:wrap}.chip{border:1.5px solid var(--line);background:var(--card);color:var(--muted);border-radius:99px;padding:7px 14px;font-family:var(--font);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s,transform .15s var(--ease)}.chip:active{transform:scale(.96)}.chip.on{border-color:var(--blue);background:var(--blue-soft);color:var(--navy)}.editor-q{border:1px solid var(--line);border-radius:12px;padding:14px 16px;margin-top:10px;background:#fafbfc}.editor-q .q-type{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--blue)}.credit{display:flex;align-items:center;justify-content:center;gap:7px;padding:18px 0 26px;font-size:12px;color:var(--faint)}.credit img{height:13px;width:auto;opacity:.55;vertical-align:middle}@media(max-width:480px){h1{font-size:23px}.shell{padding:0 16px 40px}}