:root{--ink:#f1eef7;--muted:#aaa6bd;--paper:#101019;--cream:#20202f;--teal:#43b8af;--lime:#c7e86d;--orange:#ffac59;--purple:#8863ba;--line:#373448;--white:#191925;--red:#ff989e;--shadow:0 10px 30px #0003;font-family:ui-rounded,"Trebuchet MS",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:default;opacity:.48}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.shell{max-width:1120px;margin:auto;padding:0 24px}.header{height:100px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:12px}.brand{display:flex;align-items:center;gap:13px;font-weight:900;letter-spacing:-1px;font-size:24px;line-height:1}.brand-small{display:block;letter-spacing:4px;font-size:10px;margin-top:5px}.brand-mark{background:var(--teal);border:2px solid var(--ink);border-radius:12px 4px 12px 4px;transform:rotate(-8deg);width:43px;height:48px;display:grid;place-items:center;color:var(--paper);font-size:31px;text-shadow:2px 2px var(--ink);box-shadow:3px 3px 0 var(--lime)}.header-right{display:flex;align-items:center;gap:15px;font-size:13px;font-weight:bold}.icon-button{border:1.5px solid var(--ink);background:var(--white);width:36px;height:36px;border-radius:50%;font-size:19px;font-weight:900;color:var(--ink)}main{min-height:65vh;padding:27px 0 35px}.hero{position:relative;display:flex;justify-content:space-between;align-items:center;overflow:hidden;padding:32px 40px;border:2px solid var(--ink);border-radius:24px;background:var(--teal);box-shadow:var(--shadow);isolation:isolate}.hero-copy{position:relative;z-index:2;max-width:65%}.hero h1{font-size:clamp(30px,4vw,46px);line-height:1.05;letter-spacing:-1.7px;margin:12px 0 14px;max-width:540px}.hero h1 em{font-style:normal;color:var(--paper)}.hero p{line-height:1.55;font-size:14px;max-width:390px;margin:0}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:900}.hero .eyebrow{display:inline-block;background:var(--lime);padding:7px 10px;border:1.5px solid var(--ink);border-radius:7px;transform:rotate(-2deg)}.dog{width:200px;height:210px;flex-shrink:0;position:relative;z-index:1}.flower{position:absolute;width:160px;height:160px;right:-38px;top:-42px;color:var(--orange);transform:rotate(20deg);z-index:0}.hero .flower.second{width:100px;height:100px;right:190px;top:auto;bottom:-40px;color:var(--lime)}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:30px 0 14px}.section-heading h1,.section-heading h2{margin:0;font-size:23px;letter-spacing:-.6px}.section-heading p{font-size:12px;color:var(--muted);margin:5px 0 0}.muted{color:var(--muted)}.small{font-size:12px;line-height:1.5}.chips{display:flex;gap:9px;overflow-x:auto;padding:3px 2px 8px;scrollbar-width:none}.chip{border:1.5px solid var(--line);border-radius:12px;padding:12px 16px;background:transparent;white-space:nowrap;color:var(--ink);font-size:13px;font-weight:bold}.chip.active{background:var(--lime);border-color:var(--ink);box-shadow:2px 2px 0 var(--ink)}.categories{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:17px 0 18px}.category{padding:17px 15px;border:1.5px solid var(--line);border-radius:15px;text-align:left;background:var(--white);color:var(--ink)}.category.active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.category strong{font-size:15px;display:block;margin-bottom:6px}.category span{font-size:11px;opacity:.8}.catalog-layout{display:grid;grid-template-columns:1.3fr 1fr;gap:22px;align-items:stretch}.plan{position:relative;border:2px solid var(--ink);border-radius:22px;background:var(--white);padding:27px;box-shadow:var(--shadow)}.plan-top{display:flex;justify-content:space-between;align-items:center;gap:10px}.badge{padding:5px 9px;border-radius:7px;background:var(--cream);font-size:10px;font-weight:900;line-height:1.5;display:inline-block}.badge.lime{background:var(--lime)}.badge.purple{background:#eee4fa;color:#674990}.badge.orange{background:#ffe7c7;color:#825014}.badge.red{background:#ffe1df;color:var(--red)}.badge.green{background:#d8efdb;color:#2b6745}.plan h2{font-size:31px;letter-spacing:-1.3px;margin:23px 0 18px}.specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:18px 0;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin-bottom:23px}.specs strong{display:block;font-size:22px;margin-bottom:5px}.specs span{font-size:11px;color:var(--muted)}.price-row{display:flex;align-items:baseline;gap:8px;margin:8px 0 19px}.price{font-size:35px;letter-spacing:-1px;font-weight:900}.price-row small{font-size:12px;color:var(--muted)}.button{min-height:46px;padding:12px 17px;border:1.5px solid var(--ink);border-radius:12px;color:var(--ink);font-weight:900;font-size:13px;background:var(--white);display:inline-flex;align-items:center;justify-content:center;gap:8px}.button.primary{background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.button.teal{background:var(--teal)}.button.secondary{background:transparent;border-color:var(--line)}.button.danger{background:#ffe1df;border-color:var(--red);color:var(--red)}.button.wide{width:100%}.button-row{display:flex;gap:9px;flex-wrap:wrap}.button-row>*{flex:1}.carousel{display:flex;justify-content:center;align-items:center;gap:15px;margin-top:22px}.carousel button{height:37px;width:44px;background:var(--paper);border:1.5px solid var(--line);border-radius:10px;font-size:23px;color:var(--ink)}.carousel span{font-size:12px;font-weight:bold}.info-panel{background:var(--cream);padding:26px;border-radius:22px;display:flex;flex-direction:column;justify-content:space-between}.info-panel h3{font-size:22px;margin:8px 0 15px;letter-spacing:-.7px}.feature{display:flex;align-items:flex-start;gap:13px;padding:14px 0;font-size:13px;border-bottom:1px solid #ded8c8}.feature:last-child{border:0}.feature-icon{width:28px;height:28px;background:var(--white);border-radius:8px;display:grid;place-items:center;font-size:15px;flex-shrink:0}.feature strong{display:block;margin-bottom:5px}.feature p{font-size:12px;line-height:1.5;color:var(--muted);margin:0}.info-foot{font-size:11px;color:var(--muted);line-height:1.6;margin-top:15px}.navigation{display:flex;gap:8px;justify-content:center;max-width:570px;padding:8px;background:var(--ink);border-radius:18px;margin:15px auto 0;box-shadow:0 8px 30px #173b4026}.nav-item{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:#d4e5dd;font-size:12px;font-weight:bold;padding:14px 12px;border-radius:11px}.nav-item.active{color:var(--ink);background:var(--lime)}.nav-icon{font-size:18px;line-height:1}.footer{text-align:center;letter-spacing:.3px;color:var(--muted);font-size:10px;margin:24px 0}.footer span{margin:0 6px}.notice{border:1px solid #e4b574;border-radius:12px;background:#fff0d9;padding:13px 16px;font-size:12px;line-height:1.6;margin:15px 0}.empty{text-align:center;padding:65px 20px}.empty h1,.empty h2{font-size:25px;letter-spacing:-.5px}.empty p{color:var(--muted);line-height:1.6;font-size:14px}.empty-icon{display:inline-grid;place-items:center;width:70px;height:70px;border:2px solid var(--ink);background:var(--lime);border-radius:23px;box-shadow:var(--shadow);font-size:32px}.loader{display:inline-block;width:35px;height:35px;border:3px solid var(--line);border-top-color:var(--teal);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.back{border:0;padding:4px 0;margin:0 0 22px;background:transparent;font-size:13px;font-weight:bold;color:var(--muted)}.page-title{font-size:31px;letter-spacing:-1px;margin:0 0 7px}.page-subtitle{font-size:13px;color:var(--muted);margin:0 0 25px}.checkout-layout{display:grid;grid-template-columns:1.25fr 1fr;gap:24px}.panel{padding:25px;border:1.5px solid var(--line);border-radius:20px;background:var(--white)}.panel h2{font-size:18px;margin:0 0 18px}.panel+.panel{margin-top:17px}.field-label{display:block;font-size:12px;font-weight:900;margin:20px 0 10px}.field-label:first-child{margin-top:0}.periods{display:grid;grid-template-columns:1fr 1fr;gap:10px}.option{border:1.5px solid var(--line);border-radius:12px;padding:13px;background:var(--paper);color:var(--ink);text-align:left;font-size:13px;cursor:pointer}.option strong{display:block;margin-bottom:6px}.option small{font-size:11px;color:var(--muted)}.option.active{border-color:var(--ink);background:var(--lime);box-shadow:2px 2px 0 var(--ink)}.os-options{display:grid;gap:9px;margin-top:12px}.os-option{display:flex;align-items:center;justify-content:space-between}.radio-dot{display:inline-block;width:17px;height:17px;border:1.5px solid var(--ink);border-radius:50%;flex-shrink:0}.active .radio-dot{background:var(--ink);box-shadow:inset 0 0 0 3px var(--lime)}.summary{background:var(--ink);color:var(--paper);padding:28px;border-radius:20px;align-self:start;position:sticky;top:20px}.summary h2{font-size:23px;letter-spacing:-.5px;margin:0 0 22px}.summary-row{display:flex;justify-content:space-between;gap:16px;font-size:12px;padding:13px 0;border-bottom:1px solid #ffffff1c}.summary-row span{color:#b8d2ce}.summary-row strong{text-align:right}.summary-total{margin:26px 0}.summary-total small{display:block;color:#b8d2ce;margin-bottom:7px}.summary-total strong{font-size:35px}.summary .small{color:#b8d2ce;text-align:center;margin:16px 0 0}.list{display:grid;gap:12px}.list-card{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:20px;background:var(--white);border:1.5px solid var(--line);border-radius:16px;text-align:left;color:var(--ink);width:100%}.list-card h3{margin:0 0 7px;font-size:15px}.list-card p{font-size:11px;color:var(--muted);margin:0;line-height:1.6}.list-card .amount{font-weight:900;white-space:nowrap}.invoice{max-width:500px;margin:20px auto}.invoice-head{text-align:center;padding:15px 0 24px}.invoice-head h1{font-size:29px;margin-bottom:8px}.invoice-head .price{margin:20px 0}.invoice .button{margin-top:10px}.invoice .panel{box-shadow:var(--shadow);border-color:var(--ink)}.details{display:grid;gap:0}.details div{padding:13px 0;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;font-size:13px}.details div:last-child{border:0}.details span{color:var(--muted)}.details strong{text-align:right;overflow-wrap:anywhere}.secret{background:var(--cream);border-radius:12px;padding:16px;margin-top:15px;font-family:monospace;overflow-wrap:anywhere}.admin-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:24px}.admin-heading h1{margin:8px 0 0;font-size:31px;letter-spacing:-1px}.admin-label{background:var(--purple);color:var(--white);border-radius:6px;padding:5px 9px;font-size:9px;letter-spacing:1.5px;font-weight:900}.admin-tabs{border-bottom:1px solid var(--line);margin-bottom:24px;padding-bottom:15px}.admin-tabs .chip.active{background:var(--teal)}.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-bottom:22px}.metric{border:1.5px solid var(--line);border-radius:17px;padding:22px;background:var(--white)}.metric.accent{background:var(--lime);border-color:var(--ink)}.metric span{font-size:11px;color:var(--muted);display:block;margin-bottom:14px}.metric strong{font-size:27px;letter-spacing:-1px;display:block}.metric small{font-size:10px;display:block;margin-top:7px;color:var(--muted)}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-grid .panel+.panel{margin-top:0}.table-wrap{overflow-x:auto;background:var(--white);border:1px solid var(--line);border-radius:15px}table{border-collapse:collapse;width:100%;font-size:12px;white-space:nowrap}th{text-align:left;font-size:10px;letter-spacing:.5px;color:var(--muted);padding:16px;border-bottom:1px solid var(--line);background:var(--cream)}td{padding:16px;border-bottom:1px solid var(--line)}tr:last-child td{border:0}.table-button{background:transparent;border:0;color:var(--ink);font-weight:900;cursor:pointer;padding:0}.toolbar{display:flex;gap:10px;margin-bottom:16px;flex-wrap:wrap}.input,select{padding:12px 14px;border:1.5px solid var(--line);border-radius:10px;background:var(--white);color:var(--ink);min-width:0;font-size:13px}.input{width:100%}.toolbar .input{flex:1;min-width:180px}.settings-form{max-width:620px}.switch-row{display:flex;align-items:center;justify-content:space-between;padding:14px 0;gap:18px}.switch-row h3{margin:0 0 7px;font-size:15px}.switch-row p{font-size:12px;color:var(--muted);margin:0;line-height:1.5}.switch-row input{width:22px;height:22px;accent-color:var(--teal);flex-shrink:0}.toast{position:fixed;bottom:108px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:var(--ink);color:var(--paper);padding:14px 20px;border-radius:13px;font-size:13px;line-height:1.5;box-shadow:0 5px 25px #0003;z-index:20}dialog{border:2px solid var(--ink);border-radius:22px;padding:28px;background:var(--paper);color:var(--ink);max-width:450px;width:calc(100% - 32px);box-shadow:var(--shadow)}dialog::backdrop{background:#173b4088}dialog h2{font-size:23px}dialog p{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:25px}.result-error{white-space:pre-wrap;overflow-wrap:anywhere;font-size:12px;line-height:1.6;color:var(--red);background:#fff0e8;border-radius:12px;padding:15px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
@media(min-width:760px){.navigation{position:sticky;bottom:20px;z-index:10}.admin-mode .navigation{max-width:600px}}
@media(max-width:759px){.shell{padding:0 18px}.header{height:79px}.brand{font-size:21px}.brand-mark{width:36px;height:40px;font-size:27px}.header-right{font-size:11px;gap:10px}main{padding-top:21px}.hero{padding:25px 22px;min-height:214px;border-radius:21px}.hero h1{font-size:31px;letter-spacing:-1px;margin:13px 0}.hero-copy{max-width:69%}.hero p{font-size:11px;max-width:210px}.hero .eyebrow{font-size:8px;letter-spacing:1.1px}.dog{width:130px;height:177px;margin-left:-15px;margin-right:-25px;align-self:flex-end;margin-bottom:-25px}.hero .flower.second{right:100px;width:70px;height:70px}.hero .flower{width:115px;height:115px;right:-30px;top:-30px}.section-heading{margin-top:26px}.section-heading h2{font-size:21px}.section-heading p{font-size:10px}.chip{font-size:12px;padding:11px 13px}.categories{gap:8px;margin-top:14px}.category{padding:14px 10px;border-radius:12px}.category strong{font-size:12px}.category span{font-size:10px}.catalog-layout{display:block}.plan{padding:22px}.plan h2{font-size:28px;margin-top:20px}.info-panel{margin-top:24px;padding:22px}.info-panel h3{font-size:20px}.navigation{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:14px;right:14px;max-width:none;z-index:10;margin:0;padding:7px;border-radius:17px}.nav-item{flex-direction:column;gap:5px;padding:9px 4px;font-size:10px}.nav-icon{font-size:17px}.footer{padding-bottom:100px;font-size:9px;line-height:1.8}.checkout-layout{display:block}.summary{margin-top:20px;position:static;padding:24px}.panel{padding:22px}.page-title{font-size:27px}.list-card{padding:17px;gap:10px}.list-card h3{font-size:14px}.list-card .amount{font-size:14px}.admin-heading h1{font-size:25px}.admin-heading .button{min-height:38px;padding:8px 11px;font-size:11px}.metrics{grid-template-columns:1fr 1fr;gap:10px}.metric{padding:18px}.metric strong{font-size:24px}.metric span{font-size:10px}.admin-grid{grid-template-columns:1fr}.admin-tabs{gap:7px}.admin-tabs .chip{font-size:11px;padding:10px 12px}.toolbar select{flex:1}.details div{font-size:12px}.button{font-size:12px}.greeting-short{max-width:100px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}}

/* Scene banners: complete artwork, live labels and controls remain separate. */
.scene-art{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain;background:#705599;border-radius:14px}
.hero.illustrated-hero{padding:0;display:grid;grid-template-columns:1fr 1.15fr;gap:0;background:var(--teal)}
.illustrated-hero .hero-copy{max-width:none;padding:30px;min-width:0}
.illustrated-hero h1{font-size:clamp(29px,3.7vw,43px)}
.illustrated-hero .hero-art{border-radius:0;align-self:stretch;height:100%;object-fit:contain;background:#3b365d}
.illustrated-info{gap:16px;justify-content:flex-start}
.illustrated-info .scene-art{border:1.5px solid var(--ink)}
.illustrated-info .info-foot{margin-top:auto}
.configure-art{margin-bottom:23px;max-height:225px}
.invoice-head .checkout-art{margin-bottom:22px;border:1.5px solid var(--ink)}
@media(max-width:759px){.hero.illustrated-hero{display:flex;flex-direction:column}.illustrated-hero .hero-art{order:-1;width:100%;height:auto;border-bottom:2px solid var(--ink)}.illustrated-hero .hero-copy{width:100%;padding:23px;max-width:none}.illustrated-hero h1{font-size:30px;margin:13px 0}.illustrated-hero p{max-width:none;font-size:12px}.illustrated-info .scene-art{max-height:230px}.configure-art{max-height:185px}.invoice{margin-top:0}}

/* Dark palette, including checkout, admin, dialogs and Telegram chrome. */
:root{color-scheme:dark}
body{background:var(--paper)}
.hero.illustrated-hero{background:#211d32;border-color:#454059}
.hero h1 em{color:var(--lime)}
.hero .eyebrow{color:#192c25;border:0;transform:none}
.hero p{color:#c5bfd4}
.illustrated-hero .hero-art{background:#211d32;border-color:var(--line)}
.plan,.invoice .panel,.illustrated-info .scene-art,dialog{border-color:var(--line)}
.brand-mark{color:#112624;border-color:var(--teal);text-shadow:none;box-shadow:none}
.chip.active,.option.active,.button.primary,.button.teal,.empty-icon,.badge.lime{color:#172725;border-color:transparent}
.option.active small{color:#354438}
.category.active{background:#302841;color:var(--ink);border-color:#a083d6}
.option.active .radio-dot{border-color:#172725;background:#172725}
.button{border-color:var(--line)}
.button.primary{box-shadow:none}
.button.danger{background:#37212a;border-color:#7e4351;color:#ffacb5}
.badge.purple{background:#342847;color:#d4b4ff}
.badge.orange{background:#3c2e23;color:#ffc27c}
.badge.green{background:#1e382e;color:#9be5b4}
.badge.red{background:#3c222c;color:#ffa5ad}
.summary{background:#211d31;color:var(--ink);border:1px solid #494056}
.summary-row span,.summary-total small,.summary .small{color:var(--muted)}
.navigation{background:#22202f;border:1px solid #454055;box-shadow:0 8px 30px #0005}
.nav-item{color:#bab4cb}.nav-item.active{color:#172725}
.admin-tabs .chip.active{color:#112624}
.admin-label{color:#f6efff;background:#62438c}
.metric.accent{background:#25362e;border-color:#526b50}.metric.accent strong{color:var(--lime)}
.metric.accent span,.metric.accent small{color:#bdd0bc}
.notice{background:#302820;border-color:#66513b;color:#efd0a5}
.result-error{background:#342029;color:#ffacb5}
.feature{border-color:var(--line)}
.toast{background:#343044;color:var(--ink);border:1px solid #62586e}
dialog::backdrop{background:#070710b8}
input::placeholder{color:#9a93ac}
@media(hover:hover){.button:not(:disabled):hover{filter:brightness(1.12)}.chip:not(.active):hover,.category:not(.active):hover{border-color:#756984}}