:root{--bg: #f6f5f8;--surface: #ffffff;--text: #1c1b1f;--muted: #6f6b7a;--border: #e3e0e8;--accent: #7b4bd8;--accent-soft: #efe8fd;--positive: rgba(76, 175, 80, .16);--negative: rgba(244, 67, 54, .14);--positive-strong: #2e7d32;--negative-strong: #c62828;--avatar-0: #5c8ad6;--avatar-1: #4f9d69;--avatar-2: #c25b6a;--avatar-3: #8264c4;--avatar-4: #c98a3e;--avatar-5: #3f9a95;--avatar-6: #96705a;--crystal-core: #cfe8d8;--crystal-edge: #cfe4ef;--crystal-corner: #fbeecb;--hex-bg: #fafafa;--rail-width: 56px;--select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%236f6b7a' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--chart-blue: #2196f3;--chart-red: #e05252;--chart-blue-strong: #0d47a1;--chart-red-strong: #b71c1c;--danger: rgba(255, 152, 0, .18);--radius: 12px}@media(prefers-color-scheme:dark){:root{--bg: #131318;--surface: #1c1b22;--text: #e8e6ee;--muted: #9d98ab;--border: #2e2c37;--accent: #b79bf5;--accent-soft: #2a2140;--positive: rgba(129, 199, 132, .18);--negative: rgba(239, 83, 80, .18);--positive-strong: #81c784;--negative-strong: #ef9a9a;--crystal-core: #2b4438;--crystal-edge: #26404d;--crystal-corner: #45392180;--hex-bg: #212028;--select-arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%239d98ab' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");--chart-blue: #64b5f6;--chart-red: #ef7b7b;--chart-blue-strong: #a3d3ff;--chart-red-strong: #ffaeae;--danger: rgba(255, 167, 38, .2)}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif}main{max-width:980px;margin:0 auto;padding:16px}h1{font-size:1.35rem;margin:0}h2{font-size:1rem;margin:0}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button{font:inherit;padding:8px 14px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);cursor:pointer}button:hover:not(:disabled){border-color:var(--accent)}button:disabled{opacity:.55;cursor:default}input,select{font:inherit;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--text);width:100%}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:32px;background-image:var(--select-arrow);background-repeat:no-repeat;background-position:right 11px center;background-size:12px}input:focus,select:focus{outline:2px solid var(--accent);outline-offset:-1px}label{display:flex;flex-direction:column;gap:4px;font-size:.85rem;color:var(--muted)}label small{font-size:.75rem}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;height:56px;padding:0 16px;background:var(--surface);border-bottom:1px solid var(--border);transition:transform .2s ease}.topbar.is-hidden{transform:translateY(-100%)}.app-name{flex:1;font-size:1.5rem;letter-spacing:.01em}@media(prefers-reduced-motion:reduce){.topbar{transition:none}}.menu-button{border:none;background:none}.app-body{padding-left:var(--rail-width);transition:padding-left .18s ease}.app-body.is-full{padding-left:0}@media(prefers-reduced-motion:reduce){.app-body{transition:none}}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:15;background:#00000059}.drawer{position:fixed;top:var(--header-offset, 56px);bottom:0;left:0;z-index:16;display:flex;flex-direction:column;width:var(--rail-width);padding:8px;background:var(--surface);border-right:1px solid var(--border);overflow:hidden;transition:width .18s ease,transform .18s ease,top .2s ease}.drawer.is-open{width:220px;box-shadow:4px 0 16px #0000002e}.drawer.is-gone{transform:translate(-100%);border-right:none}@media(prefers-reduced-motion:reduce){.drawer{transition:none}}.drawer nav{display:grid;align-content:start;gap:10px;flex:1;padding-top:6px}.drawer-hide{display:flex;align-items:center;gap:12px;width:100%;height:44px;padding:0 9px;border:none;border-radius:8px;background:none;color:var(--muted);font:inherit;white-space:nowrap;cursor:pointer}.drawer-hide:hover{background:var(--accent-soft);color:var(--text)}.drawer-hide svg{width:22px;height:22px;flex:none}.drawer a{display:flex;align-items:center;gap:12px;height:44px;padding:0 9px;border-radius:8px;color:var(--text);white-space:nowrap}.drawer a:hover{background:var(--accent-soft);text-decoration:none}.drawer a.is-active{background:var(--accent-soft);color:var(--accent)}.drawer svg{width:22px;height:22px;flex:none}.drawer:not(.is-open) a span,.drawer:not(.is-open) .drawer-hide span{opacity:0;pointer-events:none}.drawer a span,.drawer-hide span{transition:opacity .15s ease}.arkan-result{display:flex;align-items:baseline;gap:12px;margin-top:16px;min-height:52px}.arkan-value{font-size:2.6rem;font-weight:600;line-height:1;color:var(--accent)}.toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px;flex-wrap:wrap}.toolbar h1{flex:1}.toolbar input[type=search]{flex:1 1 140px;min-width:0;max-width:260px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:16px;overflow:hidden}.card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--accent-soft)}.card-body{padding:16px}.grid-2{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.grid-2 .card{margin-bottom:0}.fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.actions{display:flex;justify-content:flex-end;padding-bottom:32px}.actions button{background:var(--accent);color:#fff;border-color:var(--accent)}.login{max-width:380px;margin-top:12vh}.login form{display:flex;flex-direction:column;gap:14px;padding:24px}.muted{color:var(--muted);font-size:.9rem}.error{border:1px solid var(--negative-strong);background:var(--negative);border-radius:8px;padding:10px 14px;margin-bottom:16px}.error ul{margin:6px 0 0;padding-left:20px}.persons{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.persons li{display:flex;align-items:center;gap:12px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:10px 14px}.person{display:flex;align-items:center;gap:12px;flex:1;color:inherit;min-width:0}.person:hover{text-decoration:none}.person-name{display:flex;flex-direction:column;min-width:0}.person-name small{color:var(--muted)}.person-partner{opacity:.8}.person-actions{display:flex;gap:8px;align-items:center}.avatar{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:600;flex:none}.matrix{border-collapse:collapse;margin-bottom:12px}.matrix td,.matrix th{border:1px solid var(--border);padding:8px 12px;text-align:center;min-width:56px}.matrix th{color:var(--muted);font-weight:500}.matrix caption{text-align:left;padding-bottom:6px;color:var(--muted);font-size:.85rem}.matrix.wide{width:100%}.matrix-empty{color:var(--muted)}.matrix .marked{color:var(--negative-strong)}.prognostics{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:20px;overflow-x:auto;padding-bottom:6px}.prognostic h3{font-size:.95rem;margin:0 0 8px}.prognostic .matrix td,.prognostic .matrix th{min-width:0;padding:6px 8px}.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:16px;align-items:start}.card-grid>.card{margin-bottom:0;min-width:0}.card-grid>.card--wide{grid-column:span 2}.card-body{overflow-x:auto}@media(max-width:900px){.card-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.card-grid{grid-template-columns:1fr}.card-grid>.card--wide{grid-column:span 1}}.indicators th[scope=row]{text-align:left;font-weight:400;color:var(--text);min-width:0;padding-right:6px}.indicators td{font-variant-numeric:tabular-nums;white-space:nowrap;text-align:right;padding-left:6px;padding-right:10px}.icon-button{display:inline-grid;place-items:center;width:34px;height:34px;padding:0;flex:none;border:1px solid var(--border);border-radius:8px;color:var(--text)}.icon-button:hover{border-color:var(--accent);color:var(--accent);text-decoration:none}.icon-button svg{width:20px;height:20px}.icon-button--danger:hover{border-color:var(--chart-red);color:var(--chart-red)}.icon-button--accent{border-color:var(--accent);color:var(--accent)}.icon-button--accent:hover{background:var(--accent-soft)}.karma-main{margin-bottom:8px}.karma-left{vertical-align:middle;font-weight:600;color:var(--text);width:1%}.karma-partner{margin-bottom:0}.hexagon{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;max-width:620px;margin:0 auto}.hex{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2px 6px;padding:8px 10px;border:1px solid var(--border);border-radius:8px;background:var(--hex-bg);text-align:center;font-variant-numeric:tabular-nums}.hex--single{grid-template-columns:1fr;justify-items:center}.hex--single .hex-big,.hex--single .hex-second,.hex--single .hex-roman{grid-column:1;grid-row:auto}.hex-top{grid-column:2;grid-row:1}.hex-left{grid-column:1;grid-row:2}.hex-roman{grid-column:2;grid-row:2;color:var(--positive-strong);font-size:.72rem;letter-spacing:.05em}.hex-right{grid-column:3;grid-row:2}.hex-bottom{grid-column:2;grid-row:3}.hex-top em,.hex-second{font-style:normal;color:var(--muted);font-size:.8rem}.hex-big{font-size:1.5rem;font-weight:600;line-height:1.1}@media(max-width:620px){.hexagon{font-size:.85rem}.hex{padding:6px 4px}}.crystal{display:grid;grid-template-columns:repeat(8,1fr);gap:4px;max-width:560px;margin:0 auto}.crystal-cell{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:8px 4px;border-radius:6px;text-align:center;min-height:46px}.crystal-value{font-weight:600;font-size:.95rem;line-height:1.1}.crystal-label{font-size:.68rem;opacity:.75;line-height:1.1}.crystal-cell--core{background:var(--crystal-core)}.crystal-cell--period{background:var(--crystal-core);font-size:.9rem}.crystal-cell--edge{background:var(--crystal-edge)}.crystal-cell--corner{background:var(--crystal-corner)}.more{padding:4px 0;border:none;background:none;color:var(--accent);font-size:.9rem}.more:hover{text-decoration:underline}.details-dialog{width:min(760px,calc(100vw - 32px));max-height:85vh;padding:0;border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);color:var(--text);overflow:hidden}.details-dialog::backdrop{background:#0000008c}.details-dialog header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid var(--border);background:var(--accent-soft);position:sticky;top:0}.details-dialog h3{margin:0;font-size:1rem}.details-dialog header button{padding:2px 10px}.details-body{padding:16px;overflow-y:auto;max-height:calc(85vh - 52px)}.stats{display:flex;flex-wrap:wrap;gap:8px 20px;margin:8px 0}.stat{display:flex;flex-direction:column}.stat-label{font-size:.75rem;color:var(--muted)}.stat-value{font-weight:600}.impact{display:flex;gap:12px;font-size:.85rem;white-space:nowrap}.impact-positive{color:var(--positive-strong)}.impact-negative{color:var(--negative-strong)}.interpretations{display:grid;gap:12px}.interpretation{border:1px solid var(--border);border-radius:8px;padding:12px 14px}.interpretation h4{margin:0 0 8px;font-size:.95rem}.interpretation h5{margin:12px 0 4px;font-size:.85rem;color:var(--muted)}.interpretation p{margin:0;white-space:pre-wrap}.chart{margin:0;overflow-x:auto}.chart svg{width:100%;height:auto;min-width:460px}.chart figcaption{color:var(--muted);font-size:.85rem;text-align:center}.chart-region--positive{fill:var(--positive)}.chart-region--negative{fill:var(--negative)}.chart-region--danger{fill:var(--danger)}.chart-grid{stroke:var(--border);stroke-width:1}.chart-border-year{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 3}.chart-mid{fill:none;stroke:var(--muted);stroke-width:1.2;stroke-dasharray:5 4}.chart-line{fill:none;stroke-width:2;stroke-linejoin:round}.chart-axis{fill:var(--muted);font-size:11px}.chart-value,.chart-intersect{paint-order:stroke fill;stroke:var(--surface);stroke-width:3px;stroke-linejoin:round}.chart-value{fill:var(--text);font-size:11px}.chart-dot{fill:var(--negative-strong);stroke:var(--surface);stroke-width:1.5}.chart-intersect{fill:var(--negative-strong);font-size:11px;font-weight:600}.chart-page [id]{scroll-margin-top:64px}.section-nav ul{list-style:none;margin:0;padding:0}.section-nav a{display:block;color:var(--muted);border-radius:8px;white-space:nowrap}.section-nav a:hover{color:var(--text);text-decoration:none}.section-nav a.is-active{color:var(--accent);background:var(--accent-soft)}@media(max-width:1149px){.section-nav{position:sticky;top:var(--header-offset, 56px);z-index:5;transition:top .2s ease;margin:0 -16px 16px;padding:6px 16px;background:var(--bg);border-bottom:1px solid var(--border);overflow-x:auto;scrollbar-width:none}.section-nav::-webkit-scrollbar{display:none}.section-nav ul{display:flex;gap:4px;width:max-content}.section-nav a{padding:6px 10px;font-size:.85rem}}@media(min-width:1150px){.chart-page{max-width:1280px;display:grid;grid-template-columns:190px minmax(0,1fr);column-gap:28px;align-items:start}.chart-page>*{grid-column:2}.chart-page>.section-nav{grid-column:1;grid-row:1 / span 100;position:sticky;top:16px;align-self:start}.section-nav ul{display:grid;gap:2px}.section-nav a{padding:7px 10px;font-size:.9rem;white-space:normal}}
