@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.start{inset-inline-start:var(--spacing)}}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#100f0b;--cream:#f5e8bf;--sunset:#d37043;--coral:#be654d;--green:#6e8c5d;--gold:#e9bd66}*{box-sizing:border-box}html{scroll-behavior:smooth;background:#0c110e}body{min-width:320px;color:var(--cream);background:radial-gradient(circle at 50% 0,#303f31 0,#111a15 42rem,#090d0b 100%);margin:0;font-family:Arial,Helvetica,sans-serif}.birthday-card{isolation:isolate;background:repeating-linear-gradient(9deg,#0000 0 8px,#ffffff05 8px 9px),linear-gradient(#292d2a 0%,#18231d 46%,#0c130f 100%);width:min(100%,470px);min-height:100vh;margin:0 auto;position:relative;overflow:hidden;box-shadow:0 0 70px #00000073}.birthday-card:after{z-index:20;content:"";pointer-events:none;opacity:.12;mix-blend-mode:multiply;background-image:radial-gradient(circle,#0e0d09 0 1px,#0000 1.7px);background-size:13px 13px;position:absolute;inset:0}.hero{z-index:3;border-bottom:9px solid var(--ink);background:linear-gradient(172deg,#0000 0 55%,#161c17b3 55.4%),radial-gradient(circle at 78% 15%,#ffe08a80,#0000 23%),linear-gradient(#d57745 0%,#a04a48 44%,#353744 72%,#17211c 100%);height:455px;position:relative;overflow:hidden}.sun{background:#ffd77b;border-radius:50%;width:100px;height:100px;position:absolute;top:58px;right:48px;box-shadow:0 0 56px #ffd77b7a}.power-lines{z-index:2;border-top:3px solid #1a1710d9;border-radius:50%;width:570px;height:135px;position:absolute;top:73px;left:-45px;transform:rotate(7deg)}.power-lines:after{content:"";border-top:2px solid #1a1710bf;border-radius:50%;width:100%;height:100px;position:absolute;top:29px;left:0}.neighborhood{z-index:3;clip-path:polygon(0 51%,8% 51%,15% 33%,24% 50%,38% 50%,47% 22%,59% 48%,72% 48%,80% 36%,89% 49%,100% 49%,100% 100%,0 100%);background:#101511;height:113px;position:absolute;bottom:0;left:-4px;right:-4px}.palm{z-index:4;transform-origin:bottom;border-left:8px solid #111612;border-radius:70%;width:14px;height:230px;position:absolute;bottom:22px}.palm-left{left:27px;transform:rotate(-8deg)}.palm-right{height:190px;right:24px;transform:rotate(8deg)}.palm i{transform-origin:50% 5px;background:#101611;border-radius:100% 0;width:13px;height:88px;position:absolute;top:-4px;left:-10px}.palm i:first-child{transform:rotate(-82deg)}.palm i:nth-child(2){transform:rotate(-56deg)}.palm i:nth-child(3){transform:rotate(-27deg)}.palm i:nth-child(4){transform:rotate(2deg)}.palm i:nth-child(5){transform:rotate(34deg)}.palm i:nth-child(6){transform:rotate(61deg)}.palm i:nth-child(7){transform:rotate(87deg)}.location-tag{z-index:7;border:2px solid var(--ink);color:#fff0bd;letter-spacing:.14em;text-transform:uppercase;background:#607c50;margin:0;padding:6px 9px 5px;font-family:Arial Narrow,Arial,sans-serif;font-size:10px;font-weight:900;position:absolute;top:46px;left:25px;transform:rotate(-2deg)}.title-lockup{z-index:8;width:330px;position:absolute;top:87px;left:24px;transform:rotate(-2deg)}.title-lockup h1{color:#f8f2df;letter-spacing:-.035em;text-transform:uppercase;-webkit-text-stroke:4px var(--ink);paint-order:stroke fill;filter:drop-shadow(5px 6px 0 var(--ink));margin:0;font-family:Impact,Arial Black,sans-serif;font-size:clamp(3.4rem,15vw,4.3rem);font-weight:900;line-height:.79}.title-lockup h1 span{margin-left:34px;display:block}.title-lockup p{color:#f3d596;text-shadow:2px 3px #18140d;margin:12px 0 0 61px;font-family:Brush Script MT,Segoe Script,cursive;font-size:31px;font-weight:700;line-height:1;transform:rotate(-4deg)}.banner-wire{z-index:10;border-top:3px solid #171611;border-radius:50%;height:60px;position:absolute;bottom:64px;left:-23px;right:-23px;transform:rotate(2deg)}.banner{z-index:11;justify-content:center;gap:3px;display:flex;position:absolute;bottom:39px;left:21px;right:21px;transform:rotate(2deg)}.banner span{background:var(--gold);color:#17130d;clip-path:polygon(0 0,100% 0,86% 100%,50% 79%,14% 100%);border-top:3px solid #171611;place-items:center;width:29px;height:47px;padding-bottom:9px;font-family:Impact,Arial Black,sans-serif;font-size:17px;font-weight:900;display:grid}.banner span:nth-child(3n+2){background:#78975e}.banner span:nth-child(3n){background:#d97550}.intro{z-index:4;background:linear-gradient(167deg,#263628f5 0 78%,#0000 79%);padding:28px 25px 20px;position:relative}.intro p{color:#e3d9ba;letter-spacing:.07em;text-transform:uppercase;margin:0;font-family:Arial Narrow,Arial,sans-serif;font-size:13px;font-weight:800;line-height:1.5}.intro strong{color:#f1b85e}.messages{z-index:4;gap:48px;padding:22px 20px 84px;display:grid;position:relative}.wish-panel{border:7px solid var(--ink);color:#17130d;min-height:385px;position:relative;overflow:hidden;box-shadow:9px 11px #0000008c}.wish-panel:after{z-index:4;content:"";pointer-events:none;mix-blend-mode:multiply;background:radial-gradient(circle at 14% 20%,#ffffff2e 0 1px,#0000 2px) 0 0/11px 11px,repeating-linear-gradient(173deg,#0000 0 8px,#26190d12 8px 9px);position:absolute;inset:0}.wish-panel-orange{clip-path:polygon(1% 1%,99% 0,100% 96%,4% 100%,0 58%);background:#dca45c;transform:rotate(-1deg)}.wish-panel-green{clip-path:polygon(0 4%,97% 0,100% 97%,3% 100%,1% 49%);background:#779469;transform:rotate(1.1deg)}.wish-panel-coral{clip-path:polygon(3% 0,100% 3%,97% 100%,0 96%,1% 24%);background:#ba6e55;transform:rotate(-.8deg)}.friend-portrait{z-index:3;filter:drop-shadow(6px 7px #15120a4d);width:238px;height:286px;position:absolute;top:17px;right:0;overflow:hidden;transform:rotate(1deg)}.friend-portrait img{-webkit-user-select:none;user-select:none;width:714px;max-width:none;height:auto;position:absolute;top:-1px}.friend-portrait-01 img{left:0}.friend-portrait-02 img{left:-238px}.friend-portrait-03 img{left:-476px}.wish-panel-orange .friend-portrait{background:radial-gradient(circle at 50% 38%,#ffe19a52,#0000 61%)}.wish-panel-green .friend-portrait{background:radial-gradient(circle at 50% 38%,#ebd69e3d,#0000 61%)}.wish-panel-coral .friend-portrait{background:radial-gradient(circle at 50% 38%,#ffd89e45,#0000 61%)}.wish-copy{z-index:8;background:#f2dfb4;border:4px solid #15130e;padding:15px 15px 13px;position:absolute;bottom:18px;left:16px;right:16px;transform:rotate(-.4deg);box-shadow:4px 5px #1c120847}.wish-copy p{color:#20170e;text-align:center;margin:0;font-family:Tahoma,Arial,sans-serif;font-size:22px;font-weight:900;line-height:1.55}.status-line{z-index:4;color:#ddd3b2;text-align:center;text-transform:uppercase;margin-top:-28px;padding:0 24px 54px;position:relative}.status-line span{letter-spacing:.14em;font-family:Arial Narrow,Arial,sans-serif;font-size:11px;font-weight:800;display:block}.status-line strong{color:#f0c36b;letter-spacing:.04em;text-shadow:2px 3px 0 var(--ink);margin-top:7px;font-family:Impact,Arial Black,sans-serif;font-size:30px;display:block}.confetti{z-index:30;pointer-events:none;height:100vh;position:absolute;inset:0;overflow:hidden}.confetti i{background:var(--gold);clip-path:polygon(9% 0,100% 11%,84% 100%,0 78%);border:1px solid #110e0885;width:8px;height:15px;animation:3.3s cubic-bezier(.18,.64,.35,1) both confetti-fall;position:absolute;top:-24px}.confetti i:nth-child(4n+2){background:#6e965f;width:11px;height:7px}.confetti i:nth-child(4n+3){background:#d96e50;width:7px;height:13px}.confetti i:nth-child(4n){background:#f1e2b7;width:9px;height:9px}.confetti i:first-child{--drift:38px;animation-delay:20ms;left:3%}.confetti i:nth-child(2){--drift:-22px;animation-delay:.42s;left:7%}.confetti i:nth-child(3){--drift:48px;animation-delay:.18s;left:11%}.confetti i:nth-child(4){--drift:-31px;animation-delay:.7s;left:15%}.confetti i:nth-child(5){--drift:27px;animation-delay:90ms;left:19%}.confetti i:nth-child(6){--drift:45px;animation-delay:.53s;left:24%}.confetti i:nth-child(7){--drift:-35px;animation-delay:.29s;left:28%}.confetti i:nth-child(8){--drift:25px;animation-delay:.81s;left:32%}.confetti i:nth-child(9){--drift:-46px;animation-delay:.13s;left:36%}.confetti i:nth-child(10){--drift:38px;animation-delay:.64s;left:40%}.confetti i:nth-child(11){--drift:-24px;animation-delay:.35s;left:44%}.confetti i:nth-child(12){--drift:49px;animation-delay:.76s;left:48%}.confetti i:nth-child(13){--drift:-32px;animation-delay:50ms;left:52%}.confetti i:nth-child(14){--drift:29px;animation-delay:.49s;left:56%}.confetti i:nth-child(15){--drift:-42px;animation-delay:.22s;left:60%}.confetti i:nth-child(16){--drift:36px;animation-delay:.88s;left:64%}.confetti i:nth-child(17){--drift:-28px;animation-delay:.15s;left:68%}.confetti i:nth-child(18){--drift:47px;animation-delay:.57s;left:72%}.confetti i:nth-child(19){--drift:-39px;animation-delay:.31s;left:76%}.confetti i:nth-child(20){--drift:33px;animation-delay:.71s;left:80%}.confetti i:nth-child(21){--drift:-45px;animation-delay:.11s;left:84%}.confetti i:nth-child(22){--drift:25px;animation-delay:.46s;left:88%}.confetti i:nth-child(23){--drift:-36px;animation-delay:.26s;left:92%}.confetti i:nth-child(24){--drift:42px;animation-delay:.79s;left:96%}.confetti i:nth-child(25){--drift:-25px;animation-delay:1s;left:21%}.confetti i:nth-child(26){--drift:34px;animation-delay:1.12s;left:47%}.confetti i:nth-child(27){--drift:-38px;animation-delay:.95s;left:69%}.confetti i:nth-child(28){--drift:28px;animation-delay:1.18s;left:91%}@keyframes confetti-fall{0%{opacity:0;transform:translateY(-30px)rotate(0)}8%{opacity:1}82%{opacity:.9}to{opacity:0;transform:translate3d(var(--drift), 105vh, 0) rotate(720deg)}}@media (min-width:471px){.birthday-card{border:8px solid var(--ink);border-radius:38px;margin-block:28px}}@media (max-width:360px){.hero{height:430px}.title-lockup{width:300px;left:18px}.title-lockup h1{font-size:52px}.title-lockup p{margin-left:45px;font-size:27px}.banner{left:12px;right:12px}.banner span{width:27px}.messages{padding-inline:14px}.wish-panel{min-height:370px}.friend-portrait{right:-10px;transform:rotate(1deg)scale(.94)}.wish-copy p{font-size:16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.confetti{display:none}}