
:root{--a61bg:#040b1b;--a61line:#234560;--a61cyan:#7fe5fc;--a61gold:#edcf91}
body{background:radial-gradient(ellipse at 55% -16%,#122d4b 0%,transparent 50%),#040b1b!important}
.a61hero{padding:42px 0 27px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.7fr);gap:20px;align-items:center}
.a61hero h1{font:normal clamp(35px,5vw,62px)/1.07 Georgia,serif;margin:10px 0 15px;letter-spacing:-.04em}
.a61hero h1 em{font-style:normal;color:#a0ecec}.a61hero p{color:#b5d0df;line-height:1.7;max-width:830px}
.a61panel{border:1px solid #31546a;background:linear-gradient(160deg,#102c45d9,#0a192e);padding:22px;border-radius:21px;box-shadow:0 20px 40px #0003}
.a61panel h2,.a61panel h3{margin:4px 0 12px}.a61panel p{font-size:13px;color:#b9d4de;line-height:1.65}.a61eyebrow{letter-spacing:.18em;text-transform:uppercase;color:#86eeeb;font-size:11px;font-weight:800}
.a61chip{display:inline-block;padding:5px 9px;background:#203c4c;border:1px solid #376a77;color:#bbeced;border-radius:99px;font-size:11px;margin-right:5px}
.a61grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px}.a61grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.a61card{border:1px solid #31516a;background:#0d2539;border-radius:18px;padding:18px}.a61card h3{font-size:19px;color:#ffe0a4;margin:5px 0 10px}.a61card p{color:#bbd0df;line-height:1.6;font-size:13px}
.a61btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 16px;background:#153e56;border:1px solid #3e7387;border-radius:13px;color:#f1fbff;text-decoration:none;font-weight:700;font-size:13px;cursor:pointer}.a61btn:hover{background:#23546a;text-decoration:none}.a61btn.primary{background:linear-gradient(105deg,#8bf9d9,#91d7fa);border-color:transparent;color:#0b2838}.a61btn:disabled{opacity:.48;cursor:not-allowed}.a61buttons{display:flex;gap:10px;flex-wrap:wrap;align-items:center}
.a61note{padding:15px 18px;border:1px solid #5f5849;background:#322b22aa;border-radius:14px;color:#f5dfbd;font-size:13px;line-height:1.65;margin:22px 0}
.a61field{border:1px solid #40637a;background:#0b1d32;border-radius:12px;color:#f3fcff;padding:11px;width:100%}.a61field:focus-visible{outline:2px solid #81e5e6}.a61small{font-size:12px;color:#9bb5c5;line-height:1.5}.a61meter{height:8px;background:#1d4050;border-radius:9px;overflow:hidden}.a61meter>i{height:100%;display:block;background:linear-gradient(90deg,#5fc9d4,#ecce93);transition:width .3s}
.a61nav{display:flex;gap:8px;flex-wrap:wrap;padding:8px 0 18px}.a61nav a{display:inline-flex;border:1px solid #3d6178;border-radius:999px;padding:7px 11px;background:#112d40;font-size:12px;text-decoration:none}
.tourlayout{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(310px,.8fr);gap:16px;align-items:start}
.tourstage{position:relative;min-height:500px;border-radius:24px;border:1px solid #31536d;overflow:hidden;background:radial-gradient(circle at 50% 42%,#1a3657,#08172d 52%,#030918);box-shadow:inset 0 0 110px #020614}
#sevenCanvas{position:absolute;inset:0;width:100%;height:100%;display:block;touch-action:pan-y}#fallbackSky{position:absolute;inset:0;display:grid;place-items:center;text-align:center;color:#9bdfdd;pointer-events:none}
.tourhud{pointer-events:none;position:absolute;top:17px;left:17px;right:17px;display:flex;justify-content:space-between;gap:10px}.tourhud span{background:#091e32b8;border:1px solid #477184;border-radius:999px;padding:7px 11px;font-size:11px;color:#d6f2f3;backdrop-filter:blur(8px)}
.steps{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:18px}.step{padding:10px 12px;border-radius:11px;border:1px solid #42667b;color:#bddde6;background:#143047;cursor:pointer}.step.active{background:#8cefe1;border-color:#b8fff1;color:#092439;font-weight:800}
.tourinfo{min-height:270px}.tourinfo h2{font:normal 30px Georgia,serif;color:#f8ead1;margin:12px 0}.tourinfo p{font-size:14px}.tourinfo .source{display:inline-block;font-size:12px;color:#a7e7ed}
.manuitem{display:grid;grid-template-columns:1fr auto;align-items:center;gap:12px;border:1px solid #36526d;border-radius:14px;padding:15px 17px;margin:9px 0;background:#10253a}.manuitem.active{border-color:#98e8d4;background:#153746}.manuitem b{display:block}.manuitem small{display:block;color:#a4c0cf}.manuitem button{white-space:nowrap}
.compareColumns{display:grid;grid-template-columns:1fr 1fr;gap:13px}.compareColumns p{font-size:13px}.refList a{display:block;padding:10px 0;border-bottom:1px solid #234357;font-size:12px}
.labrow{display:grid;grid-template-columns:1fr 1fr;gap:20px}.a61range{width:100%;accent-color:#81f5df}.labresult{background:#122f40;border-radius:18px;border:1px solid #35677b;padding:18px}.labresult strong{display:block;font-size:29px;color:#aeffe0}.labresult small{color:#aec6ce}#predictionCanvas{width:100%;height:auto;border:1px solid #345973;background:#0a1b30;border-radius:16px}
@media(max-width:920px){.a61hero,.tourlayout,.labrow{grid-template-columns:1fr}.a61grid{grid-template-columns:1fr 1fr}.tourstage{min-height:400px}}
@media(max-width:600px){.a61grid,.a61grid.two,.compareColumns{grid-template-columns:1fr}.a61hero{padding:27px 0}.tourstage{min-height:350px}.a61panel{padding:16px}.a61nav{padding:8px 0}.manuitem{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){*,*:after,*:before{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
