:root{--bg:#0d0c0b;--surface:#171411;--cream:#f4eee7;--ink:#f7f1ea;--muted:#b8aaa0;--accent:#ee6f79;--accent2:#f5a0a5;--line:rgba(255,255,255,.12);--shadow:0 28px 80px rgba(0,0,0,.55)}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#090909;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,a,textarea{font:inherit}.app{position:relative;min-height:100dvh;max-width:520px;margin:auto;overflow:hidden;background:radial-gradient(circle at 50% -10%,#30251f 0,#15110f 32%,#0d0c0b 70%)}
.topbar{height:68px;display:grid;grid-template-columns:44px 1fr 54px;align-items:center;padding:0 16px;background:rgba(12,11,10,.72);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.07);position:relative;z-index:5}.back,.picks{border:0;background:none;color:#f5eee8;padding:0}.back{font-size:31px;text-decoration:none}.picks{font-size:18px;text-align:right}.wordmark{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:.02em;color:#f7eee7;text-align:center;font-size:28px}.wordmark span{color:var(--accent);font-size:10px;vertical-align:top;margin-left:4px}
.screen{display:none;min-height:calc(100dvh - 68px)}.screen.active{display:block}
.start{padding:0 22px 34px;min-height:calc(100dvh - 68px);background:linear-gradient(180deg,rgba(0,0,0,.14),rgba(0,0,0,.62)),radial-gradient(circle at 50% 12%,#3b2a21,#16110e 48%,#0d0c0b 78%)}.intro{text-align:center;padding:10vh 8px 46px}.heroMark{font-size:58px;letter-spacing:.035em}.intro:after{content:"";display:block;width:104px;height:1px;margin:22px auto 0;background:linear-gradient(90deg,transparent,var(--accent),transparent)}.intro p{max-width:340px;margin:20px auto 0;color:#d0c2b8;font-family:Georgia,serif;font-size:19px;line-height:1.45}.finder{background:rgba(28,23,20,.72);border:1px solid rgba(255,255,255,.12);border-radius:30px;padding:22px;box-shadow:0 26px 80px rgba(0,0,0,.38);backdrop-filter:blur(18px)}label{display:block;font-family:Georgia,serif;font-size:22px;margin-bottom:13px}textarea{width:100%;min-height:76px;resize:none;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:rgba(255,255,255,.08);padding:16px 17px;font-size:16px;line-height:1.35;outline:none;color:#fff}textarea::placeholder{color:#a99d95}textarea:focus{border-color:rgba(238,111,121,.65);box-shadow:0 0 0 4px rgba(238,111,121,.08)}.chips{display:flex;gap:8px;flex-wrap:wrap;margin:14px 0 22px}.chips button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.055);border-radius:999px;padding:9px 13px;color:#ddd1c9}.primary,.secondary,.plain{width:100%;border:0;border-radius:999px;padding:15px 18px;font-weight:750;letter-spacing:.055em}.primary{background:linear-gradient(135deg,#f07b83,#df5e69);color:#fff;box-shadow:0 12px 30px rgba(225,89,101,.28);text-decoration:none;text-align:center;display:block}.secondary{margin-top:11px;background:rgba(255,255,255,.06);color:#f5eee8;border:1px solid rgba(255,255,255,.16)}.plain{background:none;color:#b9ada5;font-weight:600}.status{text-align:center;font-size:11px;color:#80766f;margin-top:5px}
.deck{padding:0 12px 24px;background:#0c0b0a}.deckMeta{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#8e827a;font-size:11px}.textButton{border:0;background:none;color:#c8bbb2;font-weight:650;padding:6px}.card{border-radius:28px;overflow:hidden;background:#171411;box-shadow:var(--shadow);touch-action:none;transform-origin:50% 100%;transition:transform .24s ease,opacity .24s ease;border:1px solid rgba(255,255,255,.08)}.photo{height:min(72dvh,690px);position:relative;background:#171411;overflow:hidden}.photo img{width:100%;height:100%;object-fit:cover;display:block}.fallback{position:absolute;inset:0;display:none;place-items:center;color:#6d625b;letter-spacing:.32em}.photoShade{position:absolute;inset:25% 0 0;background:linear-gradient(180deg,transparent 0%,rgba(8,7,6,.08) 28%,rgba(8,7,6,.9) 100%);pointer-events:none}.cardCopy{position:absolute;left:23px;right:23px;bottom:23px;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.65)}.eyebrow{font-size:11px;letter-spacing:.12em;text-transform:uppercase;opacity:.78;margin-bottom:7px}.cardCopy h1{font-family:Georgia,serif;font-weight:400;font-size:31px;line-height:1.02;letter-spacing:-.025em;margin:0 0 9px;max-width:95%}.cardCopy strong{font-family:Georgia,serif;font-size:21px;font-weight:400}.stamp{position:absolute;z-index:3;top:25px;padding:8px 15px;border:2px solid currentColor;border-radius:10px;background:rgba(10,9,8,.58);font-weight:800;font-size:20px;letter-spacing:.14em;opacity:0;backdrop-filter:blur(8px)}.stamp.like{right:20px;color:#ff8d96;transform:rotate(-8deg)}.stamp.nope{left:20px;color:#eee3dc;transform:rotate(8deg)}.actions{display:flex;justify-content:center;gap:42px;padding:20px 0 3px}.round{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,255,255,.17);background:#151311;box-shadow:0 12px 34px rgba(0,0,0,.36)}.round span{font-size:34px}.pass{color:#d5cbc4}.save{color:#fff;background:linear-gradient(145deg,#f17d86,#df5d68);border-color:transparent;box-shadow:0 12px 34px rgba(225,89,101,.25)}.save span{font-size:26px}.hint{text-align:center;color:#625b56;font-size:11px;margin:8px 0 0}
.empty{padding:62px 26px;text-align:center}.emptyCard{margin-top:9vh;background:#171411;border:1px solid var(--line);border-radius:30px;padding:34px 24px;box-shadow:var(--shadow)}.empty h2{font-family:Georgia,serif;font-weight:400;font-size:30px;margin:12px 0 8px}.empty p{color:var(--muted);line-height:1.45;margin:0 0 28px}.sectionhead{display:grid;grid-template-columns:50px 1fr 50px;align-items:center;padding:10px 12px}.sectionhead h2{text-align:center;font-family:Georgia,serif;font-weight:400}.sectionhead button{border:0;background:none;color:#fff;font-size:32px}.picklist{padding:5px 16px 25px}.pick{display:grid;grid-template-columns:82px 1fr auto;gap:13px;align-items:center;padding:12px 0;border-bottom:1px solid var(--line)}.pick img{width:82px;height:82px;object-fit:cover;border-radius:16px;background:#211d1a}.pick h3{font-family:Georgia,serif;font-weight:400;font-size:16px;margin:0 0 5px}.pick p{margin:0;color:var(--muted);font-size:14px}.pick a{text-decoration:none;color:#f08a91;font-weight:800;font-size:11px}
.matchmodal{position:fixed;z-index:40;inset:0;margin:auto;width:min(520px,100%);background:radial-gradient(circle at 50% 25%,#7c3439 0,#3c1c1f 36%,#150e0e 78%);display:grid;place-items:center;padding:22px;overflow:hidden}.matchmodal:before,.matchmodal:after{content:"♥";position:absolute;color:rgba(255,180,186,.08);font-size:180px;transform:rotate(-18deg)}.matchmodal:before{left:-55px;top:9%}.matchmodal:after{right:-55px;bottom:5%;transform:rotate(16deg)}.matchmodal[hidden]{display:none}.matchinner{position:relative;z-index:2;width:100%;max-width:430px;text-align:center}.matchTop{display:flex;align-items:center;justify-content:center;position:relative;margin-bottom:24px}.matchBrand{font-size:20px;letter-spacing:.18em;text-transform:uppercase}.matchClose{position:absolute;right:0;top:-8px;width:38px;height:38px;border-radius:50%;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.18);font-size:24px;color:#fff}.matchVisual{position:relative;height:190px;display:flex;justify-content:center;align-items:center;margin-bottom:12px}.profile{position:relative;width:158px;text-align:center}.profile span{display:block;margin-top:9px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#d8c6c1}.shopProfile{margin-right:-22px;z-index:1;transform:rotate(-5deg)}.gearProfile{margin-left:-22px;z-index:1;transform:rotate(5deg)}.shopMonogram,.gearProfile img{width:150px;height:150px;border-radius:50%;border:5px solid rgba(255,246,240,.95);box-shadow:0 18px 48px rgba(0,0,0,.4)}.shopMonogram{display:grid;place-items:center;background:#0f0e0d;color:#fff;font-family:Georgia,serif;font-size:0}.shopMonogram:after{content:"SKYLIGHT";font-size:17px;letter-spacing:.12em}.gearProfile img{object-fit:cover;background:#211d1a}.heartBurst{position:absolute;z-index:3;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:var(--accent);color:#fff;border:5px solid #4b2427;font-size:23px;box-shadow:0 10px 28px rgba(0,0,0,.3)}.matchKicker{font-family:Georgia,serif;font-size:42px;font-weight:400;letter-spacing:-.025em;color:#fff;margin:2px 0 12px}.matchinner h2{font-family:Georgia,serif;font-weight:400;font-size:24px;line-height:1.15;margin:0 auto 8px;max-width:350px}.matchinner p{color:#d7c3be;margin:0 0 25px}.matchinner .primary{margin-top:0}.matchinner .secondary{margin-bottom:4px}
.sheet{position:fixed;z-index:30;left:50%;bottom:0;transform:translateX(-50%);width:min(520px,100%);max-height:90dvh;overflow:auto;background:#f5eee7;color:#201c19;border-radius:30px 30px 0 0;padding:18px 22px 34px;box-shadow:0 -18px 65px rgba(0,0,0,.42)}.sheet img{width:100%;height:310px;object-fit:cover;border-radius:22px;background:#ddd}.sheetclose{position:absolute;right:28px;top:25px;width:38px;height:38px;border:0;border-radius:50%;background:rgba(255,255,255,.9);font-size:25px}.sheet h2{font-family:Georgia,serif;font-weight:400;font-size:28px;margin-bottom:6px}.detailprice{font-family:Georgia,serif;font-size:21px;margin-bottom:15px}.sheet dl{display:grid;grid-template-columns:110px 1fr;font-size:14px;border-top:1px solid rgba(0,0,0,.1);padding-top:10px}.sheet dt{color:#766d66;padding:5px}.sheet dd{margin:0;padding:5px}.link{display:block}.shade{position:fixed;z-index:29;inset:0;background:rgba(0,0,0,.5);backdrop-filter:blur(4px)}
@media(min-width:700px){body{padding:18px}.app{min-height:calc(100dvh - 36px);border-radius:32px;box-shadow:0 22px 80px rgba(0,0,0,.5)}.screen{min-height:calc(100dvh - 104px)}}@media(max-width:390px){.photo{height:68dvh}.cardCopy h1{font-size:27px}.heroMark{font-size:50px}.shopMonogram,.gearProfile img{width:136px;height:136px}.profile{width:142px}.matchVisual{height:175px}.matchKicker{font-size:38px}}