@import "https://fonts.googleapis.com/css2?family=Nunito:wght@700;800;900&display=swap";@layer components;@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@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 utilities{.fixed{position:fixed}.sticky{position:sticky}.start{inset-inline-start:var(--spacing)}.grid{display:grid}.hidden{display:none}.inline{display:inline}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.border{border-style:var(--tw-border-style);border-width:1px}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}}:root{--ink:#17146e;--pink:#ff58c8;--pink-light:#ffa8ed;--blue:#655cff;--panel:#eaf1ff;--lime:#eaff30;--ui:Tahoma, Verdana, Geneva, "Segoe UI", sans-serif;--win-hi:#fff;--win-face:silver;--win-shadow:gray;--win-dark:#0a0a0a;--win-raised:inset 1px 1px 0 var(--win-hi), inset 2px 2px 0 #dfdfdf, inset -1px -1px 0 var(--win-dark), inset -2px -2px 0 var(--win-shadow);--win-sunken:inset 1px 1px 0 var(--win-dark), inset 2px 2px 0 var(--win-shadow), inset -1px -1px 0 var(--win-hi), inset -2px -2px 0 #dfdfdf;--win-drop:3px 3px 0 #00000073}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);font-family:var(--ui);background:#3514b9;margin:0;font-weight:700}button,input,textarea{font:inherit}button{color:inherit}.icon{flex:none;display:inline-block}.sticker-icon{object-fit:contain;vertical-align:middle;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(1px 1px #0a0a2859);display:inline-block}main{min-height:100vh;position:relative;overflow:hidden}.space-bg{z-index:-2;background:radial-gradient(at 18% 10%,#ffef7859 0,#0000 28%),radial-gradient(at 82% 16%,#78dcff47 0,#0000 32%),radial-gradient(at 55% 55%,#ff5ac838 0,#0000 40%),linear-gradient(145deg,#3a1ad0 0%,#7a35ea 26%,#ff4fbf 52%,#5a24d8 78%,#17158a 100%);position:fixed;inset:0;overflow:hidden}.stars-layer{opacity:.9;pointer-events:none;background:url(buter/stars-scatter.svg) 0 0/1100px 720px,url(buter/stars-scatter.svg) 380px 260px/980px 640px;animation:48s linear infinite stars-drift;position:absolute;inset:-5%}@keyframes stars-drift{0%{transform:translate(0)}to{transform:translate(-40px,-28px)}}@media (prefers-reduced-motion:reduce){.stars-layer{animation:none}}.space-bg:after{content:"";pointer-events:none;opacity:.85;background:radial-gradient(circle at 12% 18%,#fff 0 1.2px,#0000 2.2px),radial-gradient(circle at 88% 12%,#fff8b0 0 1.6px,#0000 2.8px),radial-gradient(circle at 64% 38%,#fff 0 1px,#0000 2px),radial-gradient(circle at 28% 62%,#ffe0ff 0 1.4px,#0000 2.5px),radial-gradient(circle at 76% 72%,#fff 0 1px,#0000 2px),radial-gradient(circle at 44% 86%,#fff59a 0 1.5px,#0000 2.6px);position:absolute;inset:0}.hero-character .rainbow{z-index:0;object-fit:contain;object-position:center top;pointer-events:none;opacity:1;-webkit-user-select:none;user-select:none;width:640px;max-width:none;height:370px;position:absolute;top:-10px;left:50%;transform:translate(-48%)}.top-shell{z-index:10;width:min(820px,100% - 32px);height:52px;box-shadow:var(--win-drop), inset 1px 1px 0 #ffe0f6, inset -1px -1px 0 #a01070, inset 2px 2px 0 #ffffff59, inset -2px -2px 0 #50003259;background:linear-gradient(#ffb5ee 0 18%,#ff4dc5 48%,#ec48d5 100%);border:2px solid #6b0a4a;border-color:#fff #6b0a4a #6b0a4a #fff;border-radius:0;outline:2px solid #0a0a0a;align-items:center;margin:16px auto 0;padding:3px 4px;display:flex;position:relative}.brand-heart{cursor:pointer;background:0 0;border:0;place-items:center;padding:2px 6px;display:grid}.sticker-nav-heart{width:22px;height:22px;filter:drop-shadow(1px 1px 0 var(--ink))}nav{flex:1;align-self:stretch;display:flex}nav button{white-space:nowrap;cursor:pointer;color:var(--ink);background:0 0;border:0;padding:0 18px;font-size:14px;font-weight:900}nav button:hover,nav button.active{background:var(--lime);border:2px solid #555;border-color:#fff #555 #555 #fff;padding:0 16px;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}nav button.active{border-color:#555 #fff #fff #555;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.chrome-buttons{background:#c0d8f0;border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;flex:none;align-self:center;align-items:stretch;height:22px;margin-right:2px;display:flex;overflow:hidden;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.chrome-buttons .win-btn{color:#000;cursor:default;-webkit-user-select:none;user-select:none;background:linear-gradient(#e8f2ff,#b8d0e8);border:0;border-right:1px solid gray;border-radius:0;justify-content:center;align-items:center;width:22px;height:100%;margin:0;padding:0;font-family:Tahoma,Verdana,sans-serif;font-size:13px;font-weight:700;line-height:1;display:flex;box-shadow:inset 1px 0 #fff}.chrome-buttons .win-btn:last-child{border-right:0}.chrome-buttons .win-btn:first-child{align-items:flex-end;padding-bottom:3px;font-size:14px;font-weight:900}.chrome-buttons .win-close{padding-bottom:1px;font-size:15px;font-weight:900}.window-actions button{color:#000;cursor:pointer;background:linear-gradient(#eceff6,#c0c8d8);border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;place-items:center;width:20px;height:18px;padding:0;font-size:12px;font-weight:900;line-height:1;display:grid;box-shadow:inset 1px 1px #fff}.window-actions button:active{border-color:#555 #fff #fff #555;box-shadow:inset 1px 1px gray}.buter-page{width:min(1200px,100% - 36px);margin:0 auto}.hero{height:360px;margin-bottom:0;position:relative;overflow:visible}.logo-block{z-index:5;filter:drop-shadow(3px 4px #22157359);pointer-events:auto;justify-items:center;gap:8px;width:max-content;max-width:min(520px,100% - 36px);display:grid;position:absolute;top:28px;left:18px;transform:rotate(-2deg)}.logo-word-row{justify-content:center;align-items:center;gap:8px;width:max-content;max-width:100%;display:flex}.logo-word{flex:0 auto;max-width:min(420px,44vw);margin:0;line-height:0}.logo-word img{filter:drop-shadow(2px 3px #17146e59);width:100%;height:auto;display:block}.logo-word-text{font-family:"Nunito", var(--ui);letter-spacing:-.03em;white-space:nowrap;color:#c8ff3a;text-shadow:0 1px #fff59a,0 2px #17146e,0 3px #17146e,0 4px #17146e,-4px 0 #ff4dc8,4px 0 #ff4dc8,0 -3px #ff4dc8,0 6px #ff4dc8,-3px -2px #ff4dc8,3px -2px #ff4dc8,-3px 5px #ff4dc8,3px 5px #ff4dc8;-webkit-text-stroke:1.5px #17146e;margin:0;font-size:clamp(48px,5.6vw,72px);font-weight:900;line-height:.92}.logo-heart{filter:drop-shadow(1px 2px #22157366);flex:none;width:36px;height:34px}.logo-heart-l{transform:rotate(-14deg)}.logo-heart-r{transform:rotate(12deg)}.logo-tagline-text{text-align:center;width:100%;font-family:"Nunito", var(--ui);color:#fff;text-shadow:-2px -2px #17146e,2px -2px #17146e,-2px 2px #17146e,2px 2px #17146e,0 2px #ff4dc8;margin:0;font-size:clamp(17px,2vw,22px);font-weight:900;line-height:1.1}.logo-block .hero-cta{justify-self:center;max-width:100%;margin-top:14px;position:relative;bottom:auto;left:auto}.riki-promo-rail{z-index:8;pointer-events:none;flex-direction:column;gap:12px;width:200px;display:flex;position:fixed;top:110px}.riki-promo-rail-l{left:max(6px,50vw - 814px)}.riki-promo-rail-r{right:max(6px,50vw - 814px)}.riki-promo-card{pointer-events:auto;color:inherit;text-decoration:none;display:block;overflow:hidden;box-shadow:3px 4px #1e145a47}.riki-promo-chat{background:#fff;border:2px solid #4a7fd4;border-radius:10px;padding:8px;font-family:Arial,Tahoma,sans-serif;transform:rotate(-2deg)}.riki-promo-chat-row{align-items:flex-start;gap:8px;display:flex}.riki-promo-chat-row>img{object-fit:contain;background:#f3e8ff;border:1px solid #cfd8ff;border-radius:6px;width:52px;height:52px}.riki-promo-chat-row b{color:#111;font-size:13px;line-height:1.15;display:block}.riki-promo-chat-meta{color:#2e9b3a;margin-top:3px;font-size:12px;font-weight:700;display:block}.riki-promo-chat-foot{justify-content:space-between;align-items:center;gap:6px;margin-top:8px;display:flex}.riki-promo-chat-foot time{color:#4a7fd4;font-size:11px}.riki-promo-chat-reply{color:#fff;background:#3b6fd8;border-radius:5px;padding:4px 10px;font-size:11px;font-weight:800;position:relative}.riki-promo-chat-reply i{background:#e53935;border-radius:50%;place-items:center;width:16px;height:16px;font-size:10px;font-style:normal;display:grid;position:absolute;top:-6px;right:-6px}.riki-promo-sms{color:#fff;text-align:left;background:radial-gradient(circle at 12% 18%,#ffaac8e6 0 14px,#0000 15px),radial-gradient(circle at 28% 42%,#ff96bebf 0 18px,#0000 19px),radial-gradient(circle at 72% 22%,#ffb4d2d9 0 16px,#0000 17px),radial-gradient(circle at 88% 58%,#ffa0c3cc 0 20px,#0000 21px),radial-gradient(circle at 40% 78%,#ff8cb9b3 0 22px,#0000 23px),radial-gradient(circle at 62% 88%,#ffafcdbf 0 14px,#0000 15px),linear-gradient(165deg,#ff5ec4 0%,#ff3aaa 45%,#e91e8c 100%);border:3px solid #fff;outline:3px solid #c2185b;padding:8px;transform:rotate(1.2deg)}.riki-lizun-layout{grid-template-columns:.92fr 1.08fr;align-items:stretch;gap:6px;display:grid}.riki-lizun-hero{align-content:start;gap:4px;min-width:0;display:grid}.riki-lizun-panel{background:#4a1a7a;border-radius:10px;padding:6px;box-shadow:inset 0 0 0 2px #ffffff2e}.lizun-shot{background:#ffe8f4;border-radius:4px;width:100%;height:52px;position:relative;overflow:hidden}.lizun-shot-hero{opacity:.95;border-radius:6px;height:118px}.lizun-body{object-fit:cover;object-position:center 28%;width:100%;height:100%;display:block;transform:scale(1.15)}.lizun-shot-hero .lizun-body{object-position:center 18%;opacity:.9;transform:scale(1.25)}.lizun-tongue{filter:drop-shadow(0 1px 1px #78143c59);pointer-events:none;z-index:2;width:42%;height:auto;position:absolute;top:38%;left:50%;transform:translate(-50%)}.lizun-shot-hero .lizun-tongue{width:48%;top:34%}.lizun-glass{z-index:3;pointer-events:none;background:linear-gradient(135deg,#ffffff59 0 18%,#0000 42%),radial-gradient(circle at 55% 72%,#ffffff38 0 18%,#0000 42%);position:absolute;inset:0;box-shadow:inset 0 0 10px #ffffff40}.riki-lizun-big{object-fit:cover;object-position:center 20%;border-radius:6px;width:100%;height:140px;display:block}.riki-promo-lizun.riki-promo-sms{background:#ff4db8;border:2px solid #6b0a4a;border-color:#fff #6b0a4a #6b0a4a #fff;outline:1px solid #0a0a0a;width:100%;max-width:none;padding:0;overflow:hidden;transform:rotate(-.6deg);box-shadow:3px 4px #1e145a47}.riki-lizuny-banner{vertical-align:top;width:100%;height:auto;display:block}.riki-sms-title{text-align:center;color:#fff;text-shadow:1px 1px #1a0533;margin:0 0 5px;font-family:Tahoma,Verdana,sans-serif;font-size:10px;font-weight:900;line-height:1.15}.riki-sms-brand{letter-spacing:-.02em;color:#ffe14a;text-shadow:-2px -2px #4a1a7a,2px -2px #4a1a7a,-2px 2px #4a1a7a,2px 2px #4a1a7a,0 3px #2a0a4a,1px 4px #00000040;margin:0 0 2px;font-family:Nunito,Tahoma,sans-serif;font-size:22px;line-height:.9;display:block}.riki-sms-cta{color:#fff;text-shadow:-1px -1px #4a1a7a,1px -1px #4a1a7a,-1px 1px #4a1a7a,1px 1px #4a1a7a;margin:2px 0 0;font-family:Tahoma,Verdana,sans-serif;font-size:9px;font-weight:800;line-height:1.2}.riki-sms-cta b{color:#ffe14a}.riki-sms-grid{grid-template-columns:1fr 1fr;gap:5px;display:grid}.riki-sms-grid figure{text-align:center;background:#fff;border:2px solid #fff;border-radius:7px;margin:0;padding:3px;box-shadow:0 0 0 1px #7a3cff}.riki-sms-grid .lizun-shot{height:52px}.riki-sms-grid figcaption{color:#fff;letter-spacing:.02em;text-shadow:0 1px #1a0533;background:0 0;border-radius:0;margin-top:3px;font-family:Tahoma,Verdana,sans-serif;font-size:9px;font-weight:900}.riki-promo-stack{flex-direction:column;align-items:stretch;gap:14px;width:100%;margin-top:2px;display:flex}.riki-promo-stack .riki-promo-card{width:100%;max-width:none}.riki-promo-direct{background:#f3ecda;border:2px solid #cfc4a4;font-family:Tahoma,Verdana,Arial,sans-serif;position:relative}.riki-promo-direct-label{z-index:1;color:#444;font-size:11px;position:absolute;top:4px;left:6px}.riki-promo-direct-x{z-index:1;color:#666;font-size:14px;position:absolute;top:2px;right:6px}.riki-promo-direct-photo{object-fit:contain;background:linear-gradient(160deg,#c8f0ff,#ffe0f4);width:100%;height:120px;display:block}.riki-promo-direct-panel{background:#fff;align-items:center;gap:8px;padding:8px;display:flex}.riki-promo-direct-panel p{color:#111;flex:1;margin:0;font-size:12px;font-weight:700;line-height:1.2}.riki-promo-direct-panel b{color:#5b2fb8}.riki-promo-direct-go{color:#234;background:#9fd0ff;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;font-size:18px;font-weight:900;display:grid}.riki-promo-note{color:#1a1a1a;background:linear-gradient(#fff,#f7f2e4);border:2px solid #cfc4a4;padding:10px 12px 12px;font-family:Tahoma,Verdana,Arial,sans-serif}.riki-promo-note-top{color:#666;margin-bottom:8px;font-size:11px;display:block}.riki-promo-note-row{align-items:center;gap:8px;margin-bottom:8px;display:flex}.riki-promo-note-row img{object-fit:contain;background:#f3e8ff;border:1px solid #ddd;border-radius:6px;width:48px;height:48px}.riki-promo-note p{margin:0;font-size:13px;font-weight:700;line-height:1.25}.riki-promo-note em{color:#c62828;font-style:normal}.riki-promo-note-cta{color:#fff;background:#4a90d9;border-radius:4px;padding:6px 12px;font-size:12px;font-weight:800;display:inline-block}@media (width<=1180px){.riki-promo-rail{display:none}}.heart-shape{border:2px solid var(--ink);background:linear-gradient(145deg,#ff7ad8 0%,#ff3fb6 55%,#e91a9a 100%);width:30px;height:30px;display:inline-block;position:relative;transform:rotate(-45deg);box-shadow:inset 2px 2px #ffffffe6,2px 2px #fff}.heart-shape:before,.heart-shape:after{content:"";border:inherit;background:inherit;border-bottom:0;border-right:0;border-radius:50%;width:100%;height:100%;position:absolute}.heart-shape:before{top:-54%;left:-2px;transform:rotate(45deg)}.heart-shape:after{top:-2px;left:54%;transform:rotate(45deg);box-shadow:inset -6px -8px 0 -7px #fff}.love-note,.sticker-note{z-index:6;text-align:center;width:176px;min-height:112px;color:var(--ink);background:#fff78c;border:3px solid #26206d;border-radius:18px;outline:3px solid #fff;justify-content:center;align-items:center;gap:6px;font-size:18px;line-height:1.05;display:flex;position:absolute;top:20px;right:12px;transform:rotate(8deg);box-shadow:5px 5px #ffb938}.day-plan-note{z-index:3;text-align:left;background:repeating-linear-gradient(#0000 0 26px,#5a8cdc47 26px 27px),#fff9a8;border-radius:6px 6px 10px 10px;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:8px;width:min(200px,72%);min-height:210px;margin:4px 0 8px 18px;padding:18px 14px 16px;font-family:Nunito,Tahoma,sans-serif;display:flex;position:relative;top:auto;left:auto;right:auto;transform:rotate(-7deg);box-shadow:5px 6px #ff8a2b,inset 0 1px #ffffffb3}.left-column>.day-plan-note{align-self:flex-start}.day-plan-title{text-align:center;color:#17146e;text-underline-offset:3px;margin:0;font-size:18px;font-weight:900;line-height:1.1;text-decoration:underline;text-decoration-thickness:2px}.day-plan-list{color:#1a1760;margin:4px 0 0;padding:0 0 0 1.35em;font-size:15px;font-weight:800;line-height:1.55;list-style:decimal}.day-plan-list li{padding-left:2px}.sticker{object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none;display:block}.sticker-mini{width:16px;height:16px}.sticker-tiny{flex:none;width:22px;height:22px}.sticker-mail{object-fit:contain;filter:drop-shadow(2px 2px #17146e4d);flex:none;width:46px;height:34px;transform:none}.sparkle-star{filter:drop-shadow(0 0 4px #fff078d9);flex:none;width:28px;height:28px;animation:1.6s ease-in-out infinite star-shimmer;position:absolute}.sparkle-a{animation-delay:0s;top:10px;left:-10px}.sparkle-b{width:24px;height:24px;animation-delay:.35s;top:14px;right:-12px}.sparkle-c{width:20px;height:20px;animation-delay:.7s;bottom:-12px;left:18px}.sparkle-d{width:22px;height:22px;animation-delay:1.05s;bottom:-10px;right:22px}@keyframes star-shimmer{0%,to{opacity:.55;filter:drop-shadow(0 0 2px #ffb4ff66)hue-rotate()brightness();transform:scale(.85)rotate(-8deg)}40%{opacity:1;filter:drop-shadow(0 0 10px #ffff78f2)hue-rotate(25deg)brightness(1.35);transform:scale(1.2)rotate(10deg)}70%{opacity:.9;filter:drop-shadow(0 0 8px #ff78dce6)hue-rotate(-20deg)brightness(1.2);transform:scale(1.05)rotate(-4deg)}}@media (prefers-reduced-motion:reduce){.sparkle-star{opacity:.9;animation:none}}.sticker-start{width:18px;height:18px}.sticker-sep{opacity:.95;flex:none;width:12px;height:12px}.orbit-sticker{z-index:6;filter:drop-shadow(2px 3px #1e0a5059);width:58px;height:58px;animation:3.6s ease-in-out infinite sticker-float;position:absolute}.orbit-sticker.h1{width:64px;height:64px;top:18px;right:28px;transform:rotate(12deg)}.orbit-sticker.h2{width:48px;height:48px;animation-delay:.6s;top:110px;left:8px;transform:rotate(-14deg)}.orbit-sticker.h3{width:40px;height:40px;animation-delay:1.1s;bottom:70px;right:70px;transform:rotate(8deg)}@keyframes sticker-float{0%,to{translate:0}50%{translate:0 -8px}}@media (prefers-reduced-motion:reduce){.orbit-sticker{animation:none}}.hero-character{z-index:4;width:640px;height:360px;position:absolute;top:0;left:62%;overflow:visible;transform:translate(-38%)}.hero .logo-block,.hero .love-note,.hero .hero-character{z-index:4}.sandwich{--scale:1;z-index:2;filter:drop-shadow(0 8px #2c0f6359);width:430px;height:280px;margin:16px auto;position:relative}.sandwich-mascot{object-fit:contain;filter:drop-shadow(0 10px #2c0f6347);width:min(400px,92%);height:auto;margin:0 auto;animation:3.2s ease-in-out infinite mascot-bob;display:block}.looking-mascot{width:min(460px,96%);margin:0 auto;position:relative}.looking-mascot-body{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px #2c0f6347) drop-shadow(0 0 10px rgba(90,40,140,.28));width:100%;height:auto;display:block}.looking-mascot.sandwich-mascot{filter:none;animation:3.2s ease-in-out infinite mascot-bob}.mascot-eye{pointer-events:none;background:transparent;border:0;border-radius:50%;justify-content:center;align-items:center;width:11.5%;height:12.2%;display:flex;position:absolute;top:21.5%;overflow:visible}.mascot-eye-l{left:34.2%}.mascot-eye-r{left:47.8%}.mascot-pupil{pointer-events:none;will-change:transform;background:#12101c;border-radius:50%;flex:none;width:28%;height:26%;margin:0;transition:transform 40ms linear;display:block;box-shadow:inset 1.5px 1.5px #fff}@keyframes mascot-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (prefers-reduced-motion:reduce){.sandwich-mascot{animation:none}}.top-bun{z-index:5;background:radial-gradient(circle at 35% 28%,#ffcf58 0 5%,#0000 6%),linear-gradient(#ffb634 0%,#e5741e 80%);border:5px solid #35205e;border-radius:50% 50% 23% 23%;width:320px;height:130px;position:absolute;top:55px;left:55px;box-shadow:inset 0 5px 5px #fff18e,inset 0 -9px #c64d18}.eye{background:radial-gradient(circle at 45% 25%,#9dc72b,#476c12 70%);border:5px solid #2d174f;border-radius:50%;width:76px;height:83px;position:absolute;top:-31px}.eye-left{left:85px;transform:rotate(-5deg)}.eye-right{right:78px;transform:rotate(5deg)}.eye b{background:#181424;border-radius:50%;width:20px;height:29px;position:absolute;top:23px;left:26px}.eye b:after{content:"";background:#fff;border-radius:50%;width:7px;height:9px;position:absolute;top:2px;left:2px}.seed{background:#fff0a9;border:1px solid #985513;border-radius:50%;width:9px;height:4px;position:absolute;transform:rotate(25deg)}.s1{top:26px;left:50px}.s2{top:51px;left:90px}.s3{top:31px;right:50px}.s4{top:67px;right:25px}.s5{top:84px;left:39px}.lettuce{z-index:2;background:#64c834;border:5px solid #265526;border-radius:50% 20%;width:378px;height:54px;position:absolute;top:163px;left:27px;transform:skew(-8deg);box-shadow:inset 0 -8px #309223}.cheese{z-index:4;clip-path:polygon(0 0,100% 0,90% 68%,63% 74%,44% 100%,20% 72%,5% 68%);background:#ffe64e;border:5px solid #6d3514;width:310px;height:53px;position:absolute;top:167px;left:66px}.patty{z-index:3;background:#923c24;border:5px solid #4e2817;border-radius:35%;width:312px;height:45px;position:absolute;top:194px;left:63px}.bottom-bun{z-index:5;background:#e88923;border:5px solid #582c1c;border-radius:15% 15% 50% 50%;width:310px;height:44px;position:absolute;top:218px;left:65px;box-shadow:inset 0 -7px #b9501b}.leaf{z-index:6;background:#5bc531;border:5px solid #28582c;border-radius:90% 0;width:100px;height:85px;position:absolute;top:15px}.leaf:after{content:"";background:#338b25;width:45px;height:10px;position:absolute;top:46px;transform:rotate(50deg)}.leaf-one{left:67px;transform:rotate(25deg)}.leaf-two{right:48px;transform:scaleX(-1)rotate(23deg)}.hero-cta{z-index:10;font-size:20px;line-height:.95;position:absolute;bottom:0;left:150px}.pixel-button{min-height:52px;box-shadow:var(--win-drop), inset 1px 1px 0 #ffe0f6, inset -1px -1px 0 #a01070;cursor:pointer;text-transform:none;color:var(--ink);background:linear-gradient(#ff91e6,#fa48bd);border:2px solid #6b0a4a;border-color:#fff #6b0a4a #6b0a4a #fff;border-radius:0;outline:2px solid #0a0a0a;justify-content:center;align-items:center;gap:10px;padding:8px 20px;font-weight:1000;display:inline-flex}.pixel-button:hover{filter:brightness(1.08)}.pixel-button:active{border-color:#6b0a4a #fff #fff #6b0a4a;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.mail-cta{min-height:84px;box-shadow:var(--win-drop), inset 1px 1px 0 #ffe0f6, inset -1px -1px 0 #a01070, inset 2px 2px 0 #ffffff59;color:var(--ink);background:linear-gradient(#ffb0ee 0%,#ff5ed0 45%,#f03cbc 100%);border:2px solid #6b0a4a;border-color:#fff #6b0a4a #6b0a4a #fff;border-radius:0;outline:2px solid #0a0a0a;gap:16px;padding:14px 32px 14px 16px;left:120px}.mail-cta:hover{filter:brightness(1.05)}.mail-cta:active{border-color:#6b0a4a #fff #fff #6b0a4a;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.mail-cta .sticker-mail{width:48px;height:48px}.mail-cta-text{font-family:"Nunito", var(--ui);letter-spacing:-.01em;text-align:left;color:#17146e;text-shadow:0 1px #ffffff8c;white-space:nowrap;font-size:24px;font-weight:900;line-height:1}.desktop-grid{grid-template-columns:minmax(280px,.82fr) minmax(420px,1.35fr);align-items:start;gap:22px;margin-bottom:25px;display:grid}.left-column,.right-column{flex-direction:column;gap:15px;display:flex}.window{background:var(--panel);box-shadow:var(--win-drop), inset 1px 1px 0 #dfdfdf, inset -1px -1px 0 gray;border:2px solid #0a0a0a;border-color:#fff #0a0a0a #0a0a0a #fff;border-radius:0;outline:1px solid #0a0a0a}.window.is-closed{min-height:30px}.window-bar{height:30px;color:var(--ink);background:linear-gradient(#ff91dc 0%,#f14fc5 48%,#d030a8 100%);border-bottom:2px solid #6b0a4a;align-items:center;gap:8px;padding:2px 4px 2px 6px;display:flex;box-shadow:inset 0 1px #ffffff73}.window-bar h2{color:var(--ink);flex:1;margin:0;font-size:15px;font-weight:900}.sticker-title-heart{flex:none;width:16px;height:16px}.window-actions{gap:2px;display:flex}.window-body{padding:10px 12px}.profile-window{width:100%;max-width:none;margin-left:0}.profile-copy{color:#2a3a9a;padding:2px 8px 4px;font-size:14px;line-height:1.25}.profile-copy p{grid-template-columns:18px auto 1fr;align-items:start;gap:7px;margin:2px 0 10px;display:grid}.profile-copy .profile-lead{grid-template-columns:18px 1fr}.profile-copy b{color:#ef3aa9}.sticker-bullet{width:16px;height:16px;margin-top:1px}.gallery{flex-wrap:wrap;justify-content:center;align-items:center;gap:12px;display:flex}.gallery-window .window-body{flex-direction:column;align-items:center;display:flex}.gallery-window .text-link{justify-content:center;margin-top:10px}.photo,.friend-photo,.post-avatar{background:radial-gradient(circle at 30% 20%,#fff67a 0 3%,#0000 4%),linear-gradient(135deg,#4debe5,#c2fa56 45%,#ff76d2);border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;outline:1px solid #0a0a0a;overflow:hidden;box-shadow:inset 1px 1px #dfdfdf,inset -1px -1px gray}.friend-photo,.post-avatar{background:linear-gradient(160deg,#fff4a8 0%,#7af0f2 45%,#ff8ad8 100%)}.photo{border-radius:0;flex:none;width:88px;height:88px}.photo .media-thumb{object-fit:cover;object-position:center}.media-thumb{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.friend-photo .media-thumb,.post-avatar .media-thumb,.result-picture .media-thumb{object-fit:contain;filter:drop-shadow(0 2px #2c0f632e);padding:2px}.sandwich-small{transform-origin:0 0;filter:none;margin:0;top:-4px;left:3px;transform:scale(.23)}.sandwich-small .eye{display:none}.text-link{cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin:7px 0 -4px;padding:0;font-weight:900;text-decoration:underline;display:flex}.friends{grid-template-columns:repeat(4,1fr);display:grid}.friends-split{grid-template-columns:140px 1fr;align-items:stretch;gap:12px}.friend{border-right:1px solid #9da6df;min-width:0;padding:0 11px}.friend:last-child{border:0}.friends-split .friend{border-right:0;flex-direction:column;align-items:flex-start;padding:0 4px;display:flex}.friends-empty{color:#6b5bb8;text-align:center;background:radial-gradient(circle at 20% 30%,#ff5ac81f 0 2px,#0000 3px),radial-gradient(circle at 70% 60%,#ff5ac81a 0 2px,#0000 3px),#f3ecff;border:2px dashed #b7a8e8;border-radius:8px;place-items:center;gap:6px;min-height:120px;padding:16px;font-size:14px;display:grid}.friends-empty-heart{filter:drop-shadow(0 0 8px #ff50c873);width:36px;height:34px}.friends-empty p{margin:0}.friend-photo{border-radius:4px;width:100%;height:128px}.friend h3,.friend p{margin:3px 0 0;font-size:13px;line-height:1.05}.friend h3{font-size:14px}.friend-photo .media-thumb{object-fit:cover;object-position:center 35%;filter:none;background:0 0;width:100%;height:100%;padding:0;display:block}.yellow{filter:hue-rotate(30deg)}.blue{filter:hue-rotate(160deg)}.pink{filter:hue-rotate(290deg)}.news-window .window-body{padding:10px 14px 12px}.news-window{min-height:420px}.post{border-bottom:1px solid #a9b6de;grid-template-columns:64px 1fr;align-items:center;gap:10px;min-height:63px;padding:7px 0;display:grid;position:relative}.post.featured{background:linear-gradient(90deg,#0000,#fff98a 62%,#fff);grid-template-columns:64px 1fr 140px;min-height:76px}.post.featured-banner{background:0 0;border-bottom:1px solid #a9b6de;grid-template-columns:56px 1fr;align-items:start;gap:12px;min-height:0;margin:2px 0 14px;padding:4px 0 12px;display:grid}.featured-avatar{border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;outline:1px solid #0a0a0a;flex:none;width:56px;height:56px;margin-top:2px}.featured-body{gap:8px;min-width:0;display:grid}.featured-meta{flex-direction:column;gap:1px;line-height:1.15;display:flex}.featured-meta b{color:#3d4db8;font-size:14px}.featured-meta time{color:#8a84b0;font-size:12px;font-weight:700}.featured-test-row{min-height:72px;box-shadow:var(--win-drop), inset 1px 1px 0 #fff, inset -1px -1px 0 gray;background:linear-gradient(#fffce8 0%,#ffe566 48%,#ffd23a 100%);border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;outline:1px solid #0a0a0a;grid-template-columns:1fr auto;align-items:center;gap:14px;padding:12px 14px;display:grid}.featured-test-text{font-family:"Nunito", var(--ui);color:#17146e;text-shadow:0 1px #ffffff8c;margin:0;font-size:clamp(18px,2vw,23px);font-weight:900;line-height:1.15}.featured-gen-btn{cursor:pointer;color:#fff;min-height:46px;font-family:"Nunito", var(--ui);white-space:nowrap;box-shadow:var(--win-drop), inset 1px 1px 0 #ffffff8c, inset -1px -1px 0 #3a1a80;background:linear-gradient(#b48cff,#7a4dff 48%,#5b2fd6);border:2px solid #2a1060;border-color:#fff #2a1060 #2a1060 #fff;border-radius:0;outline:1px solid #0a0a0a;flex:none;justify-content:center;align-items:center;gap:6px;padding:8px 16px;font-size:16px;font-weight:900;display:inline-flex}.featured-gen-btn:hover{filter:brightness(1.06)}.featured-gen-btn:active{border-color:#2a1060 #fff #fff #2a1060;box-shadow:inset 1px 1px gray,inset -1px -1px #fff}.post-avatar{width:60px;height:54px}.post-avatar .sandwich-small{top:-2px;left:-4px;transform:scale(.19)}.post-avatar .media-thumb{object-fit:cover;object-position:center 20%;filter:none;padding:0}.post-content{min-width:0}.post-meta{gap:18px;font-size:12px;display:flex}.post-meta time{opacity:.7}.post p{margin:2px 0;font-size:14px;line-height:1.08}.stats{gap:14px;font-size:11px;display:flex}.stats span{align-items:center;gap:4px;display:flex}.stats .sticker-icon{width:14px;height:14px}.test-button{min-height:37px;box-shadow:3px 3px 0 var(--ink);padding:4px 10px;font-size:14px}.taskbar,footer.taskbar{z-index:20;background:silver;border-top:2px solid #fff;align-items:center;gap:10px;min-height:40px;margin-top:10px;padding:3px 8px;font-size:12px;display:flex;position:relative;box-shadow:inset 0 1px #dfdfdf,inset 0 2px #fff,inset 0 -1px gray}.start-btn{color:#1d1a4a;cursor:pointer;background:linear-gradient(#eceff6,#b8becf);border:2px solid #0a0a0a;border-color:#fff #0a0a0a #0a0a0a #fff;border-radius:0;align-items:center;gap:6px;min-height:30px;padding:2px 12px 2px 6px;font-weight:900;display:inline-flex;box-shadow:inset 1px 1px #fff,inset -1px -1px gray}.start-btn:active{border-color:#555 #fff #fff #555;box-shadow:inset 1px 1px gray}.taskbar-links{flex-wrap:wrap;flex:1;justify-content:center;align-items:center;gap:10px;min-height:28px;padding:0 6px;display:flex}.taskbar-links button{color:#3e3198;cursor:pointer;background:0 0;border:0;padding:0;font-size:11px;font-weight:700;text-decoration:underline}.taskbar-clock{color:#2d2b48;white-space:nowrap;align-items:center;min-height:28px;padding:0 8px;font-size:11px;font-weight:700;display:flex}.modal-backdrop{z-index:100;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1d075ba6;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{width:min(460px,100%);box-shadow:var(--win-drop), inset 1px 1px 0 #dfdfdf;background:#eef3ff;border:2px solid #0a0a0a;border-color:#fff #0a0a0a #0a0a0a #fff;border-radius:0;outline:1px solid #0a0a0a}.modal-content{padding:24px}.modal form{gap:16px;display:grid}.modal label{gap:5px;font-size:14px;display:grid}.modal input,.modal textarea{background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;border-radius:0;width:100%;padding:10px 12px;box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #dfdfdf}.modal textarea{resize:vertical;min-height:110px}.submit-button{margin-top:4px}.success{text-align:center;padding:18px 0}.success .heart-shape{margin:10px}.success h3{margin:15px 0 2px;font-size:25px}.success p{margin:0 0 25px}.quiz-modal{width:min(540px,100%)}.quiz-progress{color:#6657aa;text-transform:uppercase;letter-spacing:.08em;gap:6px;font-size:12px;display:grid}.quiz-progress>div{border:2px solid var(--ink);background:#fff;height:12px;padding:2px}.quiz-progress i{background:linear-gradient(90deg,#ff45b7,#fff23b);height:100%;display:block}.quiz h3{margin:22px 0 16px;font-size:24px;line-height:1.1}.quiz-answers{gap:9px;display:grid}.quiz-answers button{text-align:left;cursor:pointer;background:#fff;border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;outline:1px solid #0a0a0a;grid-template-columns:28px 1fr 28px;align-items:center;gap:12px;min-height:56px;padding:8px 14px;display:grid;box-shadow:inset 1px 1px #dfdfdf,3px 3px #9ea9eb}.quiz-answers button:hover{background:#fff59b;box-shadow:inset 1px 1px #fff,4px 4px #ff70cc}.quiz-answers button:active{border-color:#555 #fff #fff #555;box-shadow:inset 1px 1px gray}.quiz-answers .sticker-icon:last-child{justify-self:end}.quiz-answers .sticker-icon:first-child{justify-self:start}.quiz-result{text-align:center;padding:6px 10px 10px}.result-picture{background:#eaf1ff;border:2px solid #555;border-color:#fff #555 #555 #fff;border-radius:0;outline:1px solid #0a0a0a;width:160px;height:160px;margin:0 auto 10px;overflow:hidden;box-shadow:inset 1px 1px #dfdfdf,3px 3px #14126459}.result-picture img{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.quiz-result .eyebrow{color:#ef35a7;letter-spacing:.12em;text-transform:uppercase;margin:14px 0 3px;font-size:12px}.quiz-result h3{margin:0;font-size:28px}.quiz-result>p:not(.eyebrow){max-width:400px;margin:8px auto 22px;line-height:1.35}.dev-canvas-toggle{z-index:80;outline:2px solid var(--ink);box-shadow:3px 3px 0 var(--ink);color:var(--ink);cursor:pointer;background:#eaff30;border:2px solid #fff;align-items:baseline;gap:6px;padding:9px 13px;font-size:12px;font-weight:900;display:flex;position:fixed;bottom:18px;right:18px}.dev-canvas-toggle span{opacity:.65;font-size:10px}.component-canvas{min-height:100vh;color:var(--ink);background:#f1effc;padding:0 0 90px;overflow:visible}.canvas-header{background:var(--ink);color:#fff;justify-content:space-between;align-items:end;gap:30px;padding:55px max(32px,50% - 590px);display:flex}.canvas-header p,.canvas-header h1,.canvas-header span{margin:0}.canvas-header p{color:#ff76cf;letter-spacing:.12em;text-transform:uppercase;margin-bottom:8px;font-size:13px}.canvas-header h1{font-size:clamp(36px,5vw,64px);line-height:.95}.canvas-header span{color:#c9c5ed;margin-top:14px;display:block}.canvas-switch{background:var(--lime);color:var(--ink);cursor:pointer;border:2px solid #fff;flex:none;align-items:center;gap:10px;padding:12px 16px;display:flex;box-shadow:4px 4px #ff58c8}.canvas-section{width:min(1180px,100% - 48px);margin:70px auto 0}.canvas-section-title{align-items:center;gap:15px;margin-bottom:22px;display:flex}.canvas-section-title>span{color:#fff;background:#ff58c8;border-radius:50%;place-items:center;width:38px;height:38px;font-size:12px;display:grid}.canvas-section-title h2,.canvas-section-title p{margin:0}.canvas-section-title h2{font-size:25px}.canvas-section-title p{color:#7c75a5;letter-spacing:.1em;text-transform:uppercase;font-size:11px}.canvas-grid{grid-template-columns:1.2fr 1fr .7fr;gap:18px;display:grid}.component-tile{background:#fff;border:1px solid #d5d1e8;border-radius:8px;min-width:0;padding:44px 24px 24px;position:relative;box-shadow:0 8px 28px #2317630f}.component-label{color:#8a82ad;letter-spacing:.1em;text-transform:uppercase;font-size:10px;position:absolute;top:15px;left:18px}.logo-tile{background:linear-gradient(135deg,#7f38ed,#ff59c8);place-items:center;min-height:250px;display:grid;overflow:hidden}.canvas-logo{justify-items:center;gap:4px;width:min(280px,90%);display:grid}.canvas-logo img{width:100%;height:auto;display:block}.mascot-tile{background:radial-gradient(circle,#fff885,#57e1ed 42%,#a553ef);height:360px;overflow:hidden}.mascot-stage{place-items:center;display:grid;position:absolute;inset:48px 18px 18px}.mascot-stage .sandwich-mascot{width:min(280px,100%);margin:0;animation:none}.marks-tile{background:#fff9bf;align-content:center;gap:38px;display:grid}.mark-row,.icon-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;display:flex}.icon-row-lg{gap:18px;padding:12px 0 4px}.icon-specimen{justify-items:center;gap:6px;min-width:88px;margin:0;display:grid}.icon-specimen figcaption{color:var(--ink);font-size:12px;font-weight:900}.icon-specimen code{color:#7c75a5;font-size:10px;font-weight:700}.component-note{color:#5c5690;margin:14px 0 0;font-size:13px;font-weight:700;line-height:1.35}.component-note code{color:#ef35a7;background:#fff;border:1px solid #d8d3f0;padding:1px 5px;font-size:12px}.canvas-section-note{margin-top:16px}.icon-board,.frames-board{padding:22px}.frames-board{gap:12px;display:grid}.frame-demo{min-height:52px;color:var(--ink);place-items:center;font-size:13px;font-weight:900;display:grid}.frame-demo-raised{box-shadow:var(--win-drop), inset 1px 1px 0 #ffe0f6, inset -1px -1px 0 #a01070;background:linear-gradient(#ffb5ee,#ff4dc5);border:2px solid #0a0a0a;border-color:#fff #0a0a0a #0a0a0a #fff;outline:1px solid #0a0a0a}.frame-demo-sunken{background:#fff;border:2px solid #fff;border-color:gray #fff #fff gray;box-shadow:inset 1px 1px #0a0a0a,inset -1px -1px #dfdfdf}.button-board{grid-template-columns:repeat(4,1fr);align-items:center;gap:28px;padding-top:55px;display:grid}.button-board>div{justify-content:center;align-items:center;min-height:80px;display:flex;position:relative}.button-board .component-label{top:-20px;left:0}.canvas-stack{background:linear-gradient(135deg,#6546dc,#ef55c0);border-radius:8px;gap:26px;padding:36px;display:grid}.canvas-nav{width:min(780px,100%);margin:0 auto}.window-variants{grid-template-columns:1fr 1fr;gap:25px;display:grid}.sample-content{color:#716b99;place-items:center;min-height:65px;font-size:13px;display:grid}.content-components{grid-template-columns:1.2fr .7fr .7fr 1.7fr;gap:16px;display:grid}.specimen-card{min-height:165px}.specimen-card .photo{width:120px;margin:8px auto}.canvas-friend{border:0;padding:0 12px}.canvas-friend .friend-photo{margin-top:4px}.post-specimen .post{margin-top:1px}.modal-specimens{background:#ded9f3;grid-template-columns:1fr 1fr;gap:28px;padding:40px;display:grid}.static-modal{align-self:start;width:100%}.static-modal .quiz-result{padding-bottom:0}.tokens-board{grid-template-columns:repeat(6,1fr);gap:12px;display:grid}.color-token{gap:5px;display:grid}.color-token i{border:1px solid #ccc7dd;border-radius:5px;height:105px;display:block}.color-token b{margin-top:3px;font-size:12px}.color-token code{color:#81799e;font-size:10px}.type-token{background:#fff;border:1px solid #d5d1e8;grid-column:1/-1;margin-top:15px;padding:55px 28px 28px;position:relative}.type-token strong{font-size:clamp(38px,7vw,78px);line-height:.85}.type-token p{color:#81799e;line-height:1.7}@media (width<=900px){.top-shell{width:calc(100% - 20px);overflow:auto hidden}.top-shell::-webkit-scrollbar{display:none}nav button{padding:0 14px}.chrome-buttons{display:none}.buter-page{width:min(680px,100% - 24px)}.hero{height:440px}.logo-block{z-index:5;justify-items:center;width:min(420px,90vw);top:20px;left:50%;transform:translate(-50%)rotate(-2deg)}.logo-word{max-width:min(360px,82vw)}.logo-block .hero-cta{justify-content:center}.hero-character{transform-origin:top;top:160px;left:50%;transform:translate(-50%)scale(.85)}.love-note{display:none}.day-plan-note{width:min(180px,68%);margin:2px 0 10px 8px;transform:rotate(-5deg)}.desktop-grid{align-items:initial;grid-template-columns:1fr}.profile-window{width:100%;margin:0}.right-column{grid-row:2}.taskbar{flex-wrap:wrap;gap:6px}.taskbar-clock,.taskbar-links{justify-content:center;width:100%}.canvas-grid{grid-template-columns:1fr 1fr}.marks-tile{grid-column:1/-1}.button-board,.content-components{grid-template-columns:1fr 1fr}.modal-specimens{grid-template-columns:1fr}.tokens-board{grid-template-columns:repeat(3,1fr)}}@media (width<=580px){.brand-heart{z-index:2;background:#ff58c8;position:sticky;left:0}.top-shell{height:48px;margin-top:10px}nav button{padding:0 12px;font-size:12px}.hero{height:360px}.logo-block{width:min(340px,94vw);top:16px}.logo-word-row{justify-content:center}.logo-tagline-text{text-align:center;margin-left:0}.hero-character{top:140px;transform:translate(-50%)scale(.62)}.window-bar h2{font-size:14px}.profile-copy p{grid-template-columns:18px 82px 1fr;font-size:12px}.gallery{gap:10px}.photo{width:78px;height:78px}.friends{grid-template-columns:repeat(2,1fr);gap:14px 0}.friend:nth-child(2){border:0}.post,.post.featured{grid-template-columns:52px 1fr}.post-avatar{width:48px}.post-avatar .sandwich-small{transform:scale(.16)}.friends-split{grid-template-columns:1fr}.logo-block .hero-cta{justify-content:center;width:100%}.mail-cta-text{white-space:normal;font-size:16px}.featured-test-row{grid-template-columns:1fr;justify-items:stretch}.featured-gen-btn{width:100%}.logo-word{max-width:min(300px,86vw)}.taskbar{padding:6px}.orbit-sticker.h3,.dev-canvas-toggle span{display:none}.canvas-header{flex-direction:column;align-items:start;padding:35px 24px}.canvas-section{width:calc(100% - 28px);margin-top:45px}.canvas-grid,.window-variants,.content-components{grid-template-columns:1fr}.marks-tile{grid-column:auto}.button-board{grid-template-columns:1fr}.canvas-stack,.modal-specimens{padding:18px}.canvas-nav{overflow-x:auto}.tokens-board{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}

/* зрачки: выше + чуть шире */
.mascot-pupil{width:36%;height:44%}
/* лого: обводка уже в PNG; лёгкая тень глубины */
.logo-word img{
  filter:drop-shadow(2px 3px #17146e59);
}

/*
 * Сияние без «тарелки»:
 * — без mask / border-radius (они рисуют круглый силуэт)
 * — край уходит в цвет ночи (#7a35ea), не в белый→transparent
 * — mix-blend-mode: screen — свет складывается с фоном, а не ложится диском
 */
.mascot-spotlights{
	pointer-events:none;
	z-index:1;
	border-radius:0;
	-webkit-mask:none;
	mask:none;
	width:min(1100px,230%);
	height:min(1100px,230%);
	position:absolute;
	top:46%;
	left:50%;
	transform:translate(-50%,-52%);
	background:radial-gradient(
		circle closest-side,
		#fffef6b8 0%,
		#fff3c880 12%,
		#ffe9a84d 24%,
		#e8d0ff33 38%,
		#b89cff1f 52%,
		#7a35ea0a 68%,
		transparent 82%
	);
	filter:blur(36px);
	opacity:.95;
	mix-blend-mode:screen;
	animation:riki-buter-spot-pulse 4s ease-in-out infinite;
}
.mascot-spotlights:before{
	content:"";
	pointer-events:none;
	border-radius:0;
	position:absolute;
	inset:12%;
	background:
		radial-gradient(circle,#ffffff00 0%,#ffffff00 35%,transparent 70%),
		conic-gradient(
			from 0deg,
			#fffef8e6 0deg 7deg,
			transparent 7deg 22deg,
			#fff3b8cc 22deg 30deg,
			transparent 30deg 48deg,
			#ffffffd9 48deg 55deg,
			transparent 55deg 78deg,
			#ffe9a8cc 78deg 86deg,
			transparent 86deg 108deg,
			#fffef2e0 108deg 116deg,
			transparent 116deg 140deg,
			#fff6c8cc 140deg 148deg,
			transparent 148deg 172deg,
			#ffffffd9 172deg 180deg,
			transparent 180deg 205deg,
			#ffeeb0cc 205deg 213deg,
			transparent 213deg 238deg,
			#fffef8e0 238deg 246deg,
			transparent 246deg 270deg,
			#fff3b8cc 270deg 278deg,
			transparent 278deg 302deg,
			#ffffffd9 302deg 310deg,
			transparent 310deg 334deg,
			#ffe9a8cc 334deg 342deg,
			transparent 342deg 360deg
		);
	/* лучи гаснут к краю своим radial, без mask-силуэта */
	-webkit-mask:radial-gradient(circle,#000 0%,#000 20%,rgba(0,0,0,.5) 45%,transparent 70%);
	mask:radial-gradient(circle,#000 0%,#000 20%,rgba(0,0,0,.5) 45%,transparent 70%);
	filter:blur(12px);
	opacity:.65;
	mix-blend-mode:screen;
	animation:riki-buter-spot-spin 14s linear infinite;
}
.mascot-spotlights:after{
	content:"";
	pointer-events:none;
	border-radius:0;
	position:absolute;
	inset:22%;
	background:radial-gradient(circle,#ffffffa6 0%,#fff8d866 30%,#e8d0ff22 55%,transparent 75%);
	filter:blur(28px);
	opacity:.55;
	mix-blend-mode:screen;
	animation:riki-buter-spot-glow 3.2s ease-in-out infinite reverse;
}
@keyframes riki-buter-spot-spin{
	from{transform:rotate(0deg)}
	to{transform:rotate(360deg)}
}
@keyframes riki-buter-spot-pulse{
	0%,100%{opacity:.75;transform:translate(-50%,-52%) scale(.98)}
	50%{opacity:1;transform:translate(-50%,-52%) scale(1.03)}
}
@keyframes riki-buter-spot-glow{
	0%,100%{opacity:.4}
	50%{opacity:.7}
}
@media (prefers-reduced-motion:reduce){
	.mascot-spotlights,
	.mascot-spotlights:before,
	.mascot-spotlights:after{animation:none}
}

/* тонкая чёрная обводка + тёплое свечение */
.looking-mascot-body{
  filter:
    drop-shadow(.5px 0 0 #000)
    drop-shadow(-.5px 0 0 #000)
    drop-shadow(0 .5px 0 #000)
    drop-shadow(0 -.5px 0 #000)
    drop-shadow(0 10px #2c0f6347)
    drop-shadow(0 0 14px #fff8d899)
    drop-shadow(0 0 28px #ffe9a866);
}
.looking-mascot{
	position:relative;
	z-index:2;
}

/* RIKI: disabled CTA until product ID is set */
.hero-cta.is-disabled{opacity:.55;cursor:not-allowed;pointer-events:none}
.brand-heart{text-decoration:none;background:transparent}
/* моб. ≤580px в бандле даёт solid #ff58c8 — квадрат за сердцем */
@media (width<=580px){
  .brand-heart{background:transparent}
}
/* план на день — всегда на «Друзья»; рейл-копия скрыта */
.riki-promo-rail .day-plan-note--rail{display:none!important}
.day-plan-note--inline{display:none}
.logo-cta-stack{display:grid;justify-items:center;gap:8px;width:100%}
.friends-window-body{position:relative;padding-right:min(168px,42%)}
.day-plan-note--friends{
  display:flex;position:absolute;z-index:2;
  right:10px;bottom:12px;left:auto;top:auto;
  width:min(152px,40%);min-height:0;
  margin:0;padding:16px 10px 10px;
  transform:rotate(-6deg);
  pointer-events:none;
  box-shadow:3px 3px 0 #ff8a2b,inset 0 1px #ffffffb3;
}
.day-plan-note--friends .day-plan-title{font-size:13px;margin:0 0 2px}
.day-plan-note--friends .day-plan-list{font-size:12px;line-height:1.4;margin:0;padding-left:1.15em}
.day-plan-note__pin{
  position:absolute;z-index:3;
  top:-11px;left:50%;
  width:24px;height:24px;
  transform:translateX(-50%);
  filter:drop-shadow(1px 2px 0 rgba(23,20,110,.28));
  pointer-events:none;
}
/* новости: аватар без sandwich-small scale */
.post-avatar .media-thumb,
.featured-avatar .media-thumb{
  position:static!important;top:auto!important;left:auto!important;
  width:100%;height:100%;margin:0;padding:0;
  transform:none!important;object-fit:cover;object-position:center 20%;
  filter:none;display:block;
}
/* лизуны: сетка как в SMS-баннере */
.riki-promo-lizun.riki-promo-sms{
  display:block;padding:8px 8px 10px;background:
    radial-gradient(circle at 12% 18%,rgba(255,170,200,.9) 0 14px,transparent 15px),
    radial-gradient(circle at 28% 42%,rgba(255,150,190,.75) 0 18px,transparent 19px),
    radial-gradient(circle at 72% 22%,rgba(255,180,210,.85) 0 16px,transparent 17px),
    radial-gradient(circle at 88% 58%,rgba(255,160,195,.8) 0 20px,transparent 21px),
    radial-gradient(circle at 40% 78%,rgba(255,140,185,.7) 0 22px,transparent 23px),
    linear-gradient(165deg,#ff5ec4 0%,#ff3aaa 45%,#e91e8c 100%);
}
.riki-lizun-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:8px;align-items:stretch}
.riki-lizun-hero{display:grid;align-content:start;gap:4px;min-width:0}
.lizun-shot{position:relative;overflow:hidden;width:100%;height:56px;border-radius:6px;background:#ffe8f4}
.lizun-shot-hero{height:120px;border-radius:8px}
.lizun-body{display:block;width:100%;height:100%;object-fit:cover;object-position:center 28%;transform:scale(1.12)}
.lizun-shot-hero .lizun-body{object-position:center 18%;transform:scale(1.2);opacity:.95}
.lizun-glass{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.35) 0 18%,transparent 42%),radial-gradient(circle at 55% 72%,rgba(255,255,255,.2) 0 18%,transparent 42%)}
.riki-sms-title{margin:2px 0 0;font-family:Tahoma,Verdana,sans-serif;font-size:11px;font-weight:900;line-height:1.15;text-align:left;color:#fff;text-shadow:1px 1px 0 #1a0533,-1px -1px 0 #4a1a7a,1px -1px 0 #4a1a7a,-1px 1px 0 #4a1a7a,1px 1px 0 #4a1a7a}
.riki-sms-brand{display:block;margin:0;font-family:"Nunito",Tahoma,sans-serif;font-size:28px;line-height:.9;letter-spacing:-.02em;color:#ffe14a;text-shadow:-2px -2px 0 #4a1a7a,2px -2px 0 #4a1a7a,-2px 2px 0 #4a1a7a,2px 2px 0 #4a1a7a,0 3px 0 #2a0a4a}
.riki-sms-cta{margin:4px 0 0;font-family:Tahoma,Verdana,sans-serif;font-size:10px;font-weight:800;line-height:1.25;color:#fff;text-shadow:-1px -1px 0 #4a1a7a,1px -1px 0 #4a1a7a,-1px 1px 0 #4a1a7a,1px 1px 0 #4a1a7a}
.riki-sms-cta b{color:#ffe14a}
.riki-sms-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px}
.riki-sms-grid figure{margin:0;padding:0;background:0 0;border:0;box-shadow:none;text-align:center}
.riki-sms-grid .lizun-shot{height:58px;border:3px solid #5b2d9e;box-shadow:0 0 0 1px #fff;background:#fff}
.riki-sms-grid figcaption{margin-top:3px;color:#fff;font-family:Tahoma,Verdana,sans-serif;font-size:10px;font-weight:900;letter-spacing:.02em;text-shadow:0 1px 0 #1a0533}
@media (width<=580px){
  .riki-lizun-layout{grid-template-columns:1fr}
  .riki-sms-brand{font-size:24px}
}
.friends-split--solo{grid-template-columns:1fr;max-width:148px}
.friends-split--solo .friend-photo{
  width:132px;height:132px;max-width:100%;
  border-width:1px;outline-width:1px;border-radius:3px;
}
/* пасхалка: Win95 «вас поймали» */
.riki-caught-backdrop{z-index:120}
.riki-caught-modal{width:min(420px,100%);box-shadow:4px 4px 0 #0006,var(--win-drop,8px 8px 0 #2c0f6340)}
.riki-caught-icon{font-size:14px;line-height:1}
.riki-caught-body{padding:18px 16px 16px!important}
.riki-caught-row{align-items:flex-start;gap:12px;margin:0 0 18px;font-size:15px;font-weight:800;line-height:1.35;display:flex}
.riki-caught-emoji{flex:none;font-size:28px;line-height:1}
.riki-caught-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}
.riki-caught-btn{
	cursor:pointer;color:#1d1a4a;text-align:center;text-decoration:none;
	background:linear-gradient(#eceff6,#c0c8d8);
	border:2px solid #0a0a0a;border-color:#fff #0a0a0a #0a0a0a #fff;border-radius:0;
	min-height:32px;padding:6px 12px;font-family:Tahoma,Verdana,sans-serif;font-size:12px;font-weight:700;
	box-shadow:inset 1px 1px #fff,inset -1px -1px gray
}
.riki-caught-btn:hover{filter:brightness(1.05);color:#1d1a4a}
.riki-caught-btn:active{border-color:#555 #fff #fff #555;box-shadow:inset 1px 1px gray}
.riki-caught-btn--escape{background:linear-gradient(#fff59b,#ffb0e0)}
.chrome-buttons .win-btn{appearance:none;-webkit-appearance:none;cursor:pointer}
/* mobile buter polish */
@media (width<=900px){
  main.riki-buter{overflow-x:hidden;max-width:100vw}
  .buter-page{width:min(680px,100% - 20px);overflow:visible}
  /* Hero: заголовок → маскот (крупнее) → слоган+кнопка */
  .hero{
    height:auto;min-height:0;margin-bottom:16px;padding-bottom:4px;
    display:flex;flex-direction:column;align-items:center;gap:6px;
  }
  .hero-brand.logo-block{
    position:relative;top:auto;left:auto;z-index:6;
    width:min(420px,92vw);max-width:92vw;
    transform:rotate(-2deg);
    display:contents;
  }
  .logo-word-row{order:1;justify-content:center;margin-top:14px}
  .logo-word{max-width:min(340px,78vw)}
  .hero-character{
    order:2;position:relative;z-index:4;
    width:min(560px,96vw);height:auto;min-height:220px;
    top:auto;left:auto;margin:0 auto;
    transform:none;transform-origin:top center;
  }
  .mascot-spotlights{
    width:min(860px,200%);height:min(860px,200%);
    top:48%;
  }
  .looking-mascot{width:min(380px,90vw);margin:0 auto}
  .logo-cta-stack{
    order:3;z-index:6;width:min(420px,92vw);
    transform:rotate(-2deg);margin:4px auto 18px;
  }
  .logo-block .hero-cta,
  .mail-cta{
    width:100%;max-width:100%;box-sizing:border-box;
    left:auto;bottom:auto;margin-top:0;padding:12px 14px;gap:10px;min-height:64px
  }
  .mail-cta .sticker-mail{width:36px;height:36px}
  .mail-cta-text{white-space:normal;font-size:17px;line-height:1.05}
  .riki-promo-rail .day-plan-note--rail{display:none}
  /* Тест — только в «Новостях» (featured), не второй CTA под hero */
  /* Новости выше галереи/друзей */
  .desktop-grid{display:flex;flex-direction:column;gap:14px}
  .right-column{order:-1;width:100%}
  .left-column{order:1;width:100%}
  .news-window{min-height:0}
  /* План на день — наложение на «Друзья», не перекрывая лицо */
  .day-plan-note--friends{
    display:flex;position:absolute;z-index:2;
    right:6px;bottom:8px;left:auto;top:auto;
    width:min(132px,42%);min-height:0;
    margin:0;padding:10px 8px 8px;
    transform:rotate(-6deg);
    pointer-events:none;
    box-shadow:3px 3px 0 #ff8a2b,inset 0 1px #ffffffb3;
  }
  .day-plan-note--friends .day-plan-title{font-size:12px;margin:0 0 2px}
  .day-plan-note--friends .day-plan-list{font-size:11px;line-height:1.35;margin:0;padding-left:1.1em}
  .friends-window-body{padding-bottom:12px;padding-right:min(140px,44%)}
}
@media (width<=580px){
  .logo-word{max-width:min(300px,82vw)}
  .logo-heart{width:28px;height:26px}
  .logo-tagline-text{font-size:15px}
  .logo-block .hero-cta,
  .mail-cta{padding:10px 12px;min-height:56px}
  .mail-cta-text{font-size:15px}
  .looking-mascot{width:min(340px,88vw)}
  .orbit-sticker.h1,.orbit-sticker.h2,.orbit-sticker.h3{display:none}
  .desktop-grid{gap:12px;margin-bottom:16px}
  .featured-test-row{grid-template-columns:1fr;gap:10px}
  .featured-gen-btn{width:100%;justify-content:center}
  .window-body{padding:10px}
  .friends-split{grid-template-columns:1fr;gap:10px}
  .friend-photo{height:150px}
  .friends-split--solo .friend-photo{width:120px;height:120px}
  .friends-window-body{padding-right:min(128px,40%)}
  .day-plan-note--friends{width:min(118px,40%);padding:8px 6px}
  .day-plan-note--friends .day-plan-title{font-size:11px}
  .day-plan-note--friends .day-plan-list{font-size:10px}
  .riki-promo-lizun.riki-promo-sms{padding:8px;transform:none}
  .riki-lizun-layout{grid-template-columns:1fr;gap:10px}
  .lizun-shot-hero{height:140px}
  .lizun-body{transform:none}
  .lizun-shot-hero .lizun-body{transform:none;opacity:1}
  .riki-sms-brand{font-size:26px;text-align:center}
  .riki-sms-title,.riki-sms-cta{text-align:center}
  .riki-sms-grid .lizun-shot{height:72px}
  .post{grid-template-columns:48px 1fr}
  .post-avatar{width:48px;height:48px}
  .taskbar{flex-wrap:wrap;justify-content:center;gap:6px;padding:6px}
  .taskbar-links{gap:6px 8px;font-size:10px;justify-content:center}
  .start-btn{font-size:12px}
}

/* live news ticker — бутерброды «пишут» */
.news-feed{
  position:relative;
  overflow:hidden;
  min-height:420px;
  contain:layout;
}

/* Десктоп: «Новости» тянутся до низа левой колонки (галерея+друзья+лизуны) */
@media (width>900px){
  .desktop-grid{align-items:stretch}
  .right-column{
    display:flex;
    flex-direction:column;
    min-height:100%;
  }
  .right-column .news-window{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    min-height:100%;
  }
  .right-column .news-window .window-body{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
  }
  .right-column .news{
    flex:1 1 auto;
    display:flex;
    flex-direction:column;
    min-height:0;
  }
  .right-column .news-feed{
    flex:1 1 auto;
    min-height:420px;
  }
}
.news-feed .post{
  transition:opacity .32s ease,transform .32s ease;
  will-change:opacity,transform;
}
.news-feed .post.is-enter{opacity:0;transform:translateY(-8px)}
.news-feed .post.is-enter.is-in{opacity:1;transform:translateY(0)}
@media (prefers-reduced-motion:reduce){
  .news-feed .post{transition:none}
  .news-feed .post.is-enter{opacity:1;transform:none}
}

/* Pixel icons — nearest-neighbor, no blur */
.icon-pixel,
img.icon-pixel{
	image-rendering:-moz-crisp-edges;
	image-rendering:pixelated;
	-ms-interpolation-mode:nearest-neighbor;
}

/* Quiz answer icons — readable size in buttons */
.quiz-answers [data-riki-answer] .sticker-icon{
	width:32px;
	height:32px;
	flex-shrink:0;
	object-fit:contain;
}
.quiz-answers [data-riki-answer] .quiz-answer-sticker{
	width:34px;
	height:34px;
	filter:drop-shadow(1px 1px #0a0a2859);
}
.quiz-modal .window-bar .icon-pixel{
	width:22px;
	height:22px;
}

/* Без «О Бутерброд»: лента выше, тест заметнее */
.right-column .news-window{
	margin-top:0;
}

/* ——— Фон: варианты для A/B ——— */
.riki-buter-bg-soft .space-bg{
	background:
		radial-gradient(at 20% 12%,rgba(255,200,230,.22) 0,transparent 34%),
		radial-gradient(at 78% 18%,rgba(180,210,255,.2) 0,transparent 36%),
		linear-gradient(155deg,#4a3a9a 0%,#6b4fb0 28%,#8a5cb8 52%,#5c4aa0 78%,#3a3478 100%);
}
.riki-buter-bg-soft .stars-layer{opacity:.28}
.riki-buter-bg-soft .space-bg:after{opacity:.4}

.riki-buter-bg-dusk .space-bg{
	background:
		radial-gradient(at 18% 14%,rgba(120,90,180,.25) 0,transparent 32%),
		radial-gradient(at 80% 20%,rgba(90,70,140,.2) 0,transparent 34%),
		linear-gradient(160deg,#1e1a3c 0%,#2a2458 30%,#3d2f6e 55%,#241e48 80%,#141228 100%);
}
.riki-buter-bg-dusk .stars-layer{opacity:.45}
.riki-buter-bg-dusk .space-bg:after{opacity:.55}

.riki-buter-bg-candy .space-bg{
	background:
		radial-gradient(at 15% 18%,rgba(255,255,180,.45) 0,transparent 28%),
		radial-gradient(at 85% 12%,rgba(120,255,220,.35) 0,transparent 30%),
		radial-gradient(at 50% 70%,rgba(255,120,200,.4) 0,transparent 42%),
		linear-gradient(150deg,#ff4ec4 0%,#ff7ad9 28%,#ffb0ee 52%,#b48cff 78%,#7a4dff 100%);
}
.riki-buter-bg-candy .stars-layer{opacity:.55}
.riki-buter-bg-candy .space-bg:after{opacity:.7}

.riki-buter-bg-mint .space-bg{
	background:
		radial-gradient(at 22% 14%,rgba(255,255,200,.3) 0,transparent 30%),
		radial-gradient(at 78% 22%,rgba(255,160,220,.28) 0,transparent 34%),
		linear-gradient(155deg,#1a7a78 0%,#2eb8a8 26%,#7aefd0 48%,#4a9ad8 72%,#2a5a9a 100%);
}
.riki-buter-bg-mint .stars-layer{opacity:.35}
.riki-buter-bg-mint .space-bg:after{opacity:.5}

.riki-buter-bg-sunset .space-bg{
	background:
		radial-gradient(at 30% 20%,rgba(255,240,160,.4) 0,transparent 32%),
		radial-gradient(at 80% 30%,rgba(255,100,160,.35) 0,transparent 36%),
		linear-gradient(165deg,#ff8a2b 0%,#ff5a7a 28%,#ef3aa9 52%,#8a3ad0 78%,#3a1a7a 100%);
}
.riki-buter-bg-sunset .stars-layer{opacity:.4}
.riki-buter-bg-sunset .space-bg:after{opacity:.55}

.riki-buter-bg-night .space-bg{
	background:
		radial-gradient(at 20% 15%,rgba(100,160,255,.22) 0,transparent 30%),
		radial-gradient(at 75% 25%,rgba(180,100,255,.18) 0,transparent 34%),
		linear-gradient(160deg,#060814 0%,#0e1630 28%,#1a1040 52%,#0c1028 78%,#04060e 100%);
}
.riki-buter-bg-night .stars-layer{opacity:.85}
.riki-buter-bg-night .space-bg:after{opacity:.95}

/* старый SVG-слой звёзд выключен — живое поле .riki-stars из тех же позиций */
.stars-layer{display:none!important}
.space-bg:after{opacity:.25}

.riki-stars{
	position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0;
}
.riki-star{
	--star:#fff;
	--star-glow:rgba(255,255,255,.55);
	--star-halo:rgba(255,240,180,.4);
	position:absolute;
	left:var(--x,50%);
	top:var(--y,50%);
	width:calc(var(--s,3px) * 2.1);
	height:calc(var(--s,3px) * 2.1);
	margin:0;
	padding:0;
	border-radius:50%;
	background:var(--star);
	box-shadow:0 0 4px 1px var(--star-glow),0 0 12px var(--star-halo);
	transform:translate3d(-50%,-50%,0) scale(1);
	will-change:transform,opacity,filter;
}
/* спектральные типы */
.riki-star--blue{--star:#c8dcff;--star-glow:rgba(160,200,255,.7);--star-halo:rgba(120,170,255,.45)}
.riki-star--white{--star:#ffffff;--star-glow:rgba(255,255,255,.65);--star-halo:rgba(230,240,255,.4)}
.riki-star--yellow{--star:#fff3a8;--star-glow:rgba(255,230,140,.7);--star-halo:rgba(255,210,80,.4)}
.riki-star--orange{--star:#ffc078;--star-glow:rgba(255,170,90,.7);--star-halo:rgba(255,140,60,.4)}
.riki-star--red{--star:#ff9a8c;--star-glow:rgba(255,130,120,.65);--star-halo:rgba(255,90,90,.35)}
.riki-star--violet{--star:#e8d0ff;--star-glow:rgba(210,170,255,.65);--star-halo:rgba(180,130,255,.4)}
/* 4-лучевые как в stars-scatter.svg */
.riki-star--spike{
	width:calc(var(--s,3px) * 2.6);
	height:calc(var(--s,3px) * 2.6);
	border-radius:0;
	background:var(--star);
	clip-path:polygon(50% 0,62% 38%,100% 50%,62% 62%,50% 100%,38% 62%,0 50%,38% 38%);
	box-shadow:0 0 7px 1px var(--star-glow),0 0 14px var(--star-halo);
}
/* drift = мягкое появление/затухание на месте, без полёта */
.riki-star--drift{
	opacity:0;
	animation:riki-star-pulse var(--d,28s) ease-in-out infinite both;
	animation-delay:var(--delay,0s);
}
@keyframes riki-star-pulse{
	0%,100%{
		transform:translate3d(-50%,-50%,0) scale(.55);
		opacity:0;
		filter:brightness(.75);
	}
	18%{
		transform:translate3d(-50%,-50%,0) scale(1);
		opacity:.9;
		filter:brightness(1.1);
	}
	55%{
		transform:translate3d(-50%,-50%,0) scale(1.05);
		opacity:.85;
		filter:brightness(1.15);
	}
	82%{
		transform:translate3d(-50%,-50%,0) scale(.7);
		opacity:.25;
		filter:brightness(.85);
	}
}
.riki-star--twinkle{
	opacity:0;
	background:radial-gradient(circle,var(--star) 0 32%,color-mix(in srgb,var(--star) 55%,transparent) 58%,transparent 78%);
	box-shadow:0 0 6px 2px var(--star-glow),0 0 14px var(--star-halo);
	animation:riki-star-twinkle var(--d,9s) ease-in-out infinite both;
	animation-delay:var(--delay,0s);
}
.riki-star--twinkle.riki-star--spike{
	background:var(--star);
}
@keyframes riki-star-twinkle{
	0%{
		opacity:0;
		transform:translate3d(-50%,-50%,0) scale(.4);
		filter:brightness(.6);
	}
	18%{
		opacity:.35;
		transform:translate3d(-50%,-50%,0) scale(.7);
		filter:brightness(.85);
	}
	32%{
		opacity:.7;
		transform:translate3d(-50%,-50%,0) scale(1);
		filter:brightness(1.1);
	}
	42%{
		opacity:1;
		transform:translate3d(-50%,-50%,0) scale(1.4);
		filter:brightness(1.75);
	}
	58%{
		opacity:.55;
		transform:translate3d(-50%,-50%,0) scale(1);
		filter:brightness(1.1);
	}
	78%,100%{
		opacity:0;
		transform:translate3d(-50%,-50%,0) scale(.45);
		filter:brightness(.65);
	}
}
@media (prefers-reduced-motion:reduce){
	.riki-star--drift,
	.riki-star--twinkle{
		animation:none;
		opacity:.75;
		transform:translate3d(-50%,-50%,0);
	}
}
.post.featured-banner{
	margin:0 0 16px;
	padding:8px 8px 10px;
	border:2px solid #555;
	border-color:#fff #555 #555 #fff;
	outline:1px solid #0a0a0a;
	background:linear-gradient(180deg,#fffef6 0%,#fff6c8 55%,#ffe566 100%);
	box-shadow:4px 4px 0 #2c0f6340, inset 1px 1px 0 #fff;
	align-items:center;
}
.post.featured-banner .featured-avatar{
	margin-top:0;
	align-self:center;
}
.featured-body{gap:0}
.featured-test-row{
	min-height:0;
	gap:8px;
	padding:8px 10px;
	box-shadow:4px 4px 0 #2c0f6340, inset 1px 1px 0 #fff, inset -1px -1px 0 gray;
	outline:2px solid #ef3aa9;
	animation:riki-buter-test-pulse 2.6s ease-in-out infinite;
}
.featured-test-text{
	font-size:clamp(14px,3.4vw,17px);
	line-height:1.2;
}
.featured-gen-btn{
	min-height:36px;
	padding:6px 12px;
	font-size:14px;
	box-shadow:3px 3px 0 #2c0f6340, inset 1px 1px 0 #ffffff8c, inset -1px -1px 0 #3a1a80;
	transform:none;
}
@media (width<=580px){
  .featured-test-row{gap:6px;padding:7px 8px}
  .featured-gen-btn{min-height:34px;padding:5px 10px;font-size:13px}
}
@keyframes riki-buter-test-pulse{
	0%,100%{outline-color:#ef3aa9;filter:brightness(1)}
	50%{outline-color:#ff7ad9;filter:brightness(1.04)}
}
@media (prefers-reduced-motion:reduce){
	.featured-test-row{animation:none}
}

/* результат теста: главная CTA + «ещё раз» */
.quiz-result-actions{
	display:grid;
	justify-items:center;
	gap:10px;
	margin-top:6px;
	width:100%;
}
.quiz-result-cta{
	width:100%;
	max-width:320px;
	min-height:52px;
	justify-content:center;
	text-decoration:none;
	box-sizing:border-box;
	animation:riki-buter-cta-pulse 1.6s ease-in-out infinite;
}
.quiz-result-cta.is-disabled{
	opacity:.55;
	cursor:not-allowed;
	pointer-events:none;
	animation:none;
}
@keyframes riki-buter-cta-pulse{
	0%,100%{
		filter:brightness(1);
		box-shadow:var(--win-drop), inset 1px 1px 0 #ffe0f6, inset -1px -1px 0 #a01070;
	}
	50%{
		filter:brightness(1.1);
		box-shadow:var(--win-drop), inset 1px 1px 0 #ffe0f6, inset -1px -1px 0 #a01070, 0 0 0 3px #ff7ad966, 0 0 18px #ff58c88c;
	}
}
@media (prefers-reduced-motion:reduce){
	.quiz-result-cta{animation:none}
}
.quiz-result-retry{
	width:100%;
	max-width:320px;
	min-height:44px;
	justify-content:center;
	box-sizing:border-box;
	font-size:15px;
	background:linear-gradient(#eceff6,#c0c8d8);
	border-color:#fff #555 #555 #fff;
	outline-color:#0a0a0a;
	box-shadow:var(--win-drop), inset 1px 1px 0 #fff, inset -1px -1px 0 gray;
	color:var(--ink);
}
.quiz-result-retry:hover{filter:brightness(1.05)}
.quiz-result-retry:active{
	border-color:#555 #fff #fff #555;
	box-shadow:inset 1px 1px gray,inset -1px -1px #fff;
}

/* —— Header: full-width desktop + burger / Jimm-nav —— */
.top-shell{
	width:calc(100% - 32px);
	max-width:none;
	margin-left:16px;
	margin-right:16px;
}
.riki-buter-nav-desktop{
	flex:1;
	align-self:stretch;
	display:flex;
	min-width:0;
}
.riki-buter-nav-desktop a,
.riki-buter-nav-desktop button{
	white-space:nowrap;
	cursor:pointer;
	color:var(--ink);
	background:0 0;
	border:0;
	text-decoration:none;
	padding:0 18px;
	font-family:"Nunito", var(--ui);
	font-size:14px;
	font-weight:900;
	display:inline-flex;
	align-items:center;
}
.riki-buter-nav-desktop a:hover,
.riki-buter-nav-desktop button:hover,
.riki-buter-nav-desktop a.active,
.riki-buter-nav-desktop button.active{
	background:var(--lime);
	border:2px solid #555;
	border-color:#fff #555 #555 #fff;
	padding:0 16px;
	box-shadow:inset 1px 1px #fff,inset -1px -1px gray;
}
.riki-buter-nav-desktop a.active,
.riki-buter-nav-desktop button.active{
	border-color:#555 #fff #fff #555;
	box-shadow:inset 1px 1px gray,inset -1px -1px #fff;
}
.riki-buter-burger{
	display:none;
	appearance:none;
	-webkit-appearance:none;
	cursor:pointer;
	flex:none;
	width:36px;
	height:28px;
	margin:0 6px 0 auto;
	padding:0;
	place-items:center;
	background:linear-gradient(#eceff6,#c0c8d8);
	border:2px solid #0a0a0a;
	border-color:#fff #0a0a0a #0a0a0a #fff;
	box-shadow:inset 1px 1px #fff,inset -1px -1px gray;
}
.riki-buter-burger__lines,
.riki-buter-burger__lines:before,
.riki-buter-burger__lines:after{
	display:block;
	width:16px;
	height:2px;
	background:#17146e;
	position:relative;
}
.riki-buter-burger__lines:before,
.riki-buter-burger__lines:after{
	content:"";
	position:absolute;
	left:0;
}
.riki-buter-burger__lines:before{top:-5px}
.riki-buter-burger__lines:after{top:5px}
.riki-buter-burger[aria-expanded="true"]{
	border-color:#555 #fff #fff #555;
	box-shadow:inset 1px 1px gray;
}

.riki-buter-nav-modal{
	z-index:130;
	position:fixed;
	inset:0;
	display:grid;
	place-items:center;
	padding:16px;
}
.riki-buter-nav-modal[hidden]{display:none!important}
.riki-buter-nav-modal__backdrop{
	position:absolute;
	inset:0;
	background:rgba(12,8,40,.55);
	backdrop-filter:blur(2px);
}
.riki-buter-nav-modal__dialog{
	position:relative;
	z-index:1;
	width:min(320px,100%);
	max-height:min(78vh,460px);
	display:flex;
	flex-direction:column;
	font-family:Tahoma,Verdana,"Segoe UI",sans-serif;
	background:#f4f0e4;
	border:3px solid #8b7355;
	border-color:#d4c4a8 #5a4630 #5a4630 #d4c4a8;
	outline:2px solid #2a1e12;
	box-shadow:6px 8px 0 rgba(0,0,0,.35),0 0 0 1px #c9b896;
	overflow:hidden;
}
.riki-buter-nav-modal__bar,
.riki-buter-nav-modal__foot{
	flex:none;
	display:flex;
	align-items:center;
	gap:8px;
	min-height:28px;
	padding:4px 8px;
	background:linear-gradient(#e8d9b8 0%,#c9b07a 55%,#b89a62 100%);
	border-color:#f5ecd4 #7a6240 #7a6240 #f5ecd4;
	color:#2a1e12;
	font-size:12px;
	font-weight:800;
}
.riki-buter-nav-modal__bar{
	border-bottom:2px solid #7a6240;
	box-shadow:inset 0 1px #fff8e8;
}
.riki-buter-nav-modal__bar-ico{
	flex:none;
	width:16px;
	height:16px;
}
.riki-buter-nav-modal__bar-title{
	flex:1;
	min-width:0;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
}
.riki-buter-nav-modal__bar-meta{
	opacity:.75;
	font-variant-numeric:tabular-nums;
}
.riki-buter-nav-modal__list{
	flex:1;
	margin:0;
	padding:4px 0;
	list-style:none;
	overflow:auto;
	background:
		linear-gradient(#c5d8ec33 1px,transparent 1px) 0 0/100% 18px,
		linear-gradient(90deg,#c5d8ec33 1px,transparent 1px) 0 0/18px 100%,
		#f7fbff;
	min-height:160px;
}
.riki-buter-nav-modal__row{
	display:grid;
	grid-template-columns:18px 1fr;
	align-items:center;
	gap:8px;
	min-height:32px;
	padding:4px 10px 4px 8px;
	border:1px solid transparent;
}
.riki-buter-nav-modal__row.is-selected,
.riki-buter-nav-modal__row:focus-within{
	background:rgba(180,160,90,.45);
	border-color:#8a7030;
	outline:1px solid #c9a84a;
}
/* QIP / ICQ: ромашки из скрина клиента */
.riki-buter-icq{
	flex:none;
	width:16px;
	height:16px;
	display:block;
	object-fit:contain;
	image-rendering:pixelated;
	image-rendering:crisp-edges;
	pointer-events:none;
	user-select:none;
}
.riki-buter-nav-modal__action{
	justify-self:start;
	text-align:left;
	cursor:pointer;
	color:#1a1760;
	background:0 0;
	border:0;
	padding:0;
	font-family:"Nunito", var(--ui);
	font-size:14px;
	font-weight:800;
	text-decoration:none;
	width:100%;
}
.riki-buter-nav-modal__row.is-selected .riki-buter-nav-modal__action,
.riki-buter-nav-modal__row:focus-within .riki-buter-nav-modal__action{
	color:#8a1020;
}
.riki-buter-nav-modal__foot{
	justify-content:space-between;
	border-top:2px solid #7a6240;
	box-shadow:inset 0 1px #fff8e8;
}
.riki-buter-nav-modal__foot time{
	font-variant-numeric:tabular-nums;
	opacity:.85;
}
.riki-buter-nav-modal__foot button{
	cursor:pointer;
	color:#2a1e12;
	background:0 0;
	border:0;
	padding:0;
	font:inherit;
	font-weight:800;
	text-decoration:underline;
}

@media (width<=900px){
	.top-shell{
		width:calc(100% - 20px);
		margin-left:10px;
		margin-right:10px;
		overflow:visible;
	}
	.riki-buter-nav-desktop{display:none}
	.riki-buter-burger{display:grid}
	.chrome-buttons{display:none}
}
@media (width>=901px){
	.riki-buter-burger{display:none}
	.riki-buter-nav-modal{display:none!important}
}

/* —— Chrome: синий логотипа riki (~#1a37dc), не navy #1b1464 —— */
:root{
	--pink:#3d5cff;
	--pink-light:#8aa0ff;
	--chrome:#1a37dc;
	--chrome-mid:#1530c4;
	--chrome-hi:#3d5cff;
	--chrome-lo:#1028a8;
	--chrome-edge:#0a1a70;
	--chrome-inset:#c8d4ff;
}
.top-shell{
	color:#fff;
	background:linear-gradient(var(--chrome-hi) 0 18%,var(--chrome) 48%,var(--chrome-mid) 100%);
	border:2px solid var(--chrome-edge);
	border-color:#fff var(--chrome-edge) var(--chrome-edge) #fff;
	box-shadow:var(--win-drop),inset 1px 1px 0 var(--chrome-inset),inset -1px -1px 0 var(--chrome-edge),inset 2px 2px 0 #ffffff40,inset -2px -2px 0 #0a1a7059;
}
.top-shell .riki-buter-nav-desktop a,
.top-shell .riki-buter-nav-desktop button,
.top-shell nav button{
	color:#fff;
}
.top-shell .riki-buter-nav-desktop a:hover,
.top-shell .riki-buter-nav-desktop button:hover,
.top-shell .riki-buter-nav-desktop a.active,
.top-shell .riki-buter-nav-desktop button.active,
.top-shell nav button:hover,
.top-shell nav button.active{
	color:var(--ink);
}
.window-bar{
	color:#fff;
	background:linear-gradient(var(--chrome-hi) 0%,var(--chrome) 48%,var(--chrome-lo) 100%);
	border-bottom:2px solid var(--chrome-edge);
	box-shadow:inset 0 1px #ffffff59;
}
.window-bar h2{color:#fff}
.pixel-button{
	color:#fff;
	background:linear-gradient(var(--chrome-hi),var(--chrome) 45%,var(--chrome-mid) 100%);
	border:2px solid var(--chrome-edge);
	border-color:#fff var(--chrome-edge) var(--chrome-edge) #fff;
	box-shadow:var(--win-drop),inset 1px 1px 0 var(--chrome-inset),inset -1px -1px 0 var(--chrome-edge);
}
.pixel-button:active{
	border-color:var(--chrome-edge) #fff #fff var(--chrome-edge);
	box-shadow:inset 1px 1px gray,inset -1px -1px #fff;
}
/* «ЗА СВОИМ БУТЕРБРОДОМ» — розовый футера riki #f54e9d + свечение */
.hero-cta.mail-cta{
	color:#fff;
	background:linear-gradient(#ff7ab8,#f54e9d 45%,#ef3a90 100%);
	border:2px solid #8a1858;
	border-color:#fff #8a1858 #8a1858 #fff;
	box-shadow:
		var(--win-drop),
		inset 1px 1px 0 #ffe0f0,
		inset -1px -1px 0 #8a1858,
		inset 2px 2px 0 #ffffff59,
		0 0 0 2px #ff7ad955,
		0 0 18px #f54e9dbf,
		0 0 36px #ff58c873;
	animation:riki-buter-mail-glow 1.8s ease-in-out infinite;
}
.hero-cta.mail-cta .mail-cta-text{
	color:#fff;
	text-transform:uppercase;
	letter-spacing:.02em;
	text-shadow:0 1px #8a185880,0 0 10px #ffffff66;
}
.hero-cta.mail-cta:hover{
	filter:brightness(1.06);
}
.hero-cta.mail-cta:active{
	border-color:#8a1858 #fff #fff #8a1858;
	animation:none;
	box-shadow:inset 1px 1px gray,inset -1px -1px #fff;
}
.hero-cta.mail-cta.is-disabled{
	animation:none;
	box-shadow:var(--win-drop),inset 1px 1px 0 #ffe0f0,inset -1px -1px 0 #8a1858;
}
@keyframes riki-buter-mail-glow{
	0%,100%{
		filter:brightness(1);
		box-shadow:
			var(--win-drop),
			inset 1px 1px 0 #ffe0f0,
			inset -1px -1px 0 #8a1858,
			inset 2px 2px 0 #ffffff59,
			0 0 0 2px #ff7ad955,
			0 0 16px #f54e9daa,
			0 0 32px #ff58c866;
	}
	50%{
		filter:brightness(1.08);
		box-shadow:
			var(--win-drop),
			inset 1px 1px 0 #ffe0f0,
			inset -1px -1px 0 #8a1858,
			inset 2px 2px 0 #ffffff59,
			0 0 0 4px #ff9ad888,
			0 0 28px #ff58c8e6,
			0 0 52px #f54e9d99;
	}
}
@media (prefers-reduced-motion:reduce){
	.hero-cta.mail-cta{animation:none}
}
@keyframes riki-buter-test-pulse{
	0%,100%{outline-color:var(--chrome);filter:brightness(1)}
	50%{outline-color:var(--chrome-hi);filter:brightness(1.04)}
}
@media (width<=580px){
	.brand-heart{background:transparent}
}

/* таскбар: только конфиденциальность + контакты */
.taskbar-links a{
	color:#3e3198;
	cursor:pointer;
	background:0 0;
	border:0;
	padding:0;
	font-size:11px;
	font-weight:700;
	text-decoration:underline;
}
.taskbar-links a:hover{filter:brightness(1.15)}

/* Плашки: без «Спонсор:»; photo-only direct — кадр целиком, без crop */
.riki-promo-direct-label,
.riki-promo-note-top{
	display:none!important;
}
.riki-promo-direct--photo{
	overflow:hidden;
	background:#fff;
}
.riki-promo-direct--photo .riki-promo-direct-photo{
	width:100%;
	height:auto;
	object-fit:contain;
	object-position:center;
	background:transparent;
}
/* Direct: фото целиком, без crop */
.riki-promo-direct .riki-promo-direct-photo{
	object-fit:contain!important;
	object-position:center;
	height:auto;
	min-height:120px;
	background:transparent;
}
.riki-promo-direct--photo .riki-promo-direct-panel{
	display:none!important;
}

/* Note-аватар: целиком, без crop (Ржаник и др.) */
.riki-promo-note-row img{
	object-fit:contain!important;
	object-position:center;
	background:#000;
}

/* Галерея «ТОП Фотографий»: квадрат заполнен (cover) */
.gallery-window .photo .media-thumb{
	object-fit:cover!important;
	object-position:center;
	background:#1a1040;
}

/* Топбар: логотип РИКИШОП — белый на синей панели */
.top-shell .brand-logo{
	display:flex;
	align-items:center;
	flex:none;
	line-height:0;
}
.top-shell .brand-logo__img,
.top-shell .brand-logo .sticker-nav-heart{
	width:auto!important;
	height:22px!important;
	max-width:148px;
	object-fit:contain;
	display:block;
	filter:brightness(0) invert(1);
}
@media (min-width:900px){
	.top-shell .brand-logo__img,
	.top-shell .brand-logo .sticker-nav-heart{
		height:28px!important;
		max-width:180px;
	}
}

/* Бутер не заезжает под топбар */
.top-shell{
	position:relative;
	z-index:30;
}
.hero{
	padding-top:22px;
}
.hero .looking-mascot{
	margin-top:16px;
	padding-top:6px;
}
@media (min-width:901px){
	/* десктоп: абсолютный маскот чуть ниже панели */
	.hero .hero-character{
		top:36px;
	}
}
@media (max-width:900px){
	.hero{
		padding-top:14px;
	}
	.hero .looking-mascot{
		margin-top:10px;
	}
}

/* Над таскбаром: логотип Смешариков + копирайт */
.riki-buter-credit{
	display:flex;
	flex-direction:column;
	align-items:center;
	justify-content:center;
	gap:8px;
	margin:18px 0 10px;
	padding:0 12px;
	text-align:center;
}
.riki-buter-credit__logo{
	width:auto;
	height:36px;
	max-width:140px;
	object-fit:contain;
	display:block;
}
.riki-buter-credit__copy{
	margin:0;
	color:#fff;
	font-size:11px;
	font-weight:700;
	line-height:1.3;
}
@media (min-width:900px){
	.riki-buter-credit__logo{
		height:44px;
		max-width:168px;
	}
	.riki-buter-credit__copy{
		font-size:12px;
	}
}