:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;color:#f8f1e5;background:#061a3b;--night:#061a3b;--night-deep:#03132e;--night-muted:#b7c2d7;--ivory:#fbf4e8;--ivory-soft:#f2e4ca;--ink:#0c2448;--gold:#d7a63b;--gold-bright:#f5cf70;--gold-deep:#a87516;--line:rgba(215,166,59,.58);--focus:#f6d47f;--danger:#ffd4d4;--danger-surface:#5a1928;--shadow:0 18px 46px rgba(0,6,23,.34);--radius:22px}*{box-sizing:border-box}html{background:var(--night-deep)}body{min-width:320px;margin:0;background:radial-gradient(ellipse 90% 50% at 50% -6%,rgba(39,80,147,.45),transparent 66%),radial-gradient(circle at 7% 42%,rgba(215,166,59,.08),transparent 20%),var(--night);color:var(--ivory)}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--focus);outline-offset:3px}.skip-link{position:fixed;top:8px;left:8px;z-index:30;padding:9px 12px;border-radius:8px;background:var(--ivory);color:var(--ink);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.app-shell{position:relative;width:min(100%,760px);min-height:100dvh;margin:0 auto;padding:calc(16px + env(safe-area-inset-top)) clamp(18px,5vw,38px) calc(118px + env(safe-area-inset-bottom));overflow:hidden}.app-shell:before,.app-shell:after{position:absolute;z-index:-1;width:340px;height:340px;border:1px solid rgba(215,166,59,.12);border-radius:50%;content:"";pointer-events:none}.app-shell:before{top:-208px;left:-164px;box-shadow:0 0 0 42px #d7a63b06,0 0 0 84px #d7a63b05}.app-shell:after{right:-236px;top:56px;box-shadow:0 0 0 42px #d7a63b06,0 0 0 84px #d7a63b05}.topbar{display:flex;min-height:48px;align-items:center;justify-content:space-between;gap:12px;margin-bottom:26px}.brand,.text-button,.back-button{min-height:44px;border:0;background:transparent;color:var(--ivory);font-weight:700}.brand{display:flex;align-items:center;gap:10px;padding:6px 0;font-family:Georgia,Times New Roman,serif;font-size:21px;letter-spacing:.01em}.brand-mark{width:30px;height:30px;flex:0 0 30px;border-radius:50%;background:url(/vk-design/catalog-icon.png) center/cover no-repeat;box-shadow:0 0 0 1px #f5cf7099,0 0 16px #d7a63b38}.language-switch{display:flex;padding:3px;border:1px solid rgba(245,207,112,.28);border-radius:12px;background:#03132e80}.language-switch button{min-width:36px;min-height:38px;border:0;border-radius:8px;background:transparent;color:var(--night-muted);font-size:12px;font-weight:800}.language-switch button.selected{background:var(--gold);color:var(--ink)}.text-button{padding:8px;color:var(--gold-bright);text-align:right}.notice{margin:0 0 20px;padding:12px 14px;border:1px solid rgba(245,207,112,.28);border-radius:13px;background:#081d3ecc;color:var(--ivory);line-height:1.45;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notice.error{border-color:#ffbebe8c;background:var(--danger-surface);color:var(--danger)}.home-flow,.page{display:grid;gap:24px}.hero{display:grid;justify-items:center;max-width:650px;margin:0 auto;text-align:center}.hero-mark{display:block;width:72px;height:72px;margin:4px 0 20px;border-radius:50%;background:url(/vk-design/catalog-icon.png) center/cover no-repeat;filter:drop-shadow(0 5px 16px rgba(215,166,59,.24))}.eyebrow{margin:0 0 10px;color:var(--gold-bright);font-size:12px;font-weight:800;letter-spacing:.16em}.hero h1,.page h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(35px,9vw,58px);line-height:1.06;letter-spacing:-.04em;text-wrap:balance}.hero>p:last-child,.body-copy{max-width:570px;margin:16px auto 0;color:#d7dcec;font-size:16px;line-height:1.6}.quick-grid,.feature-list{display:grid;gap:12px}.feature-card,.compact-spread,.spread-option,.product-card{position:relative;width:100%;min-height:94px;padding:17px 44px 17px 18px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(135deg,#fffaf0,var(--ivory-soft));color:var(--ink);text-align:left;box-shadow:var(--shadow);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.feature-card:after,.compact-spread:after,.spread-option:after{position:absolute;top:50%;right:19px;width:10px;height:10px;border-top:2px solid var(--gold-deep);border-right:2px solid var(--gold-deep);content:"";transform:translateY(-50%) rotate(45deg)}.feature-card.featured{border-color:var(--gold-bright);background:linear-gradient(135deg,#fffdf7,#f8e0a8)}.feature-card strong,.feature-card span,.compact-spread strong,.compact-spread span,.spread-option strong,.spread-option span,.product-card strong,.product-card span,.product-card b{display:block}.feature-card strong,.compact-spread strong,.spread-option strong,.product-card strong{font-family:Georgia,Times New Roman,serif;font-size:22px;line-height:1.14}.feature-card span,.compact-spread span,.spread-option span,.product-card span{max-width:32rem;margin-top:7px;color:#4d5c70;font-size:14px;line-height:1.42}.feature-card:active,.compact-spread:active,.spread-option:active,.primary-action:active,.secondary-action:active,.history-card:active,.deck-card:active,.answer-list button:active{transform:scale(.985)}.home-section{display:grid;gap:13px}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.section-heading h1,.section-heading h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(28px,7vw,42px);line-height:1.08}.spread-row{display:grid;gap:12px}.compact-spread{min-height:82px}.compact-spread strong{font-size:19px}.spread-group{display:grid;gap:10px}.spread-group h2,.page h2{margin:5px 0 3px;font-family:Georgia,Times New Roman,serif;font-size:25px;color:var(--ivory)}.spread-option{min-height:92px}.spread-option.selected{border-color:var(--gold-bright);box-shadow:0 18px 42px #0005166b,0 0 0 2px #f5cf7026}.question-field{display:grid;gap:8px}.question-field label,.question-field>span{font-weight:800}.question-field textarea,.search-field input,.checkout-form input{display:block;width:100%;min-height:48px;padding:14px 16px;border:1px solid rgba(215,166,59,.68);border-radius:16px;background:#03132e80;color:var(--ivory);line-height:1.5;box-shadow:inset 0 1px #ffffff0f}.question-field textarea{min-height:118px;resize:vertical}.question-field textarea::-moz-placeholder,.search-field input::-moz-placeholder{color:#aebbd0}.question-field textarea::placeholder,.search-field input::placeholder{color:#aebbd0}.question-field p{margin:0;color:var(--night-muted);font-size:13px;line-height:1.5}.primary-action,.secondary-action{display:flex;min-height:56px;align-items:center;justify-content:center;border-radius:16px;padding:12px 20px;font-family:Georgia,Times New Roman,serif;font-size:20px;font-weight:700;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.primary-action{border:1px solid #f6d576;background:linear-gradient(135deg,#f5d276,#c58c25);color:#102448;box-shadow:0 12px 28px #00051661,inset 0 1px #ffffff73}.primary-action:disabled{cursor:not-allowed;opacity:.55}.secondary-action{border:1px solid var(--line);background:#03132e5c;color:var(--gold-bright)}.back-button{justify-self:start;padding:0;color:var(--gold-bright)}.reading-page{padding-top:6px}.question-echo{margin:0;color:#d9dfeb;font-style:italic;line-height:1.5}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:2px 0}.cards.many{grid-template-columns:repeat(2,minmax(0,1fr))}.tarot-card{min-width:0;padding:8px;border:1px solid var(--line);border-radius:16px;background:#fbf4e8fa;color:var(--ink);box-shadow:var(--shadow)}.tarot-card img,.card-placeholder{display:block;width:100%;aspect-ratio:2/3;border-radius:11px;-o-object-fit:cover;object-fit:cover;background:linear-gradient(145deg,#13396f,#071738)}.tarot-card p{margin:8px 0 3px;color:#5f6878;font-size:11px}.tarot-card h2{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(14px,3.8vw,20px);line-height:1.12;overflow-wrap:anywhere}.tarot-card span{display:block;margin-top:5px;color:#5f6878;font-size:11px;line-height:1.25}.interpretation,.result-card{display:grid;gap:10px;padding:20px;border:1px solid var(--line);border-radius:20px;background:#fbf4e8fa;color:var(--ink);box-shadow:var(--shadow)}.interpretation h2,.result-card h2{margin:0;color:var(--ink);font-size:26px}.interpretation p,.article-page p,.card-detail p{margin:0;white-space:pre-wrap;line-height:1.68}.disclaimer,.footer-note,.empty-copy{margin:0;color:var(--night-muted);font-size:13px;line-height:1.5}.search-field{display:block}.deck-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.deck-card{min-height:0;padding:7px;border:1px solid var(--line);border-radius:14px;background:var(--ivory);color:var(--ink);box-shadow:var(--shadow)}.deck-card img{display:block;width:100%;aspect-ratio:2/3;border-radius:9px;-o-object-fit:cover;object-fit:cover;background:#17376a}.deck-card span{display:block;margin-top:7px;font-size:12px;line-height:1.25;overflow-wrap:anywhere}.card-detail{grid-template-columns:minmax(0,1fr);align-items:start}.card-detail>img{width:min(100%,280px);margin:auto;border:1px solid var(--line);border-radius:18px;background:var(--ivory);box-shadow:var(--shadow)}.card-detail>div{display:grid;gap:12px}.card-detail h2{margin:8px 0 0;font-size:22px}.keyword-list{color:var(--gold-bright)}.progress{margin:0;color:var(--gold-bright);font-weight:800}.answer-list{display:grid;gap:10px}.answer-list button{min-height:54px;padding:12px 16px;border:1px solid var(--line);border-radius:15px;background:#fbf4e8fa;color:var(--ink);font-size:16px;text-align:left;transition:transform .18s ease,border-color .18s ease}.answer-list button:hover{border-color:var(--gold-bright)}.oracle-page>p{margin:0;color:#d7dcec}.oracle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.oracle-grid button{position:relative;min-height:120px;border:1px solid var(--line);border-radius:14px;background:linear-gradient(145deg,#153b73,#061a3b);box-shadow:inset 0 0 0 4px #f5cf7014,var(--shadow);color:var(--gold-bright);font-family:Georgia,Times New Roman,serif;font-size:28px}.oracle-grid button:before{position:absolute;top:12px;right:12px;bottom:12px;left:12px;border:1px solid rgba(245,207,112,.55);border-radius:10px;content:""}.oracle-grid button.picked{background:var(--ivory);color:var(--ink);transform:rotateY(180deg)}.oracle-grid button span{display:inline-block;transform:rotateY(180deg)}.article-page{max-width:640px}.article-page p{font-size:17px;color:#e2e7f0}.product-card{display:flex;align-items:center;gap:14px;padding:12px}.product-card:after{display:none}.product-card img{width:76px;height:76px;flex:0 0 76px;border-radius:12px;-o-object-fit:cover;object-fit:cover;background:#17376a}.product-card b{margin-top:10px;color:var(--gold-deep);font-size:15px}.checkout-form{display:grid;gap:14px}.checkout-form label{display:grid;gap:7px;color:var(--ivory);font-weight:700}.checkout-form input{background:#fbf4e8fa;color:var(--ink)}.reading-list{display:grid;gap:14px}.history-card{width:100%;min-height:106px;padding:17px 18px;border:1px solid var(--line);border-radius:18px;background:#fbf4e8fa;color:var(--ink);text-align:left;box-shadow:var(--shadow)}.history-card span,.history-card small{display:block;color:#5f6878;font-size:13px}.history-card strong{display:block;margin:8px 0;overflow:hidden;font-family:Georgia,Times New Roman,serif;font-size:19px;text-overflow:ellipsis;white-space:nowrap}.empty-state{display:grid;justify-items:start;gap:10px;padding:28px 0}.empty-state h2,.empty-state p{margin:0}.bottom-nav{position:fixed;z-index:10;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);width:min(100%,760px);margin:auto;padding:8px max(10px,env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) max(10px,env(safe-area-inset-left));border-top:1px solid rgba(245,207,112,.26);background:#03132ef0;box-shadow:0 -9px 30px #00041447;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.bottom-nav button{min-height:48px;border:0;border-radius:12px;background:transparent;color:var(--night-muted);font-size:12px;font-weight:800}.bottom-nav button.active{background:#f5cf7029;color:var(--gold-bright)}@media (min-width:560px){.quick-grid,.spread-row{grid-template-columns:repeat(2,1fr)}.cards{gap:16px}.cards.many,.deck-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-detail{grid-template-columns:280px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.home-topbar{justify-content:flex-end;margin-bottom:-38px;position:relative;z-index:2}.home-topbar .brand{display:none}.signature-home{gap:26px;padding-top:26px}.signature-hero{position:relative;display:grid;justify-items:center;padding:12px 0 6px;text-align:center}.signature-hero:before,.signature-hero:after{position:absolute;width:170px;height:170px;border:1px solid rgba(215,166,59,.18);border-radius:50%;content:"";pointer-events:none}.signature-hero:before{top:-112px;left:-96px;box-shadow:0 0 0 18px #d7a63b06}.signature-hero:after{top:-80px;right:-108px;box-shadow:0 0 0 18px #d7a63b06}.signature-star,.signature-orbit i,.signature-orbit:before,.signature-orbit:after,.cta-star{display:inline-block;background:linear-gradient(135deg,#fff2a1,#c78e20);clip-path:polygon(50% 0,60% 39%,100% 50%,60% 61%,50% 100%,40% 61%,0 50%,40% 39%)}.signature-star{width:64px;height:92px;margin:0 0 10px;filter:drop-shadow(0 5px 13px rgba(215,166,59,.28))}.signature-brand{margin:0;background:linear-gradient(105deg,#f6d57d,#c58a27,#f8dd8e);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Georgia,Times New Roman,serif;font-size:clamp(52px,16vw,76px);line-height:.92;letter-spacing:-.07em}.signature-rule{display:flex;align-items:center;justify-content:center;gap:12px;width:min(100%,280px);margin:18px 0 16px;color:var(--gold)}.signature-rule:before,.signature-rule:after{width:calc(50% - 15px);height:1px;background:#d7a63bb3;content:""}.signature-rule i{width:18px;height:18px}.signature-hero .eyebrow{max-width:318px;margin:0 0 30px;font-size:10px;line-height:1.55;letter-spacing:.2em}.signature-hero h1{max-width:690px;margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(42px,12.8vw,74px);line-height:1.03;letter-spacing:-.055em;text-wrap:balance}.signature-picks{display:grid;gap:14px}.signature-choice{display:grid;grid-template-columns:102px minmax(0,1fr) 18px;gap:18px;align-items:center;width:100%;min-height:162px;padding:18px;border:1px solid var(--gold);border-radius:25px;background:linear-gradient(125deg,#fffdf8,#f8eee1);color:var(--ink);text-align:left;box-shadow:0 18px 42px #00051652;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.signature-choice:after{width:13px;height:13px;border-top:3px solid var(--gold-deep);border-right:3px solid var(--gold-deep);content:"";transform:rotate(45deg)}.signature-choice.selected{border-width:2px;box-shadow:0 18px 42px #00051666,0 0 0 3px #f5cf701c}.signature-choice:active{transform:scale(.985)}.signature-choice strong,.signature-choice small{display:block}.signature-choice strong{font-family:Georgia,Times New Roman,serif;font-size:clamp(27px,8.5vw,42px);line-height:1.05}.signature-choice small{margin-top:11px;color:#43536b;font-size:16px;line-height:1.4}.signature-orbit{position:relative;display:grid;width:98px;height:98px;place-items:center;border:1px dashed rgba(199,142,32,.7);border-radius:50%;background:#061a3b;box-shadow:inset 0 0 0 11px #071e47,0 0 0 6px #d7a63b14}.signature-orbit:before,.signature-orbit:after{position:absolute;width:24px;height:24px;content:""}.signature-orbit i{width:52px;height:52px}.signature-orbit.triple i{width:31px;height:31px;transform:translateY(-13px)}.signature-orbit.triple:before{transform:translate(-18px,16px)}.signature-orbit.triple:after{transform:translate(18px,16px)}.signature-question{gap:11px;margin-top:6px}.signature-question label{color:var(--gold-bright);font-size:17px;font-weight:500}.signature-question textarea{min-height:142px;border-color:#d7a63b9e;border-radius:19px;background:linear-gradient(120deg,#03132ecc,#041d4294);font-size:17px}.signature-cta{gap:16px;min-height:74px;border-radius:21px;background:radial-gradient(circle at 16% 16%,rgba(255,244,174,.65),transparent 28%),linear-gradient(135deg,#f6d77b,#c98b20);font-size:clamp(22px,6.2vw,31px);box-shadow:0 16px 30px #0005166b,inset 0 1px #ffffff6b}.cta-star{width:32px;height:32px;background:#09204b}.home-all-spreads{min-height:44px;border:0;background:transparent;color:var(--gold-bright);font-size:15px;font-weight:800;letter-spacing:.05em}.home-all-spreads span{margin-left:6px;font-size:20px}@media (max-width:370px){.signature-choice{grid-template-columns:82px minmax(0,1fr) 15px;gap:12px;padding:14px}.signature-orbit{width:78px;height:78px}.signature-orbit i{width:42px;height:42px}.signature-choice small{font-size:14px}.signature-hero h1{font-size:42px}}@media (min-width:560px){.signature-picks{grid-template-columns:repeat(2,minmax(0,1fr))}.signature-choice{grid-template-columns:1fr;justify-items:center;text-align:center}.signature-choice:after{display:none}.signature-choice>span:last-child{width:100%}.signature-choice strong{font-size:32px}}.signature-choice{grid-template-columns:86px minmax(0,1fr) 14px;gap:12px;padding:14px;min-height:154px}.signature-orbit{width:84px;height:84px}.signature-orbit i{width:46px;height:46px}.signature-orbit.triple i{width:27px;height:27px;transform:translateY(-11px)}.signature-orbit.triple:before{transform:translate(-15px,14px)}.signature-orbit.triple:after{transform:translate(15px,14px)}.signature-choice strong{font-size:clamp(25px,7.1vw,34px)}.signature-choice small{margin-top:8px;font-size:15px}
