:root{--paper: #fbf6ec;--ink: #2b231b;--ink-2: #6b5d4d;--line: #e4d8c4;--accent: #c4622d;--shadow: 0 1px 1px rgba(60, 40, 20, .12), 0 18px 40px -14px rgba(40, 25, 10, .55);--ease: cubic-bezier(.2, .8, .2, 1);--spring: cubic-bezier(.34, 1.56, .64, 1);color-scheme:light}*{box-sizing:border-box}html,body{margin:0;height:100%;overflow:hidden;background:#e7b48c;color:var(--ink);font:15px/1.5 Inter,system-ui,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}.reel{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;background:#e7b48c}.shade{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(ellipse 46% 52% at 50% 50%,#1e120842,#1e120800 70%),linear-gradient(to top,#1e120861,#1e120800 22%)}.door{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:16px}.card{position:relative;width:min(360px,100%);background:var(--paper);border-radius:4px;padding:30px 26px 22px;box-shadow:var(--shadow);transform:rotate(-.8deg);display:flex;flex-direction:column;gap:12px;animation:drop .7s var(--spring) both .15s}@keyframes drop{0%{opacity:0;transform:rotate(-3deg) translateY(-24px)}}.pin{position:absolute;top:-7px;left:50%;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--accent);box-shadow:0 2px 3px #3c281466,inset -2px -2px #00000026}h1{margin:0 0 6px;text-align:center;font:italic 600 30px/1.1 Fraunces,Georgia,serif;letter-spacing:-.01em}.btn{font:600 15px/1 Inter,system-ui,sans-serif;cursor:pointer;border-radius:999px;padding:12px 16px;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;transition:transform .2s var(--ease),background .2s,box-shadow .2s}.btn:active{transform:scale(.97)}.btn:focus-visible,.field input:focus-visible,.look:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn.google{background:#fff;color:var(--ink);border:1.5px solid var(--line);box-shadow:0 1px #3c28140f}.btn.google:hover{border-color:#cdbda4}.btn.ink{background:var(--ink);color:var(--paper);border:1.5px solid var(--ink)}.btn.ink:hover{background:#3c3126}.or{display:flex;align-items:center;gap:10px;color:var(--ink-2);font-size:13px}.or:before,.or:after{content:"";flex:1;height:1px;background:var(--line)}.field input{width:100%;font:15px/1.2 Inter,system-ui,sans-serif;color:var(--ink);padding:12px 14px;border-radius:10px;border:1.5px solid var(--line);background:#fffdf8;transition:border-color .2s}.field input::placeholder{color:#a8998a}.field input:hover{border-color:#d6c8b2}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.new{margin:2px 0 0;text-align:center;font-size:13px;color:var(--ink-2)}.status{margin:0;padding:10px 12px;border-radius:8px;font-size:13.5px;line-height:1.45;background:#f3e6d2;color:var(--ink);animation:show .35s var(--ease) both}.status a{color:var(--accent);font-weight:600}@keyframes show{0%{opacity:0;transform:translateY(-4px)}}.look{color:#fff8ee;font-weight:600;font-size:15px;text-decoration:none;padding:8px 14px;border-radius:999px;background:#1e120847;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);text-shadow:0 1px 2px rgba(0,0,0,.35);transition:background .2s,transform .2s var(--ease);animation:show .5s var(--ease) both .6s}.look:hover{background:#1e12086b}.look span{display:inline-block;transition:transform .2s var(--ease)}.look:hover span{transform:translate(3px)}.caption{position:fixed;left:20px;bottom:16px;margin:0;max-width:calc(100% - 40px);font:italic 500 17px/1.3 Fraunces,Georgia,serif;color:#fff8ee;text-shadow:0 1px 3px rgba(0,0,0,.45);transition:opacity .5s var(--ease)}.caption b{font-weight:600}.caption.out{opacity:0}@media(max-width:480px){.card{padding:26px 20px 18px}h1{font-size:27px}.caption{left:16px;bottom:12px;font-size:15px}}@media(max-height:560px){.door{gap:10px}.card{gap:9px;padding-top:24px}.new{display:none}}@media(prefers-reduced-motion:reduce){.card,.look,.status{animation:none}}