@import url('https://fonts.googleapis.com/css2?family=Marck+Script&display=swap');

:root{font-family:Tahoma,Verdana,Arial,sans-serif;color:#65074a;background:#ff82d1;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(ellipse at 50% 20%,#fff4 0%,transparent 60%),repeating-conic-gradient(#ff8bd4 0% 25%,#ff79ca 0% 50%) 0 0/36px 36px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #3810f6;outline-offset:5px}button:disabled{cursor:default}button{touch-action:manipulation}.ticker{overflow:hidden;background:#d4ff00;border-bottom:3px solid #9d009d;color:#76008c;font-size:12px;font-weight:900;letter-spacing:2px;padding:9px 0;white-space:nowrap}.ticker span{display:block;width:max-content;animation:marquee 32s linear infinite}.topbar{max-width:1300px;margin:auto;padding:22px 38px;display:flex;justify-content:space-between;align-items:center;gap:15px}.brand{display:flex;align-items:center;gap:9px;text-decoration:none;color:#8d005a;font-size:27px;font-weight:900;line-height:1}.brand>span{filter:drop-shadow(1px 1px 0 #fff)}.brand-dot{color:#fff400}.brand small{display:block;font-size:9px;letter-spacing:1px;margin-top:7px}.sound-button{font-size:11px;font-weight:800;border:1px solid #af096e;background:#fff5e7;box-shadow:3px 3px 0 #b9278e;padding:10px 14px;border-radius:4px;color:#810453}main{max-width:1300px;margin:0 auto;padding:0 38px}.heading{text-align:center;position:relative;padding:8px 70px 31px}.eyebrow{font-size:10px;font-weight:900;letter-spacing:2.1px;color:#820954;margin:0 0 12px}h1{font-family:'Marck Script','Comic Sans MS',cursive;font-size:clamp(44px,5.9vw,78px);line-height:1.03;margin:0;color:#fff32e;text-shadow:2px 2px 0 #cf267f,4px 4px 0 #8e006e,0 0 15px #fff}h1 span{font-size:1.13em}.subtitle{font-size:14px;font-weight:700;margin:20px 0 0}.subtitle em{background:#dfff00;font-style:normal;padding:1px 6px}.rose{position:absolute;top:40px;font-size:87px;filter:drop-shadow(5px 5px 0 #ba007457)}.rose-left{left:65px;transform:rotate(-23deg)}.rose-right{right:65px;transform:rotate(23deg) scaleX(-1)}.portal-layout{display:grid;grid-template-columns:190px minmax(0,1fr) 190px;gap:24px;align-items:start}.sidebar{padding-top:27px}.mini-window{background:#fff0fb;border:2px solid #b12b94;box-shadow:4px 4px 0 #a50c7b38}.mini-window h2{font-size:11px;color:white;background:linear-gradient(#fa59cb,#b21793);margin:0;padding:8px 10px;border-bottom:2px solid #b12b94}.status-content{padding:12px;text-align:center;font-size:11px}.status-heart{display:block;font-size:57px;filter:drop-shadow(0 4px 5px #ff66b4);animation:heartbeat 2s ease-in-out infinite}.status-content strong{display:block;font-size:12px;margin:8px 0}.online{font-size:10px;color:#23682c;background:#d3ffc5;border:1px solid #90d884;border-radius:20px;padding:3px 10px}.status-content hr{border:0;border-top:1px dashed #ef91c5;margin:15px 0 9px}.status-content p{line-height:1.8;margin-bottom:1px}.love-stamp{margin:27px auto 20px;width:146px;height:146px;border:5px double #a8188b;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:9px;font-weight:900;transform:rotate(-13deg);background:#eeff51;color:#a8188b;box-shadow:0 0 0 5px #eeff51,0 0 0 7px #a8188b}.love-stamp span{font-size:38px;line-height:1.2}.love-stamp small{font-family:'Marck Script',cursive;font-size:16px;margin-top:4px}.side-quote{text-align:center;font-family:'Marck Script',cursive;font-size:20px;line-height:1.25;padding:7px}.main-window{border:3px solid #8c066c;box-shadow:7px 7px 0 #9e1373,11px 11px 0 #fdf726;min-width:0;background:#fff8ed;transform:rotate(-.6deg)}.window-bar{display:flex;justify-content:space-between;align-items:center;gap:8px;background:linear-gradient(90deg,#940086,#f017a4);color:#fff;font-size:11px;font-weight:800;padding:10px 12px;border-bottom:3px solid #8c066c}.window-bar>span:last-child{white-space:nowrap;letter-spacing:4px}.window-body{padding:22px 27px 14px;background-image:radial-gradient(#edc6db 1px,transparent 1px);background-size:12px 12px}.progress-heading{display:flex;justify-content:space-between;gap:8px;font-size:10px;font-weight:800;color:#9e427b}.steps{list-style:none;display:flex;justify-content:space-between;padding:0;margin:13px 0 0;position:relative}.steps:before{content:'';position:absolute;height:2px;background:#e8b6d4;top:14px;left:15%;right:15%}.steps li{position:relative;text-align:center;font-size:9px;font-weight:800;flex:1;color:#a05280}.steps li span{display:flex;align-items:center;justify-content:center;width:30px;height:30px;border:2px solid #e4adcc;border-radius:50%;margin:0 auto 6px;font-size:17px;background:#fff9ef}.steps li.active{color:#b30070}.steps li.active span{background:#ffdef2;border-color:#d71d91;box-shadow:0 0 0 4px #ffdef2}.steps li.done span{background:#d8ff42;border-color:#831472;color:#831472}.scene{min-height:362px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:24px 0 18px;animation:appear .4s ease-out}.scene h2{font-family:'Marck Script','Comic Sans MS',cursive;font-weight:400;font-size:36px;line-height:1.1;margin:12px 0 9px;color:#b30b78}.scene p{font-size:12px;line-height:1.7;max-width:355px;margin:0 0 15px}.scene .kicker{font-size:9px;letter-spacing:2px;font-weight:900;color:#ac4383;margin:0 0 4px}.scene .tiny{font-size:9px;color:#94567b;margin:11px 0 0}.gift-art{position:relative;display:flex;justify-content:center;align-items:center;width:180px;height:120px;margin:4px 0 6px}.gift-art:before,.gift-art:after{content:'✧';position:absolute;font-size:40px;color:#ecad00;top:7px;left:0}.gift-art:after{left:auto;right:0;top:62px;font-size:28px}.gift-heart{font-size:102px;line-height:1;filter:drop-shadow(0 8px 3px #c12b6138);animation:float 3s ease-in-out infinite}.gift-art .mini-lock{position:absolute;bottom:0;right:28px;font-size:33px;transform:rotate(12deg)}.primary{border:2px solid #9b086c;border-radius:7px;background:linear-gradient(#ff92d1 0%,#ff3baa 48%,#f4078c 49%,#e70080 100%);color:white;text-shadow:1px 1px 0 #920450;box-shadow:0 4px 0 #990367,inset 0 1px 0 #fff;font-weight:900;font-size:14px;padding:12px 25px;min-height:46px}.primary:hover{filter:brightness(1.08);transform:translateY(-1px)}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #990367}.primary:disabled{opacity:.55;transform:none;filter:none}.privacy-note{text-align:center;font-size:9px;border-top:1px dashed #d99fc3;padding-top:12px;color:#a26b87}.sticker{background:#e5ff21;color:#8d0a78;border:2px solid #a21783;text-align:center;transform:rotate(7deg);padding:14px 7px;box-shadow:4px 4px 0 #a3187655;font-size:10px;font-weight:900;margin:0 5px 27px}.sticker span{display:block;font-family:'Marck Script',cursive;font-size:30px;line-height:1;margin:9px 0 12px}.reasons{transform:rotate(2deg)}.reasons p{font-family:'Marck Script',cursive;font-size:20px;margin:11px}.visitor{text-align:center;font-size:9px;margin:29px 0}.visitor b{display:block;margin:9px auto;background:#501347;color:#e9ff53;border:3px inset #edb4dc;font-family:monospace;font-size:20px;padding:7px 5px;width:max-content;letter-spacing:1px}.visitor small{font-size:9px}.bottom-ribbon{text-align:center;margin:33px 0 0;font-family:'Marck Script',cursive;font-size:22px;color:#9d0069}.bottom-ribbon span{background:#ffbce9;padding:4px 20px;box-decoration-break:clone}footer{text-align:center;padding:22px 20px 28px;font-size:9px;color:#81105f}footer p{font-size:11px;font-weight:800;margin:0 0 5px}.web-badges{display:flex;justify-content:center;gap:7px;margin-top:16px}.web-badges b{font:8px monospace;border:2px outset #ffd5f2;padding:4px 7px;background:#8d167e;color:#fffa48}.web-badges b:nth-child(2){background:#e9ff45;color:#941066}.floating-hearts{position:fixed;inset:0;overflow:hidden;pointer-events:none;z-index:0}.floating-hearts span{position:absolute;bottom:-40px;color:#fff8;animation:rise linear infinite}header,main,footer,.ticker{position:relative}.captcha{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:0 0 15px;width:240px}.tile{background:#fff0f7;border:2px solid #eeb8d7;border-radius:6px;font-size:31px;height:60px;position:relative}.tile[aria-pressed=true]{border-color:#a90077;background:#eeff83;box-shadow:inset 0 0 0 2px #fff}.tile[aria-pressed=true]:after{content:'♥';position:absolute;right:3px;bottom:0;font-size:13px;color:#a90077}.feedback{min-height:22px;font-size:11px!important;color:#aa006c;font-weight:800;margin:7px 0!important}.charge-heart{font-size:95px;line-height:1.3;background:transparent;border:0;filter:drop-shadow(0 5px 4px #f766ab);transition:transform .12s;padding:0 25px;user-select:none}.charge-heart:active{transform:scale(.86)}.meter{height:22px;background:#f8d5e9;border:2px inset #d48ab7;width:240px;position:relative;margin:12px 0 7px}.meter-fill{height:100%;background:repeating-linear-gradient(90deg,#ed0a91 0 15px,#ff5db9 15px 18px);transition:width .25s}.meter-label{position:absolute;inset:0;display:grid;place-items:center;color:#5a0043;font-size:11px;font-weight:900;text-shadow:0 0 3px white,0 0 3px white}.envelope{position:relative;width:240px;height:140px;margin:17px 0 23px;background:#ffa8d6;border:2px solid #b70b78;box-shadow:5px 6px 0 #e6bdcf;overflow:hidden}.envelope:before{content:'';position:absolute;left:0;top:0;border-left:118px solid transparent;border-right:118px solid transparent;border-top:80px solid #ffe0f0;filter:drop-shadow(0 2px 0 #b70b78);transform-origin:top;transform:scaleY(var(--flap,1))}.seal{position:absolute;top:50px;left:95px;font-size:40px;opacity:var(--seal,1)}.unseal-label{font-size:11px;font-weight:800}.zipper{width:240px;accent-color:#d80086;margin:14px 0;height:30px;cursor:ew-resize}.text-button{background:transparent;border:0;text-decoration:underline;text-underline-offset:3px;color:#a41277;font-size:10px;min-height:40px;padding:8px}.letter{background:#fffdf2;border:1px solid #ddab7e;box-shadow:3px 3px 0 #ead0ba;padding:22px;width:100%;position:relative}.letter:before{content:'♥';position:absolute;top:8px;right:14px;color:#e72491}.letter h2{font-size:37px}.letter p{font-family:'Marck Script',cursive;font-size:23px;line-height:1.3;margin:14px auto}.letter .signature{text-align:right;font-size:21px;color:#b60f79}.coupon{margin:20px 0 15px;border:2px dashed #a8167e;background:#eaff6d;padding:13px;width:100%;transform:rotate(-2deg)}.coupon b{display:block;font-size:15px}.coupon small{font-size:9px}.confetti{position:fixed;top:-30px;z-index:10;pointer-events:none;animation:confetti 3.5s ease-in forwards;font-size:23px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.noscript{position:fixed;bottom:0;background:white;color:#810453;padding:20px;border:3px solid #b9007e;z-index:20}h2:focus{outline:none}
@keyframes marquee{to{transform:translateX(-35%)}}@keyframes heartbeat{50%{transform:scale(1.09)}}@keyframes float{50%{transform:translateY(-7px) rotate(-5deg)}}@keyframes rise{to{transform:translateY(-110vh) rotate(40deg)}}@keyframes appear{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes confetti{to{transform:translate(var(--drift),105vh) rotate(540deg);opacity:0}}
/* Личная страничка, 2012: стеклянные панели, MP3-плеер и статус со звёздочками. */
.music-player{width:270px;border:2px ridge #f9a2de;border-radius:6px;background:linear-gradient(#e670c9,#910377);padding:4px;box-shadow:2px 3px 6px #8c00596b,inset 0 0 0 1px #790766;color:white}.player-title{display:flex;justify-content:space-between;font:9px Tahoma,sans-serif;letter-spacing:1px;padding:2px 4px 6px;text-shadow:1px 1px #80045e}.player-display{display:flex;align-items:center;gap:9px;background:linear-gradient(#2e1236,#501448);border:2px inset #d38cbe;padding:7px;font:9px Tahoma,sans-serif;color:#e4ff6a;white-space:nowrap}.player-display small{display:block;font:7px monospace;color:#e9a4d5;margin-top:5px}.equalizer{display:flex;align-items:end;gap:2px;height:23px;flex-shrink:0}.equalizer i{width:4px;height:8px;background:repeating-linear-gradient(to top,#d9ff00 0 3px,#652363 3px 4px);transform-origin:bottom}.equalizer i:nth-child(2){height:17px}.equalizer i:nth-child(3){height:23px}.equalizer i:nth-child(4){height:13px}.equalizer i:nth-child(5){height:19px}.music-player.playing .equalizer i{animation:equalize .65s ease-in-out infinite alternate}.music-player.playing .equalizer i:nth-child(even){animation-delay:-.4s}.music-player .sound-button{width:100%;border:1px outset #e9a9d5;border-radius:2px;background:linear-gradient(#f5c5eb,#ba64a9 49%,#963c85 50%,#b15ca1);color:white;text-shadow:1px 1px #620452;box-shadow:none;padding:6px;margin-top:4px;font:10px Tahoma,sans-serif;min-height:30px}.profile-strip{display:flex;justify-content:space-between;gap:10px;background:linear-gradient(#f6d5f3,#efa7df 49%,#e085cf 50%,#f5b7e6);border:1px solid #ad3a93;border-radius:7px 7px 0 0;box-shadow:inset 0 1px 0 #fff9;padding:10px 15px;margin-bottom:19px;font-size:10px;color:#7a0964}.brand{font-family:Georgia,serif;font-style:italic}.brand small{font-family:Tahoma,sans-serif;font-style:normal}.main-window{border-radius:8px 8px 0 0;box-shadow:0 0 0 3px #fca5e2,0 0 0 5px #a30c88,6px 8px 14px #98056c70}.window-bar{background:linear-gradient(#ed8edc 0%,#d73ebb 46%,#b70d99 49%,#cf27ae 100%);border-radius:5px 5px 0 0;text-shadow:1px 1px #970075}.mini-window h2{background:linear-gradient(#ec88d5,#d73bbb 48%,#af0790 50%,#d438b4)}.heading:after{content:'✧ · ˚ * . 　✧　 . * ˚ · ✧';display:block;color:#fff9c7;text-shadow:0 0 5px #fff,0 0 8px #fff;font-size:21px;margin-top:16px;letter-spacing:9px}.heading{padding-bottom:15px}.primary{box-shadow:0 4px 0 #990367,inset 0 1px 0 #fff,0 0 9px #ff88d6;border-radius:20px}.scene .primary{min-width:230px}.scene .charge-heart{min-width:0}@keyframes equalize{to{transform:scaleY(.3)}}
@media(max-width:650px){.topbar{flex-direction:column;gap:18px;padding-bottom:5px}.brand{font-size:25px}.brand small{font-size:8px}.music-player{width:255px}.profile-strip{display:block;text-align:center;font-size:9px;line-height:1.8;margin-top:3px;margin-bottom:17px;padding:7px}.profile-strip>span{display:block}.heading:after{font-size:15px;margin-top:10px}.heading{padding-bottom:15px}.window-bar{font-size:10px}.main-window{box-shadow:0 0 0 2px #fca5e2,0 0 0 3px #a30c88,4px 5px 10px #98056c70}}
@media(min-width:1450px){main{padding-top:15px}.heading{padding-bottom:42px}.scene{min-height:395px}}
@media(max-width:1050px){.portal-layout{grid-template-columns:155px minmax(0,1fr);gap:20px}.right-sidebar{display:none}.rose-left{left:10px}.rose-right{right:10px}.rose{font-size:65px}.heading{padding-left:60px;padding-right:60px}.eyebrow{font-size:9px;letter-spacing:1px}}
@media(max-width:650px){.topbar{padding:17px 18px}.brand{font-size:21px}.brand small{font-size:7px;letter-spacing:.4px}.sound-button{font-size:9px;padding:9px}.ticker{font-size:9px;padding:7px 0}main{padding:0 18px}.heading{padding:16px 0 27px}.eyebrow{font-size:8px;letter-spacing:.7px;max-width:265px;margin:0 auto 13px;line-height:1.7}h1{font-size:45px}h1 span{font-size:1.04em}.subtitle{font-size:11px;max-width:260px;margin:15px auto 0}.rose{font-size:32px;top:37px}.rose-left{left:-5px}.rose-right{right:-5px}.portal-layout{display:block}.left-sidebar{display:none}.main-window{transform:none;box-shadow:4px 4px 0 #9e1373,7px 7px 0 #fdf726}.window-bar{font-size:9px;padding:9px 8px}.window-bar>span:last-child{letter-spacing:1px}.window-body{padding:18px 15px 13px}.scene{min-height:370px;padding-top:24px}.scene h2{font-size:33px}.scene p{font-size:12px}.bottom-ribbon{font-size:18px;line-height:1.6;margin-top:26px}.bottom-ribbon span{padding:3px 8px}footer{padding-top:18px}footer>span{display:block;max-width:270px;margin:auto;line-height:1.7}.letter{padding:18px 13px}.letter p{font-size:22px}.letter h2{font-size:32px}.steps li{font-size:8px}.primary{font-size:13px;padding:12px 18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}.floating-hearts,.confetti{display:none}}