:root{color-scheme:dark;--bg:#0c0d1d;--bg2:#111226;--ink:#f6f3fc;--muted:#a9a6be;--subtle:#77768e;--purple:#b593f6;--lav:#dac4ff;--gold:#e9c698;--border:rgba(209,186,255,.14);--frost:rgba(255,255,255,.045);--red:#f1788f;--amber:#e9b872;--green:#69d7ad;--blue:#86b7ef;--violet:#b9a4ee;--max:1150px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,Manrope,'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased;min-height:100vh}button,input{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--lav);outline-offset:4px}button:disabled{opacity:.55;cursor:not-allowed}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.container{width:min(calc(100% - 48px),var(--max));margin-inline:auto}.app-shell{position:relative;min-height:100vh;isolation:isolate}.backdrop{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse 65% 26% at 51% 3%,rgba(113,63,180,.24),transparent 78%),radial-gradient(ellipse 40% 34% at 96% 23%,rgba(74,47,141,.12),transparent),linear-gradient(180deg,#0c0d20 0%,#0b0c1a 65%,#0b0c19 100%)}.backdrop:before{content:"";position:absolute;inset:0;opacity:.42;background-image:radial-gradient(#dcc8fd 0.7px,transparent 0.8px),radial-gradient(#f2e4f9 0.55px,transparent 0.7px);background-size:100px 110px,170px 155px;background-position:30px 27px,7px 65px;mask-image:linear-gradient(180deg,black 0%,transparent 62%)}.orb{position:absolute;width:460px;height:460px;border-radius:100%;filter:blur(90px);opacity:.12}.orb-one{top:60px;left:13%;background:#6c49d7}.orb-two{top:370px;right:-260px;background:#9d57af;opacity:.13}.ambient-ring{position:absolute;border:1px solid rgba(209,178,255,.045);border-radius:100%}.ambient-ring-one{width:750px;height:750px;top:-430px;left:50%;transform:translateX(-50%)}.ambient-ring-two{width:1030px;height:1030px;top:-560px;left:50%;transform:translateX(-50%)}
.site-header{height:104px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(230,215,255,.08)}.brand{display:flex;align-items:center;gap:13px}.brand-mark{font-family:Georgia,serif;display:grid;place-items:center;color:#e9d2ff;border:1px solid rgba(221,194,255,.4);width:45px;height:45px;border-radius:14px;font-size:34px;line-height:1;background:linear-gradient(145deg,rgba(190,129,245,.15),rgba(245,213,172,.03))}.brand-words{font-weight:800;font-size:15px;line-height:1.1;letter-spacing:.135em}.brand-words>span{color:var(--lav)}.brand-words small{display:block;font-size:8px;font-weight:600;color:#89849f;letter-spacing:.21em;margin-top:8px}.header-pill{color:#aaa4c5;font-size:12px;border:1px solid var(--border);background:rgba(255,255,255,.035);border-radius:30px;padding:11px 17px;display:flex;gap:9px;align-items:center}.tiny-star{color:var(--gold);font-size:17px}
.intro{padding:45px 0 65px;text-align:center;display:flex;align-items:center;flex-direction:column}.hero-topline,.eyebrow,.form-eyebrow{font-size:10px;font-weight:800;letter-spacing:.22em;color:#d7b9fc}.hero-topline{display:flex;align-items:center;gap:11px}.hero-topline-dot{width:5px;height:5px;background:#d6b5ff;box-shadow:0 0 15px #b178ed;border-radius:50%}.hero-emblem{width:174px;height:174px;position:relative;display:grid;place-items:center;margin:27px 0 3px}.emblem-ring{position:absolute;border-radius:50%;inset:8px;border:1px solid rgba(233,198,152,.3)}.emblem-ring:before,.emblem-ring:after{content:"";position:absolute;inset:12px;border:1px dashed rgba(226,194,155,.21);border-radius:50%}.emblem-ring-inner{inset:32px;border-color:rgba(212,181,255,.43);transform:rotate(45deg)}.emblem-ring-inner:after{inset:-11px;border:1px solid rgba(202,159,245,.15)}.emblem-center{font-size:76px;color:#edd4ff;text-shadow:0 0 40px rgba(195,117,242,.72);font-family:Georgia,serif;line-height:1}.emblem-glint{position:absolute;font-size:13px;font-style:normal;color:#f8e2bc}.g1{left:8px;top:41px}.g2{right:2px;bottom:48px;font-size:9px}.intro h1{margin:11px 0 17px;font-weight:750;letter-spacing:-.057em;line-height:1.05;font-size:clamp(44px,5.6vw,78px)}.headline-glow{display:block;background:linear-gradient(90deg,#e7cbfb 5%,#ae8de5 43%,#e7c7ef 80%);-webkit-background-clip:text;background-clip:text;color:transparent;font-family:Georgia,'Times New Roman',serif;font-style:italic;font-weight:500;font-size:1.1em;letter-spacing:-.044em}.hero-lead{font-size:15px;line-height:1.78;color:#b3aec5;max-width:545px;margin:0 auto 35px}.birth-panel{width:min(100%,615px);padding:28px 33px 24px;border:1px solid rgba(201,174,244,.2);background:linear-gradient(138deg,rgba(33,29,56,.94),rgba(19,20,40,.97));border-radius:23px;box-shadow:0 30px 95px rgba(1,1,8,.30),inset 0 1px rgba(255,255,255,.045);text-align:left}.form-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:24px}.form-eyebrow{font-size:10px;color:#b6a5e1}.form-heading h2{font-size:22px;letter-spacing:-.035em;font-weight:700;margin:7px 0 0}.privacy-indicator{font-size:10px;color:#b1adbf;display:flex;align-items:center;gap:7px;white-space:nowrap}.privacy-indicator svg{width:17px;height:17px;color:#8bdbb5}.birth-inputs{display:flex;align-items:end;gap:15px}.birth-field{min-width:0;flex:1;display:flex;flex-direction:column;gap:9px}.birth-field>span{color:#bdb6cb;font-size:10px;letter-spacing:.14em;font-weight:800}.birth-field input{width:100%;height:68px;border-radius:13px;border:1px solid rgba(215,197,250,.21);background:#121227;color:#f6f1ff;font-weight:650;font-size:29px;text-align:center;outline:none;font-variant-numeric:tabular-nums;transition:border-color .2s,box-shadow .2s}.birth-field input::placeholder{color:#55516c}.birth-field input:focus{border-color:#bf9af7;box-shadow:0 0 0 3px rgba(173,127,236,.12)}.birth-field.year-field{flex:1.45}.birth-separator{padding-bottom:19px;color:#7f729d;font-size:27px}.primary-button{background:linear-gradient(108deg,#b48cec,#c6a0f5 50%,#d2b2fc);border:0;border-radius:13px;width:100%;height:58px;margin-top:22px;display:flex;justify-content:center;align-items:center;gap:14px;box-shadow:0 12px 32px rgba(156,108,226,.18);color:#1b1530;font-weight:800;font-size:15px;transition:transform .2s,filter .2s}.primary-button:hover{transform:translateY(-2px);filter:brightness(1.08)}.button-symbol{font-family:Georgia;font-size:25px;font-weight:400}.form-error{font-size:12px;color:#ff9baf;padding:10px 0 0;margin:0}.form-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px;color:#79788e;font-size:11px}.text-button{padding:3px 0;background:transparent;border:0;color:#ceb1ff;font-size:11px;font-weight:750}.text-button:hover{text-decoration:underline}.intro-features{display:flex;align-items:center;justify-content:center;gap:28px;flex-wrap:wrap;margin-top:32px}.intro-features span{display:flex;align-items:center;gap:8px;font-size:12px;color:#938da7}.intro-features i{color:#b49fe0;font-size:19px;font-style:normal}
.results{padding:51px 0 85px}.result-header{display:flex;align-items:end;justify-content:space-between;gap:24px;padding-bottom:27px;border-bottom:1px solid var(--border);margin-bottom:38px}.eyebrow{display:flex;align-items:center;gap:10px}.eyebrow-line{height:1px;width:21px;background:var(--lav)}.result-header h1{font-size:clamp(35px,4.5vw,60px);line-height:1.1;letter-spacing:-.045em;margin:12px 0 12px}.result-header h1 em{font-family:Georgia,serif;color:var(--lav);font-weight:400}.results-date{color:#aaa6be;font-size:14px;margin:0}.results-date strong{color:#eee4fa;font-size:16px;font-weight:650}.actions{display:flex;gap:9px;flex-wrap:wrap;align-items:center}.secondary-button,.outline-button{border-radius:12px;padding:13px 18px;background:rgba(181,144,237,.14);color:#e2d3fc;font-size:13px;font-weight:750;border:1px solid rgba(192,165,234,.24);transition:background .2s,transform .2s;white-space:nowrap}.secondary-button:hover,.outline-button:hover{background:rgba(181,144,237,.24);transform:translateY(-1px)}.outline-button{background:rgba(255,255,255,.035);color:#c9c3d7;border-color:rgba(255,255,255,.12)}.print-glyph{font-size:16px}.result-section{margin-top:44px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:18px;margin-bottom:18px}.section-heading h2{font-weight:750;font-size:23px;letter-spacing:-.04em;margin:0}.section-heading h2>span{font-family:Georgia,serif;color:#bda1f4;font-style:italic;font-weight:400}.section-heading p{font-size:12px;color:#8e8aa4;margin:8px 0 0;line-height:1.6}.section-count{color:#88819b;font-size:11px;letter-spacing:.16em;white-space:nowrap;margin-bottom:4px}.cards{display:grid;gap:13px}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.code-card{--accent:var(--violet);min-width:0;background:linear-gradient(160deg,rgba(36,32,61,.84),rgba(23,22,41,.93));border:1px solid rgba(210,195,240,.12);border-radius:17px;padding:20px 20px 18px;position:relative;overflow:hidden;min-height:184px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.code-card:before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:3px;background:var(--accent);border-radius:0 4px 4px 0;box-shadow:0 0 22px var(--accent);opacity:.76}.code-card:hover{border-color:rgba(209,190,250,.28);transform:translateY(-2px)}.code-card.color-red{--accent:var(--red)}.code-card.color-amber{--accent:var(--amber)}.code-card.color-green{--accent:var(--green)}.code-card.color-blue{--accent:var(--blue)}.code-card.color-violet{--accent:var(--violet)}.card-eyebrow{font-size:11px;color:#d3cadd;font-weight:750;letter-spacing:.02em}.code-card .main-number{font-size:44px;font-weight:740;letter-spacing:-.06em;line-height:1.2;margin:13px 0 2px;color:var(--accent);font-variant-numeric:tabular-nums}.card-name{font-size:17px;font-weight:690;letter-spacing:-.025em;color:#f5f0fc}.card-bottom{margin-top:auto;padding-top:16px}.card-description{font-size:11px;color:#85829d;line-height:1.55;margin:8px 0 0}.status-pill{display:inline-flex;align-items:center;gap:6px;border-radius:30px;padding:7px 10px;background:color-mix(in srgb,var(--accent) 11%,transparent);color:var(--accent);font-size:10px;font-weight:750;line-height:1;white-space:nowrap;max-width:100%}.status-pill:before{content:"";height:5px;width:5px;border-radius:50%;background:currentColor}.code-card.karma-card{min-height:180px}.code-card.karma-card .main-number{font-size:41px}.code-card.karma-card .card-name{font-size:15px}.code-card.karma-card .status-pill{font-size:9px}.code-card.karma-card .card-description{font-size:10px}.shadow-note{padding:15px 18px;margin-top:13px;border:1px solid rgba(229,145,170,.16);border-radius:13px;color:#a9a0b7;background:rgba(154,80,123,.06);font-size:12px;line-height:1.7}.shadow-note strong{color:#efdde9}.shadow-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:12px}.shadow-card{border:1px solid rgba(236,155,192,.22);background:rgba(242,126,166,.06);border-radius:11px;color:#e6bac9;padding:11px 14px;font-size:12px}.shadow-card strong{color:#f7d8e7}.life-card{min-height:160px}.life-card .main-number{font-size:38px}.life-card .card-description{font-size:11px}.timeline{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.timeline-card{border:1px solid rgba(200,181,237,.15);border-radius:16px;padding:21px 17px;background:linear-gradient(155deg,rgba(38,33,62,.75),rgba(24,23,42,.91));position:relative;--accent:var(--violet);min-width:0}.timeline-card.color-red{--accent:var(--red)}.timeline-card.color-amber{--accent:var(--amber)}.timeline-card.color-green{--accent:var(--green)}.timeline-card.color-blue{--accent:var(--blue)}.timeline-card.color-violet{--accent:var(--violet)}.timeline-card.is-current{border-color:rgba(208,172,255,.66);box-shadow:0 0 26px rgba(157,112,224,.13)}.timeline-card.is-current:after{content:"";position:absolute;height:2px;background:linear-gradient(90deg,transparent,#d3afff,transparent);inset:auto 17px 0}.period-top{display:flex;align-items:center;justify-content:space-between;gap:9px}.period-label{font-size:12px;font-weight:750;color:#c6bfd3}.current-tag{font-size:9px;white-space:nowrap;border-radius:30px;background:#b795ee;color:#20152f;padding:5px 8px;font-weight:800}.period-number{font-size:38px;line-height:1;margin-top:19px;color:var(--accent);font-weight:800;letter-spacing:-.06em}.period-name{font-size:16px;font-weight:720;margin-top:7px}.period-range{font-size:11px;color:#aaa4bb;margin:18px 0 0;line-height:1.7}.period-status{margin-top:15px}.timeline-card .status-pill{font-size:9px}.timeline-notice{margin-top:14px;font-size:12px;color:#89849e;line-height:1.7}.section-panel{border:1px solid rgba(212,194,239,.14);border-radius:17px;background:rgba(27,25,46,.74);overflow:hidden}.table-wrap{overflow-x:auto}.codes-table{width:100%;border-collapse:collapse;min-width:600px}.codes-table th{text-align:left;padding:15px 20px;font-size:10px;letter-spacing:.13em;color:#9992b3;font-weight:750;background:rgba(255,255,255,.035)}.codes-table td{padding:12px 20px;border-top:1px solid rgba(225,207,255,.07);font-size:13px;color:#cfc8de;vertical-align:middle}.codes-table tr:hover td{background:rgba(255,255,255,.017)}.codes-table .table-group-row td{color:#b99ced;font-weight:800;font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding:13px 20px;background:rgba(148,106,205,.07);border-top:1px solid rgba(218,190,255,.15)}.code-mark{--accent:var(--violet);display:inline-flex;align-items:center;justify-content:center;font-weight:850;font-size:18px;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);width:39px;height:37px;border-radius:9px}.code-mark.color-red{--accent:var(--red)}.code-mark.color-amber{--accent:var(--amber)}.code-mark.color-green{--accent:var(--green)}.code-mark.color-blue{--accent:var(--blue)}.code-mark.color-violet{--accent:var(--violet)}.table-arcana-name{color:#f4eefb;font-weight:730}.table-detail{font-size:11px;color:#838097;margin-top:2px}.table-subtitle{color:#867f9b;font-size:12px}.codes-table td:nth-child(2){width:84px}.codes-table td:last-child{min-width:154px}.legend-box{display:flex;align-items:center;gap:11px 19px;flex-wrap:wrap;margin-top:17px}.legend-item{display:flex;align-items:center;gap:7px;color:#a59db8;font-size:11px}.legend-dot{height:7px;width:7px;border-radius:50%;background:var(--violet)}.legend-dot.color-red{background:var(--red)}.legend-dot.color-amber{background:var(--amber)}.legend-dot.color-green{background:var(--green)}.legend-dot.color-blue{background:var(--blue)}.legend-dot.color-violet{background:var(--violet)}.insight-panel{border:1px solid rgba(215,190,255,.15);background:linear-gradient(125deg,rgba(70,49,100,.22),rgba(22,24,44,.62));border-radius:18px;padding:24px 26px}.insight-panel h3{font-size:17px;margin:0 0 13px}.insight-panel ul{margin:0;padding-left:20px;display:grid;gap:12px}.insight-panel li{color:#b6b1c5;font-size:13px;line-height:1.8}.insight-panel li strong{color:#e9ddfa}.method-footnote{margin-top:16px;color:#88859b;line-height:1.7;font-size:11px}.bottom-cta{margin-top:48px;display:flex;align-items:center;gap:19px;border:1px solid rgba(207,182,252,.17);background:linear-gradient(120deg,rgba(81,55,119,.26),rgba(34,30,59,.56));border-radius:18px;padding:25px}.bottom-cta-symbol{font-family:Georgia,serif;font-size:40px;color:#d6b5ff}.bottom-cta h2{font-size:19px;margin:0 0 6px}.bottom-cta p{color:#9b94ad;font-size:12px;line-height:1.6;margin:0}.bottom-cta button{margin-left:auto}.site-footer{min-height:104px;display:flex;gap:24px;justify-content:space-between;align-items:center;border-top:1px solid rgba(230,215,255,.08);font-size:10px;color:#726f88}.site-footer>span:first-child{color:#a99acd;white-space:nowrap;font-weight:800;letter-spacing:.12em}.site-footer p{max-width:510px;text-align:center;line-height:1.7}
@media(max-width:900px){.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-cta{flex-wrap:wrap}.bottom-cta button{margin-left:0}.results{padding-top:34px}}
@media(max-width:650px){.container{width:min(calc(100% - 30px),var(--max))}.site-header{height:78px}.brand-mark{width:39px;height:39px;border-radius:12px}.brand-words{font-size:12px}.brand-words small{font-size:7px}.header-pill{padding:9px;border-radius:10px;max-width:130px;white-space:normal;line-height:1.35;font-size:9px}.tiny-star{font-size:13px;flex-shrink:0}.intro{padding-top:32px;padding-bottom:45px}.hero-emblem{width:120px;height:120px;margin:22px 0 6px}.emblem-center{font-size:57px}.emblem-ring-inner{inset:24px}.intro h1{font-size:clamp(41px,10vw,58px);line-height:1.08}.hero-lead{font-size:13px;line-height:1.65;margin-bottom:24px;max-width:425px}.birth-panel{padding:21px 19px 20px;border-radius:17px}.form-heading{display:block;margin-bottom:20px}.form-heading h2{font-size:19px}.privacy-indicator{margin-top:13px}.birth-inputs{gap:8px}.birth-field input{font-size:23px;height:61px;border-radius:11px}.birth-field>span{font-size:9px}.birth-separator{font-size:20px;padding-bottom:16px}.primary-button{margin-top:19px;font-size:13px}.form-bottom{font-size:10px}.text-button{font-size:10px}.intro-features{gap:11px 18px;margin-top:25px}.intro-features span{font-size:10px}.intro-features i{font-size:14px}.result-header{display:block;margin-bottom:30px}.result-header h1{font-size:41px}.actions{margin-top:22px}.actions button{flex:1;padding:13px 8px;font-size:12px}.result-section{margin-top:36px}.section-heading h2{font-size:20px}.section-count{font-size:9px}.cards.three{grid-template-columns:1fr}.cards.four{grid-template-columns:repeat(2,minmax(0,1fr))}.code-card{min-height:160px;padding:17px}.cards.three .code-card{min-height:140px;display:grid;grid-template-columns:1fr auto;align-items:start;column-gap:14px}.cards.three .code-card .main-number{grid-row:1/4;grid-column:2;margin:0 1px 0 0;font-size:43px}.cards.three .code-card .card-eyebrow{grid-column:1}.cards.three .code-card .card-name{grid-column:1;margin-top:9px}.cards.three .code-card .card-bottom{grid-column:1 / -1;margin-top:10px;padding-top:4px}.cards.three .code-card .card-description{grid-column:1 / -1}.code-card.karma-card .main-number{font-size:37px}.code-card.karma-card .card-name{font-size:14px}.timeline{grid-template-columns:1fr 1fr;gap:9px}.timeline-card{padding:16px 13px}.period-label{font-size:11px}.period-number{font-size:34px}.period-name{font-size:13px}.period-range{font-size:10px}.status-pill{font-size:9px;max-width:100%;white-space:normal;line-height:1.2}.legend-box{gap:13px}.bottom-cta{padding:19px}.bottom-cta-symbol{display:none}.bottom-cta button{width:100%}.site-footer{padding:24px 0;display:block;text-align:center}.site-footer p{max-width:310px;margin:15px auto}}
@media(max-width:385px){.cards.four{grid-template-columns:1fr}.timeline{grid-template-columns:1fr}.form-bottom{align-items:start}.code-card.karma-card{min-height:152px}.birth-field input{font-size:20px}.birth-separator{display:none}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media print{*{color-adjust:exact;-webkit-print-color-adjust:exact}body{background:#fff!important;color:#16162a!important}.backdrop,.site-header,.site-footer,.actions,.bottom-cta,.intro{display:none!important}.container{width:100%!important}.results{padding:0!important}.result-section{break-inside:avoid;margin-top:24px}.code-card,.timeline-card,.section-panel,.insight-panel{break-inside:avoid;background:#f8f6fe!important;border:1px solid #dfd5ec!important;color:#151329!important;box-shadow:none!important}.result-header h1,.section-heading h2,.code-card .card-name,.period-name,.table-arcana-name{color:#181626!important}.results-date,.code-card .card-description,.section-heading p,.period-range,.timeline-notice,.insight-panel li,.codes-table td,.table-detail,.legend-item{color:#4b4562!important}.cards.three{grid-template-columns:repeat(3,minmax(0,1fr))}.cards.four{grid-template-columns:repeat(4,minmax(0,1fr))}.timeline{grid-template-columns:repeat(4,minmax(0,1fr))}.section-heading{margin-bottom:12px}.code-card{min-height:150px}.codes-table th,.codes-table .table-group-row td{background:#f3eff8!important}.codes-table td{border-top:1px solid #e5dfec}.insight-panel{background:#f8f6fe!important}.shadow-note{background:#faf4f6!important;color:#4b4562}.method-footnote{color:#4b4562!important}}

/* v1.1 — расширенная легенда цветов результата */
.color-guide{margin-top:23px;margin-bottom:25px}
.color-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.color-guide-card{--accent:var(--violet);position:relative;min-width:0;display:flex;flex-direction:column;padding:17px 18px 15px;border:1px solid rgba(213,198,245,.15);background:linear-gradient(148deg,rgba(38,33,62,.82),rgba(20,21,39,.92));border-radius:15px;overflow:hidden}
.color-guide-card:before{content:"";position:absolute;left:0;top:0;right:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent 85%)}
.color-guide-card.color-red{--accent:var(--red)}
.color-guide-card.color-amber{--accent:var(--amber)}
.color-guide-card.color-green{--accent:var(--green)}
.color-guide-card.color-blue{--accent:var(--blue)}
.color-guide-card.color-violet{--accent:var(--violet)}
.guide-card-heading{display:flex;align-items:center;gap:9px;flex-wrap:wrap}
.guide-card-heading h3{font-size:15px;font-weight:790;margin:0;color:var(--accent)}
.guide-icon{width:13px;height:13px;flex:none;border-radius:50%;background:var(--accent);box-shadow:0 0 15px color-mix(in srgb,var(--accent) 55%,transparent)}
.guide-type{font-size:9px;font-weight:770;color:var(--accent);background:color-mix(in srgb,var(--accent) 12%,transparent);border:1px solid color-mix(in srgb,var(--accent) 28%,transparent);border-radius:100px;padding:5px 8px;margin-left:auto}
.color-guide-card p{color:#aca6bf;font-size:11px;line-height:1.65;margin:13px 0 12px;flex:1}
.color-guide-card p strong{color:#ede5f8;font-weight:740}
.guide-codes{padding-top:10px;border-top:1px solid rgba(220,203,248,.10);font-size:10px;color:#8c87a2}
.guide-codes b{color:#d3cbe0;font-weight:780}
.color-guide-warning{display:flex;align-items:flex-start;gap:14px;border:1px solid rgba(241,120,143,.24);background:linear-gradient(105deg,rgba(139,61,91,.14),rgba(44,32,63,.37));border-radius:14px;padding:15px 18px;margin-top:12px}
.warning-symbol{display:grid;place-items:center;flex:none;font-size:13px;font-weight:850;width:25px;height:25px;background:rgba(241,120,143,.13);border:1px solid rgba(241,120,143,.29);border-radius:8px;color:var(--red)}
.color-guide-warning strong{font-size:12px;color:#ffd3de}
.color-guide-warning p{font-size:11px;line-height:1.65;color:#aca2b7;margin:6px 0 0}
.color-guide-warning em{color:#e5d1ea;font-style:normal;font-weight:720}
@media(max-width:900px){.color-guide-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.color-guide{margin-top:19px}.color-guide-grid{grid-template-columns:1fr}.color-guide-card{padding:16px}.color-guide-card p{font-size:12px;margin:12px 0}.guide-card-heading h3{font-size:16px}.guide-type{font-size:10px}.color-guide-warning{padding:14px}.color-guide-warning p{font-size:12px}}
@media print{.color-guide{break-inside:auto;margin:18px 0 21px}.color-guide-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.color-guide-card{break-inside:avoid;background:#f8f6fe!important;border-color:#ddd4ec!important}.color-guide-card p,.guide-codes,.guide-codes b{color:#4b4562!important}.color-guide-card p strong{color:#1e1b30!important}.guide-type{border-color:#e3dbee!important}.color-guide-warning{break-inside:avoid;background:#fcf5f7!important;border-color:#eed4de!important}.color-guide-warning p{color:#4b4562!important}.color-guide-warning strong{color:#8f3457!important}.color-guide-warning em{color:#4b4562!important}}