:root{color:#2a1020;background:radial-gradient(circle at top,#ffd2e2e6,#fff1f6f5 32%,#fff8fb 70%),#fff8fb;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button{font:inherit}#root{min-height:100vh}.app-shell{gap:1rem;width:calc(100% - 1.5rem);max-width:920px;margin:0 auto;padding:1.25rem 0 2.5rem;display:grid;position:relative}.decor{filter:blur(18px);opacity:.45;pointer-events:none;border-radius:50%;width:140px;height:140px;position:fixed}.decor--left{background:#f78db5a6;top:12vh;left:-30px}.decor--right{background:#ffc57880;bottom:12vh;right:-20px}.hero,.question-card,.status-panel,.tips{z-index:1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#ffffffbf;border:1px solid #ffffffa6;border-radius:16px;position:relative;box-shadow:0 16px 40px #a14d721f}.hero{text-align:center;padding:1.25rem}.hero__icon{width:56px;height:56px;margin-bottom:.4rem}.hero__eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#b04974;margin:0 0 .4rem;font-size:.75rem;font-weight:700}.hero h1{margin:0;font-size:1.6rem;line-height:1.05}.hero__copy{color:#6f3951;width:100%;margin:.75rem auto 0;font-size:.95rem}.hero__split-row{flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:12px;margin-top:1.25rem;display:flex;position:relative}.split-button{isolation:isolate;max-width:100%;display:inline-block;position:relative}.split-button__surface{background:linear-gradient(135deg,#e95f94,#ff8f7d);border-radius:999px;align-items:stretch;min-height:52px;display:inline-flex;overflow:hidden;box-shadow:0 16px 30px #9b3a652e}.split-button__main,.split-button__toggle{color:#fff;cursor:pointer;background:0 0;border:none;transition:background-color .18s,opacity .18s}.split-button__main{text-align:center;min-width:230px;flex:auto;min-inline-size:0;padding:.9rem 1.25rem .9rem 1.4rem;font-weight:700}.split-button__toggle{z-index:1;flex:0 0 52px;width:52px;position:relative}.split-button__toggle:before{content:"";background:#ffffff52;width:1px;position:absolute;top:11px;bottom:11px;left:0}.split-button__chevron{border-bottom:2px solid;border-right:2px solid;width:.62rem;height:.62rem;display:inline-block;transform:translateY(-2px)rotate(45deg)}.split-button__main:hover:enabled,.split-button__toggle:hover:enabled{background:#ffffff14}.split-button__surface:has(.split-button__main:disabled){opacity:.55;box-shadow:none}.split-button__main:disabled,.split-button__toggle:disabled{cursor:not-allowed}.hero__filter-summary{color:#8b5d72;margin:.85rem 0 0;font-size:.85rem}.hero__validation{color:#9b315b;margin:.85rem 0 0;font-size:.88rem;font-weight:600}.question-card{padding:1rem;overflow:hidden}.question-card__meta{color:#8e6275;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.9rem;font-size:.82rem;display:flex}.question-card__category{letter-spacing:.02em;background:#ffffff85;border:1px solid #ffffff8c;border-radius:999px;align-items:center;gap:.38rem;padding:.16rem .36rem .16rem .16rem;font-size:.66rem;font-weight:600;display:inline-flex}.question-card__category-icon{flex:0 0 1.15rem;width:1.15rem;height:1.15rem}.question-card__category-label{line-height:1}.question-card--sex-intimitaet{border-color:#ad42762e;box-shadow:0 18px 42px #a0356d24}.question-card--sex-intimitaet .question-card__category,.question-card--sex-intimitaet .question-card__category{color:#8f1f56;background:#f8cbdf70}.question-card--verbundenheit-wachstum{border-color:#65947633;box-shadow:0 18px 42px #49825f24}.question-card--verbundenheit-wachstum .question-card__category,.question-card--verbundenheit-wachstum .question-card__category{color:#2f7b54;background:#d5f4df7a}.question-card--erinnerungen{border-color:#717ebd33;box-shadow:0 18px 42px #6070b524}.question-card--erinnerungen .question-card__category,.question-card--erinnerungen .question-card__category{color:#4f5db1;background:#dee4ff80}.question-card--beziehung{border-color:#d78f4933;box-shadow:0 18px 42px #d08a3821}.question-card--beziehung .question-card__category,.question-card--beziehung .question-card__category{color:#a85d17;background:#ffe7ca8a}.question-card--ueber-dich{border-color:#6d869733;box-shadow:0 18px 42px #5c75881f}.question-card--ueber-dich .question-card__category,.question-card--ueber-dich .question-card__category{color:#4c677c;background:#dfecf48f}.question-card__text{margin:0;font-size:1.25rem;font-weight:700;line-height:1.3}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;display:flex}.button{cursor:pointer;border:none;border-radius:999px;min-width:140px;padding:.75rem 1rem;transition:transform .18s,box-shadow .18s,opacity .18s;box-shadow:0 12px 26px #9b3a651f}.button:disabled{cursor:not-allowed;opacity:.55;box-shadow:none}.button--primary{color:#fff;background:linear-gradient(135deg,#e95f94,#ff8f7d);font-weight:700}.button--ghost{color:#8f3459;background:#fffffff2;font-weight:700}.status-panel,.tips{padding:1rem}.category-selector{text-align:left;background:0 0;border:none;border-radius:0;margin-top:0;padding:0}.category-selector__header{justify-content:flex-end;align-items:center;margin-bottom:.85rem;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:80;background:#2c102047;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{background:#fffafcf5;border:1px solid #ffffffd1;border-radius:24px;width:min(680px,100%);max-height:min(80vh,760px);padding:1.2rem;overflow:auto;box-shadow:0 36px 90px #61284133}.modal-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-card__title{color:#4b2135;margin:0;font-size:1.2rem}.modal-card__copy{color:#6f3951;margin:.35rem 0 0;font-size:.92rem}.modal-card__close{color:#8f3459;font:inherit;cursor:pointer;background:0 0;border:none;padding:0;font-weight:700}.modal-card__actions{justify-content:flex-end;margin-top:1rem;display:flex}.modal-card__validation{color:#9b315b;margin:1rem 0 0;font-size:.9rem;font-weight:600}.category-selector__all{color:#a1788a;font:inherit;cursor:pointer;opacity:.78;background:0 0;border:none;padding:0;font-size:.82rem;font-weight:600}.category-selector__all:hover{opacity:1}.category-selector__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.category-chip{text-align:left;cursor:pointer;opacity:.64;background:#ffffff85;border:1px solid #8f345929;border-radius:16px;align-items:center;gap:.65rem;width:100%;padding:.72rem .8rem;transition:transform .18s,background-color .18s,box-shadow .18s,opacity .18s;display:flex}.category-chip.is-selected{opacity:1;border-color:#8f345952;box-shadow:0 12px 26px #9b3a6514}.category-chip:hover{transform:translateY(-1px)}.category-chip__icon{flex:0 0 1.55rem;width:1.55rem;height:1.55rem}.category-chip__label{color:#4f3140;font-size:.9rem;font-weight:700;line-height:1.15}.home-footer{z-index:1;color:#8f5a70;justify-content:space-between;gap:1rem;padding:0 .25rem;font-size:.85rem;display:flex;position:relative}.status-panel{color:#6e344c;gap:.5rem;display:grid}.tips{grid-template-columns:90px 1fr;align-items:center;gap:.75rem;display:grid}.tips__asset{justify-self:center;width:100%;max-width:80px}.tips h2{margin:0 0 .25rem;font-size:1rem}.tips p{color:#6f3951;margin:0}.app-bar{background:#ffffffd9;border-radius:12px;justify-content:space-between;align-items:center;padding:.6rem .75rem;display:flex;box-shadow:0 6px 18px #a14d7214}.app-bar__filters{color:#88586d}.question-area{place-items:center;gap:.75rem;padding:.5rem 0;display:grid}.mode-questions{padding-top:.75rem}.mode-questions .decor{opacity:.35;width:120px;height:120px}.hint{color:#5b3949;text-align:center;background:#ffffffe6;border-radius:12px;max-width:420px;margin-top:.75rem;padding:.5rem .75rem;font-size:.9rem;box-shadow:0 8px 20px #a14d720f}.hint__kbd{font-weight:700;display:inline}.app-shell[data-mode=intro] .hero,.app-shell[data-mode=intro] .tips,.app-shell[data-mode=intro] .home-footer{will-change:transform, opacity, filter}.app-shell[data-mode=intro] .hero{animation:.56s cubic-bezier(.2,.9,.28,1) both intro-rise-in}.app-shell[data-mode=intro] .tips{animation:.62s cubic-bezier(.18,.88,.24,1) 90ms both intro-rise-in}.app-shell[data-mode=intro] .home-footer{animation:.56s cubic-bezier(.2,.9,.28,1) .18s both intro-rise-in}.app-shell[data-mode=intro] .decor--left{animation:.9s ease-out both decor-drift-left}.app-shell[data-mode=intro] .decor--right{animation:.98s ease-out both decor-drift-right}@media (width<=720px){.hint__kbd{display:none}}@media (width<=500px){.app-shell{width:calc(100% - 1rem);padding-top:.85rem}.hero{padding:1rem .9rem}.hero h1{font-size:1.35rem}.hero__copy{font-size:.92rem}.hero__split-row{flex-direction:column;align-items:stretch}.split-button,.split-button__surface{width:100%}.split-button__main{min-width:0;padding-left:1rem;padding-right:1rem}.button[data-testid=reset-used-button]{width:100%;min-width:0}}.congrats-card{text-align:center;color:#0b5d33;z-index:50;background:linear-gradient(#e6ffef 0%,#e1fbe8 100%);border:1px solid #228b521f;border-radius:16px;padding:2rem 1.5rem;position:relative;box-shadow:0 28px 60px #0e542d1f}.congrats-card__asset{width:92px;height:92px;margin:0 auto .5rem}.congrats-card h2{margin:.5rem 0 .25rem;font-size:1.4rem}.congrats-card__categories{color:#0f6f3c;font-style:italic;font-weight:700}.congrats-actions{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.confetti{pointer-events:none;z-index:40;width:100vw;height:100vh;position:fixed;top:0;left:0;overflow:hidden}.confetti__piece{opacity:.95;transform-origin:50%;animation-name:confetti-fall;animation-timing-function:linear;animation-iteration-count:1;position:absolute;top:0}.confetti__piece--0{background:#ff6b6b}.confetti__piece--1{background:#ffd166}.confetti__piece--2{background:#6bf0a3}.confetti__piece--3{background:#6ec1ff}.confetti__piece--4{background:#c38cff}.confetti__piece--5{background:#ff9ec0}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(110vh)rotate(540deg)}}@media (prefers-reduced-motion:reduce){.confetti__piece{opacity:.8;animation:none}}@media (width>=721px){.app-shell{gap:1.5rem;width:min(920px,100% - 2rem);padding:2rem 0 3rem}.decor{width:180px;height:180px}.hero,.question-card,.status-panel,.tips{border-radius:28px;box-shadow:0 24px 70px #a14d722e}.hero{padding:2rem}.hero__icon{width:72px;height:72px;margin-bottom:.6rem}.hero__copy{color:#6f3951;width:min(60ch,100%);margin:1rem auto 0}.question-card{padding:1.5rem}.question-card__text{font-size:clamp(1.35rem,3.2vw,2.25rem)}.tips{text-align:left;grid-template-columns:110px 1fr}.home-footer{padding:0 .5rem;font-size:.9rem}}.question-card__content{will-change:transform, opacity}@keyframes slideUpFadeIn{0%{opacity:0;transform:translateY(8px)scale(.995)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes question-card-bloom{0%{opacity:0;filter:saturate(.88);transform:translateY(22px)scale(.94)rotateX(8deg);box-shadow:0 10px 24px #a14d7214}55%{opacity:1;filter:saturate(1.05);transform:translateY(-4px)scale(1.015);box-shadow:0 26px 56px #a14d722e}to{opacity:1;filter:saturate();transform:translateY(0)scale(1);box-shadow:0 16px 40px #a14d721f}}@keyframes question-meta-fade{0%{opacity:0;letter-spacing:.05em;transform:translateY(8px)}to{opacity:1;letter-spacing:0;transform:translateY(0)}}@keyframes question-text-glow-in{0%{opacity:0;text-shadow:0 0 #e95f9400;transform:translateY(14px)scale(.98)}65%{opacity:1;text-shadow:0 0 18px #e95f9429;transform:translateY(-2px)scale(1.01)}to{opacity:1;text-shadow:0 0 #e95f9400;transform:translateY(0)scale(1)}}@keyframes intro-rise-in{0%{opacity:0;filter:blur(8px);transform:translateY(24px)scale(.97)}to{opacity:1;filter:blur();transform:translateY(0)scale(1)}}@keyframes decor-drift-left{0%{opacity:0;transform:translate(-20px,18px)scale(.84)}to{opacity:.45;transform:translate(0)scale(1)}}@keyframes decor-drift-right{0%{opacity:0;transform:translate(20px,-18px)scale(.84)}to{opacity:.5;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:no-preference){.question-area .question-card{transform-origin:top;animation:.48s cubic-bezier(.18,.88,.24,1) both question-card-bloom}.question-area .question-card__meta{animation:.32s ease-out 80ms both question-meta-fade}.question-card__content{animation:.42s cubic-bezier(.2,.9,.28,1) .12s both question-text-glow-in}}@media (prefers-reduced-motion:reduce){.app-shell[data-mode=intro] .hero,.app-shell[data-mode=intro] .tips,.app-shell[data-mode=intro] .home-footer,.app-shell[data-mode=intro] .decor--left,.app-shell[data-mode=intro] .decor--right,.question-area .question-card,.question-area .question-card__meta,.question-card__content{transition:none;animation:none}}