:root{--paper:#f5f2ea;--card:#fffdf8;--ink:#213e34;--muted:#748078;--line:#dddcd1;--lime:#d9edb6;--forest:#234036;--error:#a1392f}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Segoe UI,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #bc924b;outline-offset:4px}a{color:inherit;text-decoration:none}button{color:inherit}button:disabled{opacity:.5;cursor:wait}[hidden]{display:none!important}.sidebar{position:fixed;inset:0 auto 0 0;width:250px;background:var(--forest);color:#f7f5e8;padding:38px 22px;display:flex;flex-direction:column}.brand{display:flex;gap:13px;align-items:center;padding:0 4px}.brand svg{width:32px;fill:none;stroke:var(--lime);stroke-width:2.5}.brand svg circle{fill:var(--lime);stroke:none}.brand span{font-size:17px;letter-spacing:2px;font-weight:650}.brand small{display:block;font-size:9px;letter-spacing:1.8px;margin-top:9px;font-weight:400;color:#bcc8b7}.nav-label{font-size:10px;letter-spacing:2px;color:#94afa2;margin:55px 14px 17px}nav{display:grid;gap:7px}.nav-item{display:flex;gap:12px;align-items:center;padding:13px 12px;border-radius:7px;font-size:14px;color:#c7d2c8}.nav-item:hover,.nav-item.active{background:#365447;color:#fff}.nav-number{font-size:11px;color:#a1b69b;font-variant-numeric:tabular-nums}.sidebar-bottom{margin-top:auto;border-top:1px solid #496154;padding:22px 10px 0;font-size:13px}.sidebar-bottom small{display:block;font-size:10px;color:#afbeb1;margin-top:9px}.privacy-dot{display:inline-block;width:6px;height:6px;background:#88a775;border-radius:50%;margin-right:6px;vertical-align:middle}.main{margin-left:250px}.topbar{height:85px;border-bottom:1px solid var(--line);padding:0 48px;display:flex;align-items:center;justify-content:space-between}.top-caption{font-size:13px;color:var(--muted)}.top-actions{display:flex;gap:18px}.quiet{border:0;background:transparent;padding:9px 0;font-size:13px}.quiet span{margin-left:10px}.download{color:#5c6f63}.mobile-brand{display:none}.home{max-width:1360px;margin:0 auto;padding:45px 48px 26px}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:2px;color:var(--muted);margin:0 0 12px}h1,h2,p{margin-top:0}h1{font-size:38px;letter-spacing:-1.2px;font-weight:550;margin-bottom:10px}.lead{font-size:15px;color:#788176;margin:0}.collection-count{font-size:43px;font-weight:300;color:#a7b1a1;letter-spacing:-2px}.collection-count span{font-size:11px;display:block;letter-spacing:.5px}.hero{background:var(--forest);color:#fbfaeb;border-radius:15px;min-height:320px;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden}.hero-copy{padding:32px 36px}.hero-tag{display:inline-block;font-size:9px;letter-spacing:1.6px;color:#d0dfb5;margin-bottom:20px}.hero h2{font-size:33px;line-height:1.18;font-weight:500;letter-spacing:-.6px;margin-bottom:14px}.hero p{font-size:14px;line-height:1.65;color:#becdbd;margin-bottom:22px}.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--lime);color:#243d2d;border:0;border-radius:7px;padding:14px 19px;font-size:14px;font-weight:600}.primary:hover{background:#e4f5c9}.hero-hint{display:block;color:#9fb59e;font-size:10px;margin-top:13px}.hero-art{display:flex;flex-direction:column;justify-content:center;padding:28px 30px 26px 10px;position:relative}.art-label{font-size:9px;letter-spacing:2px;color:#92ad92;margin-bottom:18px}.account-strip{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;gap:20px;padding:23px 0 20px;border-bottom:1px solid var(--line);margin-bottom:33px;align-items:center}.small-label{display:block;color:var(--muted);font-size:9px;letter-spacing:1.4px;margin-bottom:9px}.account-strip strong{font-size:18px;font-weight:500;letter-spacing:-.3px}.text-button{border:0;background:transparent;padding:5px 0;font-size:12px;color:#426650}.text-button span{margin-left:14px}.freshness{grid-column:1/-1;font-size:11px;color:var(--muted);margin:0}.freshness:empty{display:none}.freshness.stale{color:#9b672d}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.section-heading h2{font-size:21px;font-weight:550;margin:0}.section-heading span{font-size:11px;color:var(--muted)}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.tool-card{text-align:left;background:var(--card);border:1px solid var(--line);border-radius:10px;padding:20px;min-height:180px;display:flex;flex-direction:column;position:relative;transition:border-color .15s,transform .15s}.tool-card:hover{border-color:#9fae95;transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;color:#8b9a80;font-size:11px;margin-bottom:22px}.tool-card h3{margin:0 0 8px;font-size:17px;font-weight:550;letter-spacing:-.3px}.tool-card p{color:#7e8678;font-size:12px;line-height:1.6;margin:0;max-width:250px}.card-tag{margin-top:17px;font-size:9px;letter-spacing:.7px;color:#8b9a80}.home-footer{border-top:1px solid var(--line);margin-top:28px;padding-top:18px;font-size:11px;color:var(--muted);line-height:1.5}.home-footer p{margin-bottom:5px}.subtle{font-size:10px;color:#858c7e;margin-top:8px}.workspace{padding:22px 30px;height:calc(100dvh - 85px);display:flex;flex-direction:column}.workspace-heading{display:flex;justify-content:space-between;align-items:center;gap:15px;flex-wrap:wrap;margin-bottom:16px}.workspace-heading h1{font-size:22px;margin:0;letter-spacing:-.4px}.workspace-heading .eyebrow{font-size:9px;margin:0 0 4px}.back{background:transparent;border:0;padding:10px 0;font-size:12px;color:var(--muted)}.calculation-host{flex:1;min-height:250px;position:relative;border:1px solid #cad2c5;border-radius:12px;overflow:hidden;background:#0f1216}iframe{display:block;width:100%;height:100%;border:0}.loading{padding:30px;color:#cbd5c7;font-size:14px}dialog{border:1px solid var(--line);border-radius:15px;background:var(--paper);color:var(--ink);width:min(550px,calc(100vw - 24px));max-height:90dvh;padding:28px;box-shadow:0 20px 80px #10231940}dialog::backdrop{background:#132d2666;backdrop-filter:blur(3px)}.dialog-header{display:flex;justify-content:space-between;align-items:start}.dialog-header h2{font-size:28px;font-weight:500;letter-spacing:-.5px;margin-bottom:12px}.close{font-size:28px;line-height:1;background:transparent;border:0;padding:0 3px;color:var(--muted)}.dialog-note,.field-help,.storage-note{font-size:12px;line-height:1.6;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{display:block;font-size:12px;line-height:1.4;color:#586b5c}.form-grid input{display:block;width:100%;font-size:18px;border:1px solid #cfd5c5;border-radius:6px;padding:12px;margin-top:7px;background:#fffdf8;color:var(--ink)}.form-grid input:focus{outline:2px solid #5d806a}.full{grid-column:1/-1}.full-button{width:100%;justify-content:center}.field-help{margin:14px 0 6px;font-size:11px}.form-error{color:var(--error);font-size:12px;min-height:15px;margin:10px 0}.storage-note{text-align:center;margin:12px 0 0;font-size:10px}.toast{position:fixed;bottom:22px;left:50%;transform:translateX(-50%);z-index:100;background:#203c30;color:#f3f4e7;border:1px solid #899e80;border-radius:8px;padding:13px 20px;max-width:90vw;font-size:13px;box-shadow:0 10px 35px #142e2530}.toast.error{background:#793b31}@media(min-width:1550px){.home{padding-top:55px}.hero{min-height:355px}.hero-copy{padding:38px 42px}.hero h2{font-size:38px}.hero-art{padding-right:65px}}@media(max-width:1180px){.sidebar{width:216px;padding:30px 16px}.main{margin-left:216px}.brand span{font-size:14px}.home{padding:30px}.topbar{padding:0 30px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero-copy{padding:28px}.hero h2{font-size:29px}.hero-art{padding-right:22px}.account-strip{gap:15px}.account-strip strong{font-size:16px}}@media(max-width:850px){.sidebar{display:none}.main{margin-left:0}.mobile-brand{display:block;font-size:13px;font-weight:650;letter-spacing:2px}.top-caption{display:none}.topbar{height:65px;padding:0 22px}.workspace{height:calc(100dvh - 65px);padding:16px}.home{padding:28px 22px}.collection-count{font-size:36px}.hero{min-height:300px}.download{font-size:0}.download span{font-size:19px;margin:0}.top-actions{gap:22px}}@media(max-width:560px){h1{font-size:30px}.page-heading{margin-bottom:23px}.collection-count{display:none}.lead{font-size:13px}.hero{display:block;min-height:0}.hero-copy{padding:27px 23px}.hero h2{font-size:30px}.hero-art{display:none}.hero-hint{font-size:9px;max-width:250px;line-height:1.7}.hero p{font-size:13px}.hero .primary{width:100%}.account-strip{grid-template-columns:1fr 1fr;gap:17px;padding:21px 0}.account-strip strong{font-size:16px}.account-strip .text-button{text-align:right}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tool-card{padding:15px;min-height:188px}.card-top{margin-bottom:19px}.tool-card h3{font-size:15px;line-height:1.25}.tool-card p{font-size:11px}.section-heading span{display:none}.section-heading h2{font-size:20px}.workspace-heading{gap:8px;margin-bottom:10px}.workspace-heading>div{order:3;width:100%}.workspace-heading h1{font-size:20px}.workspace-heading .eyebrow{display:none}.workspace{padding:10px}.home-footer{font-size:10px}dialog{padding:22px 18px}.form-grid{gap:12px}.form-grid label{font-size:11px}.form-grid input{font-size:17px;padding:10px}.toast{width:max-content;max-width:90vw;bottom:12px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.input-hint{display:block;margin-top:7px;font-size:11px;font-weight:400;line-height:1.5;color:#68776b}.telegram-entry .download{display:none}.telegram-entry .topbar{padding-top:var(--tg-safe-area-inset-top,0px)}

/* Club sections remain visible, with no public calculator code or navigation. */
.tool-card.club-only{background:#eeeee6;border-color:#dddcd1;opacity:1;cursor:default}
.tool-card.club-only:hover{transform:none;border-color:#dddcd1}
.tool-card.club-only h3{color:#566953}.tool-card.club-only p{color:#687465}
.club-label{align-self:flex-start;display:inline-flex;margin-top:auto;padding:6px 9px;border-radius:5px;background:#dde4d4;color:#425a3c;font-size:10px;line-height:1.4}
.tool-card.club-only p{margin-bottom:15px}.tool-card.club-only .card-top{color:#788a6c}
.nav-item.club-only{width:100%;text-align:left;border:0;background:transparent;opacity:1;cursor:default;color:#b7c8b8;font-family:inherit;line-height:1.3}
.nav-copy small{display:block;font-size:9px;color:#a6bba4;margin-top:5px}
@media(max-width:560px){.club-label{font-size:9px;padding:5px 7px}}

.workspace.compact-workspace{height:auto;min-height:calc(100dvh - 85px);max-width:1230px;margin:0 auto}.compact-workspace .calculation-host{border:0;background:transparent;flex:none;overflow:visible}.compact-workspace .workspace-heading>div{display:none}.compact-workspace .workspace-heading{margin-bottom:12px}.compact-workspace iframe{display:block;width:100%}.compact-workspace #tool-profile{display:none}@media(max-width:850px){.workspace.compact-workspace{min-height:calc(100dvh - 65px)}}

.art-ticket{width:100%;max-width:310px;background:#f6f5ec;color:#234036;border:1px solid #ffffff4a;border-radius:16px;padding:22px;box-shadow:0 12px 30px #0b281626}
.ticket-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px;font-size:10px;letter-spacing:1.4px;color:#647660}
.ticket-heading svg{width:23px;height:26px;fill:none;stroke:#59704e;stroke-width:1.6;stroke-linecap:round}
.ticket-row{display:flex;align-items:center;gap:10px;padding:15px 0;border-bottom:1px solid #dfe3d6;font-size:12px}
.ticket-number{font-size:10px;color:#819178;font-variant-numeric:tabular-nums}
.ticket-check{margin-left:auto;color:#657e49;font-size:14px}
.ticket-result{margin-top:17px;padding:16px;background:#dcebbd;border-radius:10px}
.ticket-result>span{display:block;font-size:8px;letter-spacing:1.2px;color:#5d724a;margin-bottom:9px}
.ticket-result strong{display:block;position:relative;font-size:21px;line-height:1.2;font-weight:500;letter-spacing:-.4px}
.ticket-result strong span{position:absolute;right:0;bottom:0;font-size:25px;font-weight:400}

/* First four accents match the tool cards on zykova.pro/instrumenty. */
[data-tool="futures"],[data-nav="futures"]{--tool-accent:#1f5f6b;--tool-tint:#edf5f5;--tool-soft:#b8d9de}
[data-tool="shares"],[data-nav="shares"]{--tool-accent:#234036;--tool-tint:#eef3ee;--tool-soft:#bfd0bf}
[data-tool="dream"],[data-nav="dream"]{--tool-accent:#7b6a8d;--tool-tint:#f3eff7;--tool-soft:#d6c8e4}
[data-tool="average"],[data-nav="average"]{--tool-accent:#94662c;--tool-tint:#f8f1e5;--tool-soft:#e5d0aa}
[data-tool="risk"],[data-nav="risk"]{--tool-accent:#955949;--tool-tint:#f8eeea;--tool-soft:#e3c1b7}
[data-tool="rebalance"],[data-nav="rebalance"]{--tool-accent:#58755b;--tool-tint:#eff4eb;--tool-soft:#c3d4b9}
[data-tool="synthetic"],[data-nav="synthetic"]{--tool-accent:#586d88;--tool-tint:#eef2f7;--tool-soft:#c1cedf}
[data-tool="fair"],[data-nav="fair"]{--tool-accent:#8c647b;--tool-tint:#f6eef3;--tool-soft:#dfc6d5}
[data-tool="bonds"],[data-nav="bonds"]{--tool-accent:#7c764b;--tool-tint:#f4f3e9;--tool-soft:#d6d2af}
.tool-card[data-tool]{background:var(--tool-tint);border-top:4px solid var(--tool-accent)}
.tool-card[data-tool] h3,.tool-card[data-tool] .card-top,.tool-card[data-tool] .card-tag{color:var(--tool-accent)}
.tool-card[data-tool]:hover{border-color:var(--tool-accent)}
.tool-card[data-tool] .club-label{background:#ffffff9c;color:var(--tool-accent);border:1px solid var(--tool-soft)}
.nav-item[data-nav] .nav-number{color:var(--tool-soft);border-bottom:2px solid var(--tool-soft);padding-bottom:3px}
.workspace[data-tool] .workspace-heading{border-bottom:2px solid var(--tool-soft);padding-bottom:10px}
.workspace[data-tool] .workspace-heading h1{color:var(--tool-accent)}
.hero[data-tool]{background:var(--tool-accent)}
.hero[data-tool] .hero-tag,.hero[data-tool] .art-label{color:#bfdde0}
.hero[data-tool] p,.hero[data-tool] .hero-hint{color:#d0e1e2}
.hero[data-tool] .primary{background:#e1f0ed;color:#194d57}
.hero[data-tool] .primary:hover{background:#f0faf8}
.hero[data-tool] .art-ticket{color:#1f5f6b}
.hero[data-tool] .ticket-result{background:#d8eae9}
.hero[data-tool] .ticket-heading,.hero[data-tool] .ticket-result>span,.hero[data-tool] .ticket-check{color:#527779}
.hero[data-tool] .ticket-heading svg{stroke:#527779}

.sidebar{overflow-y:auto}.sidebar-bottom{flex-shrink:0}

.topbar{position:sticky;top:0;z-index:20;background:var(--paper)}
.top-actions{align-items:center}
.club-join{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:12px 18px;border:1px solid #234036;border-radius:8px;background:#234036;color:#fffdf8;font-size:13px;font-weight:600;white-space:nowrap;min-height:44px}
.club-join:hover{background:#355b49;border-color:#355b49}
.club-join:focus-visible{outline:3px solid #bc924b;outline-offset:3px}
.club-invite{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-top:20px;padding:25px 28px;border-radius:12px;background:#e9eddf;border:1px solid #d5deca}
.club-invite h2{font-size:21px;font-weight:550;margin:0 0 7px;letter-spacing:-.3px}
.club-invite p{font-size:12px;line-height:1.5;color:#647260;margin:0}
@media(max-width:560px){.topbar{padding-left:18px;padding-right:18px}.topbar #open-profile,.topbar .download{display:none}.top-actions{gap:0}.club-join{padding:10px 13px;gap:12px;font-size:12px}.club-invite{align-items:stretch;flex-direction:column;padding:22px;gap:17px}.club-invite .club-join{width:100%}}

.q-mishanya{border:1px solid #ded2b9;border-radius:20px;background:#faf5e8;color:#3e493a;padding:28px;width:min(430px,calc(100vw - 28px));max-height:90dvh;overflow-y:auto;box-shadow:0 24px 90px #20352950;font-size:14px;line-height:1.6}
.q-mishanya::backdrop{background:#123e4a66;backdrop-filter:blur(3px)}
.q-bear{font-size:54px;line-height:1;margin-bottom:20px}.q-mishanya .q-eyebrow{color:#8c734d;margin-bottom:9px}
.q-mishanya h2{font-size:27px;line-height:1.2;margin:0 0 12px;font-weight:600;letter-spacing:-.5px}
.q-mishanya p{margin:0 0 16px}.q-mishanya .q-mishanya-joke{font-size:18px;color:#765b3b}
.q-mishanya-note{padding:12px 14px;border-radius:9px;background:#eee5ce;font-size:12px}
.q-mishanya-actions{display:grid;gap:10px}.q-mishanya-actions button{font:500 13px Segoe UI,Arial,sans-serif;border-radius:8px;padding:13px;cursor:pointer}
#q-keep-stop{background:var(--accent,#1f5f6b);border:1px solid var(--accent,#1f5f6b);color:#fffdf8}#q-confirm-margin{background:transparent;border:1px solid #bbae91;color:#6e6045}
.q-mishanya button:focus-visible{outline:3px solid #b0842f;outline-offset:3px}

.q-mishanya .q-eyebrow{font-size:9px;letter-spacing:2px;font-weight:600}
