/* Самоцвет 5.2.2 — интерактивный 2D-эскиз «Создай своё». */
:root{--v51-ink:#35271e;--v51-gold:#ae8961;--v51-line:#e6dac9}
.v51-wrap{max-width:720px;margin-inline:auto;padding-bottom:36px;color:var(--v51-ink)}
.v51-kicker{text-transform:uppercase;letter-spacing:.18em;font-size:10px;line-height:1.6;color:#99764f;font-weight:700}
.v51-title{font:normal clamp(36px,10vw,52px)/1.08 Georgia,serif;margin:11px 0 14px}.v51-title em{color:#ac845c;font-weight:normal}
.v51-lead{color:#827264;font-size:13px;line-height:1.75;max-width:500px;margin:0 0 23px}
.v51-sketch{height:300px;position:relative;overflow:hidden;border-radius:25px;background:radial-gradient(ellipse at 54% 34%,#fff9ef 5%,#f5e9da 48%,#dac3ac 100%);border:1px solid #eadaca;isolation:isolate;display:grid;place-items:center;margin-bottom:20px}
.v51-sketch::before{content:'✧';position:absolute;font:normal 170px/1 Georgia,serif;color:#ffffff6e;top:-45px;right:-28px;z-index:-1}.v51-sketch-tag{position:absolute;top:18px;left:18px;font-size:10px;letter-spacing:.16em;color:#846c5b}
.v51-sketch-foot{position:absolute;bottom:18px;left:19px;right:19px;display:flex;align-items:center;justify-content:space-between;gap:9px;color:#816958;font-size:10px}.v51-sketch-foot span:first-child{font-family:Georgia,serif;font-style:italic;font-size:17px}
.v51-ring{position:relative;width:180px;height:205px;display:grid;place-items:center;filter:drop-shadow(0 14px 11px #62472e30);animation:v51-in .38s ease both}
@keyframes v51-in{from{opacity:.4;transform:translateY(7px) scale(.97)}to{opacity:1;transform:none}}
.v51-band{position:absolute;top:83px;left:14px;width:150px;height:102px;border-radius:50%;transform:rotate(-17deg);border:24px solid #d99b59;box-shadow:inset 0 0 0 3px #fff3de,inset 2px 10px 13px #64402872, 2px 5px 8px #7e51296e, 0 -4px 5px #fff7e9}
.v51-ring-red .v51-band{border-color:#c88b66;box-shadow:inset 0 0 0 3px #ffe5d8,inset 2px 10px 13px #643c3672,2px 5px 8px #8a54466e,0 -4px 5px #fff4ed}
.v51-ring-white .v51-band{border-color:#b4bec7;box-shadow:inset 0 0 0 3px #fff,inset 2px 10px 13px #59697872,2px 5px 8px #77838f6e,0 -4px 5px #fff}
.v51-ring-modern .v51-band{border-width:16px}.v51-ring-signet .v51-band{border-width:31px}
.v51-setting{position:absolute;z-index:1;top:25px;left:67px;width:63px;height:74px;background:linear-gradient(135deg,#f5dabb,#a57c56,#f9e7d0);clip-path:polygon(50% 0,90% 25%,90% 73%,50% 100%,10% 73%,10% 25%);display:grid;place-items:center}
.v51-ring-white .v51-setting{background:linear-gradient(135deg,#f8fcff,#8b9ba7,#fff)}
.v51-ring-yellow .v51-setting{background:linear-gradient(135deg,#fff5b0,#a07837,#ffe4a2)}
.v51-gem{width:49px;height:57px;clip-path:polygon(50% 0,90% 26%,90% 73%,50% 100%,10% 73%,10% 26%);background:conic-gradient(from 50deg,#fff,#acb7c4,#fff,#d5edf4,#7c95ab,#fff);position:relative}
.v51-gem::after{content:'';position:absolute;inset:9px;clip-path:inherit;border:1px solid #ffffffad;background:#ffffff40}.v51-gem-sapphire{background:conic-gradient(#0d3168,#96c7ef,#082c67,#4a89c1,#0d3168)}.v51-gem-emerald{background:conic-gradient(#075e4a,#85e6af,#0e765c,#1a4038,#075e4a)}
.v51-plain{position:absolute;top:44px;width:39px;height:30px;background:linear-gradient(140deg,#fff8e5,#bf9165);border-radius:50%;box-shadow:0 4px 9px #77553b61}.v51-ring-white .v51-plain{background:linear-gradient(140deg,#fff,#a8b9c5)}
.v51-step{border:1px solid var(--v51-line);border-radius:19px;background:#fffdf9;padding:20px 16px;margin:13px 0}.v51-step h2{font:normal 23px/1.2 Georgia,serif;margin:0 0 15px;display:flex;gap:12px;align-items:baseline}.v51-step h2 span{font:700 11px -apple-system,BlinkMacSystemFont,Arial,sans-serif;color:#aa885d}
.v51-options{display:flex;flex-wrap:wrap;gap:9px}.v51-options button{border:1px solid #e0d0bd;color:#765d49;background:#fffefa;border-radius:50px;min-height:45px;padding:12px 15px;font-size:12px;line-height:1.35;transition:background .17s ease,transform .17s ease}.v51-options button.selected{background:var(--v51-gold);color:white;border-color:var(--v51-gold)}
.v51-step label{display:block;font-size:12px;color:#746355;margin-bottom:10px}.v51-step input{width:100%;min-height:49px;border:1px solid #deceba;border-radius:12px;background:#f9f6f1;color:#49372c;padding:12px 14px;font-size:14px}.v51-step small{display:block;color:#998778;font-size:11px;margin-top:10px;line-height:1.5}
.v51-summary{background:#f0e8dc;padding:20px;border-radius:18px;margin:21px 0 15px}.v51-summary h2{font:normal 28px Georgia,serif;margin:8px 0 18px}.v51-summary>div{display:flex;justify-content:space-between;gap:18px;border-top:1px solid #d9c9b6;padding:13px 0;font-size:12px}.v51-summary>div strong{text-align:right;overflow-wrap:anywhere;max-width:62%}
.v51-warning{padding:17px 16px;border-radius:17px;border:1px solid #e5d5c1;background:#faf5ec;color:#786657;line-height:1.7;font-size:12px}.v51-warning strong{color:#4f3b2f}
.v51-outline,.v51-primary,.v51-reset{margin-top:15px;width:100%;min-height:48px;border-radius:50px;padding:12px 16px;font-size:13px;background:transparent;color:#916b44;border:1px solid #b08b61}.v51-primary{background:#ad8860;color:#fff}.v51-reset{border:0;text-decoration:underline;text-underline-offset:4px}
.v51-home-feature{background:linear-gradient(116deg,#f0e2d1,#d0ac89);padding:25px 20px;border-radius:24px;border:1px solid #e8d4c1;position:relative;isolation:isolate;overflow:hidden;margin:23px 0}.v51-home-feature h2{font:normal 30px/1.1 Georgia,serif;margin:12px 0;color:#493324}.v51-home-feature p{font-size:12px;line-height:1.7;color:#745945;max-width:244px}.v51-feature-buttons{display:flex;flex-wrap:wrap;gap:10px;position:relative;z-index:1;margin-top:14px}.v51-feature-buttons button{padding:12px 14px;background:#fff9f2dd;color:#845f3e;font-size:12px;border:1px solid #bc9871;border-radius:30px;min-height:44px}.v51-feature-spark{font:140px Georgia,serif;position:absolute;right:-12px;top:-24px;color:#fff4e38c;z-index:-1}
.v51-profile-cta{border-radius:18px;border:1px solid #e7d5c2;background:#fffaf4;margin:18px 0 30px;padding:20px}.v51-profile-cta h2{font:normal 23px/1.25 Georgia,serif;margin:10px 0}.v51-profile-cta button{display:block;text-align:left;width:100%;background:transparent;border:0;border-top:1px solid #e9ddd0;color:#98714f;padding:15px 0;font-size:13px}
.v51-detail-cta{margin:25px 0;padding:20px;border-radius:18px;background:#f5ece0;border:1px solid #e5d5c3}.v51-detail-cta h2{font:normal 25px Georgia,serif;margin:8px 0}.v51-detail-cta p,.v51-detail-cta small{font-size:12px;line-height:1.6;color:#8b7663}.v51-detail-cta small{display:block;margin-top:9px}.v51-detail-cta button{border:1px solid #b08c66;border-radius:40px;padding:12px 16px;min-height:44px;color:#795a3e;background:#fffcf7}
.v51-options button:focus-visible,.v51-step input:focus-visible,.v51-wrap button:focus-visible{outline:2px solid #745435;outline-offset:3px}
@media(max-width:370px){.v51-step{padding:17px 12px}.v51-sketch{height:265px}.v51-title{font-size:35px}}
@media(prefers-reduced-motion:reduce){.v51-ring{animation:none!important}.v51-wrap button{transition:none!important}}