:root{--bg:#120d18;--panel:#211722;--cream:#f7f1e6;--muted:#bcb0b1;--gold:#e1c492;--line:#584738}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--cream);font-family:Inter,Arial,sans-serif;min-height:100vh}.ambient{position:fixed;inset:0;background:radial-gradient(ellipse at 80% 0%,#402629 0,transparent 45%),radial-gradient(ellipse at 10% 95%,#302025 0,transparent 48%);z-index:-2}.ambient:after{content:"";position:absolute;inset:0;background:linear-gradient(#130e17aa,#130e17ec),url('/higgsfield-umschlag.png') center/cover;opacity:.3}a{color:var(--gold)}.shell{max-width:590px;margin:auto;padding:28px 20px 55px}.brand{display:flex;align-items:center;gap:12px;color:var(--gold);font-size:10px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;text-decoration:none}.brand svg{width:30px;height:30px}.hero{padding:58px 0 28px}.eyebrow{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.hero h1,.title{font-family:Fraunces,Georgia,serif;font-weight:400;letter-spacing:-.035em;line-height:1.06;font-size:clamp(46px,10vw,74px);margin:14px 0 19px}.hero h1 em,.title em{font-weight:400;color:var(--gold)}.lead{color:#dfd3cf;line-height:1.7;max-width:480px;font-size:16px}.panel{border:1px solid #ffffff1b;background:#1c151eee;border-radius:20px;padding:24px;box-shadow:0 20px 70px #08050966}.panel h2{font-family:Fraunces,Georgia,serif;font-size:27px;font-weight:400;margin:0 0 10px}.muted{color:var(--muted);font-size:13px;line-height:1.6}.stack{display:grid;gap:14px}.field{display:grid;gap:7px;font-size:13px;color:#e9dfd8;font-weight:600}.field input,.field textarea{width:100%;border:1px solid #ffffff25;border-radius:11px;background:#130f16;color:white;font:inherit;padding:14px;outline:none}.field input:focus,.field textarea:focus{border-color:var(--gold)}textarea{min-height:120px;resize:vertical}button,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:11px;padding:15px 20px;background:var(--gold);color:#251c1b;font:700 14px Inter,sans-serif;cursor:pointer;text-decoration:none}button:hover,.button:hover{filter:brightness(1.08)}button:disabled{opacity:.55;cursor:wait}.secondary{background:#ffffff0b;border:1px solid #ffffff29;color:var(--cream)}.actions{display:flex;flex-wrap:wrap;gap:9px}.actions>*{flex:1}.filebox{border:1px dashed #8c7764;border-radius:13px;padding:18px;text-align:center;cursor:pointer;color:var(--gold);font-size:14px;line-height:1.5}.filebox input{display:block;width:100%;margin-top:12px;color:var(--muted);font-size:12px}.divider{border:0;border-top:1px solid #ffffff16;margin:22px 0}.footer{font-size:12px;color:#a79896;text-align:center;line-height:1.8;padding:27px 0}.alert{border:1px solid #c8907b88;background:#65382d55;padding:12px;border-radius:10px;color:#ffdbcf;font-size:13px;line-height:1.5}.success{text-align:center;padding:35px 0}.success .icon{font-size:45px}.success h2{font-family:Fraunces,Georgia,serif;font-size:40px;font-weight:400}.capsule{border:1px solid #ffffff1b;border-radius:14px;padding:18px;background:#ffffff08;display:grid;gap:10px}.capsule strong{font:400 23px Fraunces,Georgia,serif}.qr{width:190px;height:190px;border-radius:10px;background:white}.code{font-size:24px;letter-spacing:.12em;color:var(--gold);overflow-wrap:anywhere}.smallbutton{padding:10px 13px;font-size:12px}.entries{display:grid;gap:12px}.entry{background:#ffffff09;border:1px solid #ffffff19;border-radius:14px;padding:18px;overflow-wrap:anywhere}.entry p{white-space:pre-wrap;line-height:1.6}.entry video,.entry img,.entry audio{max-width:100%;border-radius:8px}.entry small{color:var(--gold)}.loading{text-align:center;padding:40vh 20px;color:var(--gold)}.screen{position:fixed;inset:0;overflow:hidden;background:#120b14 url('/higgsfield-umschlag.png') center/cover;color:white}.screen:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,10,17,.96) 0%,rgba(17,10,17,.9) 43%,rgba(17,10,17,.15) 100%)}.screen video{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;z-index:0}.screen .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(17,10,17,.95),rgba(17,10,17,.80) 48%,rgba(17,10,17,.13))}.screen-content{position:absolute;inset:0;display:flex;align-items:center;padding:6vw;gap:4vw}.screen-copy{max-width:43vw}.screen h1{font:400 clamp(36px,5.2vw,100px)/1.03 Fraunces,Georgia,serif;letter-spacing:-.035em;margin:20px 0}.screen h1 em{font-weight:400;color:var(--gold)}.screen p{font-size:clamp(14px,1.5vw,29px);line-height:1.55;color:#eaded6}.screen .qr-wrap{background:#fff;padding:1vw;border-radius:1vw;box-shadow:0 10px 40px #0008}.screen .qr{display:block;width:clamp(150px,19vw,400px);height:auto}.screen .overline{font-size:clamp(9px,.9vw,16px);letter-spacing:.24em;color:var(--gold);font-weight:700}.spark{position:absolute;width:4px;height:4px;border-radius:50%;background:#e7c391;opacity:.3;animation:float 10s ease-in-out infinite alternate}@keyframes float{from{transform:translateY(0);opacity:.15}to{transform:translateY(-45px);opacity:.65}}@media(max-width:520px){.hero{padding-top:43px}.panel{padding:19px}.screen-content{padding:5vw;gap:3vw}.screen h1{font-size:7vw}.screen p{font-size:2.4vw}.screen .qr{width:23vw}.screen .overline{font-size:1.8vw}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
[hidden]{display:none!important}
.countdown-panel .lead{margin:10px 0 20px}.countdown{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:8px 0 22px}.time-unit{background:#ffffff09;border:1px solid #e1c49230;border-radius:12px;padding:15px 5px;text-align:center}.time-unit strong{display:block;font:400 clamp(24px,7vw,40px)/1 Fraunces,Georgia,serif;color:var(--gold)}.time-unit span{display:block;font-size:10px;color:var(--muted);margin-top:7px}@media(max-width:350px){.time-unit span{font-size:9px}}
.topbar{display:flex;align-items:center;justify-content:space-between;gap:16px}.robin-logo{width:58px;height:68px;object-fit:contain;flex-shrink:0;filter:grayscale(1) brightness(0) saturate(100%) invert(84%) sepia(24%) saturate(456%) hue-rotate(348deg) brightness(96%) contrast(91%);opacity:.92}.record-info{color:var(--muted);font-size:13px;line-height:1.5}.record-info strong{color:var(--gold);font-size:15px;letter-spacing:.04em}.recording-dot{display:inline-block;width:8px;height:8px;margin-right:7px;border-radius:50%;background:#eab5a4;box-shadow:0 0 0 4px #eab5a422}@media(max-width:400px){.robin-logo{width:48px;height:57px}.brand{font-size:9px;letter-spacing:.15em;gap:8px}}

.thankyou-photo{width:min(100%,330px);margin:22px auto 0;overflow:visible;border:0;border-radius:0;box-shadow:none}.thankyou-photo img{display:block;width:100%;height:auto}

.review-audio{margin:14px 0}.review-audio audio{display:block;width:100%}.review-delete{margin-top:14px}.review-delete button{color:#f2c3b7;border-color:#c8907b66}

.opening{position:fixed;inset:0;z-index:1000;background:#100c14;color:#f7f1e6;overflow:hidden;display:grid;place-items:center}.opening-backdrop,.opening-overlay{position:absolute;inset:0}.opening-backdrop{background:#160e17 url('/higgsfield-umschlag.png') center/cover}.opening-backdrop video{width:100%;height:100%;object-fit:cover}.opening-overlay{background:linear-gradient(180deg,#100b16a8,#100b16db 70%,#100b16ed)}.opening-content{position:relative;text-align:center;padding:30px 24px;max-width:850px;width:100%}.opening-kicker{color:var(--gold);font-size:11px;font-weight:700;letter-spacing:.24em;margin-bottom:25px}.opening-message{font:400 clamp(36px,7vw,80px)/1.15 Fraunces,Georgia,serif;letter-spacing:-.025em;text-shadow:0 3px 30px #000;min-height:2.4em;display:grid;place-items:center}.opening-appear{animation:opening-fade .75s ease both}@keyframes opening-fade{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.opening-skip{position:absolute;right:20px;bottom:20px;background:#19131fbb;color:#eee1cf;border:1px solid #ffffff55;font-size:12px;padding:10px 14px}.opening-personal{max-width:720px;margin:auto}.opening-personal video{display:block;width:100%;max-height:65vh;background:#000;border-radius:14px}.opening-play,.opening-next{margin:14px 5px 0}.opening-play[hidden]{display:none}@media(prefers-reduced-motion:reduce){.opening-appear{animation:none}}

.opening-backdrop video{animation:opening-zoom 23s ease-out both;filter:saturate(.86) brightness(.83)}@keyframes opening-zoom{from{transform:scale(1.01)}to{transform:scale(1.17)}}.opening-overlay{background:radial-gradient(ellipse at 50% 42%,#24152344,#0e0810d4 80%),linear-gradient(180deg,#120c1a66,#100a12cc)}.opening-glow{position:absolute;width:70vw;height:70vw;max-width:700px;max-height:700px;left:50%;top:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#e5b96c26,transparent 68%);filter:blur(22px);pointer-events:none}.opening-stars{position:absolute;inset:0;pointer-events:none}.opening-stars i{position:absolute;left:var(--x);top:var(--y);width:var(--size);height:var(--size);border-radius:50%;background:#ffdfa0;box-shadow:0 0 12px #eac682;opacity:.25;animation:opening-star 4s ease-in-out var(--delay) infinite alternate}@keyframes opening-star{from{opacity:.08;transform:translateY(10px)}to{opacity:.8;transform:translateY(-15px)}}.opening-content{max-width:920px}.opening-kicker{font-size:clamp(10px,1.4vw,13px);letter-spacing:.3em;text-shadow:0 0 25px #000}.opening-rule{height:1px;width:68px;background:linear-gradient(90deg,transparent,#e1c492,transparent);margin:-6px auto 32px}.opening-message{font-size:clamp(40px,7.5vw,88px);color:#fff6e5;text-wrap:balance}.opening-number{font-size:clamp(100px,20vw,230px);color:#f8dfad;text-shadow:0 0 55px #e8ad6d80}.opening-finale{color:#f6dfb4;text-shadow:0 0 44px #e7b66588,0 5px 35px #000}.opening-appear{animation:opening-cinema 1.15s cubic-bezier(.16,1,.3,1) both}@keyframes opening-cinema{from{opacity:0;filter:blur(8px);transform:translateY(18px) scale(.95)}to{opacity:1;filter:blur(0);transform:translateY(0) scale(1)}}.opening-sound{position:absolute;left:20px;bottom:20px;background:#19131fbb;color:#eee1cf;border:1px solid #ffffff55;font-size:12px;padding:10px 14px}.opening-sound[hidden]{display:none}@media(prefers-reduced-motion:reduce){.opening-backdrop video,.opening-stars i,.opening-appear{animation:none!important}}
