:root{color:#191919;font-synthesis:none;text-rendering:optimizelegibility;background:#f2f0e9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#f2f0e9}body{min-width:320px;min-height:100vh;margin:0}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}img{max-width:100%;display:block}a{color:inherit}::selection{color:#f2f0e9;background:#191919}:root{--terracotta:#272950;--coral:#ff7965;--saffron:#efb52d;--yellow:#ffe16b;--cobalt:#3458d4;--ultramarine:#223f91;--sky:#72c5e2;--forest:#2d6047;--olive:#808c3c;--turquoise:#249989;--rose:#e78f98;--pink:#f2afb9;--wine:#9b3e51;--plum:#713f79;--swamp:#5f6812;--royal:#10159e;--mono:#a19797}.theme-blue{--theme-bg:#3458d4;--theme-fg:#ffe16b;--theme-dark:#223f91;--theme-light:#82b9f4;--theme-soft:#a9cbed;--theme-accent:#f2afb9}.theme-yellow{--theme-bg:#efb52d;--theme-fg:#3458d4;--theme-dark:#9f6419;--theme-light:#ffd85c;--theme-soft:#f5cc72;--theme-accent:#2d6047}.theme-coral{--theme-bg:#ff7965;--theme-fg:#29467e;--theme-dark:#ae4550;--theme-light:#ffa394;--theme-soft:#f4b2aa;--theme-accent:#126e61}.theme-olive{--theme-bg:#808c3c;--theme-fg:#f2afb9;--theme-dark:#2d6047;--theme-light:#afc454;--theme-soft:#c5d783;--theme-accent:#ebd479}.theme-turquoise{--theme-bg:#249989;--theme-fg:#713f79;--theme-dark:#2d6047;--theme-light:#5aa89d;--theme-soft:#75aba3;--theme-accent:#9e3829}.theme-wine{--theme-bg:#9b3e51;--theme-fg:#ffe16b;--theme-dark:#713f79;--theme-light:#d9687e;--theme-soft:#e89aaa;--theme-accent:#85b2c2}.theme-sky{--theme-bg:#72c5e2;--theme-fg:#b65e6b;--theme-dark:#45579c;--theme-light:#a6e3f7;--theme-soft:#c0e8f3;--theme-accent:#3e300d}.theme-plum{--theme-bg:#713f79;--theme-fg:#f2afb9;--theme-dark:#4f2b59;--theme-light:#a66ab0;--theme-soft:#c69bcf;--theme-accent:#7fd182}.theme-lime{--theme-bg:#b7c943;--theme-fg:#29467e;--theme-dark:#68937e;--theme-light:#dae869;--theme-soft:#e5ef9b;--theme-accent:#914533}.theme-pink{--theme-bg:#f2afb9;--theme-fg:#3458d4;--theme-dark:#9b3e51;--theme-light:#ffcbd2;--theme-soft:#f8d6db;--theme-accent:#808c3c}.theme-orange{--theme-bg:#f08b2f;--theme-fg:#29467e;--theme-dark:#b64d29;--theme-light:#ffb45e;--theme-soft:#ffd091;--theme-accent:#262074}.theme-violet{--theme-bg:#7b62d3;--theme-fg:#ffe16b;--theme-dark:#4e3c9d;--theme-light:#a899ec;--theme-soft:#c6baf3;--theme-accent:#ff7965}.theme-swamp{--theme-bg:#31610f;--theme-fg:#cab6ac;--theme-dark:#5e835d;--theme-light:#9db389;--theme-soft:#a9edb0;--theme-accent:#92a592}.theme-royal{--theme-bg:#10159e;--theme-fg:#ff6bc9;--theme-dark:#2a12a3;--theme-light:#aeadf3;--theme-soft:#b4a9ed;--theme-accent:#dd4783}.theme-mono{--theme-bg:#434242;--theme-fg:#6b95ff;--theme-dark:#364783;--theme-light:#cacacf;--theme-soft:#ded1c9;--theme-accent:#476add}html,body{background:linear-gradient(90deg, var(--terracotta) 0%, var(--terracotta) 68%, var(--coral) 68%, var(--coral) 100%);color:var(--ultramarine)}body{margin:0;font-family:Helvetica Neue,Helvetica,Arial,sans-serif}button,input,a{font:inherit}.page{width:min(1240px,100% - 40px);margin:0 auto;padding:40px 0 30px}.intro{border:3px solid var(--forest);background:var(--saffron);max-width:none;color:var(--cobalt);margin-bottom:22px;padding:34px 38px 38px;position:relative;overflow:hidden}.intro:before{content:"";background:repeating-linear-gradient(90deg, var(--rose) 0, var(--rose) 12px, var(--coral) 12px, var(--coral) 24px);border-left:3px solid var(--forest);width:22%;height:100%;position:absolute;top:0;right:0}.intro:after{content:"";background:var(--turquoise);border-left:3px solid var(--forest);width:18%;height:17px;position:absolute;bottom:0;right:22%}.page:has(.gift-reveal),.page:has(.compare-view){padding-top:18px}.page:has(.gift-reveal) .intro,.page:has(.compare-view) .intro{display:none}.eyebrow,.option-label,.reveal-kicker,.gift-category,.gift-details h3{letter-spacing:.115em;text-transform:uppercase;font-size:.7rem;font-weight:850}.eyebrow{z-index:1;max-width:640px;color:var(--wine);margin:0 0 28px;position:relative}.intro h1{z-index:1;max-width:850px;color:var(--cobalt);letter-spacing:-.07em;text-shadow:0 0 0 var(--rose), 0 0 0 var(--turquoise), 0 0 0 var(--wine);margin:0;font-size:clamp(3.8rem,9vw,8.2rem);font-weight:850;line-height:.81;transition:text-shadow .9s cubic-bezier(.22,1,.36,1);position:relative}.intro h1:hover{text-shadow:4px 3px 0 var(--rose), -3px 7px 0 var(--turquoise), 8px 10px 0 var(--wine)}.intro h1:not(:hover){transition-duration:2.2s}.lede{z-index:1;max-width:560px;color:var(--forest);margin:34px 0 0;font-size:1.05rem;font-weight:550;line-height:1.5;position:relative}.chooser-actions{border:3px solid var(--cobalt);background:var(--pink);color:var(--forest);justify-content:space-between;align-items:center;gap:24px;margin:0 0 12px;padding:12px 15px;display:flex}.shortlist-summary{align-items:center;gap:16px;min-height:30px;font-size:.76rem;font-weight:750;display:flex}.compare-button,.text-button{color:var(--cobalt);text-underline-offset:4px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.75rem;font-weight:850;text-decoration:underline 1px}.compare-button:hover,.text-button:hover{color:var(--wine);text-decoration-thickness:2px}.options{border-top:3px solid var(--forest);border-left:3px solid var(--forest);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.option{border-right:3px solid var(--forest);border-bottom:3px solid var(--forest);grid-template-rows:auto 1fr auto;min-height:340px;padding:22px;transition:filter .13s,transform .13s;display:grid;position:relative;overflow:hidden}.option:hover{filter:saturate(1.08)brightness(1.025)}.option{background:var(--theme-bg);color:var(--theme-fg);border-color:var(--theme-dark)}.option .option-label,.option .reveal-button{border-color:var(--theme-accent);color:var(--theme-accent)}.option .reveal-button:hover{border-color:var(--theme-accent);background:var(--theme-accent);color:var(--theme-dark)}.option-number{z-index:2;font-variant-numeric:tabular-nums;width:fit-content;font-size:.8rem;font-weight:850;position:relative}.option-number:after{content:"";border-bottom:3px solid;width:32px;margin-top:6px;display:block}.option-body{z-index:2;flex-direction:column;justify-content:center;max-width:500px;padding:44px 0;display:flex;position:relative}.option-label{border:2px solid;width:fit-content;margin:0 0 15px;padding:4px 7px}.option h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.65rem,3vw,2.65rem);font-weight:680;line-height:1.02}.option:after{content:"○";z-index:1;color:currentColor;opacity:.2;pointer-events:none;font-family:Arial,Helvetica,sans-serif;font-size:5.4rem;font-weight:400;line-height:1;transition:opacity .14s,transform .14s;position:absolute;bottom:10px;right:18px}.option.is-revealed:after{content:"◉";opacity:.36;transform:rotate(-8deg)}.option.is-shortlisted:after{content:"◆";color:var(--yellow);opacity:.85;font-size:4.4rem;transform:rotate(8deg)}.option.is-revealed{filter:saturate(.88)}.option.is-revealed:before{content:"";z-index:1;opacity:.045;pointer-events:none;background:repeating-linear-gradient(-45deg,#0000,#0000 11px,currentColor 11px 13px);position:absolute;inset:0}.option.is-revealed .option-number,.option.is-revealed .option-label{opacity:.65}.option.is-shortlisted{outline-offset:-10px;filter:saturate(1.14);outline:7px solid}.option.is-shortlisted:before{content:"VALIKUS";z-index:5;border:3px solid var(--cobalt);background:var(--yellow);color:var(--cobalt);letter-spacing:.1em;padding:6px 9px;font-size:.64rem;font-weight:900;position:absolute;top:19px;right:18px;transform:rotate(2deg)}.reveal-button,.primary-button,.secondary-button,.random-button{z-index:3;letter-spacing:.075em;text-transform:uppercase;cursor:pointer;background:0 0;border:2px solid;border-radius:2px;width:fit-content;padding:10px 15px;font-size:.7rem;font-weight:850;text-decoration:none;position:relative}.reveal-button:hover{background:currentColor}.randomiser-zone{justify-content:flex-end;min-height:116px;padding-top:15px;display:flex}.randomiser{justify-content:flex-end;align-items:center;gap:14px;width:100%;min-height:64px;display:flex}.random-button{color:var(--yellow);border-color:var(--forest);background:var(--plum);transition:transform .14s,background .12s,color .12s,opacity .12s}.random-button:hover{color:var(--plum);background:var(--yellow)}.random-button:disabled{cursor:wait;opacity:.5}.random-cancel{color:var(--ultramarine);text-underline-offset:3px;cursor:pointer;background:0 0;border:0;padding:0;font-size:.7rem;font-weight:800;text-decoration:underline}.random-cancel:hover{color:var(--forest)}.random-cancel:disabled{opacity:.3}.random-decoy{z-index:100;border:3px solid var(--forest);color:var(--yellow);background:var(--plum);letter-spacing:.07em;text-transform:uppercase;cursor:pointer;box-shadow:6px 6px 0 var(--turquoise);border-radius:2px;padding:11px 16px;font-size:.72rem;font-weight:850;position:fixed;transform:translate(-50%,-50%)}.random-decoy:hover{color:var(--wine);background:var(--yellow)}.gift-reveal{border:3px solid var(--theme-dark);background:var(--theme-soft)}.reveal-header{border-bottom:3px solid var(--theme-dark);background:var(--theme-bg);min-height:60px;color:var(--theme-fg);justify-content:space-between;align-items:center;gap:24px;padding:0 18px;display:flex}.reveal-kicker{margin:0}.reveal-header .text-button{color:var(--theme-accent)}.reveal-header .text-button:hover{color:var(--theme-fg)}.reveal-grid{grid-template-columns:minmax(0,1.06fr) minmax(0,.94fr);display:grid}.gift-image-wrap{border-right:3px solid var(--theme-dark);background:linear-gradient(135deg, var(--theme-light) 0%, var(--theme-light) 72%, var(--theme-accent) 72%, var(--theme-accent) 100%);justify-content:center;align-items:center;min-height:650px;padding:38px;display:flex}.gift-image{object-fit:contain;width:100%;max-width:640px;max-height:760px}.gift-content{background:var(--theme-soft);color:var(--theme-dark);padding:38px}.gift-category{border:2px solid var(--theme-dark);background:var(--theme-accent);width:fit-content;color:var(--theme-dark);margin:0 0 18px;padding:5px 8px}.gift-content>h2{color:var(--theme-dark);letter-spacing:-.065em;margin:0 0 36px;font-size:clamp(2.8rem,5vw,5.5rem);font-weight:760;line-height:.88}.gift-details{border-top:3px solid var(--theme-dark);gap:0;display:grid}.gift-details section{border-bottom:2px solid var(--theme-dark);grid-template-columns:125px 1fr;gap:20px;padding:17px 0;display:grid}.gift-details h3{color:var(--theme-bg);margin:0}.gift-details section:nth-child(2n) h3{color:var(--theme-dark)}.gift-details p{max-width:620px;color:var(--theme-dark);margin:0;font-size:1rem;font-weight:520;line-height:1.55}.gift-actions{flex-wrap:wrap;gap:9px;margin-top:30px;display:flex}.primary-button{color:var(--theme-fg);border-color:var(--theme-dark);background:var(--theme-dark)}.primary-button:hover{color:var(--theme-dark);background:var(--theme-accent);opacity:1}.secondary-button{color:var(--theme-dark);border-color:var(--theme-dark);background:0 0}.secondary-button:hover{color:var(--theme-fg);background:var(--theme-bg)}.compare-view{border:3px solid var(--forest);background:var(--rose);min-height:calc(100dvh - 36px)}.compare-header{border-bottom:3px solid var(--forest);background:var(--saffron);color:var(--cobalt);justify-content:space-between;align-items:flex-end;gap:24px;padding:18px 20px;display:flex}.compare-header .reveal-kicker{color:var(--wine);margin:0 0 5px}.compare-header h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,4vw,4rem);line-height:.9}.compare-header .text-button{color:var(--forest)}.compare-grid{grid-template-columns:repeat(var(--compare-columns), minmax(0, 1fr));grid-auto-rows:minmax(0,1fr);min-height:0;display:grid}.compare-card{border:0;border-right:3px solid var(--forest);border-bottom:3px solid var(--forest);text-align:left;cursor:pointer;background:var(--theme-bg);min-width:0;color:var(--theme-fg);border-color:var(--theme-dark);grid-template-rows:auto minmax(0,1fr) auto auto;padding:13px;display:grid}.compare-image-wrap{border-color:var(--theme-dark);background:linear-gradient(135deg, var(--theme-light) 0%, var(--theme-light) 78%, var(--theme-accent) 78%)}.compare-card-top{letter-spacing:.08em;text-transform:uppercase;border-bottom:2px solid;justify-content:space-between;gap:12px;margin-bottom:11px;padding-bottom:8px;font-size:.64rem;font-weight:850;display:flex}.compare-image-wrap{border:2px solid var(--forest);background:var(--sky);justify-content:center;align-items:center;min-height:0;padding:8px;display:flex;overflow:hidden}.compare-image{object-fit:contain;width:100%;height:100%;min-height:0}.compare-card-content{padding-top:13px}.compare-card-content h3{letter-spacing:-.035em;margin:0 0 8px;font-size:clamp(1rem,1.5vw,1.45rem);line-height:1}.compare-card-content p{margin:0;font-size:.77rem;font-weight:550;line-height:1.4}.compare-details{text-transform:uppercase;margin-top:12px;font-size:.65rem;font-weight:850}.footer{border:3px solid var(--forest);background:var(--plum);color:var(--yellow);margin-top:12px;padding:14px 16px;font-size:.72rem}.footer p{margin:0}@media (width<=760px){.page{width:min(100% - 20px,1240px);padding-top:14px}.intro{margin-bottom:12px;padding:24px 20px 28px}.intro:before{width:13%}.intro:after{right:13%}.page:has(.gift-reveal),.page:has(.compare-view){padding-top:8px}.options{grid-template-columns:1fr}.option{min-height:285px}.reveal-header{flex-direction:column;align-items:flex-start;padding:14px}.reveal-grid{grid-template-columns:1fr}.gift-image-wrap{border-right:0;border-bottom:3px solid var(--forest);min-height:390px;padding:24px}.gift-content{padding:28px 20px}.gift-details section{grid-template-columns:1fr;gap:6px}.gift-actions{flex-direction:column;align-items:flex-start}.compare-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.compare-view{min-height:auto}.compare-image{max-height:180px}.randomiser{justify-content:flex-start}}
