:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#edf2ff;background:#0c1020;font-size:15px}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(ellipse at 5% 0%,#1a2345 0,transparent 42%),#0c1020}button,input,select{font:inherit}button{cursor:pointer}button:disabled{opacity:.45;cursor:not-allowed}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,4vw,3.6rem);letter-spacing:-.06em}h2{font-size:1.6rem;letter-spacing:-.035em}h3{font-size:1.1rem}p{line-height:1.65;color:#b8c4df}.app{max-width:1240px;margin:auto;padding:24px}.top{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:22px;flex-wrap:wrap}.brand{font-size:1.35rem;font-weight:900;letter-spacing:-.04em}.brand span{color:#8a80ff}.tag{font-size:.72rem;color:#9ba8c5;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.muted{color:#9ba8c5}.pill{background:#222d4a;border:1px solid #354267;border-radius:999px;padding:7px 11px;color:#cbd5ee;font-size:.82rem}.tabs{display:flex;gap:8px}.btn{border:1px solid #465175;border-radius:12px;background:#252f4b;color:#f4f6ff;padding:11px 16px;font-weight:750;transition:.15s}.btn:hover:not(:disabled){background:#344366;transform:translateY(-1px)}.btn.primary{background:#7669f5;border-color:#978cff;color:white}.btn.primary:hover{background:#887bff}.btn.ghost{background:transparent}.btn.danger{border-color:#9b4b62;color:#ffb5c5}.btn.small{padding:8px 11px;font-size:.85rem}.btn.active{background:#7669f5;border-color:#7669f5}.layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:20px;align-items:start}.card{background:#171f34;border:1px solid #2b3756;border-radius:19px;padding:23px;box-shadow:0 12px 35px #05091822}.card+.card{margin-top:16px}.hero{padding:36px;background:linear-gradient(125deg,#242451,#17283d);border:1px solid #414374;border-radius:24px;margin-bottom:18px}.hero p{max-width:690px;margin:14px 0 22px}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}.company{padding:22px;text-align:left;min-height:160px;border:1px solid #354365;background:#19243b;border-radius:16px;color:inherit}.company:hover{border-color:#968aff;background:#242c4a}.company .emoji{font-size:2.3rem;display:block;margin-bottom:13px}.company p{font-size:.88rem;margin-top:8px}.stat{background:#1c2741;border:1px solid #2c3958;border-radius:14px;padding:16px}.stat strong{font-size:1.45rem;display:block;margin:5px 0}.stat small{color:#9ba8c5}.stat em{font-size:.75rem;color:#7ee2bf;font-style:normal}.bar{height:8px;border-radius:8px;background:#303c58;overflow:hidden}.bar>span{display:block;height:100%;background:linear-gradient(90deg,#7468f4,#50d9ca);border-radius:8px}.progress{display:flex;gap:5px;margin:14px 0}.progress span{height:7px;flex:1;border-radius:5px;background:#33405d}.progress .done{background:#7669f5}.progress .current{background:#45d5c3}.case{background:linear-gradient(145deg,#25264a,#19283d);border:1px solid #454b75;border-radius:19px;padding:25px;margin:20px 0}.case-icon{font-size:2.4rem;margin-bottom:10px}.case h2{margin:7px 0 12px}.choice{display:block;width:100%;text-align:left;border:1px solid #384666;background:#1a2741;border-radius:12px;padding:14px 16px;color:#e8edfc;margin:9px 0;line-height:1.5}.choice:hover{border-color:#8b80fa;background:#26345b}.choice.selected{border-color:#8b80fa;background:#302e62}.choice small{display:block;color:#a8b7d6;margin-top:5px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:17px}.feedback{border:1px solid #476d6c;background:#183d42;border-radius:13px;padding:17px;margin:17px 0}.feedback.bad{background:#422b39;border-color:#845164}.feedback p{margin-top:8px}.side .card{position:relative}.side .card h3{margin-bottom:15px}.side-row{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #2c3852;padding:10px 0}.side-row:last-child{border:0}.side-row strong{white-space:nowrap}.label{font-size:.8rem;color:#aab7d3}.platform{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px 0}.platform .left{min-width:110px}.platform .bar{flex:1}.platform strong{min-width:76px;text-align:right}.tablewrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:.87rem}th,td{padding:12px 10px;text-align:left;border-bottom:1px solid #2c3852;white-space:nowrap}th{color:#9faccc;font-weight:700}tr:last-child td{border:0}.notice{border-left:3px solid #8677f7;background:#242747;border-radius:9px;padding:13px 15px;margin:13px 0;color:#cdd5eb;line-height:1.6}.good{color:#80e3bb}.badtext{color:#ff9fb3}.month{display:inline-block;color:#aab7d3;font-weight:800;font-size:.8rem;text-transform:uppercase;letter-spacing:.09em}.details{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.select{width:100%;border:1px solid #4a587a;background:#222d49;border-radius:10px;color:white;padding:11px;margin-top:7px}.field{margin:12px 0}.field label{font-size:.85rem;color:#b8c4df}.split{display:flex;align-items:center;justify-content:space-between;gap:10px}.log{border-left:2px solid #48597a;margin-left:6px;padding:5px 0 13px 18px}.log strong{font-size:.9rem}.log p{font-size:.83rem;margin-top:4px}.chart{width:100%;height:220px;display:block}.footer{margin:25px 0;color:#8190af;font-size:.8rem;text-align:center}.result{font-size:3.4rem;color:#a99cff;font-weight:900;letter-spacing:-.05em}.badge{display:inline-block;padding:7px 11px;background:#2c315e;border:1px solid #5758a4;border-radius:999px;color:#dcd7ff;font-size:.8rem;margin:4px}.award{padding:12px;border:1px solid #455273;border-radius:12px;background:#202d45}.awards{display:flex;flex-wrap:wrap;gap:8px}.separator{height:1px;background:#34415d;margin:18px 0}.hide{display:none}.intro{max-width:930px;margin:20px auto}.print-only{display:none}@media(max-width:820px){.layout{grid-template-columns:1fr}.side{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.side .card{margin:0}.details{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.app{padding:12px}.card,.case{padding:16px}.grid,.grid.three,.details,.side{grid-template-columns:1fr}.top{align-items:flex-start}.hero{padding:22px}.stat strong{font-size:1.2rem}.btn{padding:10px 12px}}@media print{body{background:white;color:black}.top,.tabs,.btn,.side,.footer,.no-print{display:none!important}.app{max-width:none}.layout{display:block}.card,.case,.stat{background:white;color:black;border-color:#bbb;box-shadow:none;break-inside:avoid}p,.muted,.label,.month{color:#444}.print-only{display:block}h1,h2,h3{color:black}.result{color:#222}.bar{border:1px solid #aaa}.bar>span{background:#777}}