@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@500;700;900&family=Noto+Sans+JP:wght@500;700;900&display=swap');:root{--orange:#ff6825;--ink:#291f1a;--muted:#766d67;--line:#eadfd8}*{box-sizing:border-box}body{margin:0;background:#fffaf6;color:var(--ink);font-family:'DM Sans','Noto Sans JP',sans-serif}header{height:76px;display:flex;align-items:center;padding:0 max(20px,calc((100% - 1080px)/2));border-bottom:1px solid var(--line);background:#fffaf6dd;backdrop-filter:blur(14px);position:sticky;top:0;z-index:10}.logo{text-decoration:none;color:var(--ink);font-size:25px;font-weight:900}.logo span{color:var(--orange)}header nav{margin-left:auto;display:flex;gap:18px}header nav a{font-size:11px;font-weight:800;color:var(--muted);text-decoration:none}main{width:min(900px,calc(100% - 36px));margin:auto;padding:74px 0 110px}.intro{text-align:center}.intro small{color:var(--orange);font-weight:900;letter-spacing:.17em}.intro h1{font-size:clamp(43px,8vw,78px);line-height:1.05;letter-spacing:-.07em;margin:15px 0}.intro em{font-style:normal;color:var(--orange)}.intro p{color:var(--muted)}.watch{margin-top:48px;background:#fff;border:1px solid var(--line);border-radius:35px;padding:30px;box-shadow:0 30px 80px #70401d14}.watch-top{display:flex;justify-content:space-between;align-items:center}.watch-top label{font-size:11px;font-weight:800}.watch-top select{margin-left:10px;border:1px solid var(--line);border-radius:9px;padding:8px;background:#fff}.watch-top span{font-size:10px;letter-spacing:.16em;color:#9a918b}.watch-top span.running{color:var(--orange)}#display{text-align:center;font-size:clamp(55px,14vw,115px);font-weight:900;letter-spacing:-.065em;font-variant-numeric:tabular-nums;margin:42px 0}.actions{display:grid;grid-template-columns:2fr 1fr 1fr;gap:9px}.actions button{border:1px solid var(--line);background:#fff8f3;border-radius:15px;padding:16px;font:900 12px inherit;cursor:pointer}.actions .primary{background:var(--orange);color:#fff;border-color:var(--orange)}.hint{text-align:center;font-size:10px;color:#a19892;margin:17px 0 0}.summary{display:grid;grid-template-columns:repeat(3,1fr);margin-top:14px;gap:10px}.summary article{padding:20px;background:#f5eee8;border-radius:18px}.summary span{font-size:10px;color:var(--muted)}.summary b{display:block;margin-top:7px;font-size:21px}.laps{margin-top:42px}.laps>div{display:flex;justify-content:space-between;align-items:center}.laps h2{font-size:23px}.laps button{border:0;background:transparent;color:#a58f83;font-size:10px}.laps ol{list-style:none;padding:0;margin:12px 0}.laps li{display:grid;grid-template-columns:50px 1fr auto;gap:15px;align-items:center;padding:17px 5px;border-bottom:1px solid var(--line);font-size:12px}.laps li i{font-style:normal;color:var(--orange);font-weight:900}.laps .empty{display:block;text-align:center;color:#aaa;padding:40px}footer{text-align:center;padding:30px;font-size:10px;color:#908780;border-top:1px solid var(--line)}footer a{color:var(--orange)}@media(max-width:600px){header nav a:first-child{display:none}main{padding-top:48px}.watch{padding:22px 16px;border-radius:25px}#display{margin:35px 0}.actions{grid-template-columns:1fr 1fr}.actions .primary{grid-column:1/-1}.summary{grid-template-columns:1fr}.intro p{font-size:12px}.laps li{grid-template-columns:42px 1fr auto}}
.hidden{display:none!important}.header-login,.profile{margin-left:16px;border:0;border-radius:11px;padding:10px 14px;font:800 10px inherit;cursor:pointer}.header-login{background:var(--orange);color:#fff}.profile{background:#f1e8e1;color:var(--ink)}.subject-picker{margin-top:50px}.subject-picker>div:first-child{display:flex;align-items:end;justify-content:space-between}.subject-picker small,.watch-top small,.community-head small{color:var(--orange);font-size:9px;font-weight:900;letter-spacing:.17em}.subject-picker h2{margin:4px 0 16px;font-size:25px}.subject-cards{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.subject-cards button{border:1px solid var(--line);background:#fff;border-radius:18px;padding:15px 6px 13px;cursor:pointer;transition:.18s;color:var(--ink)}.subject-cards button:hover{transform:translateY(-2px);border-color:#ff9b70}.subject-cards button.selected{background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:0 13px 30px #39231924}.subject-cards button:disabled{cursor:not-allowed}.subject-cards i{width:34px;height:34px;margin:auto;border-radius:11px;background:#fff0e8;color:var(--orange);display:grid;place-items:center;font-style:normal;font-weight:900}.subject-cards span{display:block;font-size:10px;font-weight:900;margin-top:8px}.watch{margin-top:15px}.watch-top>div b{display:block;font-size:18px;margin-top:5px}.watch-foot{display:flex;justify-content:space-between;align-items:center;margin-top:16px}.watch-foot .hint{margin:0;text-align:left}.watch-foot>span{font-size:9px;color:#a19892}.community{margin-top:75px;padding-top:45px;border-top:1px solid var(--line)}.community-head{display:flex;justify-content:space-between;align-items:end}.community-head h2{font-size:32px;margin:5px 0}.community-head p{color:var(--muted);font-size:11px}.community-head button{border:1px solid var(--line);background:#fff;border-radius:11px;padding:10px 15px;font-weight:800}.school-summary{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:25px 0}.school-summary article{background:#2c231e;color:#fff;border-radius:18px;padding:19px}.school-summary span{font-size:9px;color:#bfb4ad}.school-summary b{display:block;margin-top:6px;font-size:22px}.school-table-wrap{overflow:auto;background:#fff;border:1px solid var(--line);border-radius:22px}.community table{width:100%;border-collapse:collapse;min-width:700px}.community th,.community td{text-align:left;padding:15px;font-size:10px;border-bottom:1px solid #f0e9e4}.community th{color:#998f89;font-size:8px;letter-spacing:.1em}.community td i{display:grid;place-items:center;width:26px;height:26px;border-radius:8px;background:#f4ede8;font-style:normal;font-weight:900}.community td small{display:block;color:#aaa;margin-top:3px}.community td strong{color:var(--orange)}.community tr.me{background:#fff5ef}.modal{position:fixed;inset:0;z-index:100;background:#2c211bc7;backdrop-filter:blur(8px);display:grid;place-items:center;padding:18px}.modal-card{width:min(470px,100%);background:#fffaf6;border-radius:27px;padding:32px;position:relative;box-shadow:0 30px 100px #0005}.modal-close{position:absolute;right:17px;top:17px;width:36px;height:36px;border:0;border-radius:50%;font-size:21px}.modal-card>small{color:var(--orange);font-weight:900;letter-spacing:.15em}.modal-card h2{font-size:30px;margin:10px 0}.modal-card>p{color:var(--muted);font-size:11px;line-height:1.7}.login-tabs{display:grid;grid-template-columns:1fr 1fr;background:#f1e9e3;border-radius:12px;padding:4px;margin:22px 0 15px}.login-tabs button{border:0;background:transparent;border-radius:9px;padding:10px;font-weight:900}.login-tabs button.active{background:#fff;color:var(--orange)}.modal form label{display:block;font-size:10px;font-weight:900;margin-top:12px}.modal form input{width:100%;margin-top:6px;border:1px solid var(--line);border-radius:12px;padding:13px;font:13px inherit}.login-submit{width:100%;border:0;background:var(--orange);color:#fff;border-radius:13px;padding:14px;margin-top:18px;font-weight:900}.login-message{text-align:center!important;color:#d64d25!important;min-height:18px}.account-help{display:block;text-align:center;color:#8b7d74;font-size:9px}@media(max-width:720px){header nav{display:none}.subject-cards{grid-template-columns:repeat(4,1fr)}.watch-foot{display:block}.watch-foot>span{display:block;margin-top:8px}.community-head{display:block}.community-head button{margin-top:10px}.school-summary{grid-template-columns:1fr}.modal-card{padding:28px 20px}}