:root{--ink:#20184f;--muted:#70698c;--line:#ded9eb;--surface:#fbfafc;--surface-raised:#fff;--violet:#6f2ce8;--violet-dark:#4c19b8;--violet-soft:#f1ecfb;--orange:#ff8a24;--error:#a6384a}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;background:#211052;min-height:100%}body{min-height:100%;color:var(--ink);-webkit-font-smoothing:antialiased;overscroll-behavior-y:none;text-rendering:optimizelegibility;background:#211052;margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{-webkit-tap-highlight-color:transparent;touch-action:manipulation}.feedback-page{isolation:isolate;background:linear-gradient(145deg,#0e08311f,#21085f94),radial-gradient(circle at 7% 5%,#ff8a24e0,#0000 26%),radial-gradient(circle at 88% 32%,#7b2ff494,#0000 34%),linear-gradient(135deg,#271061 0%,#6d24d9 48%,#1c0c4e 100%);place-items:center;min-height:100dvh;padding:clamp(80px,13vh,132px) 16px 32px;display:grid;position:relative;overflow:hidden}.feedback-page:before{z-index:-1;content:"";pointer-events:none;opacity:.15;background-image:linear-gradient(#ffffff17 1px,#0000 1px),linear-gradient(90deg,#ffffff17 1px,#0000 1px);background-size:72px 72px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000,#0000 72%);mask-image:linear-gradient(#000,#0000 72%)}.ambient{z-index:-1;pointer-events:none;filter:blur(70px);opacity:.34;border-radius:50%;width:360px;height:360px;position:fixed}.ambient-one{background:#c03cff;animation:18s ease-in-out infinite alternate ambient-drift;top:18%;right:-180px}.ambient-two{background:#ff7f32;animation:22s ease-in-out infinite alternate-reverse ambient-drift;bottom:-230px;left:-160px}.feedback-card,.success-card{background:#fcfbfdf7;border:1px solid #ffffffb8;border-radius:24px;width:min(100%,520px);animation:.42s cubic-bezier(.2,.8,.2,1) both card-enter;position:relative;box-shadow:0 32px 90px #12063c66,0 2px 10px #12063c1f}.feedback-card{padding:30px}.mascot-frame{background:#6d22e1;border:5px solid #fcfbfdfa;border-radius:30px;width:118px;height:118px;position:absolute;top:-74px;right:28px;overflow:hidden;transform:rotate(2deg);box-shadow:0 18px 42px #260c6459}.mascot-frame:after{content:"";pointer-events:none;border-radius:inherit;border:1px solid #ffffff57;position:absolute;inset:0}.mascot-fallback,.mascot-rive{transition:opacity .22s}.mascot-fallback{object-fit:cover;opacity:1;width:100%;height:100%;position:absolute;inset:0}.mascot-fallback-hidden{opacity:0}.mascot-rive{opacity:0;position:absolute;inset:0}.mascot-rive-visible{opacity:1}.mascot-rive canvas{width:100%!important;height:100%!important}.form-header{padding-right:122px}.header-meta{align-items:center;gap:10px;min-height:28px;display:flex}.eyebrow{color:#6b38c8;letter-spacing:.16em;margin:0;font-size:11px;font-weight:800}.material-pill{color:#5e5774;letter-spacing:.01em;background:#f5f2f9;border:1px solid #e0daed;border-radius:8px;align-items:center;min-height:26px;padding:5px 9px;font-size:11px;font-weight:650;display:inline-flex}.form-header h1,.success-card h1{color:#21184f;letter-spacing:-.035em;margin:18px 0 0;font-size:clamp(28px,7vw,36px);font-weight:760;line-height:1.08}.intro{color:var(--muted);margin:12px 0 0;font-size:15px;line-height:1.55}.category-fieldset{border:0;min-width:0;margin:30px 0 0;padding:0}.category-fieldset legend{color:#453d61;margin-bottom:12px;font-size:13px;font-weight:720}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.category-card{border:1px solid var(--line);background:var(--surface-raised);color:#332a58;text-align:left;cursor:pointer;border-radius:15px;grid-template-columns:38px 1fr;align-items:center;gap:10px;min-height:78px;padding:12px;transition:border-color .16s,background .16s,box-shadow .16s,transform .12s;display:grid;position:relative}.category-card>span:nth-child(2){font-size:13px;font-weight:690;line-height:1.25}.category-card:active{transform:scale(.985)}.category-card:focus-visible,.detail-chip:focus-visible,.record-button:focus-visible,.submit-button:focus-visible,.secondary-action:focus-visible,.audio-preview button:focus-visible,input:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #6f2ce838}.category-card-selected{background:#f4f0fb;border-color:#7f4bdc;box-shadow:inset 0 0 0 1px #6f2ce81a}.category-icon{color:#5d2db6;background:#f1edf7;border-radius:11px;place-items:center;width:38px;height:38px;display:grid}.category-card-selected .category-icon{color:#5420b3;background:#e7dcfa}.selected-check{background:var(--violet);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:8px;right:8px}.details-panel{border-top:1px solid #e7e2ee;margin:24px -2px 0;padding-top:4px;animation:.26s both details-enter}.detail-section{padding-top:22px}.section-heading,.field-label{justify-content:space-between;align-items:center;gap:12px;display:flex}.section-heading h2,.field-label{color:#403755;margin:0;font-size:13px;font-weight:730}.section-heading>span,.field-label>span:last-child{color:#8a8498;font-size:11px;font-weight:580}.section-heading p,.field-hint{color:#8a8498;margin:4px 0 0;font-size:12px;line-height:1.4}.detail-chips{flex-wrap:wrap;gap:8px;margin-top:12px;display:flex}.detail-chip{color:#5c536e;cursor:pointer;background:#fff;border:1px solid #ddd7e8;border-radius:10px;min-height:44px;padding:8px 12px;font-size:12px;font-weight:650;transition:all .15s}.detail-chip-selected{color:#4e219e;background:#f0e9fb;border-color:#8a56df}textarea,input[type=email]{width:100%;max-width:100%;color:var(--ink);background:#fff;border:1px solid #dcd6e6;border-radius:13px;margin-top:10px;font-size:14px;transition:border-color .16s,box-shadow .16s;display:block}textarea{resize:vertical;min-height:104px;padding:13px 14px;line-height:1.5}input[type=email]{height:48px;padding:0 14px}textarea::placeholder,input::placeholder{color:#aaa4b7}textarea:focus,input[type=email]:focus{border-color:#8756da;outline:none;box-shadow:0 0 0 3px #6f2ce814}.character-count{color:#9791a4;text-align:right;margin:6px 2px 0;font-size:10px}.record-button{color:#4e4564;cursor:pointer;background:#fff;border:1px solid #d9d2e6;border-radius:13px;justify-content:center;align-items:center;gap:9px;width:100%;min-height:50px;margin-top:12px;font-size:13px;font-weight:690;display:flex}.record-button strong{color:#9e3446;font-variant-numeric:tabular-nums;margin-left:auto}.record-button-active{color:#9e3446;background:#fff6f7;border-color:#c86877}.audio-preview{grid-template-columns:1fr 44px;align-items:center;gap:8px;margin-top:12px;display:grid}.audio-preview audio{width:100%;min-width:0;height:44px}.audio-preview button{color:#8d3948;cursor:pointer;background:#fff;border:1px solid #e2dce9;border-radius:12px;place-items:center;width:44px;height:44px;display:grid}.contact-section{padding-bottom:8px}.label-with-icon{align-items:center;gap:7px;display:inline-flex}.inline-error,.form-error{color:var(--error);font-size:12px;line-height:1.4}.inline-error{margin:8px 0 0}.submit-area{z-index:2;-webkit-backdrop-filter:blur(14px);background:#fcfbfdeb;border-radius:18px;margin:22px -10px -10px;padding:10px;position:sticky;bottom:0}.form-error{text-align:center;margin:0 2px 9px}.submit-button,.secondary-action{cursor:pointer;border:0;border-radius:14px;justify-content:center;align-items:center;gap:9px;min-height:56px;font-size:15px;font-weight:760;transition:transform .12s,box-shadow .16s,opacity .16s;display:flex}.submit-button{color:#fff;background:linear-gradient(112deg,#5420c5 0%,#822bdb 65%,#d35a54 120%);width:100%;box-shadow:0 13px 30px #5420c542}.submit-button:active,.secondary-action:active{transform:scale(.99)}.submit-button:disabled{box-shadow:none;cursor:not-allowed;opacity:.42}.success-card{text-align:center;flex-direction:column;align-items:center;padding:42px 32px;display:flex}.success-mark{color:#5f28c2;background:#ede5fb;border-radius:18px;place-items:center;width:58px;height:58px;margin-bottom:24px;display:grid}.success-card h1{margin-top:16px}.success-card>p:not(.eyebrow):not(.demo-note){max-width:380px;color:var(--muted);margin:14px 0 20px;font-size:15px;line-height:1.55}.demo-note{color:#7a5b2a;background:#fff9ee;border:1px solid #e4d8c6;border-radius:10px;margin:18px 0 0;padding:10px 12px;font-size:11px;line-height:1.4}.secondary-action{color:#4b3d69;background:#fff;border:1px solid #d9d1e7;width:100%;margin-top:24px}@keyframes card-enter{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes details-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes ambient-drift{0%{transform:translate(-16px,-10px)scale(.94)}to{transform:translate(20px,18px)scale(1.06)}}@media (width<=560px){.feedback-page{min-height:100dvh;padding:max(84px, calc(env(safe-area-inset-top) + 70px)) max(12px, env(safe-area-inset-right)) max(18px, env(safe-area-inset-bottom)) max(12px, env(safe-area-inset-left));display:block;overflow:visible}.feedback-card,.success-card{border-radius:21px;width:100%}.feedback-card{padding:22px 18px 18px}.mascot-frame{border-width:4px;border-radius:24px;width:94px;height:94px;top:-58px;right:18px}.form-header{padding-right:82px}.header-meta{display:block}.header-meta .material-pill{margin-top:8px}.form-header h1{margin-top:16px;font-size:28px}.intro{font-size:14px}textarea,input[type=email]{font-size:16px}.category-fieldset{margin-top:24px}.category-card{border-radius:14px;grid-template-columns:34px 1fr;gap:8px;min-height:74px;padding:10px}.category-icon{border-radius:10px;width:34px;height:34px}.category-card>span:nth-child(2){font-size:12px}.submit-area{bottom:env(safe-area-inset-bottom);padding-bottom:max(10px, env(safe-area-inset-bottom));margin-bottom:-8px}}@media (width<=370px){.feedback-page{padding-inline:8px}.feedback-card{padding-inline:14px}.category-grid{grid-template-columns:1fr}.category-card{min-height:60px}.form-header{padding-right:70px}.mascot-frame{width:84px;height:84px;right:14px}}@media (width<=560px) and (height<=740px){.feedback-page{padding-top:max(70px, calc(env(safe-area-inset-top) + 58px))}.mascot-frame{border-radius:21px;width:82px;height:82px;top:-50px}.form-header{padding-right:70px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}