:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff7fc;--surface:#fffcffe0;--surface-strong:#fffafd;--text:#3f294b;--muted:#7b6984;--line:#eadcf0;--accent:#e43d91;--accent-dark:#a9286b;--accent-soft:#ffe2ef;--purple:#8f63e6;--purple-dark:#5d3a72;--purple-soft:#f1e9ff;--rose:#ffd6e7;--peach:#ffe3cc;--lavender:#f3e8ff;--track:#efe3f1;--shadow:0 18px 44px #5d3a7221;--shadow-soft:0 10px 28px #e43d911c;--gradient:linear-gradient(112deg, #d22d7c 0%, #a23abd 52%, #6844c0 100%);--gradient-soft:linear-gradient(145deg, #ffd6e7c2, #f3e8ffd1)}*{box-sizing:border-box}html{background:var(--bg);min-width:320px}body{color:var(--text);background:linear-gradient(145deg,#f3e8ffd1 0%,#0000 34%),linear-gradient(215deg,#ffd6e7bd 0%,#0000 38%),linear-gradient(#fffafd 0%,#fff5fa 54%,#fff8f4 100%);margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,textarea:focus-visible{outline-offset:2px;outline:3px solid #8f63e64d}a{color:inherit;text-decoration:none}.shell{width:min(100%,480px);min-height:100svh;padding:max(18px, env(safe-area-inset-top)) 16px max(22px, env(safe-area-inset-bottom));margin:0 auto}.cover{align-items:center;display:grid}.panel,.test-card{background:var(--surface);width:100%;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid #e2cdebeb;border-radius:8px}.panel{padding:22px 18px}.hero-panel{text-align:center;background:linear-gradient(155deg,#fffffff5,#ffecf6e0 58%,#f2e8ffe6);gap:13px;padding:18px 20px 20px;display:grid;position:relative;overflow:hidden}.hero-panel:before,.hero-panel:after,.interlude-panel:before,.result-loading-panel:before,.result-hero-panel:before,.result-hero-panel:after,.profile-panel:after{z-index:0;color:var(--accent);pointer-events:none;position:absolute}.hero-panel:before{content:"♥";opacity:.58;font-size:19px;top:18px;left:18px;transform:rotate(-12deg)}.hero-panel:after{color:var(--purple);content:"✦";opacity:.64;font-size:24px;top:50px;right:18px;transform:rotate(10deg)}.hero-panel>*,.profile-panel>*,.interlude-panel>*,.result-loading-panel>*,.result-hero-panel>*{z-index:1;position:relative}.hero-art{border:1px solid #ffffffe6;border-radius:8px;width:min(100%,252px);height:auto;margin:0 auto 1px;display:block;box-shadow:0 14px 34px #d9489729,0 3px 12px #6c46971a}.eyebrow{color:var(--purple-dark);align-items:center;gap:7px;margin:0 0 10px;font-size:13px;font-weight:800;display:flex}.eyebrow:before{background:var(--gradient);content:"";border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #e43d911a}h1,h2,p{overflow-wrap:anywhere}h1{letter-spacing:0;margin:0 0 12px;font-size:30px;line-height:1.15}.hero-panel h1{margin:0;font-size:28px}.hero-title{color:var(--purple-dark)}@supports ((-webkit-background-clip:text) or (background-clip:text)){.hero-title{color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text}}h2{letter-spacing:0;margin:0;font-size:20px;line-height:1.25}p{line-height:1.65}.lead{color:var(--purple-dark);text-align:center;margin:0;font-size:16px}.subtle,.muted{color:var(--muted)}.subtle{margin:0 0 20px}.muted{margin:0;font-size:14px}.notice{border-left:3px solid var(--purple);color:var(--purple-dark);background:linear-gradient(100deg,#ffe2efdb,#f1e9ffe6);border-radius:6px;margin:18px 0 0;padding:10px 12px;font-size:14px}.hero-panel .notice{color:var(--muted);text-align:center;background:0 0;border:0;margin:1px 0 0;padding:0;font-size:13px}.action-stack{gap:10px;margin-top:22px;display:grid}.hero-panel .action-stack{margin-top:3px}.action-row{grid-template-columns:1fr 1fr;gap:10px;margin-top:22px;display:grid}.primary-button,.secondary-button{cursor:pointer;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:12px 16px;font-weight:800;line-height:1.2;transition:transform .16s,box-shadow .16s,border-color .16s;display:inline-flex}.full-width{width:100%}.primary-button{color:#fff;background:var(--gradient);border:1px solid #703ca452;box-shadow:0 11px 24px #c537943d}.primary-button:active{background:linear-gradient(112deg,#c52d7a,#6841bb);transform:translateY(1px);box-shadow:0 5px 14px #c5379433}.primary-button:disabled,.secondary-button:disabled{cursor:not-allowed;opacity:.42;transform:none}.secondary-button{border:1px solid var(--line);color:var(--purple-dark);background:#ffffffd1;box-shadow:0 5px 14px #5d3a720f}.compact{min-height:42px;padding:10px 12px}.profile-panel{background:linear-gradient(155deg,#fffffff5,#fff4faeb 58%,#f5eeffe6);position:relative;overflow:hidden}.profile-panel:after{color:var(--accent);content:"♥  ✦";opacity:.46;font-size:17px;top:18px;right:18px}.profile-panel>.primary-button{width:100%}.field-group{border:0;margin:0 0 20px;padding:0}.field-group legend{color:var(--purple-dark);margin-bottom:10px;font-size:15px;font-weight:800}.choice-grid{gap:8px;display:grid}.choice-button,.answer-button{border:1px solid var(--line);width:100%;color:var(--text);text-align:left;cursor:pointer;background:#ffffffd6;border-radius:8px;transition:border-color .16s,background .16s,box-shadow .16s,transform .16s;position:relative;box-shadow:0 3px 12px #5d3a720a}.choice-button{min-height:44px;padding:11px 42px 11px 13px}.choice-button.selected,.answer-button.selected{background:var(--gradient-soft);box-shadow:inset 3px 0 0 var(--accent), 0 7px 18px #e43d911a;border-color:#db3488b3}.choice-button.selected:after,.answer-button.selected:after{color:var(--accent);content:"♥";font-size:16px;position:absolute;top:50%;right:14px;transform:translateY(-50%)}.test-shell{display:flex}.test-card{background:linear-gradient(#fffbfefa,#fff7fcf0);flex-direction:column;min-height:calc(100svh - 40px);padding:16px;display:flex}.test-header{flex:none}.progress-track,.bar-track{background:var(--track);border-radius:999px;overflow:hidden}.progress-track{height:8px;box-shadow:inset 0 1px 2px #5d3a7214}.progress-fill,.bar-fill{border-radius:inherit;background:var(--gradient);height:100%;box-shadow:0 0 12px #e43d9138}.question-area{flex-direction:column;flex:auto;padding:22px 0 14px;display:flex}.question-area h1{color:var(--text);margin-bottom:20px;font-size:23px;line-height:1.32}.question-dimension{width:fit-content;color:var(--purple-dark);background:var(--purple-soft);border-radius:999px;margin:0 0 10px;padding:5px 9px;font-size:13px}.answer-list{gap:10px;display:grid}.answer-button{min-height:58px;padding:14px 42px 14px 14px;line-height:1.45}.test-footer{border-top:1px solid var(--line);flex:none;justify-content:space-between;align-items:center;gap:12px;min-height:54px;padding-top:12px;display:flex}.test-footer .muted{text-align:right;max-width:210px}.interlude,.result-loading{margin-top:18vh}.interlude-panel,.result-loading-panel{background:linear-gradient(150deg,#fffffff5,#ffe2efe0 56%,#f1e9ffeb);position:relative;overflow:hidden}.interlude-panel:before,.result-loading-panel:before{content:"♥  ✦";opacity:.55;font-size:20px;top:16px;right:18px}.result-loading h1{font-size:27px}.calibration-list{gap:8px;margin:18px 0;display:grid}.calibration-list span{color:var(--purple-dark);background:#ffffffb3;border:1px solid #e1c7ede6;border-radius:8px;padding:10px 12px;font-size:14px}.loading-track{background:var(--track);border-radius:999px;height:8px;overflow:hidden}.loading-fill{border-radius:inherit;background:var(--gradient);transform-origin:0;width:100%;height:100%;animation:1.6s ease-in-out forwards loading-sweep;box-shadow:0 0 14px #e43d9147}@keyframes loading-sweep{0%{transform:scaleX(.12)}to{transform:scaleX(1)}}.result-shell{gap:14px;display:grid}.details-stack{gap:14px;scroll-margin-top:16px;display:grid}.result-hero{text-align:center}.result-hero-panel{background:linear-gradient(150deg,#fffffffa 0%,#ffddede6 56%,#efe3fff0 100%);border-color:#e0c3ece6;position:relative;overflow:hidden;box-shadow:0 20px 48px #9643a129,0 8px 20px #e43d911a}.result-hero-panel:before{content:"♥";opacity:.42;font-size:19px;top:18px;left:22px;transform:rotate(-12deg)}.result-hero-panel:after{color:var(--purple);content:"✦";opacity:.48;font-size:26px;top:48px;right:22px}.result-hero .eyebrow{justify-content:center}.score-wrap{width:fit-content;margin:2px auto 6px;position:relative}.score-number{color:var(--accent);margin:0;font-size:78px;font-weight:900;line-height:1}@supports ((-webkit-background-clip:text) or (background-clip:text)){.score-number{color:#0000;background:var(--gradient);-webkit-background-clip:text;background-clip:text}}.score-spark{color:var(--accent);pointer-events:none;position:absolute}.score-spark-left{font-size:14px;top:11px;left:-29px;transform:rotate(-14deg)}.score-spark-right{color:var(--purple);font-size:22px;top:-2px;right:-29px}.tagline{color:var(--muted);margin:0 0 18px}.result-type{background:#ffffffb3;border:1px solid #e0c5ede6;border-radius:8px;margin:16px 0;padding:14px;box-shadow:0 9px 22px #5d3a7212}.result-type p{color:var(--accent-dark);margin:6px 0 0;font-weight:800}.result-signal-list{flex-wrap:wrap;justify-content:center;gap:7px;margin-top:11px;display:flex}.result-signal-list span{color:var(--purple-dark);background:#f3e8ffc7;border:1px solid #8f63e63d;border-radius:999px;padding:5px 9px;font-size:12px;font-weight:700;line-height:1.25}.poster-generate-button{margin:0}.poster-action{border-top:1px solid #e0c5edb8;margin-top:20px;padding-top:18px}.poster-action .poster-error{color:#7b2047;background:#ffe8f0e6;border-left-color:#b3265f;margin-top:10px}.result-dimensions{background:linear-gradient(160deg,#fffffff2,#faf4ffe6)}.section-title{color:var(--purple-dark);margin-bottom:14px}.dimension-list{gap:14px;display:grid}.dimension-row{gap:6px;display:grid}.dimension-label{justify-content:space-between;align-items:center;gap:12px;margin-bottom:4px;font-size:14px;display:flex}.dimension-label strong{color:var(--accent-dark)}.bar-track{height:10px;box-shadow:inset 0 1px 2px #5d3a7214}.dimension-row:nth-child(2) .bar-fill{background:linear-gradient(90deg,#8f63e6,#cf5ac4)}.dimension-row:nth-child(3) .bar-fill{background:linear-gradient(90deg,#f19a9f,#e43d91)}.dimension-row:nth-child(4) .bar-fill{background:linear-gradient(90deg,#c27be8,#7954d4)}.dimension-row:nth-child(5) .bar-fill{background:linear-gradient(90deg,#f07eae,#a45ed9)}.dimension-copy{color:var(--muted);margin:0;font-size:13px;line-height:1.45}.analysis-grid{gap:16px;display:grid}.analysis-panel,.result-context-panel,.feedback-panel{background:linear-gradient(160deg,#fffffff5,#fff7fceb)}.details-button{color:var(--accent-dark);background:linear-gradient(100deg,#ffe2efe0,#f1e9ffeb);border-color:#d42d7c4d;box-shadow:0 8px 20px #c537941a}.result-block{gap:6px;display:grid}.result-block h3{color:var(--accent-dark);margin:0;font-size:15px}.result-block p{margin:0}.rating-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-bottom:16px;display:grid}.feedback-label{color:var(--purple-dark);margin-bottom:8px;font-size:14px;font-weight:800;display:block}textarea{resize:vertical;border:1px solid var(--line);width:100%;min-height:96px;color:var(--text);background:#ffffffdb;border-radius:8px;padding:12px;line-height:1.5}textarea::placeholder{color:#a293a8}.modal-backdrop{z-index:20;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#3f294b75;align-items:end;padding:16px;display:grid;position:fixed;inset:0}.modal-panel{background:linear-gradient(155deg,#fffafd,#f9f0ff);border:1px solid #e5cfefeb;border-radius:8px;width:min(100%,448px);margin:0 auto;padding:18px;box-shadow:0 22px 54px #3f294b3d}.modal-panel h2{color:var(--purple-dark);margin-bottom:10px}.modal-panel p{color:var(--muted);margin:0}.poster-modal-backdrop{z-index:30;padding:max(10px, env(safe-area-inset-top)) 12px max(10px, env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#3f294b94;align-items:center;display:grid;position:fixed;inset:0}.poster-modal-panel{background:linear-gradient(155deg,#fffafd,#f9f0ff);border:1px solid #e5cfeff0;border-radius:8px;flex-direction:column;gap:12px;width:min(100%,448px);max-height:calc(100svh - 20px);margin:0 auto;padding:14px;display:flex;box-shadow:0 24px 60px #3f294b47}.poster-modal-header{flex:none;justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.poster-modal-header .eyebrow{margin-bottom:5px}.poster-modal-header h2{color:var(--purple-dark)}.poster-close-button{border:1px solid var(--line);width:42px;height:42px;color:var(--purple-dark);cursor:pointer;background:#ffffffd1;border-radius:50%;flex:0 0 42px;justify-content:center;align-items:center;padding:0;font-size:27px;line-height:1;display:inline-flex}.poster-preview-frame{overscroll-behavior:contain;background:#fff7fc;border:1px solid #e0c5ede6;border-radius:8px;min-height:0;overflow:auto;box-shadow:0 10px 26px #5d3a721f}.poster-preview-image{-webkit-user-select:none;user-select:none;-webkit-touch-callout:default;width:100%;height:auto;display:block}.poster-save-hint{color:var(--muted);text-align:center;flex:none;margin:0;font-size:13px;line-height:1.5}.poster-save-message{text-align:left;flex:none;margin:0}.poster-modal-actions{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.poster-modal-actions>:only-child{grid-column:1/-1}.poster-modal-backdrop.poster-screenshot-mode{-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff2fa;align-items:stretch;padding:0}.poster-screenshot-mode .poster-modal-panel{width:100%;max-width:none;height:100svh;max-height:none;box-shadow:none;background:#fff2fa;border:0;border-radius:0;justify-content:center;align-items:center;gap:0;margin:0;padding:0}.poster-screenshot-mode .poster-preview-frame{width:min(100vw,75svh);max-height:100svh;box-shadow:none;background:0 0;border:0;border-radius:0;overflow:hidden}.poster-screenshot-mode .poster-preview-image{object-fit:contain;width:100%;max-height:100svh}.poster-screenshot-prompt{top:max(18px, env(safe-area-inset-top));z-index:32;color:#fff;text-align:center;pointer-events:none;background:#302235f0;border-radius:8px;gap:3px;width:min(100% - 32px,380px);padding:12px 16px;display:grid;position:fixed;left:50%;transform:translate(-50%);box-shadow:0 12px 30px #3022353d}.poster-screenshot-prompt strong{font-size:14px;line-height:1.4}.poster-screenshot-prompt span{color:#ffffffc2;font-size:12px;line-height:1.4}.bottom-actions{padding-bottom:env(safe-area-inset-bottom);justify-items:center;gap:10px;display:grid}.bottom-actions .secondary-button{background:#ffffffa8;border-color:#8f63e63d}.privacy-notice-button{color:var(--muted);text-underline-offset:3px;background:0 0;border:0;padding:4px 8px;font-size:13px;text-decoration:underline}.privacy-modal-panel{gap:12px;display:grid}@media (hover:hover){.primary-button:hover,.secondary-button:hover,.choice-button:hover,.answer-button:hover{transform:translateY(-1px)}.primary-button:hover{box-shadow:0 14px 28px #c537944d}.secondary-button:hover,.choice-button:hover,.answer-button:hover{border-color:#8f63e675}}@media (max-width:360px){.shell{padding-left:12px;padding-right:12px}.panel,.test-card{padding-left:14px;padding-right:14px}.hero-panel{padding-top:16px}.hero-art{width:min(100%,224px)}h1{font-size:27px}.hero-panel h1{font-size:25px}.question-area h1{font-size:21px}.score-number{font-size:68px}.test-footer .muted{max-width:170px;font-size:12px}.poster-modal-panel{padding:12px}.poster-modal-actions{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}