.study-route{color:#e3f3ff;background:radial-gradient(at 65% 18%,#193651,#09172b 45%,#030a14 85%);min-height:100vh;padding-bottom:60px;font-family:Arial,sans-serif}.study-route *{box-sizing:border-box}.study-route nav{border-bottom:1px solid #9fc8e329;justify-content:space-between;gap:20px;padding:24px 5%;display:flex}.study-route nav>a{font-size:24px;font-weight:800}.study-route a{color:#bde7ff;text-decoration:none}.study-route nav div{align-items:center;gap:22px;font-size:12px;display:flex}.route-hero{padding:54px 5% 36px}.route-hero>span,.focus-console>span,.route-summary>span{letter-spacing:.2em;color:#a6d7fa;font-size:9px}.route-hero h1{letter-spacing:-.04em;margin:20px 0;font-size:clamp(36px,5vw,70px);font-weight:500;line-height:1.05}.route-hero em{color:#a9b9ff;font-style:normal}.route-hero p{color:#adbed2;max-width:620px;font-size:14px;line-height:1.8}.route-shell{grid-template-columns:240px minmax(0,1fr) 260px;align-items:start;gap:22px;margin:0 5%;display:grid}.route-console,.focus-console{background:linear-gradient(145deg,#142b43bb,#081526e6);border:1px solid #a2c4e236;border-radius:20px;padding:24px;box-shadow:0 25px 60px #0003}.route-console h2,.focus-console h2{margin:0 0 22px;font-size:19px;line-height:1.4}.route-console label{color:#b6cee4;margin:20px 0;font-size:11px;display:block}.route-console input,.route-console select{color:#fff;background:#07182b;border:1px solid #81a9c957;border-radius:8px;width:100%;min-width:0;margin-top:9px;padding:12px}.study-route p{color:#a9bfd6;font-size:12px;line-height:1.8}.study-route button{color:#e8f8ff;cursor:pointer;background:#183753;border:1px solid #acd5f161;border-radius:9px;padding:12px 15px}.study-route button:hover{background:#285572}.study-route button:disabled{opacity:.4;cursor:not-allowed}.route-console button,.focus-console button{width:100%;margin:5px 0}.route-console>a,.focus-console>a{margin-top:20px;font-size:11px;display:block}.route-space{padding:0 14px;position:relative}.route-summary{border-bottom:1px solid #aac5e633;padding:18px 0 25px}.route-summary strong{margin-top:12px;font-size:25px;font-weight:500;display:block}.route-summary small{color:#a6bdd1;font-size:12px}.route-space ol{margin:0;padding:15px 0;list-style:none}.route-space li{gap:20px;padding:16px 0 25px;display:flex;position:relative}.route-space li:before{content:"";background:linear-gradient(#73c8fa88,#b99afa44);width:2px;position:absolute;top:50px;bottom:-30px;left:25px}.route-space li:last-child:before{display:none}.route-orb{color:#d2eeff;background:radial-gradient(circle at 35% 25%,#b3e5ff,#284e78 45%,#091225 80%);border:1px solid #89c3ed;border-radius:50%;flex:none;place-items:center;width:52px;height:52px;font-size:12px;display:grid;transform:perspective(300px)rotateY(-12deg);box-shadow:0 0 35px #4ca7ff42,inset 0 0 15px #afddff44}.route-space article{background:linear-gradient(120deg,#1a3851a6,#0c1e32bb);border:1px solid #7dadd24d;border-radius:14px;flex:1;padding:18px 22px;box-shadow:8px 12px #030d1c50}.route-space article>span{color:#9dbbff;font-size:10px}.route-space article h2{margin:9px 0;font-size:18px;line-height:1.35}.route-space li.active article{border-color:#a7d5ff;box-shadow:0 0 35px #76bfff20}.route-space .late{color:#ffd09c}.study-route .primary{color:#0a1b32;background:#b7dfff;font-weight:700}.study-route .caption{color:#8ba6bf;font-size:10px}.timer{font-variant-numeric:tabular-nums;letter-spacing:-.06em;color:#d6ecff;margin:30px 0;font-size:45px}.timer span{color:#7c9ac5}.focus-console>span{margin-bottom:20px;display:block}.study-route button:focus-visible,.study-route a:focus-visible{outline-offset:4px;outline:2px solid #b9e4ff}@media (max-width:1100px){.route-shell{grid-template-columns:210px 1fr}.focus-console{grid-column:1/-1}.timer{margin:15px 0}.focus-console button{max-width:180px;margin-right:10px}}@media (max-width:650px){.study-route nav{flex-wrap:wrap;padding:20px}.study-route nav div{gap:15px}.route-hero{padding:35px 20px 20px}.route-shell{flex-direction:column;margin:0 15px;display:flex}.route-console,.route-space,.focus-console{width:100%}.route-console{padding:20px}.route-space{padding:0 5px}.route-space li{gap:12px}.route-space article{padding:16px}.route-orb{width:42px;height:42px}.route-space li:before{left:20px}.route-summary strong{font-size:23px}}
