/* Shared calculator language: 8px controls, 16px panels, quiet gold accents. */
:root{--kd-control-radius:8px;--kd-card-radius:16px}
.kd-menu a,.kd-sub a,.kd-sub-cur,.kd-back{border-radius:var(--kd-control-radius)!important}
.kd-c-nav{position:relative;z-index:60;border-bottom:1px solid var(--kd-line);background:#10111e}
.kd-c-nav-in{max-width:1180px;margin:auto;padding:12px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.kd-c-back{font:400 12px/1.5 var(--kd-sans);color:var(--kd-mute);text-decoration:none}.kd-c-back:hover{color:var(--kd-gold)}
.kd-c-picker{position:relative;margin:0;border:0;background:none;padding:0;max-width:65%}
.kd-c-picker summary{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:40px;box-sizing:border-box;padding:8px 14px;border:1px solid var(--kd-gold-line);border-radius:8px;background:#d7bc8307;cursor:pointer;list-style:none;font:500 12px/1.5 var(--kd-sans);color:var(--kd-text)}
.kd-c-picker summary::-webkit-details-marker{display:none}.kd-c-picker summary>span{color:var(--kd-gold);font-size:18px}.kd-c-picker[open] summary>span{transform:rotate(180deg)}
.kd-c-picker nav{position:absolute;top:calc(100% + 10px);right:0;width:300px;max-width:calc(100vw - 32px);padding:8px;border:1px solid var(--kd-gold-line);border-radius:12px;background:#171824;box-shadow:0 24px 65px #0009;display:grid;gap:4px}
.kd-c-picker nav a{display:flex;flex-direction:column;gap:4px;padding:12px;border-radius:8px;text-decoration:none;color:var(--kd-text);font:500 13px/1.4 var(--kd-sans)}
.kd-c-picker nav small{font-size:10px;color:var(--kd-mute);font-weight:400}.kd-c-picker nav a:hover,.kd-c-picker nav a[aria-current]{background:#d7bc8310;color:var(--kd-gold)}
.kd-c-seal{width:96px;height:96px;margin:30px auto 22px;position:relative;isolation:isolate;flex-shrink:0}
.kd-c-seal img{width:100%;height:100%;border-radius:50%;object-fit:cover;opacity:.9;filter:saturate(.7);border:1px solid var(--kd-gold-line);box-shadow:0 0 45px #bb986d14}
.kd-c-seal::before{content:'';position:absolute;inset:-9px;border:1px solid #d7bc8320;border-radius:50%;pointer-events:none}
.kd-c-seal i{position:absolute;inset:-10px;border-radius:50%;animation:kd-c-orbit 65s linear infinite;pointer-events:none}.kd-c-seal i::before{content:'';position:absolute;width:4px;height:4px;left:50%;top:-1px;border-radius:50%;background:var(--kd-gold);box-shadow:0 0 12px #d7bc83}
@keyframes kd-c-orbit{to{transform:rotate(360deg)}}
body.kd-u-num header.kd-c-intro{max-width:980px;margin:0 auto!important;padding:0 24px 22px!important;text-align:center}.kd-c-intro .mb-8{margin-bottom:0!important}
.kd-c-picker summary::before,.kd-c-picker summary::after{display:none!important}
body.kd-u-num .max-w-5xl>div:first-child{ text-align:left!important }
body.kd-u-num .max-w-5xl>div:first-child p{font:400 12px/1.7 var(--kd-sans)!important;text-align:left!important;max-width:none!important;margin:16px 0 0!important;color:var(--kd-mute)!important}
body.kd-f-calc h1{font-weight:500!important;letter-spacing:-.025em!important;max-width:880px;margin:0 auto 18px!important}
body.kd-f-calc :is(.kdr-htag,.eyebrow){font-size:10px!important;letter-spacing:.23em!important;color:var(--kd-gold)!important;margin-top:24px!important}
body.kd-f-calc :is(.glass,.card,form#f,.form,.panel){border:1px solid #c9bb9e26!important;border-radius:var(--kd-card-radius)!important;background:radial-gradient(ellipse at 0 0,#8b739113,transparent 65%),linear-gradient(140deg,#1b1c2b,#121420)!important;box-shadow:0 18px 50px #0003,inset 0 1px 0 #f0d9ad08!important}
body.kd-f-calc :is(input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea){border-radius:var(--kd-control-radius)!important;background-color:#0e101c!important;border-color:#c9bb9e30!important;color:var(--kd-text)!important;box-shadow:inset 0 2px 8px #0002!important}
body.kd-f-calc :is(input,select,textarea):focus{outline:2px solid #d7bc8380!important;outline-offset:3px;border-color:var(--kd-gold)!important}
body.kd-f-calc :is(button,.ghost-btn,.actions a,.tab,.nav-tab){border-radius:var(--kd-control-radius)!important;font-family:var(--kd-sans)!important;text-transform:none!important;letter-spacing:0}
body.kd-f-calc :is(.kdr-btn-gold,.btn-gold,#go,#f button[type=submit],.btn){border:1px solid #e4cb98!important;background:linear-gradient(115deg,#e4cfaa,#c4a16b)!important;color:#251c12!important;box-shadow:0 6px 26px #bc945d1a!important;min-height:48px;transition:filter .25s,box-shadow .25s!important}
body.kd-f-calc :is(.kdr-btn-gold,.btn-gold,#go,#f button[type=submit],.btn):hover{filter:brightness(1.08);box-shadow:0 8px 30px #bc945d35!important}
body.kd-f-calc :is(button,a,summary):focus-visible{outline:2px solid var(--kd-gold)!important;outline-offset:4px}
body.kd-f-calc :is(.modes,.tabs){padding:6px!important;gap:6px!important;background:#11131e!important;border:1px solid var(--kd-line)!important;border-radius:12px!important;margin:26px auto!important}
body.kd-f-calc :is(.mode-btn,.tab,.nav-tab){background:transparent!important;border:1px solid transparent!important;color:var(--kd-mute)!important;min-height:44px;box-shadow:none!important;font-size:13.5px!important}
body.kd-f-calc :is(.mode-btn.active,.modes button.on,.tab.active,.tab.on,.nav-tab.active){background:#d7bc8310!important;border-color:#d7bc8340!important;color:#ecd9b1!important}
body.kd-u-num nav.kd-sticky{position:relative!important;top:auto!important;z-index:2!important;max-width:980px;margin:0 auto 6px!important;padding:0 20px!important;background:transparent!important;border:0!important}
body.kd-u-num nav.kd-sticky>div{padding:0!important}
body.kd-u-num nav.kd-sticky>div>div{padding:6px!important;gap:4px!important;background:#10121e;border:1px solid var(--kd-line);border-radius:12px;display:flex;flex-wrap:nowrap!important;overflow:auto}
body.kd-u-num .nav-tab{flex:1 0 auto;justify-content:center;min-height:50px;padding:12px 18px!important;font-size:15.5px!important;font-weight:500!important;white-space:nowrap}
body.kd-u-num .nav-tab::after{display:none!important}
body.kd-u-num :is(.number-circle,.kdr-num){border-radius:12px!important;background:radial-gradient(ellipse at 50% 0,#d7bc8316,transparent 75%),#11131f!important;border:1px solid #d7bc8355!important;box-shadow:inset 0 1px 0 #ffe8b219,0 8px 24px #0003!important;color:#e4cc9b!important}
body.kd-u-num .card-hover{transition:border-color .3s,transform .3s!important}.kd-u-num .card-hover:hover{border-color:#d7bc8366!important;transform:translateY(-4px)}
body.kd-u-num :is(.rounded-3xl,.rounded-2xl){border-radius:16px!important}
body.kd-u-num button:is(.rounded-3xl,.rounded-2xl){border-radius:8px!important}
body.kd-u-num #cal-grid{gap:8px!important}
body.kd-u-num #cal-grid button{background:linear-gradient(145deg,#202130,#151722)!important;border:1px solid #c9bb9e22!important;box-shadow:inset 0 1px 0 #fff04;transition:background .2s,border-color .2s!important;transform:none!important}
body.kd-u-num #cal-grid button:hover{background:#2a2833!important;border-color:var(--kd-gold)!important}
body.kd-u-num #cal-grid button>span:last-child{font-family:var(--kd-serif);font-weight:500;font-size:28px!important;color:#dfc89c!important}
body.kd-u-num #cal-year-strip{gap:6px!important}
body.kd-u-num #cal-year-strip button{background:#ffffff03!important;border:1px solid #c9bb9e22!important;min-height:48px!important;gap:6px!important}
body.kd-u-num :is(#cal-grid,#cal-year-strip) button[class*=outline]{outline:1px solid var(--kd-gold)!important;outline-offset:2px!important;background:#d7bc8310!important}
body.kd-u-num [class*=border-l-4]{border-left-width:2px!important;border-left-color:var(--kd-gold)!important;background:#d7bc8307!important}
body.kd-u-natal .wheel-card{background:radial-gradient(circle at center,#242033,#11131f 72%)!important;padding:32px!important}
body.kd-u-natal .wheel-card svg text{font-family:'Segoe UI Symbol',serif!important;font-variant-emoji:text}
body.kd-f-calc h2{font-family:var(--kd-serif)!important;font-weight:500!important;letter-spacing:-.015em}
@media(max-width:759px){.kd-c-nav-in{padding:10px 16px;gap:10px}.kd-c-back{font-size:10px}.kd-c-picker summary{font-size:11px;padding:8px 10px;gap:10px}.kd-c-seal{width:72px;height:72px;margin:26px auto 20px}.kd-c-intro{padding:0 18px 18px}body.kd-f-calc h1{font-size:29px!important}body.kd-u-num .nav-tab{min-height:46px;padding:10px 14px!important;font-size:14.5px!important}body.kd-u-num #cal-grid{gap:5px!important}body.kd-u-num #cal-grid button>span:last-child{font-size:21px!important}body.kd-u-natal .wheel-card{padding:12px!important}}
@media(prefers-reduced-motion:reduce){.kd-c-seal i{animation:none}.kd-u-num .card-hover:hover{transform:none}}
.kd-p-still .kd-c-seal i{animation:none}
.kd-p-still .kd-f-calc .reveal{opacity:1!important;transform:none!important}
@media(prefers-reduced-motion:reduce){.kd-f-calc .reveal{opacity:1!important;transform:none!important}}
body.kd-f-calc.kd-f-calc :is(input:not([type=checkbox]):not([type=radio]):not([type=range]):not(.date-proxy),select,textarea){border-radius:8px!important;background-color:#0e101c!important;border-color:#c9bb9e30!important}
@media(max-width:759px){body.kd-u-num header.kd-c-intro{padding-inline:18px!important}body.kd-u-num #cal-grid button{aspect-ratio:auto!important;min-height:58px!important}body.kd-u-num #cal-grid button>span:last-child{padding-top:10px}}

/* Всплывающие окна чисел и сиреневые акценты нумерологии (18.09.2026): приведены к золотой палитре */
body.kd-u-num #modal{background:rgba(8,9,18,.8)!important}
body.kd-u-num #modal .modal{background:linear-gradient(140deg,#1b1c2b,#121420)!important;border:1px solid #c9bb9e33!important;border-radius:16px!important;box-shadow:0 30px 90px #000a,inset 0 1px 0 #f0d9ad0a!important}
body.kd-u-num #modal .modal>div:first-child{background:#0d0f1b!important;border-bottom:1px solid var(--kd-line)!important}
body.kd-u-num #modal-position{color:var(--kd-gold)!important;font:600 11px/1 var(--kd-sans)!important;letter-spacing:.23em!important}
body.kd-u-num #modal-number{color:#e4cc9b!important;font-weight:500!important}
body.kd-u-num #modal .modal>div:last-child{background:#0d0f1b!important;border-top:1px solid var(--kd-line)!important;color:var(--kd-dim)!important}
body.kd-u-num #modal button:hover{color:var(--kd-gold)!important}
body.kd-u-num .interpretation-box{background:linear-gradient(120deg,#d7bc8312,#d7bc8305)!important;border-left:2px solid var(--kd-gold)!important;border-radius:0 12px 12px 0!important}
body.kd-u-num :is(.text-violet-200,.text-violet-300,.text-violet-400){color:var(--kd-gold)!important}
body.kd-u-num .bg-violet-500\/10{background:#d7bc830d!important}
body.kd-u-num :is(.border-violet-400,.border-violet-500,.border-violet-400\/20){border-color:#d7bc8340!important}
body.kd-u-num :is(.bg-violet-500,.from-violet-500,.from-violet-600){background:linear-gradient(120deg,#e0c99c,#c5a46c)!important;color:#211b13!important}
body.kd-u-num .ring-violet-300{--tw-ring-color:#d7bc83!important}

/* Компактная навигация с крошками (18.09.2026): слева возврат и крошки, справа выбор калькулятора */
.kd-c-left{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1 1 auto}
.kd-c-nav .kd-crumbs{flex:0 1 auto;max-width:none;font-size:12px;gap:6px;color:var(--kd-dim)}
.kd-c-nav .kd-crumbs a{padding:2px 0;color:var(--kd-dim)}
.kd-c-nav .kd-crumbs a:hover{color:var(--kd-gold)}
.kd-c-nav .kd-crumbs b{color:var(--kd-mute)}
.kd-c-nav .kd-crumbs i{opacity:.4}
.kd-c-back{font-size:13px}
@media(max-width:759px){.kd-c-nav .kd-crumbs{display:none}.kd-c-back{font-size:12px}}
