:root{color:#fff7fb;font-synthesis:none;text-rendering:optimizelegibility;background-color:#0000;background-image:linear-gradient(135deg,#ff52821f 0 1px,#0000 1px 18px),radial-gradient(circle at 76% 9%,#ff5a8347,#0000 26%),radial-gradient(circle at 90% 24%,#ffa94f30,#0000 19%),radial-gradient(circle at 15% 18%,#ff376d42,#0000 29%),linear-gradient(145deg,#09010a 0%,#21020f 35%,#4b0718 64%,#160209 100%);background-position:0 0,0 0,0 0,0 0,0 0;background-repeat:repeat,repeat,repeat,repeat,repeat;background-size:auto,auto,auto,auto,auto;background-attachment:fixed;background-origin:padding-box,padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box,border-box;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,input{font:inherit}button:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #ffedf6f2}#root{min-height:100vh}.app-shell{isolation:isolate;gap:1rem;width:min(1120px,100% - 1.5rem);min-height:100vh;margin:0 auto;padding:1rem 0 2.25rem;display:grid;position:relative}.app-shell:before{content:"";z-index:-3;pointer-events:none;background-color:#0000;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff04 1px,#0000 1px);background-position:0 0,0 0;background-repeat:repeat,repeat;background-size:34px 34px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#000000b3,#0000 76%);mask-image:linear-gradient(#000000b3,#0000 76%)}.app-shell:after{content:"";z-index:-2;pointer-events:none;filter:blur(28px);background:linear-gradient(90deg,#0000,#ff4e7e2e,#ffa4521f,#0000);height:34vh;position:fixed;inset:auto -8vw -10vh}.decor{z-index:-1;pointer-events:none;opacity:.68;filter:drop-shadow(0 0 16px #ff386fb8);width:128px;height:112px;position:fixed}.decor:before,.decor:after{content:"";border:0;border-top:4px solid #ff4f82;border-left:4px solid #ff4f82;border-radius:34px 0 0;position:absolute;transform:rotate(45deg)}.decor:before{width:54px;height:54px;inset:18px auto auto 22px}.decor:after{opacity:.78;width:30px;height:30px;inset:68px auto auto 76px}.decor--left{top:13vh;left:.5rem}.decor--right{bottom:18vh;right:.25rem;transform:rotate(-14deg)}.hero,.question-card,.status-panel,.tips,.app-bar,.modal-card,.hint,.congrats-card{z-index:1;position:relative}.hero{align-content:center;min-height:min(760px,100vh - 7rem);padding:clamp(1.35rem,5vw,4rem) 0;display:grid;overflow:hidden}.hero:before{content:"";z-index:-1;background:linear-gradient(125deg,#f74f7c26,#ffdbe014),radial-gradient(circle at 43% 43%,#ffdce2f2 0 .9%,#0000 1.1%),linear-gradient(145deg,#50051c94,#23010e6b);border-radius:48px;position:absolute;inset:12% -14% 0 38%;transform:rotate(-4deg);box-shadow:inset 0 0 0 1px #ff6f9d2e,0 32px 120px #06000666}.hero:after{content:"Wenn wir einen Tag\a komplett nur für uns\a hätten – wie sähe er\a perfekt für dich aus?";z-index:-1;aspect-ratio:.72;color:#6a0924;text-align:center;white-space:pre-line;content:"";background:linear-gradient(#ffdfe3,#f7b9c7),#ffd4dd;border-radius:24px;place-items:center;width:min(42vw,390px);padding:clamp(1.35rem,3vw,2.4rem);font-size:clamp(1.45rem,2.85vw,2.25rem);font-weight:900;line-height:1.28;display:grid;position:absolute;top:19%;right:clamp(0rem,8vw,5.5rem);transform:rotate(8deg);box-shadow:-18px 30px 0 -5px #c7194c,-38px 45px 0 -8px #6f071f,0 22px 70px #00000073}.hero__card-question{z-index:0;aspect-ratio:.72;color:#6a0924;text-align:center;text-wrap:balance;pointer-events:none;place-items:center;width:min(42vw,390px);margin:0;padding:clamp(1.35rem,3vw,2.4rem) clamp(1.35rem,3vw,2.4rem) clamp(1.35rem,3vw,2.4rem) 3px;font-size:clamp(1.45rem,2.85vw,2.25rem);font-weight:900;line-height:1.28;display:grid;position:absolute;top:19%;right:clamp(0rem,8vw,5.5rem);transform:rotate(8deg)translateY(8%)}.hero__logo{object-fit:contain;width:min(380px,88vw);height:auto;margin:0 0 clamp(1.15rem,3vw,2rem)}.hero h1{color:#fff;letter-spacing:0;text-shadow:0 8px 32px #0000007a;width:min(650px,100%);margin:0;font-weight:900;line-height:.98}.hero__headline-small,.hero__headline-large{display:block}.hero__headline-small{font-size:clamp(1.75rem,5.6vw,3.75rem)}.hero__headline-large{color:#f45b86;font-size:clamp(2.35rem,8vw,5.2rem)}.hero__copy{color:#fff6f8;text-shadow:0 4px 22px #00000080;width:min(42ch,100%);margin:1rem 0 0;font-size:clamp(1.08rem,2.6vw,1.45rem);font-weight:600}.hero__split-row{flex-wrap:wrap;align-items:center;gap:.9rem;margin-top:clamp(1.5rem,4vw,2.4rem);display:flex}.split-button{max-width:100%;display:inline-block}.split-button__surface{background:linear-gradient(135deg,#ec4f83,#ff786f);border:1px solid #ffa2b46b;border-radius:14px;align-items:stretch;min-height:56px;display:inline-flex;overflow:hidden;box-shadow:0 18px 42px #e82c6352,0 0 30px #ff4c7e33}.split-button__main,.split-button__toggle{color:#fff;cursor:pointer;background:0 0;border:0;transition:background-color .18s,transform .18s,opacity .18s}.split-button__main{text-align:center;flex:auto;min-width:230px;padding:.95rem 1.25rem .95rem 1.35rem;font-weight:900}.split-button__toggle{flex:0 0 56px;width:56px;position:relative}.split-button__toggle:before{content:"";background:#ffffff5c;width:1px;position:absolute;top:12px;bottom:12px;left:0}.split-button__shuffle-mark{border-bottom:3px solid;border-right:3px solid;width:.66rem;height:.66rem;display:inline-block;transform:translateY(-2px)rotate(45deg)}.split-button__main:hover:enabled,.split-button__toggle:hover:enabled{background:#ffffff1a}.split-button__main:active:enabled,.split-button__toggle:active:enabled,.button:active:enabled{transform:translateY(1px)}.hero__filter-summary,.hero__progress{color:#ffd6e0;text-shadow:0 4px 18px #00000080;width:max-content;max-width:100%;margin:1rem 0 0;font-size:.92rem;font-weight:700}.hero__progress{color:#fff;opacity:.82}.button{cursor:pointer;border:1px solid #ffb2c542;border-radius:14px;min-width:140px;min-height:52px;padding:.78rem 1.05rem;font-weight:900;transition:transform .18s,box-shadow .18s,opacity .18s,background-color .18s;box-shadow:0 16px 34px #1a010d3d}.button:disabled{cursor:not-allowed;opacity:.52;box-shadow:none}.button--primary{color:#fff;background:linear-gradient(135deg,#eb4d82,#ff786f);box-shadow:0 18px 42px #e82c6347}.button--ghost{color:#8b123c;background:#fffafbf5;box-shadow:0 18px 46px #1a010d2e}.button--ghost:hover:enabled{background:#fff}.status-panel,.app-bar{color:#37101f;background:linear-gradient(#fff7f9f0,#ffe7eee6);border:1px solid #ff789a3d;box-shadow:0 24px 70px #05000547}.tips{color:#fff7fb;background:radial-gradient(circle at 11% 30%,#ff5c8947,#0000 30%),linear-gradient(135deg,#300315f0,#5b081fe6);border:1px solid #ff5d8d5c;border-radius:18px;grid-template-columns:86px 1fr;align-items:center;gap:1rem;padding:1rem;display:grid;box-shadow:0 24px 70px #0500054d,inset 0 1px #ffacbf1f}.tips__asset{background:#ffeef3eb;border-radius:18px;justify-self:center;width:76px;height:76px;box-shadow:0 0 26px #ff548457}.tips h2{color:#fff;margin:0 0 .25rem;font-size:1rem}.tips p{color:#ffd6df;margin:0}.home-footer{z-index:1;color:#ffd6df;text-shadow:0 4px 20px #00000070;justify-content:space-between;gap:1rem;padding:0 .25rem;font-size:.85rem;display:flex;position:relative}.app-bar{color:#fff;background:linear-gradient(#19020de6,#3d0518db),#20030f;border-color:#ff618d52;border-radius:18px;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem;display:flex;box-shadow:0 18px 54px #00000057}.app-bar__content{flex-direction:column;gap:.32rem;min-width:0;display:flex}.app-bar__brand{align-items:center;gap:.7rem;min-width:0;display:flex}.app-bar__logo{flex:none;width:112px;height:auto}.app-bar__status,.app-bar__filters{color:#ffc8d5}.app-bar__filters{color:#f96d98}.app-bar__actions{flex:none}.app-bar .button{min-width:116px;min-height:46px}.app-bar__end-button{color:#ff9ab7;min-width:82px;min-height:34px;box-shadow:none;background:#ff7da114;border-color:#ff7da147;padding:.42rem .72rem;font-size:.84rem;line-height:1}.app-bar__end-button:hover:enabled{color:#ffd6df;background:#ff7da126;border-color:#ff91b17a;box-shadow:0 0 22px #ff4d8229}.question-area{place-items:center;gap:.9rem;padding:.25rem 0;display:grid;position:relative}.question-area--stacked{position:relative}.question-card{isolation:isolate;color:#5b061e;background:linear-gradient(145deg,#ffecf0fa,#f9b4c2fa),#ffd6df;border:1px solid #ff94a98f;border-radius:18px;width:min(640px,100%);padding:clamp(1rem,3.4vw,1.65rem);position:relative;overflow:visible;box-shadow:-12px 16px 0 -5px #cf1d4f,-26px 28px 0 -8px #69071f,0 26px 74px #00000057,0 0 42px #f44d7c2e}.question-card:before,.question-card:after{display:none}.question-card:before{transform:rotate(-5deg)translate(-9px,13px)}.question-card:after{background:linear-gradient(145deg,#9f0e37,#2a020c);transform:rotate(4deg)translate(11px,18px)}.question-card--empty{text-align:center}.question-card__meta{z-index:2;color:#8d2949;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1.1rem;font-size:.82rem;font-weight:700;display:flex;position:relative}.question-card__category{color:#8f123b;background:#ffffff5c;border:1px solid #b51a4b1f;border-radius:999px;align-items:center;gap:.38rem;max-width:min(72%,320px);padding:.22rem .52rem .22rem .26rem;font-size:.68rem;font-weight:800;display:inline-flex}.question-card__category-icon{flex:0 0 1.2rem;width:1.2rem;height:1.2rem}.question-card__category-label{text-overflow:ellipsis;white-space:nowrap;line-height:1;overflow:hidden}.question-card__text{color:#54061d;margin:0;font-size:clamp(1.35rem,5vw,2.35rem);font-weight:900;line-height:1.24}.question-card__content{z-index:2;will-change:transform, opacity;position:relative}.question-card--sex-intimitaet{border-color:#ff4a86a6}.question-card--verbundenheit-wachstum{border-color:#ffc49a94}.question-card--erinnerungen{border-color:#ffa0d094}.question-card--beziehung{border-color:#ff6f849e}.question-card--ueber-dich{border-color:#ffdbe294}.question-controls{justify-content:center;width:100%;margin-top:1rem;display:flex}.actions{flex-wrap:wrap;justify-content:center;gap:.75rem;width:100%;max-width:560px;display:flex}.actions__button--shuffle{flex:220px}.actions__button--skip,.actions__button--back,.actions__button--forward{flex:150px}.hint{color:#6c2540;text-align:center;background:#fff6f9f2;border:1px solid #ffa6bd38;border-radius:14px;max-width:520px;padding:.72rem .95rem;box-shadow:0 18px 44px #0000002e}.hint__kbd{font-weight:900;display:inline}.modal-backdrop{z-index:80;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:radial-gradient(circle at 18% 18%,#ff4d822e,#0000 30%),#060006c7;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.modal-card{color:#fff7fb;background:radial-gradient(circle at 12% 0,#ff5e8e38,#0000 34%),linear-gradient(150deg,#21020ffa,#50071df5);border:1px solid #ff5d8d61;border-radius:22px;width:min(680px,100%);max-height:min(84vh,760px);padding:1.1rem;overflow:auto;box-shadow:0 34px 90px #0000007a,inset 0 1px #ffc4d01f}.modal-card__header{justify-content:space-between;align-items:flex-start;gap:1rem;margin-bottom:1rem;display:flex}.modal-card__title{color:#fff;margin:0;font-size:1.25rem;line-height:1.1}.modal-card__copy{color:#ffd6df;margin:.42rem 0 0;font-size:.94rem}.modal-card__close,.category-selector__all{color:#ff7da1;cursor:pointer;background:0 0;border:0;padding:0;font-weight:900}.modal-card__actions{justify-content:flex-end;margin-top:1rem;display:flex}.modal-card__actions--stack{flex-wrap:wrap;justify-content:stretch;gap:.75rem}.modal-card__actions--stack .button{flex:240px}.modal-card__validation,.hero__validation{color:#ff9ab7;margin:.9rem 0 0;font-size:.9rem;font-weight:900}.category-selector{text-align:left;background:0 0;border:0;margin-top:0;padding:0}.category-selector__header{justify-content:flex-end;align-items:center;margin-bottom:.85rem;display:flex}.category-selector__grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.65rem;display:grid}.category-chip{color:#fff7fb;text-align:left;cursor:pointer;opacity:.78;background:linear-gradient(135deg,#ffffff14,#ff6f9814),#1f020fb8;border:1px solid #ff81a333;border-radius:14px;align-items:center;gap:.65rem;width:100%;min-height:58px;padding:.72rem .8rem;transition:transform .18s,background-color .18s,box-shadow .18s,opacity .18s;display:flex}.category-chip.is-selected{opacity:1;background:linear-gradient(135deg,#ef4e8261,#ff777333),#5b081feb;border-color:#ff6491b8;box-shadow:0 14px 34px #ff36712e,inset 0 1px #ffe5eb24}.category-chip:hover{transform:translateY(-1px)}.category-chip__icon{flex:0 0 1.55rem;width:1.55rem;height:1.55rem}.category-chip__label{color:#fff7fb;font-size:.9rem;font-weight:900;line-height:1.15}.status-panel{gap:.5rem;padding:1.2rem;display:grid}.status-panel--data-state{text-align:center;place-content:center;justify-items:center;min-height:min(72vh,640px)}.status-panel--error{border-color:#ff6f845c}.status-panel__badge{background:#1c020d;border-radius:22px;place-items:center;width:84px;height:84px;display:grid;box-shadow:0 0 32px #f64c7c4d}.status-panel__badge img{width:62px;height:62px}.status-panel__badge--error{color:#9b1645;background:linear-gradient(135deg,#fff0f4,#ffd2dc);font-size:2rem;font-weight:900}.status-panel__eyebrow{color:#b91d50;letter-spacing:.18em;text-transform:uppercase;margin:.9rem 0 0;font-size:.76rem;font-weight:900}.status-panel h1{color:#2d0716;margin:.1rem 0 0;font-size:clamp(1.45rem,4vw,2.15rem);line-height:1.08}.status-panel__lead{color:#673047;width:min(58ch,100%);margin:.35rem 0 0}.status-panel__issues{text-align:left;background:#ffffffad;border:1px solid #9b164529;border-radius:16px;gap:.55rem;width:min(720px,100%);margin:.6rem 0 0;padding:1rem 1rem 1rem 1.2rem;display:grid}.status-panel__issues li{gap:.12rem;display:grid}.status-panel__issues strong{color:#8f123b}.status-panel__loading-bar{background:#9b16451f;border-radius:999px;width:min(320px,100%);height:10px;margin-top:.5rem;overflow:hidden}.status-panel__loading-fill{border-radius:inherit;background:linear-gradient(135deg,#eb4d82,#ff786f);width:42%;height:100%;animation:1.1s ease-in-out infinite loading-slide;display:block}.congrats-card{color:#54061d;text-align:center;background:linear-gradient(145deg,#ffecf0fa,#fab8c6fa);border:1px solid #ff94a98f;border-radius:20px;width:min(620px,100%);padding:2rem 1.35rem;box-shadow:0 28px 80px #0000005c}.congrats-card__asset{border-radius:20px;width:84px;height:84px;margin:0 auto .6rem}.congrats-card h2{color:#54061d;margin:.5rem 0 .25rem;font-size:1.5rem}.congrats-card__categories{color:#a81446;font-style:italic;font-weight:900}.congrats-actions{justify-content:center;gap:.75rem;margin-top:1rem;display:flex}.confetti{z-index:40;pointer-events:none;width:100vw;height:100vh;position:fixed;inset: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:#ff4f82}.confetti__piece--1{background:#ffb066}.confetti__piece--2{background:#fff}.confetti__piece--3{background:#7a0928}.confetti__piece--4{background:#ffc9d6}.confetti__piece--5{background:#f96d98}.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}.mode-questions{align-content:start;gap:1.1rem;padding-top:.75rem}.mode-questions .decor{opacity:.42;transform:scale(.82)}@keyframes confetti-fall{0%{opacity:1;transform:translateY(-10vh)rotate(0)}to{opacity:.9;transform:translateY(110vh)rotate(540deg)}}@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)}55%{opacity:1;filter:saturate(1.05);transform:translateY(-4px)scale(1.015)}to{opacity:1;filter:saturate();transform:translateY(0)scale(1)}}@keyframes question-meta-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;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 #e95f9433;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:.68;transform:translate(0)scale(1)}}@keyframes decor-drift-right{0%{opacity:0;transform:translate(20px,-18px)scale(.84)rotate(-14deg)}to{opacity:.68;transform:translate(0)scale(1)rotate(-14deg)}}@keyframes loading-slide{0%{transform:translate(-120%)}50%{transform:translate(95%)}to{transform:translate(240%)}}@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 (width<=999px){.hero{min-height:auto;padding-top:1.2rem}.hero:before,.hero:after{opacity:.3;transform-origin:100% 0;transform:rotate(-7deg)scale(.78)}.hero:after{content:""}.hero__card-question{display:none}}@media (width<=820px){.app-bar{align-items:flex-start}.app-bar__logo{width:84px}}@media (width<=720px){.hint__kbd{display:none}}@media (width<=560px){.app-shell{width:calc(100% - 1rem);padding-top:.75rem}.decor{display:none}.hero__logo{width:min(270px,86vw)}.hero h1{font-size:clamp(2.1rem,14vw,3.9rem)}.hero__copy{font-size:1.04rem}.hero__split-row{flex-direction:column;align-items:stretch}.split-button,.split-button__surface,.button[data-testid=reset-used-button]{width:100%}.split-button__main{min-width:0;padding-left:1rem;padding-right:1rem}.tips{grid-template-columns:72px 1fr;gap:.8rem}.tips__asset{width:64px;height:64px}.app-bar{flex-wrap:wrap}.app-bar__content{flex:190px}.app-bar__actions{flex:none;margin-left:auto}.app-bar .button{width:100%}.app-bar .app-bar__end-button{width:auto;min-width:78px}.actions{max-width:100%}.actions__button--shuffle,.actions__button--skip{flex-basis:100%}.actions__button--back,.actions__button--forward{flex:calc(50% - .375rem);min-width:0}.modal-card__header{gap:.75rem}.home-footer{font-size:.8rem}}@media (width>=721px){.app-shell{gap:1.35rem;padding:1.4rem 0 3rem}.tips,.status-panel,.app-bar,.modal-card,.question-card,.congrats-card{border-radius:22px}.tips{text-align:left;grid-template-columns:110px 1fr;padding:1.15rem}.tips__asset{width:92px;height:92px}}@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,.status-panel__loading-fill,.confetti__piece{transition:none;animation:none}}