:root{font-family:system-ui,-apple-system,sans-serif;color:#fff;background:#0d1117}body{margin:0;min-height:100vh}.app{max-width:480px;margin:0 auto;padding:16px}h1{font-size:1.4rem;text-align:center}nav.grid{display:grid;gap:10px}nav.grid a,button.primary{display:block;padding:14px;border-radius:12px;background:#21262d;color:#fff;text-decoration:none;border:1px solid #30363d;font-size:1rem;cursor:pointer;text-align:center}button.primary{width:100%;background:#238636;border-color:#238636}button.secondary{width:100%;padding:12px;border-radius:12px;background:#21262d;color:#fff;border:1px solid #30363d;font-size:1rem;cursor:pointer}.tier-card{padding:14px;margin-bottom:10px;border-radius:12px;background:#161b22;border:1px solid #30363d;cursor:pointer}.tier-card.selected{border-color:#58a6ff}.quantity-control{display:flex;align-items:center;justify-content:center;gap:16px;margin:20px 0}.summary{background:#161b22;padding:16px;border-radius:12px;margin-bottom:16px}.copy-btn{margin-left:8px;padding:4px 8px;border-radius:8px;border:1px solid #30363d;background:#21262d;color:#fff;cursor:pointer;font-size:14px}.link-btn{display:block;width:100%;margin-top:12px;padding:10px;border:none;background:transparent;color:#58a6ff;cursor:pointer;font-size:14px;text-decoration:underline}.hint{color:#8b949e;font-size:.9rem}.tier-tabs{display:flex;flex-direction:column;gap:8px;margin:12px 0}.tier-tab{padding:10px;border-radius:10px;border:1px solid #30363d;background:#161b22;color:#fff;cursor:pointer;text-align:left}.tier-tab.active{border-color:#58a6ff}.fields777{display:grid;grid-template-columns:repeat(37,1fr);gap:2px;margin:12px 0;max-height:320px;overflow-y:auto}.field-cell{aspect-ratio:1;font-size:8px;display:flex;align-items:center;justify-content:center;border-radius:2px;color:#fff}.field-free{background:#238636}.field-sold{background:#484f58}.field-win{background:#d29922;font-weight:700}.legend{display:flex;gap:12px;flex-wrap:wrap;font-size:12px}.legend-item:before{content:"■ "}.legend-free:before{color:#238636}.legend-sold:before{color:#484f58}.legend-win:before{color:#d29922}.markdown-block{margin-top:16px}.md-h2{font-size:1.1rem;margin:12px 0 8px}.md-h3{font-size:1rem;margin:10px 0 6px}.md-bold{font-weight:600;margin:8px 0 4px}.md-line{margin:4px 0;line-height:1.4}.md-spacer{height:8px}.feedback-row{display:flex;align-items:center;gap:10px;margin-top:10px}.feedback-btn{padding:8px 14px;border-radius:8px;border:1px solid #30363d;background:#21262d;cursor:pointer;font-size:1.2rem}.career-levels{margin-top:16px;display:flex;flex-direction:column;gap:8px}.career-level{display:flex;gap:12px;padding:12px;border-radius:10px;background:#161b22;border:1px solid #30363d;opacity:.6}.career-level.completed{opacity:1}.career-level.current{border-color:#58a6ff}.career-badge{width:28px;height:28px;border-radius:50%;background:#21262d;display:flex;align-items:center;justify-content:center;font-weight:700;flex-shrink:0}.career-level.completed .career-badge{background:#238636}.lang-switch{display:flex;gap:6px;justify-content:flex-end;flex-wrap:wrap;margin-bottom:8px}.lang-switch-5 .lang-btn{font-size:11px;padding:4px 8px}.admin-tabs{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.admin-card{text-align:center;padding:10px 6px;display:flex;flex-direction:column;gap:4px;font-size:11px}.admin-card strong{font-size:1.1rem}.lang-btn{padding:4px 10px;border-radius:8px;border:1px solid #30363d;background:#21262d;color:#fff;cursor:pointer;font-size:12px}.lang-btn.active{border-color:#58a6ff}