:root{--ink: #3f4247;--ink-soft: #5d6168;--muted: #8a9099;--paper: #ffffff;--panel: #f2f8fc;--page: #e9f0f6;--line: #d3dde6;--navy: #0f528f;--navy-dark: #0b3f6f;--teal: #0f7f73;--teal-hover: #0b6b61;--hover: #ddf4f3;--green: #2e8b57;--amber: #e3a33b;--red: #c0392b;--danger: #b3261e;--radius: 22px;--radius-sm: 12px;--shadow: 0 10px 30px rgb(15 40 70 / 0.1);--gutter: 16px}*,*::before,*::after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--page);color:var(--ink);font-family:"Open Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.5}h1,h2,h3{margin:0 0 .5rem;color:var(--ink);line-height:1.25}h1{font-size:1.6rem}h2{font-size:1.3rem}h3{font-size:1.05rem}.h2{font-size:1.3rem}p{margin:0 0 1rem}a{color:var(--navy)}img{max-width:100%}.muted{color:var(--muted)}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.site-header{background:var(--paper);border-bottom:1px solid var(--line)}.site-header__inner{max-width:1080px;margin:0 auto;padding:10px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px}.site-header__brand{display:flex;align-items:center;gap:10px;margin-right:auto;color:var(--navy);font-weight:700;font-size:1.05rem;text-decoration:none;line-height:1.2}.site-header__brand img{width:34px;height:34px}.site-header__actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.site-header__user{color:var(--ink-soft);font-weight:600;max-width:14rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.lang-select{height:40px;padding:0 36px 0 12px;border:1px solid var(--line);border-radius:10px;color:var(--ink);font:inherit;font-size:.95rem;appearance:none;background:var(--paper) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'><path d='M1 1.5l5 5 5-5' fill='none' stroke='%235d6168' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat right 12px center}.page{flex:1;width:100%;max-width:1080px;margin:0 auto;padding:24px var(--gutter) 40px}.page--narrow{max-width:520px}.page__intro{margin-bottom:20px}.page__intro p{color:var(--ink-soft);margin:0}.flash{margin-bottom:16px;padding:12px 16px;border-radius:var(--radius-sm);background:var(--hover);border:1px solid #21b3ab;color:var(--ink)}.flash--alert{background:#fdecea;border-color:#f1b0aa}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:var(--radius-sm);background:var(--teal);color:#fff;font:inherit;font-weight:700;text-decoration:none;cursor:pointer;transition:background .15s ease-out}.btn:hover,.btn:focus-visible{background:var(--teal-hover);color:#fff}.btn:focus-visible{outline:3px solid #2bbf8f;outline-offset:2px}.btn--navy{background:var(--navy)}.btn--navy:hover,.btn--navy:focus-visible{background:var(--navy-dark)}.btn--ghost{background:rgba(0,0,0,0);color:var(--navy);border:1px solid var(--line)}.btn--ghost:hover,.btn--ghost:focus-visible{background:var(--panel);color:var(--navy)}.btn--small{min-height:40px;padding:0 14px;font-size:.95rem}.btn--block{width:100%}.btn--link{min-height:0;padding:0;background:none;color:var(--danger);font-weight:600;text-decoration:underline}.btn--link:hover,.btn--link:focus-visible{background:none;color:var(--danger)}form.button_to{margin:0}.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.card__head{padding:16px 20px;background:var(--navy);color:#fff}.card__head h1,.card__head h2,.card__head h3{color:#fff;margin:0}.card__head p{margin:4px 0 0;color:rgba(255,255,255,.85);font-size:.95rem}.card__body{padding:20px}.tracks{display:grid;gap:20px}.variants{display:grid;gap:12px}.variant{padding:14px 16px 16px;border-radius:16px;background:var(--panel)}.variant__top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.variant__name{font-weight:700;font-size:1.05rem}.variant__result{margin:10px 0 0;padding:0;list-style:none;color:var(--ink-soft);font-size:.95rem}.variant__result li+li{margin-top:2px}.variant .btn{margin-top:12px}.pill{display:inline-block;padding:2px 10px;border-radius:999px;background:var(--paper);border:1px solid var(--line);color:var(--ink-soft);font-size:.85rem;font-weight:600;white-space:nowrap}.pill--in_progress{border-color:var(--navy);color:var(--navy)}.pill--finished{background:var(--teal);border-color:var(--teal);color:#fff}.strip{display:flex;gap:4px}.strip__seg{flex:1;height:6px;border-radius:3px;background:var(--line)}.strip__seg--done{background:var(--navy)}.strip__seg--current{background:#7fa8cf}.stars{color:var(--amber);letter-spacing:1px}.more{display:grid;gap:12px;margin-top:24px}.tile{display:flex;align-items:center;gap:12px;padding:16px 20px;background:var(--paper);border:1px solid var(--line);border-radius:16px;color:var(--navy);font-weight:700;text-decoration:none}.tile img{width:28px;height:28px}.tile:hover,.tile:focus-visible{background:var(--hover);border-color:#21b3ab}.field{margin-bottom:16px}.field label{display:block;margin-bottom:6px;font-weight:600}.input{width:100%;min-height:48px;padding:0 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);font:inherit}.input:focus{outline:3px solid rgba(43,191,143,.4);border-color:var(--teal)}.check{display:flex;align-items:flex-start;gap:10px;margin-bottom:16px}.check input{width:20px;height:20px;margin:2px 0 0;flex:none;accent-color:var(--teal)}.form-errors{margin-bottom:16px;padding:12px 16px;border-radius:var(--radius-sm);background:#fdecea;color:var(--danger);list-style:none}.form-note{color:var(--ink-soft);font-size:.95rem}.danger-zone{margin-top:20px;padding-top:16px;border-top:1px solid var(--line)}.back-link{display:inline-block;margin-bottom:16px;font-weight:600;text-decoration:none}.auth{display:grid;gap:24px;align-items:center}.auth__hero{text-align:center}.auth__hero h1{color:var(--navy);font-size:1.8rem}.auth__hero p{color:var(--ink-soft)}.auth__hero img{display:block;width:100%;max-width:240px;margin:0 auto 12px}.auth__by{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--muted);font-size:.9rem}.auth__by img{width:70px;margin:0}.auth__alt{margin:16px 0 0;text-align:center;color:var(--ink-soft)}.stats-section{margin-top:24px}.stats-grid{display:grid;gap:20px}.table-wrap{overflow-x:auto;-webkit-overflow-scrolling:touch}.table{width:100%;border-collapse:collapse;font-size:.95rem}.table th,.table td{padding:8px 12px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}.table th{color:var(--ink-soft);font-weight:600;white-space:nowrap}.table td.num,.table th.num{text-align:right;font-variant-numeric:tabular-nums;white-space:nowrap}.table tr.is-current td{background:var(--hover)}.dot{display:inline-block;width:10px;height:10px;margin-right:6px;border-radius:50%;vertical-align:baseline;background:var(--muted)}.dot--green{background:var(--green)}.dot--amber{background:var(--amber)}.dot--red{background:var(--red)}.toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;margin-bottom:8px}.amount-input input{margin-top:6px}.amount-total{margin-top:12px;text-align:right;font-weight:700}.site-footer{background:var(--navy);color:#fff;font-size:.9rem}.site-footer a{color:#fff;font-weight:700}.site-footer__inner{max-width:1080px;margin:0 auto;padding:20px var(--gutter);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 24px}.site-footer__inner img{width:120px;display:block;margin-bottom:4px}@media(min-width: 720px){:root{--gutter: 24px}h1{font-size:2rem}.page{padding-top:36px}.tracks{grid-template-columns:1fr 1fr}.more{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.stats-grid{grid-template-columns:1fr 1fr}}@media(min-width: 960px){.auth{grid-template-columns:1.2fr 1fr;gap:48px;min-height:60vh}.auth__hero{text-align:left}.auth__hero img{max-width:420px;margin-left:0}}