@font-face{font-family:Nunito;src:url('/assets/fonts/nunito-sans-latin-variable.woff2') format('woff2');font-weight:400 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#110e19;--panel:#1b1625;--text:#f6f0fc;--muted:#b7aabe;--lavender:#c3a2f1;--pink:#f1b8d8;--line:rgba(213,181,240,.15)}
*{box-sizing:border-box}
html{min-width:320px;background:var(--bg)}
body{margin:0;min-height:100svh;font-family:Nunito,'Trebuchet MS',sans-serif;color:var(--text);overflow-x:hidden}
button,a{-webkit-tap-highlight-color:transparent}
button{font:inherit}
button:focus-visible,a:focus-visible{outline:3px solid var(--pink);outline-offset:6px}
::selection{background:#bf92e8;color:#171020}
.background-art{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:-1;background-image:radial-gradient(rgba(221,192,247,.13) .65px,transparent .65px);background-size:20px 20px}
.ambient{position:absolute;display:block;width:760px;height:760px;filter:blur(90px);opacity:.3;border-radius:50%}
.ambient-one{top:-440px;left:-280px;background:radial-gradient(circle,#633a7e,transparent 68%)}
.ambient-two{right:-460px;bottom:-390px;background:radial-gradient(circle,#754174,transparent 68%)}
.background-star{position:absolute;color:#795d91;font-size:35px;font-weight:400}
.star-one{top:23%;left:4%;transform:rotate(-15deg)}
.star-two{right:5%;top:14%;font-size:18px;color:#9878a6}
.star-three{right:3%;bottom:18%;font-size:45px}
.star-four{bottom:12%;left:6%;font-size:27px;color:#987193}
.page-shell{max-width:1176px;padding:0 32px;margin:auto;min-height:100svh;display:flex;flex-direction:column;justify-content:center}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:35px 5px 29px;gap:24px}
.wordmark{display:inline-flex;align-items:center;gap:11px;font-weight:900;font-size:29px;letter-spacing:-1.4px;text-decoration:none;color:var(--text);line-height:1}
.wordmark>span{margin-left:-10px;color:var(--lavender)}
.wordmark svg{width:28px;height:28px;overflow:visible;fill:var(--lavender)}
.wordmark .heart-spark{fill:var(--pink);stroke:var(--bg);stroke-width:1.2}
.header-status{font-size:11px;font-weight:700;letter-spacing:.45px;color:#b7a8c7;display:flex;align-items:center;gap:9px}
.status-light{width:6px;height:6px;border-radius:50%;background:#c6a7ed;box-shadow:0 0 12px #bb85ec99}
.coming-soon{position:relative;isolation:isolate;background:linear-gradient(118deg,#211a2b 0%,#1c1725 58%,#21182b 100%);border:1px solid #6650758c;border-radius:20px;box-shadow:0 30px 100px #0005,0 0 0 5px #291c3829;overflow:hidden}
.window-bar{height:47px;display:flex;align-items:center;justify-content:space-between;padding:0 22px;background:#100d1759;border-bottom:1px solid var(--line);color:#9b89ae;font-size:10px;font-weight:600;letter-spacing:.6px}
.window-dots{display:flex;gap:6px;width:45px}
.window-dots i{width:7px;height:7px;border:1px solid #8e719e;border-radius:50%;background:#8e719e}
.window-dots i:nth-child(2){background:#b68dd1;border-color:#b68dd1}.window-dots i:nth-child(3){background:#e5badc;border-color:#e5badc}
.window-bar>svg{width:15px;height:15px;fill:none;stroke:#9f7caf;stroke-width:1.4}
.hero-content{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;min-height:542px;padding:48px 40px 42px 62px;gap:12px}
.hero-copy{position:relative;z-index:2}
.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:23px;color:#ba9aca;font-size:8px;letter-spacing:1.2px;font-weight:800;white-space:nowrap}
.eyebrow>span{font-size:16px;color:var(--pink);line-height:1}.eyebrow strong{font-weight:800;color:var(--pink)}
h1{position:relative;display:inline-block;font-size:clamp(50px,5.6vw,72px);font-weight:900;line-height:1.01;letter-spacing:-3.6px;margin:0 0 22px}
h1>span:first-of-type{color:var(--lavender)}
.title-star{position:absolute;bottom:0;right:-65px;font-size:51px;color:var(--pink);font-weight:500;transform:rotate(10deg)}
.intro{font-size:13px;line-height:1.8;margin:0;max-width:350px;color:#c7b8d1;font-weight:500}
.save-link{margin-top:27px}
.copy-button{border:1px solid #d6b6f4;border-radius:11px;min-height:47px;padding:0 18px;color:#24172f;background:#c7a8eb;display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:900;cursor:pointer;box-shadow:0 4px 0 #805c9e44;transition:background .2s,transform .2s,box-shadow .2s}
.copy-button:hover{background:#dec3fa;transform:translateY(-2px);box-shadow:0 6px 18px #c6a4ec22}
.copy-button:active{transform:translateY(1px)}
.copy-icon{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.button-heart{font-size:20px;line-height:1;margin-left:9px;font-weight:700}
.copy-status{font-size:10px;color:#a991b8;margin:13px 0 0;min-height:16px;letter-spacing:.1px}
.copy-button.copied{background:var(--pink);border-color:var(--pink)}
.hero-art{position:relative;align-self:center;min-width:0;height:432px;display:flex;align-items:center;justify-content:center}
.art-halo{position:absolute;width:390px;height:390px;max-width:110%;border-radius:50%;background:radial-gradient(ellipse,#b38bd151 0%,#a67cbb18 47%,transparent 72%);filter:blur(4px)}
.kuromi-art{position:relative;width:470px;max-width:125%;height:auto;object-fit:contain;filter:drop-shadow(0 19px 25px #08050c55);animation:bob 6s ease-in-out infinite;z-index:1}
.orbit{position:absolute;inset:42px 2px;border:1px solid #bc9cdc18;border-radius:50%;transform:rotate(-28deg)}
.art-spark{position:absolute;color:var(--lavender);z-index:2;line-height:1}
.spark-a{left:8%;top:10%;font-size:32px;transform:rotate(12deg)}
.spark-b{right:-1%;top:38%;font-size:18px;color:var(--pink)}
.spark-c{right:12%;bottom:9%;font-size:30px;transform:rotate(18deg)}
.art-sticker{position:absolute;z-index:3;display:inline-flex;align-items:center;gap:6px;padding:9px 13px;border-radius:7px;border:1px solid #9275a54f;background:#33273f;font-size:10px;letter-spacing:.2px;color:#e3c6f4;box-shadow:0 5px 20px #09060d4d}
.sticker-top{right:-3%;top:6%;transform:rotate(8deg);font-weight:800;color:#1e1526;background:#e4bfdd;border:1px solid #f5d6f0}
.sticker-bottom{left:5%;bottom:9%;transform:rotate(-7deg)}
.sticker-bottom>span{color:#efbadc;font-size:13px}
.little-hearts{position:absolute;top:4%;left:29%;font-size:13px;letter-spacing:3px;color:#bfa0d7;transform:rotate(-13deg)}
.little-hearts>span{color:#efbadc}
.window-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);margin:0 28px;padding:17px 0 18px;color:#a994b9;font-size:9px;font-weight:600;letter-spacing:.2px}
.window-footer>span:first-child{display:flex;align-items:center;gap:8px}
.window-footer>span:first-child>span{color:#d1b0ed;font-size:15px;line-height:1}
.footer-note{color:#806c90}.footer-note>span{color:#b898cd;margin-left:10px}
.site-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#806b90;font-size:9px;padding:23px 5px 31px;letter-spacing:.2px}
.site-footer b{color:#bb91bf;font-size:12px;margin-left:3px}
.footer-tiny-star{font-size:14px;color:#ab89bd}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-10px) rotate(1deg)}}
@media(min-width:1500px){.page-shell{max-width:1240px}.hero-content{min-height:590px;padding-left:72px}.hero-art{height:470px}.kuromi-art{width:500px}h1{font-size:78px}.intro{font-size:14px}}
@media(max-width:1000px){.page-shell{padding:0 25px}.hero-content{padding:38px 28px 38px 40px;min-height:510px}.eyebrow{font-size:7px;letter-spacing:.8px;gap:5px}h1{font-size:60px;letter-spacing:-3px}.title-star{right:-43px;font-size:37px}.hero-art{height:380px}.art-sticker{font-size:8px;padding:8px 10px}.sticker-top{right:-5%}.sticker-bottom{left:0}.intro{font-size:12px}.window-footer{font-size:8px}}
@media(max-width:720px){.page-shell{padding:0 18px;max-width:520px;justify-content:flex-start}.site-header{padding:25px 2px 23px;gap:12px}.wordmark{font-size:25px}.wordmark svg{width:24px;height:24px}.header-status{font-size:8px;letter-spacing:0;max-width:110px;line-height:1.5;gap:6px}.status-light{flex-shrink:0;width:5px;height:5px}.coming-soon{border-radius:17px}.window-bar{height:38px;padding:0 15px;font-size:8px;letter-spacing:.3px}.window-dots{gap:4px;width:30px}.window-dots i{width:6px;height:6px}.window-bar>svg{width:13px;height:13px}.hero-content{grid-template-columns:1fr;padding:15px 24px 29px;gap:5px;min-height:0}.hero-art{grid-row:1;height:245px;width:100%;max-width:350px;justify-self:center}.kuromi-art{width:290px;max-width:105%}.art-halo{height:260px;width:290px}.orbit{inset:10px 18px}.art-sticker{font-size:7px;padding:6px 8px;border-radius:5px}.sticker-top{top:10%;right:0}.sticker-bottom{left:0;bottom:10%}.spark-a{font-size:23px;left:2%;top:24%}.spark-b{right:0;top:53%;font-size:13px}.spark-c{font-size:22px;right:9%;bottom:14%}.little-hearts{top:5%;font-size:10px}.hero-copy{text-align:center}.eyebrow{justify-content:center;gap:5px;font-size:6.5px;letter-spacing:.55px;margin-bottom:16px}.eyebrow>span{font-size:12px}h1{font-size:51px;line-height:.99;letter-spacing:-2.7px;margin-bottom:18px}.title-star{font-size:30px;right:-35px;bottom:4px}.intro{font-size:12px;line-height:1.8;margin:auto;max-width:285px}.save-link{margin-top:22px}.copy-button{min-height:45px;font-size:11px;padding:0 17px}.copy-status{font-size:9px;margin-top:11px}.window-footer{margin:0 18px;justify-content:center;padding:14px 0 15px;font-size:8px}.footer-note{display:none}.site-footer{font-size:7px;gap:10px;padding:21px 2px 24px;line-height:1.7}.site-footer>span:nth-child(2){max-width:190px;text-align:right}.footer-tiny-star{display:none}.star-one{left:1%;top:8%;font-size:23px}.star-two{right:1%;top:6%}.star-three,.star-four{display:none}}
@media(max-width:370px){.page-shell{padding:0 12px}.hero-content{padding-left:18px;padding-right:18px}.header-status{max-width:105px}.eyebrow{font-size:6px;letter-spacing:.3px}h1{font-size:47px}.title-star{right:-29px;font-size:25px}.intro{font-size:11px}.hero-art{height:225px}.kuromi-art{width:270px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}