:root{color:#eef7fb;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;background:#070b10;font-family: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:hidden}button{font:inherit}h1,p{margin:0}.gift-scene{isolation:isolate;background:radial-gradient(circle at 76% 24%,#00c2ff33,#0000 23rem),radial-gradient(circle at 16% 74%,#f7bc6424,#0000 22rem),linear-gradient(135deg,#070b10 0%,#101923 48%,#080a0e 100%);grid-template-columns:minmax(16rem,.78fr) minmax(22rem,1.35fr) minmax(9rem,.42fr);align-items:center;gap:clamp(18px,3.5vw,52px);min-height:100svh;padding:clamp(18px,4vw,54px);display:grid;position:relative;overflow:hidden}.gift-scene:before{z-index:-3;content:"";background-image:linear-gradient(#e0e6eb0e 1px,#0000 1px),linear-gradient(90deg,#e0e6eb0b 1px,#0000 1px);background-size:42px 42px;animation:18s linear infinite gridDrift;position:absolute;inset:-15%;-webkit-mask-image:radial-gradient(circle at 52%,#000 0%,#0000 72%);mask-image:radial-gradient(circle at 52%,#000 0%,#0000 72%)}.gift-scene:after{z-index:-2;content:"";pointer-events:none;background:linear-gradient(90deg,#070b10b8,#0000 38%,#070b108c),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 9px);position:absolute;inset:0}.precision-field,.precision-field span{pointer-events:none;position:absolute}.precision-field{z-index:-1;inset:0}.scan{filter:blur(.4px);background:linear-gradient(90deg,#0000,#00c2ff94,#0000);width:38vw;height:1px;animation:6.5s ease-in-out infinite scanLine;transform:rotate(-18deg)}.scan-one{top:22%;left:42%}.scan-two{animation-delay:2.8s;bottom:24%;right:4%}.spark{aspect-ratio:1;opacity:.6;background:#00c2ff;border-radius:999px;width:clamp(5px,.7vw,9px);animation:5s ease-in-out infinite alternate sparkFloat;box-shadow:0 0 22px #00c2ffd9}.spark-one{top:17%;left:31%}.spark-two{animation-delay:1.4s;top:72%;right:22%}.spark-three{background:#f7bc64;animation-delay:2.2s;top:12%;left:68%;box-shadow:0 0 22px #f7bc64bf}.message-rail{z-index:2;max-width:34rem;position:relative}.eyebrow{color:#9fe8ff;letter-spacing:0;text-transform:uppercase;background:#070e14e0;border:1px solid #00c2ff6b;border-radius:999px;align-items:center;min-height:32px;margin-bottom:clamp(14px,2vw,22px);padding:0 14px;font-size:clamp(.72rem,1vw,.8rem);font-weight:800;display:inline-flex}.message-rail h1{color:#f2f8fb;letter-spacing:0;max-width:15ch;font-size:clamp(2rem,5vw,4.6rem);font-weight:850;line-height:.98}.note{color:#eef7fbc7;max-width:33rem;margin-top:clamp(16px,2.4vw,26px);font-size:clamp(1rem,1.7vw,1.25rem);line-height:1.62}.photo-laptop{z-index:3;aspect-ratio:1.22;width:min(100%,760px);color:inherit;cursor:pointer;transform-style:preserve-3d;-webkit-tap-highlight-color:transparent;background:0 0;border:0;place-items:center;padding:0;display:grid;position:relative}.photo-laptop:focus-visible{outline-offset:12px;border-radius:30px;outline:3px solid #9fe8ff}.photo-laptop:hover .screen-lid,.photo-laptop:focus-visible .screen-lid{transform:translateY(-2.5%)rotateX(1deg)}.photo-laptop:hover .photo-glass,.photo-laptop:focus-visible .photo-glass{opacity:.9;transform:translateY(-1.5%)scale(1.012)}.photo-laptop:active .screen-surface{filter:brightness(1.2)}.photo-glass{background:linear-gradient(115deg,#ffffff1f,#0000 28%),linear-gradient(145deg,#ffffff0b,#00c2ff09);border:1px solid #e0e6eb29;border-radius:clamp(22px,4vw,44px);transition:opacity .24s,transform .24s;position:absolute;inset:1% 1% 8%;box-shadow:inset 0 1px #ffffff29,0 34px 92px #0000007a}.photo-glass:after{content:"";border-radius:inherit;background:linear-gradient(105deg,#0000 8%,#ffffff29 25%,#0000 42%);animation:5.2s ease-in-out infinite glassSweep;position:absolute;inset:0;transform:translate(-45%)}.screen-lid{background:linear-gradient(145deg,#bac3ccf5,#2f3e4bfa 22%,#0b1016 72%),#18222c;border-radius:clamp(18px,3vw,32px);place-items:center;transition:transform .26s;display:grid;position:absolute;inset:7% 9% 34%;box-shadow:inset 0 0 0 1px #eef7fb2e,inset 0 -18px 42px #00000061,0 24px 70px #0000007a}.screen-bezel{background:#05070a;border-radius:clamp(14px,2.4vw,24px);place-items:center;display:grid;position:absolute;inset:5.6% 5.2%;box-shadow:inset 0 0 0 1px #e0e6eb1f}.screen-surface{background:radial-gradient(circle at 72% 28%,#00c2ff70,#0000 34%),radial-gradient(circle at 18% 82%,#f7bc6429,#0000 30%),linear-gradient(135deg,#07111a,#142638 58%,#071018);border-radius:clamp(10px,1.8vw,18px);place-items:center;padding:clamp(18px,4vw,42px);transition:filter .16s;animation:3.8s ease-in-out infinite screenPulse;display:grid;position:absolute;inset:5.5%;overflow:hidden;box-shadow:inset 0 0 44px #00c2ff33,0 0 42px #00c2ff2e}.screen-surface:before{content:"";opacity:.5;background:linear-gradient(90deg,#0000,#ffffff14,#0000),repeating-linear-gradient(0deg,#ffffff0d 0 1px,#0000 1px 7px);position:absolute;inset:0}.screen-message{color:#f5fbff;letter-spacing:0;text-align:center;text-shadow:0 2px 24px #0000009e;width:min(100%,18ch);font-size:clamp(1.15rem,2.9vw,2.3rem);font-weight:820;line-height:1.12;display:block;position:relative}.laptop-base{transform-origin:top;background:linear-gradient(#eef7fbb8,#4a5561f5 16%,#161f29 74%),#202d38;border-radius:12px 12px 34px 34px;height:27%;position:absolute;bottom:12%;left:8%;right:8%;transform:perspective(620px)rotateX(58deg);box-shadow:inset 0 1px #ffffff57,inset 0 -18px 36px #0000006b,0 28px 64px #00000070}.keyboard{grid-template-columns:repeat(8,1fr);gap:clamp(3px,.5vw,7px);display:grid;position:absolute;top:20%;left:15%;right:15%}.keyboard span{background:#e0e6eb47;border-radius:3px;height:clamp(5px,.8vw,10px);animation:2.8s ease-in-out infinite keyGlow}.keyboard span:nth-child(3n){animation-delay:.4s}.keyboard span:nth-child(4n){animation-delay:.85s}.trackpad{background:#eef7fb29;border-radius:8px;height:24%;position:absolute;bottom:18%;left:42%;right:42%;box-shadow:inset 0 0 0 1px #eef7fb21}.studio-shadow{filter:blur(14px);background:radial-gradient(#0000008f,#0000 70%);border-radius:999px;height:14%;position:absolute;bottom:4%;left:10%;right:10%}.keepsake-strip{z-index:2;justify-self:stretch;gap:12px;display:grid;position:relative}.keepsake{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#070e1494;border:1px solid #9fe8ff33;border-radius:8px;gap:4px;padding:14px 12px;animation:4s ease-in-out infinite alternate labelGlow;display:grid;box-shadow:inset 0 1px #ffffff14}.keepsake strong{color:#c9f3ff;letter-spacing:0;text-transform:uppercase;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:.78rem}.keepsake small{color:#eef7fbbd;font-size:.84rem;line-height:1.35}.touch-hint{z-index:4;color:#eef7fbc2;letter-spacing:0;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#070b108a;border:1px solid #eef7fb29;border-radius:999px;align-items:center;min-height:30px;padding:0 12px;font-size:.76rem;font-weight:780;animation:2.2s ease-in-out infinite hintPulse;display:inline-flex;position:absolute;bottom:clamp(15px,3vw,30px);left:50%;transform:translate(-50%)}@keyframes gridDrift{0%{transform:translate(0,0)}to{transform:translate(42px,42px)}}@keyframes scanLine{0%,to{opacity:0;transform:translate(-12%)rotate(-18deg)}45%,58%{opacity:1}70%{transform:translate(18%)rotate(-18deg)}}@keyframes sparkFloat{0%{opacity:.32;transform:translate(0,0)scale(.82)}to{opacity:.72;transform:translate(14px,-18px)scale(1)}}@keyframes glassSweep{0%,38%{opacity:0;transform:translate(-52%)}54%{opacity:.86}to{opacity:0;transform:translate(54%)}}@keyframes screenPulse{0%,to{box-shadow:inset 0 0 44px #00c2ff2e,0 0 38px #00c2ff26}50%{box-shadow:inset 0 0 58px #00c2ff4d,0 0 60px #00c2ff3d}}@keyframes keyGlow{0%,to{opacity:.28}50%{opacity:.72}}@keyframes labelGlow{0%{border-color:#9fe8ff2e}to{border-color:#00c2ff75}}@keyframes hintPulse{0%,to{opacity:.62}50%{opacity:1}}@media (width<=900px){body{overflow:auto}.gift-scene{text-align:center;grid-template-rows:auto minmax(260px,1fr) auto;grid-template-columns:1fr;align-content:center;justify-items:center;gap:clamp(12px,2.4vh,24px);min-height:100svh;padding:clamp(18px,5vw,34px)}.gift-scene:after{background:linear-gradient(#070b10b8,#0000 44%,#070b10a3),repeating-linear-gradient(0deg,#ffffff06 0 1px,#0000 1px 9px)}.message-rail{max-width:min(100%,35rem)}.message-rail h1{max-width:12ch;margin-inline:auto;font-size:clamp(2rem,11vw,3.4rem)}.note{max-width:31rem;margin-inline:auto;font-size:clamp(.98rem,3.5vw,1.12rem)}.photo-laptop{width:min(94vw,680px)}.keepsake-strip{grid-template-columns:repeat(3,1fr);width:min(100%,35rem)}.touch-hint{margin-top:-2px;position:relative;bottom:auto;left:auto;transform:none}}@media (width<=560px){.gift-scene{gap:12px;min-height:100svh;padding:16px}.eyebrow{min-height:28px;margin-bottom:10px;font-size:.66rem}.message-rail h1{max-width:14ch;font-size:clamp(1.82rem,9vw,2.7rem);line-height:1.02}.note{margin-top:10px;font-size:.95rem;line-height:1.48}.photo-laptop{aspect-ratio:1.08;width:min(95vw,440px)}.photo-glass{inset:0 0 7%}.screen-lid{inset:8% 6% 36%}.screen-message{width:min(100%,16ch);font-size:clamp(1rem,5.2vw,1.42rem);line-height:1.16}.laptop-base{height:27%;bottom:14%;left:5%;right:5%}.keyboard{gap:3px;left:14%;right:14%}.keepsake-strip{grid-template-columns:1fr 1fr 1fr;gap:7px}.keepsake{min-width:0;padding:10px 7px}.keepsake strong{font-size:.64rem}.keepsake small{font-size:.68rem}.touch-hint{min-height:28px;font-size:.7rem}}@media (height<=680px) and (width<=900px){.gift-scene{gap:8px;min-height:100svh}.note{display:none}.photo-laptop{width:min(86vw,520px)}.keepsake-strip{display:none}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}}