:root{color:#fff8e8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#10251f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;min-height:100%;margin:0}body{overflow-x:hidden}button{font:inherit}button:focus-visible{outline-offset:4px;outline:3px solid #ffe08a}h1,p{margin:0}.father-gift{isolation:isolate;background:radial-gradient(circle at 16% 12%,#ffd67c47,#0000 21rem),radial-gradient(circle at 86% 18%,#66d8b738,#0000 24rem),radial-gradient(circle at 52% 94%,#e574483d,#0000 25rem),linear-gradient(145deg,#0f261f 0%,#163f39 48%,#402218 100%);place-items:center;min-height:100svh;padding:clamp(16px,4vw,44px);display:grid;position:relative;overflow:hidden}.father-gift:before{content:"";transform-origin:bottom;z-index:-1;background:linear-gradient(90deg,#ffe8ab2e,#fbab5d4d,#ffe8ab24),linear-gradient(#8b4f2d,#5a311f 70%);border-top:1px solid #fff1d33d;height:min(26svh,210px);position:absolute;inset:auto -8vw 0;transform:perspective(800px)rotateX(18deg);box-shadow:0 -34px 90px #170b064d}.father-gift:after{content:"";pointer-events:none;z-index:-2;background-image:linear-gradient(#fff8e80e 1px,#0000 1px),linear-gradient(90deg,#fff8e80b 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 74%);mask-image:radial-gradient(circle at 50% 42%,#000 0%,#0000 74%)}.room-glow{pointer-events:none;z-index:-1;position:absolute;inset:0;overflow:hidden}.room-glow span{aspect-ratio:1;opacity:.55;background:#ffe08a;border-radius:999px;width:clamp(7px,1vw,13px);animation:8s ease-in-out infinite alternate dustFloat;position:absolute;box-shadow:0 0 24px #ffe08a8a}.room-glow span:first-child{top:22%;left:13%}.room-glow span:nth-child(2){animation-delay:1.5s;top:78%;left:30%}.room-glow span:nth-child(3){animation-delay:2.2s;top:24%;right:18%}.room-glow span:nth-child(4){animation-delay:3.2s;bottom:18%;right:11%}.room-glow span:nth-child(5){animation-delay:4.1s;top:13%;left:50%}.workshop{align-content:center;gap:clamp(18px,3vw,34px);width:min(1120px,100%);min-height:min(860px,100svh - clamp(32px,8vw,88px));display:grid}.opening-note{text-align:center;color:#fff8e8;justify-self:center;gap:clamp(8px,1.4vw,12px);width:min(760px,100%);display:grid}.occasion{color:#ffe08a;letter-spacing:.08em;text-transform:uppercase;background:#091b188a;border:1px solid #ffe08a6b;border-radius:999px;justify-self:center;align-items:center;min-height:32px;padding:0 14px;font-size:.78rem;font-weight:850;display:inline-flex}.opening-note h1{letter-spacing:0;text-wrap:balance;justify-self:center;max-width:18ch;font-size:clamp(2.45rem,6.5vw,5.7rem);line-height:.96}.opening-note>p:last-child{color:#fff8e8db;justify-self:center;max-width:42rem;font-size:clamp(1.02rem,2vw,1.22rem);line-height:1.55}.gift-table{grid-template-columns:minmax(190px,1fr) minmax(250px,430px) minmax(190px,1fr);align-items:center;gap:clamp(16px,3.2vw,38px);display:grid}.gratitude-column{gap:clamp(14px,2vw,22px);display:grid}.gratitude-button{color:#17312b;text-align:left;cursor:pointer;background:#fff8e8eb;border:1px solid #fff1d338;border-radius:8px;grid-template-columns:auto 1fr;align-items:center;gap:14px;min-height:116px;padding:clamp(14px,2.1vw,18px);transition:border-color .25s,background .25s,box-shadow .25s;display:grid;position:relative;box-shadow:0 22px 52px #170b063d}.gratitude-button:before{content:"";pointer-events:none;border:1px dashed #17312b29;border-radius:6px;position:absolute;inset:8px}.gratitude-button.is-active{background:#ffefb9;border-color:#ffe08af2;box-shadow:0 28px 70px #170b064d,0 0 0 4px #ffe08a2e}.tool-mark{aspect-ratio:1;color:#10251f;background:linear-gradient(145deg,#ffe08a,#f5a55d);border-radius:8px;place-items:center;width:clamp(46px,6vw,58px);display:grid;box-shadow:inset 0 0 0 1px #51291629}.gratitude-button strong{color:#10251f;margin-bottom:5px;font-size:clamp(1rem,1.8vw,1.18rem);line-height:1.15;display:block}.gratitude-button small{color:#3d514a;font-size:clamp(.86rem,1.4vw,.98rem);line-height:1.35;display:block}.medal-stage{place-items:center;min-height:clamp(330px,43vw,470px);display:grid;position:relative}.medal-rays{aspect-ratio:1;background:repeating-conic-gradient(from 0deg, #ffe08a57 0 9deg, transparent 9deg 19deg), radial-gradient(circle, #ffe08a3d, transparent 66%);opacity:.86;border-radius:999px;width:min(104%,460px);animation:24s linear infinite raysTurn;position:absolute}.ribbon{clip-path:polygon(0 0,100% 0,78% 100%,50% 78%,22% 100%);transform-origin:top;filter:drop-shadow(0 16px 24px #170b0633);z-index:0;background:linear-gradient(#e85f45,#982f26);width:clamp(54px,8vw,82px);height:clamp(116px,14vw,156px);position:absolute;bottom:8%}.ribbon-left{animation:4.6s ease-in-out infinite alternate ribbonSwayLeft;left:30%;rotate:12deg}.ribbon-right{animation:4.8s ease-in-out infinite alternate ribbonSwayRight;right:30%;rotate:-12deg}.medal{z-index:1;aspect-ratio:1;color:#2c180b;text-align:center;background:radial-gradient(circle at 36% 28%,#fff6ca 0 15%,#0000 16%),radial-gradient(circle at 50% 54%,#ffd46c 0%,#f0a93f 56%,#b96b26 100%);border-radius:999px;align-content:center;justify-items:center;gap:clamp(10px,1.6vw,15px);width:clamp(230px,33vw,390px);padding:clamp(24px,4vw,44px);animation:4.8s ease-in-out infinite alternate medalBreathe;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 10px #fff6ca57,inset 0 0 0 18px #6534111f,0 36px 90px #170b0661}.medal:after{content:"";pointer-events:none;background:linear-gradient(105deg,#0000 38%,#ffffff75 50%,#0000 62%);animation:5.8s ease-in-out infinite medalShine;position:absolute;inset:-30% -70%;transform:translate(-36%)rotate(8deg)}.medal-stage-complete .medal{box-shadow:inset 0 0 0 10px #fff6ca6b,inset 0 0 0 18px #6534111f,0 36px 96px #170b066b,0 0 72px #ffe08a73}.medal-spark{color:#7a2b16}.medal-kicker{color:#673016;letter-spacing:.13em;text-transform:uppercase;font-size:clamp(.76rem,1.5vw,.9rem);font-weight:950}.medal-progress,.final-wish{gap:7px;max-width:18rem;display:grid}.medal-progress strong,.final-wish strong{color:#211006;letter-spacing:0;font-size:clamp(1.7rem,4.3vw,3.1rem);line-height:.96}.medal-progress span,.final-wish span{color:#4b250e;font-size:clamp(.92rem,1.7vw,1.06rem);font-weight:750;line-height:1.36}.gratitude-chips{flex-wrap:wrap;place-content:center;gap:8px;min-height:68px;display:flex}.chip{color:#fff8e8;background:#231006d1;border-radius:999px;align-items:center;min-height:28px;padding:0 10px;font-size:.74rem;font-weight:850;display:inline-flex}.replay{color:#fff8e8;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0c211dc7;border:1px solid #ffe08a61;border-radius:999px;justify-self:center;align-items:center;gap:9px;min-height:42px;padding:0 17px;font-size:.92rem;font-weight:800;display:inline-flex;box-shadow:0 18px 40px #170b0638}.replay svg{transition:transform .3s}.replay:hover svg{transform:rotate(-90deg)}@keyframes dustFloat{0%{transform:translate(0,0)}to{transform:translate(18px,-26px)}}@keyframes raysTurn{to{transform:rotate(360deg)}}@keyframes ribbonSwayLeft{to{transform:rotate(-4deg)translateY(5px)}}@keyframes ribbonSwayRight{to{transform:rotate(4deg)translateY(5px)}}@keyframes medalBreathe{to{transform:translateY(-4px)scale(1.012)}}@keyframes medalShine{0%,42%{transform:translate(-48%)rotate(8deg)}68%,to{transform:translate(48%)rotate(8deg)}}@media (width<=860px){.father-gift{align-items:start;overflow-y:auto}.workshop{min-height:auto;padding-block:8px 18px}.opening-note h1{max-width:13.5ch;font-size:clamp(2.15rem,12vw,4.4rem)}.gift-table{grid-template-columns:1fr;justify-items:center;gap:16px}.medal-stage{order:-1;width:min(100%,430px);min-height:clamp(292px,82vw,390px)}.gratitude-column{grid-template-columns:repeat(2,minmax(0,1fr));width:min(100%,520px)}.gratitude-column-left,.gratitude-column-right{display:contents}.gratitude-button{text-align:center;grid-template-columns:1fr;align-content:start;min-height:132px}.tool-mark{justify-self:center}}@media (width<=520px){.father-gift{padding:14px}.opening-note{gap:8px}.opening-note h1{max-width:13ch}.opening-note>p:last-child{font-size:.98rem}.gratitude-column{grid-template-columns:1fr}.gratitude-button{text-align:left;grid-template-columns:auto 1fr;min-height:104px}.tool-mark{justify-self:auto}.medal{width:min(82vw,318px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}