:root{color-scheme:dark;--ink:#eff7ff;--muted:#a4b9c9;--border:#35576c;--cyan:#68dfff;--gold:#ffca68}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 75% 0,#203149 0,#071321 33%,#03080f 100%);color:var(--ink);font-family:Arial,Helvetica,sans-serif}.s4-shell{max-width:1180px;margin:auto;padding:18px 18px 70px}.s4-head{display:flex;align-items:center;gap:18px;padding:20px 24px;border:1px solid #46677c;border-radius:18px;background:linear-gradient(115deg,#101b31,#072f42 55%,#211927);box-shadow:0 18px 50px #0007}.home{display:grid;flex:0 0 42px;height:42px;place-items:center;border:1px solid var(--border);border-radius:10px;color:white;text-decoration:none}.s4-head>div{flex:1;min-width:0}.s4-head small{color:var(--cyan);letter-spacing:.2em;font-size:11px;font-weight:800}.s4-head h1{margin:4px 0;font-size:clamp(28px,4vw,48px);line-height:1.06}.s4-head p{margin:6px 0 0;color:#c2d0dc;line-height:1.4}.season-mark{display:grid;flex:0 0 88px;height:88px;place-items:center;border:3px solid #ffd168;border-radius:50%;background:radial-gradient(circle,#0c2030 37%,#e88338 41%,#ffd96a 48%,#151626 56%);box-shadow:0 0 20px #ea844a88;color:#fff;font-size:27px;font-weight:900;text-shadow:0 2px 4px #000}.caveat{margin:12px 0;padding:10px 13px;border-left:3px solid var(--gold);border-radius:6px;background:#47331766;color:#fce0a5;font-size:13px;line-height:1.4}.s4-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:10px;margin:16px 0}.s4-controls label,.announce-controls label,.announce-field{display:grid;gap:6px;color:var(--muted);font-size:12px}input,select,textarea,button{font:inherit}input,select,textarea{min-width:0;width:100%;padding:11px;border:1px solid var(--border);border-radius:9px;background:#0d2434;color:white;font-size:15px}button{min-height:42px;padding:9px 13px;border:1px solid #41728b;border-radius:9px;background:#146f96;color:white;font-weight:800;cursor:pointer}button:hover{filter:brightness(1.13)}.s4-tabs{position:sticky;top:0;z-index:30;display:grid;grid-template-columns:repeat(4,1fr);gap:5px;margin:16px 0;padding:5px;border:1px solid #2b4b5d;border-radius:12px;background:#061522ee;backdrop-filter:blur(10px)}.s4-tabs button{background:transparent;border:0}.s4-tabs button.active{background:#137da8}.s4-view{display:none}.s4-view.active{display:block}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:20px 0 12px}.section-heading h2{margin:0;font-size:24px}.section-heading small{color:var(--muted)}.section-heading button{white-space:nowrap}.visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.visual{min-width:0;margin-bottom:12px;padding:18px;border:1px solid #36637b;border-radius:16px;background:linear-gradient(135deg,#0a2537,#0b182a 70%);box-shadow:0 12px 30px #0005}.visual-wide{width:100%}.visual-title{display:flex;align-items:start;gap:11px}.visual-title>span{display:grid;flex:0 0 37px;height:37px;place-items:center;border:1px solid #5795ae;border-radius:10px;background:#0b425b;color:var(--cyan);font-size:13px;font-weight:900}.visual h3{margin:0;font-size:20px}.visual-title p{margin:4px 0 12px;color:var(--muted);font-size:13px;line-height:1.4}.flow{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;align-items:stretch}.flow-node{position:relative;min-width:0;padding:13px 8px;border:1px solid #4a7387;border-radius:12px;background:#123247;text-align:center}.flow-node:not(:last-child):after{content:'→';position:absolute;right:-11px;top:40%;z-index:2;color:var(--gold);font-size:20px;font-weight:900}.flow-node b,.flow-node small{display:block}.flow-node b{margin:5px 0;font-size:15px}.flow-node small{color:#bfd2df;line-height:1.3}.flow-node em{font-size:25px;font-style:normal}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.steps-four{grid-template-columns:repeat(4,minmax(0,1fr))}.step{min-width:0;padding:12px;border:1px solid #386177;border-radius:11px;background:#081a29}.step>span{font-size:25px}.step b{display:block;margin:7px 0 4px;color:var(--gold)}.step p{margin:0;color:#b9cfda;font-size:12px;line-height:1.45}.roadmap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.roadmap-item{padding:11px;border-left:3px solid #4ecdea;border-radius:8px;background:#102b3b}.roadmap-item b,.roadmap-item strong{display:block}.roadmap-item b{color:var(--cyan);font-size:11px;letter-spacing:.08em}.roadmap-item strong{margin:5px 0;font-size:14px}.roadmap-item small{color:var(--muted);line-height:1.4}.footnote{color:#a9bdc9;font-size:12px;line-height:1.45}.week-hero{padding:21px;border:1px solid #997545;border-radius:15px;background:linear-gradient(120deg,#493016,#102f3d 65%)}.week-hero small{color:#ffd484;letter-spacing:.1em;font-weight:800}.week-hero h3{margin:6px 0;font-size:26px}.week-hero p{max-width:770px;line-height:1.5}.tags{display:flex;flex-wrap:wrap;gap:6px}.tags span{padding:5px 9px;border:1px solid #6e8a96;border-radius:20px;background:#0a2536;font-size:12px}.plan-columns{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:12px}.plan-card{padding:15px;border:1px solid #385d70;border-radius:13px;background:#0b2030}.plan-card h3{margin:0 0 10px}.task{display:flex;align-items:start;gap:9px;padding:9px 3px;border-bottom:1px solid #24485b}.task input{width:20px;height:20px;min-width:20px;margin:0;accent-color:#40c6ee}.task span{line-height:1.4}.task:has(input:checked) span{text-decoration:line-through;color:#8ca4b1}.announce-controls{display:grid;grid-template-columns:1fr auto;align-items:end;gap:9px}.announce-field{margin-top:12px}.announce-field textarea{min-height:330px;line-height:1.5;resize:vertical}.announce-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:10px}.source-list{display:grid;gap:9px}.source-card{padding:14px;border:1px solid #35566b;border-radius:10px;background:#0b2131}.source-card a{color:#83e2ff;font-weight:800}.source-card p{margin:6px 0 0;color:#abc1cd;font-size:13px;line-height:1.4}@media(max-width:800px){.steps-four,.roadmap{grid-template-columns:repeat(2,minmax(0,1fr))}.flow{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-node:nth-child(3):after{display:none}}@media(max-width:610px){.s4-shell{padding:10px 10px 70px}.s4-head{gap:10px;padding:14px}.season-mark{flex-basis:56px;height:56px;font-size:19px}.s4-head h1{font-size:27px}.s4-head p{font-size:12px}.s4-controls{grid-template-columns:1fr 1fr}.s4-controls label:first-child{grid-column:1/-1}.s4-tabs button{padding:8px 2px;font-size:11px}.section-heading h2{font-size:20px}.section-heading button{font-size:12px;padding:6px}.visual{padding:13px}.visual-grid,.plan-columns{grid-template-columns:1fr}.flow{grid-template-columns:repeat(2,minmax(0,1fr))}.flow-node:nth-child(3):after{display:block}.flow-node:nth-child(even):after{display:none}.steps{grid-template-columns:1fr 1fr}.steps-four{grid-template-columns:1fr 1fr}.roadmap{grid-template-columns:1fr 1fr}.announce-actions button{flex:1}}@media print{body{background:white;color:black}.s4-head{background:white;color:black;box-shadow:none}.s4-tabs,.s4-controls,.caveat,.section-heading button,.global-language{display:none!important}.s4-view{display:none!important}#guideView{display:block!important}.visual{break-inside:avoid;box-shadow:none;background:#fff;color:#000}.visual-title p,.step p,.roadmap-item small,.footnote{color:#333}.step,.flow-node,.roadmap-item{background:#f2f7f9;color:#000}.roadmap-item b{color:#17627b}}
@media(max-width:610px){.flow{grid-template-columns:1fr}.flow-node:not(:last-child):after,.flow-node:nth-child(3):after{content:'↓';display:block;top:auto;bottom:-16px;right:calc(50% - 7px)}.flow-node:nth-child(even):after{display:block}.flow-node:last-child:after{display:none}}