.bored{--cream:#fff6fb;--card:#fff;--blush:#ffd9e9;--blush-deep:#ff8fb8;--butter:#ffefc2;--butter-deep:#ffc94d;--sky:#d6eeff;--sky-deep:#7fc4ff;--mint:#d3f5e6;--mint-deep:#5fd6a6;--grape:#8c7cf6;--grape-deep:#6e5ce6;--coral:#ff5e86;--ink:#2c2540;--muted:#6e6680;--line:#f0e6ee;background:radial-gradient(1100px 520px at 12% -6%, #ffe9f2 0%, #ffe9f200 60%), radial-gradient(900px 480px at 92% 0%, #eaf3ff 0%, #eaf3ff00 62%), var(--cream);color:var(--ink);margin:0 calc(50% - 50vw);padding-bottom:12px;font-family:Nunito,sans-serif;position:relative;overflow-x:hidden}.bored .display{font-family:"Baloo 2",sans-serif}.bored .hl{color:var(--coral)}.bored .hl2{color:var(--grape-deep)}.bored .bg-layer{z-index:0;pointer-events:none;position:absolute;inset:0;overflow:hidden}.bored .blob{filter:blur(70px);opacity:.5;border-radius:50%;position:absolute}.bored .blob.b1{background:var(--blush);width:420px;height:420px;animation:14s ease-in-out infinite bBob1;top:-150px;left:-110px}.bored .blob.b2{background:var(--sky);width:380px;height:380px;animation:16s ease-in-out infinite bBob2;top:40px;right:-150px}.bored .blob.b3{background:var(--butter);opacity:.45;width:340px;height:340px;animation:18s ease-in-out infinite reverse bBob1;bottom:-120px;left:38%}@keyframes bBob1{0%,to{transform:translate(0)}50%{transform:translate(30px,25px)}}@keyframes bBob2{0%,to{transform:translate(0)}50%{transform:translate(-25px,30px)}}.bored .sparkle{opacity:.5;font-size:18px;animation:ease-in-out infinite bFloatSparkle;position:absolute}@keyframes bFloatSparkle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-14px)rotate(12deg)}}.bored .content{z-index:1;max-width:1200px;margin:0 auto;padding:0 28px;position:relative}.bored .eyebrow{letter-spacing:.02em;color:var(--grape-deep);background:#f1eeff;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:7px 15px;font-size:13px;font-weight:800;display:inline-flex}.bored .vhero{grid-template-columns:1.05fr 1.15fr 1fr;align-items:center;gap:22px;padding:46px 0 26px;display:grid}.bored .vh-copy h1{color:var(--ink);margin:0 0 14px;font-family:"Baloo 2",sans-serif;font-size:clamp(56px,7vw,92px);font-weight:800;line-height:.95}.bored .vh-copy h1 .pop{color:var(--coral)}.bored .vh-lead{margin:0 0 12px;font-family:"Baloo 2",sans-serif;font-size:clamp(24px,2.6vw,32px);font-weight:700;line-height:1.15}.bored .vh-sub{color:var(--muted);max-width:340px;margin:0;font-size:16px;font-weight:600}.bored .vh-machine{flex-direction:column;align-items:center;gap:18px;display:flex}.bored .gift-stage{justify-content:center;align-items:flex-end;width:220px;height:180px;display:flex;position:relative}.bored .giftbox{transform-origin:bottom;width:160px;height:128px;animation:3s ease-in-out infinite gbIdle;position:relative}@keyframes gbIdle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-6px)rotate(-1.5deg)}}.bored .gb-base{background:linear-gradient(160deg,#ff9db6,#ff6e90);border-radius:14px;width:128px;height:86px;position:absolute;bottom:0;left:16px;box-shadow:0 18px 32px -12px #ff5e8680,inset 0 -6px 12px #0000000f}.bored .gb-ribbon{background:linear-gradient(#ffe59a,#ffc94d);border-radius:0 0 4px 4px;width:24px;height:86px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bored .gb-lid{transform-origin:bottom;z-index:3;background:linear-gradient(160deg,#ff8fb8,#ff5e86);border-radius:14px;width:160px;height:42px;transition:transform .55s cubic-bezier(.34,1.56,.5,1),opacity .5s;position:absolute;top:14px;left:0;box-shadow:0 10px 18px -8px #ff5e868c}.bored .gb-lid:after{content:"";background:linear-gradient(#ffe59a,#ffc94d);width:28px;height:42px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.bored .gb-bow{filter:drop-shadow(0 3px 4px #0000001f);font-size:32px;position:absolute;top:-22px;left:50%;transform:translate(-50%)}.bored .gb-glow{opacity:0;z-index:2;pointer-events:none;background:radial-gradient(circle,#ffc94dd9,#ffc94d00 70%);border-radius:50%;width:88px;height:88px;position:absolute;top:8px;left:50%;transform:translate(-50%)scale(0)}.bored .giftbox.shaking{animation:.42s gbShake}@keyframes gbShake{0%,to{transform:rotate(0)}20%{transform:rotate(-6deg)scale(1.02)}50%{transform:rotate(6deg)scale(1.04)}80%{transform:rotate(-4deg)scale(1.02)}}.bored .giftbox.open{animation:.6s cubic-bezier(.34,1.56,.5,1) gbPop}@keyframes gbPop{0%{transform:scale(1)}35%{transform:scale(1.18)}to{transform:scale(1)}}.bored .giftbox.open .gb-lid{opacity:.96;transform:translateY(-56px)rotate(16deg)}.bored .giftbox.open .gb-glow{animation:.7s ease-out gbGlow}@keyframes gbGlow{0%{opacity:0;transform:translate(-50%)scale(.2)}30%{opacity:.9}to{opacity:0;transform:translate(-50%)scale(1.6)}}.bored .letter{opacity:0;z-index:7;pointer-events:none;will-change:transform, opacity;width:72px;height:50px;margin-left:-36px;position:absolute;top:32px;left:50%}.bored .letter-body{background:#fff;border:2px solid #ffe0ec;border-radius:8px;position:absolute;inset:0;box-shadow:0 10px 22px -8px #8c7cf68c}.bored .letter-body:after{content:"";border:1.5px dashed #ffd0e0;border-radius:5px;position:absolute;inset:6px}.bored .letter-flap{transform-origin:top;z-index:3;filter:drop-shadow(0 3px 3px #ff5e8640);border-top:27px solid #ff8fb8;border-left:36px solid #0000;border-right:36px solid #0000;width:0;height:0;transition:transform .32s;position:absolute;top:0;left:0}.bored .letter-seal{z-index:2;font-size:22px;transition:transform .25s cubic-bezier(.34,1.6,.5,1);position:absolute;top:12px;left:50%;transform:translate(-50%)scale(0)}.bored .letter.opened .letter-flap{transform:rotateX(-168deg)}.bored .letter.opened .letter-seal{transform:translate(-50%)scale(1)}.bored .confetti{z-index:5;pointer-events:none;width:0;height:0;position:absolute;top:10px;left:50%}.bored .confetti-bit{opacity:0;will-change:transform, opacity;border-radius:2px;width:9px;height:14px;transition:transform .95s cubic-bezier(.15,.7,.25,1),opacity .95s;position:absolute;top:0;left:0}.bored .pop-btn{color:#fff;background:linear-gradient(120deg,var(--coral),var(--grape));cursor:pointer;box-shadow:0 8px 0 var(--grape-deep), 0 14px 26px -8px #8c7cf680;border:none;border-radius:999px;padding:15px 34px;font-family:"Baloo 2",sans-serif;font-size:18px;font-weight:700;transition:transform 80ms,box-shadow 80ms}.bored .pop-btn:hover{transform:translateY(-2px)}.bored .pop-btn:active{box-shadow:0 2px 0 var(--grape-deep), 0 6px 14px -8px #8c7cf680;transform:translateY(6px)}.bored .pop-btn.popping{animation:.5s bPopShake}@keyframes bPopShake{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(2px)rotate(-3deg)}75%{transform:translateY(2px)rotate(3deg)}}.bored .pop-hint{color:var(--grape-deep);font-size:14px;font-style:italic;font-weight:700}.bored .result-card{background:var(--card);border:1px solid #f4ecf4;border-radius:22px;padding:22px;box-shadow:0 20px 44px -22px #8c7cf673}.bored .rc-eyebrow{color:var(--grape-deep);align-items:center;gap:7px;margin-bottom:14px;font-size:13px;font-weight:800;display:flex}.bored .rc-body{align-items:center;gap:16px;min-height:124px;display:flex}.bored .rc-body.swap{animation:.5s cubic-bezier(.34,1.5,.5,1) rcSwap}@keyframes rcSwap{0%{opacity:0;transform:translateY(10px)scale(.96)}to{opacity:1;transform:none}}.bored .rc-icon{background:linear-gradient(160deg,#ffe7f0,#ffd9e9);border-radius:18px;flex:none;place-items:center;width:64px;height:64px;font-size:32px;display:grid;box-shadow:inset 0 -4px 10px #ff8fb840}.bored .rc-text{min-width:0}.bored .rc-tag{color:var(--grape-deep);background:#f1eeff;border-radius:999px;margin-bottom:6px;padding:3px 9px;font-size:11px;font-weight:800;display:inline-block}.bored .rc-title{color:var(--ink);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 4px;font-family:"Baloo 2",sans-serif;font-size:21px;font-weight:700;line-height:1.15;display:-webkit-box;overflow:hidden}.bored .rc-sub{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:13.5px;font-weight:600;line-height:1.35;display:-webkit-box;overflow:hidden}.bored .rc-cta{background:linear-gradient(120deg,var(--coral),var(--grape));color:#fff;border-radius:999px;align-items:center;gap:7px;margin-top:18px;padding:12px 22px;font-size:14px;font-weight:800;text-decoration:none;transition:transform .1s;display:inline-flex;box-shadow:0 10px 22px -8px #8c7cf680}.bored .rc-cta:hover{color:#fff;transform:translateY(-2px)}.bored .progress-card{background:#ffffffb3;border:1px solid #f4ecf4;border-radius:18px;margin-top:16px;padding:16px 18px}.bored .progress-card .label{color:var(--muted);margin-bottom:10px;font-size:13.5px;font-weight:800;display:block}.bored .stickers{flex-wrap:wrap;gap:8px;display:flex}.bored .sticker{color:#0000;background:#f3eef5;border-radius:50%;place-items:center;width:26px;height:26px;font-size:14px;display:grid}.bored .sticker.on{color:inherit;background:linear-gradient(135deg,#ffe7f0,#ede7ff)}.bored .moods-label{text-align:left;color:var(--ink);margin:22px 0 12px;font-size:15px;font-weight:800}.bored .moods{flex-wrap:wrap;gap:10px;padding-bottom:6px;display:flex}.bored .mood-chip{background:var(--card);border:2px solid var(--line);color:var(--ink);cursor:pointer;border-radius:14px;align-items:center;gap:7px;padding:9px 16px;font-family:Nunito,sans-serif;font-size:14px;font-weight:700;transition:transform .15s,box-shadow .15s,border-color .15s;display:inline-flex}.bored .mood-chip .mc-emoji{border-radius:8px;place-items:center;width:24px;height:24px;font-size:14px;display:grid}.bored .mood-chip:hover{transform:translateY(-2px);box-shadow:0 8px 16px -8px #2c254033}.bored .mood-all .mc-emoji{background:#ede7ff}.bored .mood-shock .mc-emoji{background:#ffe0e6}.bored .mood-laugh .mc-emoji{background:#fff1cc}.bored .mood-self .mc-emoji{background:#ffe1ec}.bored .mood-friends .mc-emoji{background:#dceeff}.bored .mood-chip.active{color:#fff;background:linear-gradient(120deg,var(--grape),var(--grape-deep));border-color:#0000}.bored .mood-chip.active .mc-emoji{background:#ffffff40}.bored .zones{grid-template-columns:repeat(3,1fr);gap:18px;padding:26px 0 40px;display:grid}.bored .zone{background:linear-gradient(180deg,var(--zone-soft), var(--zone-tint));border:1px solid #fff;border-radius:22px;padding:20px;box-shadow:0 16px 34px -24px #2c254059}.bored .zone-head{align-items:center;gap:12px;margin-bottom:16px;display:flex}.bored .zone-head .badge{width:42px;height:42px;box-shadow:0 6px 14px -6px var(--zone-deep);background:#fff;border-radius:13px;justify-content:center;align-items:center;font-size:20px;display:flex}.bored .zone-titles h2{color:var(--zone-accent);margin:0;font-family:"Baloo 2",sans-serif;font-size:20px;font-weight:700}.bored .zone-sub{color:var(--muted);font-size:12.5px;font-weight:600}.bored .grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bored .card{background:#fff;border-radius:16px;flex-direction:column;padding:16px 14px 40px;text-decoration:none;transition:transform .18s cubic-bezier(.34,1.4,.44,1),box-shadow .18s,opacity .25s,filter .25s;display:flex;position:relative;box-shadow:0 8px 20px -14px #2c254038}.bored a.card:hover{box-shadow:0 16px 28px -14px var(--zone-deep);transform:translateY(-4px)}.bored a.card:focus-visible{outline:3px solid var(--zone-accent);outline-offset:2px}.bored .card.is-soon{opacity:.55;box-shadow:none;border:2px dashed #fff}.bored .card .icon-badge{background:var(--zone-soft,#ffe6ef);border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:10px;font-size:19px;display:flex}.bored .card h3{color:var(--ink);margin:0 0 4px;font-family:Nunito,sans-serif;font-size:14.5px;font-weight:800;line-height:1.25}.bored .card .sub{color:var(--muted);font-size:12px;font-weight:600;line-height:1.35}.bored .card-arrow{background:var(--zone-soft);width:26px;height:26px;color:var(--zone-accent);border-radius:50%;place-items:center;font-size:14px;font-weight:800;display:grid;position:absolute;bottom:12px;left:14px}.bored .vbanner{background:linear-gradient(120deg,#f3eeff,#ffe9f2);border:1px solid #fff;border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;margin-bottom:20px;padding:18px 24px;display:flex}.bored .vb-left{align-items:center;gap:14px;display:flex}.bored .vb-emoji{font-size:30px}.bored .vb-left strong{color:var(--ink);font-family:"Baloo 2",sans-serif;font-size:18px;display:block}.bored .vb-sub{color:var(--muted);font-size:13.5px;font-weight:600}.bored .vb-cta{color:var(--grape-deep);white-space:nowrap;background:#fff;border-radius:999px;align-items:center;gap:7px;padding:11px 20px;font-size:14px;font-weight:800;text-decoration:none;display:inline-flex;box-shadow:0 8px 18px -8px #8c7cf666}.bored .vb-cta:hover{color:var(--grape-deep);transform:translateY(-2px)}.bored .fab{background:linear-gradient(135deg,var(--coral),var(--grape));color:#fff;cursor:pointer;z-index:40;border:none;border-radius:50%;justify-content:center;align-items:center;width:60px;height:60px;font-size:26px;animation:2.8s ease-in-out infinite bFabFloat;display:flex;position:fixed;bottom:22px;right:22px;box-shadow:0 12px 26px -8px #8c7cf699}@keyframes bFabFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@media (width<=980px){.bored .vhero{text-align:center;grid-template-columns:1fr;gap:26px;padding:34px 0 20px}.bored .vh-copy{flex-direction:column;align-items:center;display:flex}.bored .vh-sub{max-width:460px}.bored .moods{justify-content:center}.bored .moods-label{text-align:center}.bored .zones{grid-template-columns:1fr}.bored .grid{grid-template-columns:1fr 1fr}}@media (width<=560px){.bored .content{padding:0 16px}.bored .grid{grid-template-columns:1fr}.bored .vbanner{text-align:center;flex-direction:column}.bored .vb-left{flex-direction:column}}@media (prefers-reduced-motion:reduce){.bored .blob,.bored .sparkle,.bored .giftbox,.bored .fab{animation:none!important}.bored .rc-body.swap{animation:none}.bored .giftbox.open .gb-lid{transition:none}}