:root{--color-orange:#f2611c;--color-orange-dark:#d14e10;--color-forest:#16332b;--color-forest-2:#1e453a;--color-paper:#faf8f3;--color-card:#fff;--color-ink:#22292f;--color-ink-soft:#5a646d;--color-line:#e6e1d6;--color-contour:#c8a97e;--radius:12px;--shadow-sm:0 1px 3px #141e1914;--shadow-md:0 4px 16px #141e191f;color:var(--color-ink);background-color:var(--color-paper);font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica Neue,sans-serif;line-height:1.5}*,:before,:after{box-sizing:border-box}body{background-color:var(--color-paper);min-height:100vh;margin:0}#root{min-height:100vh}.app{flex-direction:column;min-height:100vh;display:flex}.hero{background:linear-gradient(160deg, var(--color-forest) 0%, var(--color-forest-2) 100%);color:#fff;position:relative;overflow:hidden}.hero-contours{opacity:.14;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='400' height='300' viewBox='0 0 400 300'%3E%3Cg fill='none' stroke='%23c8a97e' stroke-width='1.5'%3E%3Cpath d='M-20 60 Q 60 20 140 55 T 300 45 T 460 70'/%3E%3Cpath d='M-20 100 Q 70 55 150 95 T 310 85 T 470 110'/%3E%3Cpath d='M-20 145 Q 80 95 160 140 T 320 130 T 480 155'/%3E%3Cpath d='M-20 195 Q 90 140 170 190 T 330 180 T 490 205'/%3E%3Cpath d='M-20 250 Q 100 190 180 245 T 340 235 T 500 260'/%3E%3Cellipse cx='310' cy='40' rx='45' ry='18'/%3E%3Cellipse cx='310' cy='40' rx='28' ry='10'/%3E%3Cellipse cx='310' cy='40' rx='12' ry='4'/%3E%3C/g%3E%3C/svg%3E");background-size:400px 300px;position:absolute;inset:0}.hero-inner{max-width:1040px;margin:0 auto;padding:48px 24px 56px;position:relative}.hero-top{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.hero-brand{align-items:center;gap:12px;display:flex}.lang-select{color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff38;border-radius:10px;align-items:center;gap:8px;padding:6px 10px;transition:border-color .15s,background .15s;display:flex}.lang-select:hover,.lang-select:focus-within{background:#ffffff24;border-color:#ffffff73}.lang-select select{appearance:none;color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;outline:none;padding-right:2px;font-size:.9rem;font-weight:600}.lang-select select option{color:var(--color-ink);background:#fff}.hero-brand-name{letter-spacing:.02em;font-size:1.25rem;font-weight:700}.hero-title{letter-spacing:-.02em;margin:0 0 8px;font-size:clamp(1.8rem,4.5vw,2.8rem);font-weight:800;line-height:1.15}.hero-tagline{color:#ffffffd1;max-width:48ch;margin:0;font-size:clamp(1rem,2vw,1.15rem)}.content{flex-direction:column;flex:1;gap:56px;width:100%;max-width:1040px;margin:0 auto;padding:40px 24px 64px;display:flex}.section-head{margin-bottom:20px}.section-head h2{letter-spacing:-.01em;align-items:center;gap:10px;margin:0 0 4px;font-size:1.5rem;font-weight:750;display:flex}.section-sub{color:var(--color-ink-soft);margin:0;font-size:.95rem}.beta-banner{border-radius:var(--radius);background:#fdf3e7;border:1px solid #f0d3b3;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:-24px;padding:12px 18px;font-size:.95rem;display:flex}.beta-badge{letter-spacing:.08em;color:#fff;background:var(--color-forest);border-radius:4px;padding:2px 8px;font-size:.7rem;font-weight:800}.beta-text{color:var(--color-ink)}.beta-link{color:var(--color-orange-dark);white-space:nowrap;margin-left:auto;font-weight:600;text-decoration:none}.beta-link:hover{text-decoration:underline}.error-box{border-radius:var(--radius);color:#7a2e0e;background:#fdf1ec;border:1px solid #f0c4ad;padding:20px 24px}.live-dot{background:var(--color-orange);border-radius:50%;width:10px;height:10px;animation:2s ease-out infinite live-pulse;box-shadow:0 0 #f2611c80}@keyframes live-pulse{0%{box-shadow:0 0 #f2611c80}70%{box-shadow:0 0 0 10px #f2611c00}to{box-shadow:0 0 #f2611c00}}.today-row{border-left:3px solid var(--color-orange);grid-template-columns:56px 1fr 1fr 24px}.today-row-live{letter-spacing:.08em;color:#fff;background:var(--color-orange);border-radius:4px;justify-self:start;padding:2px 7px;font-size:.68rem;font-weight:800}.today-empty{background:var(--color-card);border:1px dashed var(--color-line);border-radius:var(--radius);color:var(--color-ink-soft);margin:0;padding:24px}.list-controls{flex-direction:column;gap:14px;margin-bottom:18px;display:flex}.list-search{width:100%;max-width:420px;color:var(--color-ink);background:var(--color-card);border:1px solid var(--color-line);border-radius:10px;outline:none;padding:11px 16px;font-family:inherit;font-size:1rem;transition:border-color .15s,box-shadow .15s}.list-search:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #f2611c26}.year-chips{scrollbar-width:thin;gap:8px;padding-bottom:4px;display:flex;overflow-x:auto}.year-chip{color:var(--color-ink-soft);background:var(--color-card);border:1px solid var(--color-line);cursor:pointer;border-radius:999px;flex-shrink:0;padding:6px 14px;font-family:inherit;font-size:.9rem;font-weight:600;transition:all .15s}.year-chip:hover{border-color:var(--color-orange);color:var(--color-orange-dark)}.year-chip-active{background:var(--color-forest);border-color:var(--color-forest);color:#fff}.year-chip-active:hover{color:#fff}.list-count{color:var(--color-ink-soft);margin:0 0 10px;font-size:.9rem}.list-rows{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);flex-direction:column;display:flex;overflow:hidden}.list-row{color:inherit;border-bottom:1px solid var(--color-line);grid-template-columns:110px 1fr 1fr 24px;align-items:center;gap:16px;padding:14px 20px;text-decoration:none;transition:background .12s;display:grid}.list-row:last-child{border-bottom:none}.list-row:hover{background:#fef5ef}.list-row-date{font-variant-numeric:tabular-nums;color:var(--color-ink-soft);font-size:.9rem}.list-row-name{font-weight:600;line-height:1.3}.list-row-organizer{color:var(--color-ink-soft);font-size:.92rem}.list-row-arrow{color:var(--color-orange);opacity:0;transition:opacity .12s}.list-row:hover .list-row-arrow{opacity:1}.pagination{justify-content:center;align-items:center;gap:18px;margin-top:22px;display:flex}.page-btn{color:var(--color-ink);background:var(--color-card);border:1px solid var(--color-line);cursor:pointer;border-radius:10px;padding:8px 16px;font-family:inherit;font-size:.92rem;font-weight:600;transition:all .15s}.page-btn:hover:not(:disabled){border-color:var(--color-orange);color:var(--color-orange-dark)}.page-btn:disabled{opacity:.4;cursor:default}.page-info{color:var(--color-ink-soft);font-variant-numeric:tabular-nums;font-size:.92rem}.skeleton{border-radius:var(--radius);background:#efece4;min-height:130px;position:relative;overflow:hidden}.list-row.skeleton{border-radius:0;min-height:52px}.skeleton:after{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);animation:1.4s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.follow-header{background:linear-gradient(160deg, var(--color-forest) 0%, var(--color-forest-2) 100%);color:#fff;align-items:center;gap:14px;padding:10px 20px;display:flex}.follow-back{color:#ffffffd9;border-radius:8px;align-items:center;gap:8px;padding:4px 6px;font-size:1.1rem;text-decoration:none;transition:background .15s;display:flex}.follow-back:hover{color:#fff;background:#ffffff1a}.follow-title{flex-wrap:wrap;flex:1;align-items:baseline;gap:12px;min-width:0;display:flex}.follow-title h1{letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:1.15rem;font-weight:700;overflow:hidden}.follow-date{color:#ffffffa6;font-variant-numeric:tabular-nums;font-size:.88rem}.follow-main{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:20px 20px 48px}.follow-controls{flex-wrap:wrap;align-items:center;gap:14px;margin-bottom:18px;display:flex}.class-select{color:var(--color-ink);background:var(--color-card);border:1px solid var(--color-line);cursor:pointer;border-radius:10px;outline:none;min-width:180px;padding:9px 14px;font-family:inherit;font-size:.95rem}.class-select:focus{border-color:var(--color-orange);box-shadow:0 0 0 3px #f2611c26}.class-tabs{border-bottom:2px solid var(--color-forest);flex-wrap:wrap;align-items:flex-end;gap:4px;margin-bottom:16px;display:flex}.class-tab{border:1px solid var(--color-line);background:#eceadf;border-bottom:none;border-radius:10px 10px 0 0;align-items:center;transition:background .12s;display:inline-flex}.class-tab:hover{background:#f4f1ea}.class-tab-active,.class-tab-active:hover{background:var(--color-forest);border-color:var(--color-forest)}.class-tab-btn{font:inherit;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;padding:8px 4px 8px 16px;font-size:.92rem;font-weight:600}.class-tab-active .class-tab-btn{color:#fff}.class-tab-close{font:inherit;color:var(--color-ink-soft);cursor:pointer;background:0 0;border:none;padding:6px 10px 6px 6px;font-size:1rem;line-height:1}.class-tab-close:hover{color:var(--color-orange-dark)}.class-tab-active .class-tab-close{color:#ffffffb3}.class-tab-active .class-tab-close:hover{color:#fff}.beta-banner-follow{margin-bottom:18px}.follow-tip{color:var(--color-ink-soft);font-size:.82rem}.class-grid-heading{margin:6px 0 14px;font-size:1.2rem;font-weight:750}.class-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:8px;display:grid}.class-grid-btn{font:inherit;color:var(--color-ink);background:var(--color-card);border:1px solid var(--color-line);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:10px;padding:10px 12px;font-size:.92rem;font-weight:600;transition:all .15s;overflow:hidden}.class-grid-btn:hover{border-color:var(--color-orange);color:var(--color-orange-dark);box-shadow:var(--shadow-sm)}.follow-hint{color:var(--color-ink-soft);background:var(--color-card);border:1px dashed var(--color-line);border-radius:var(--radius);padding:24px}.res-header{flex-wrap:wrap;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.res-header h2{margin:0;font-size:1.3rem;font-weight:750}.res-reset{font:inherit;color:var(--color-orange-dark);cursor:pointer;background:0 0;border:none;padding:0;font-size:.88rem;font-weight:600;text-decoration:underline}.res-autoupdate{color:var(--color-ink-soft);margin-left:auto;font-size:.82rem}.res-scroll{background:var(--color-card);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow-sm);overflow-x:auto}.res-table{border-collapse:collapse;width:100%;font-size:.9rem}.res-table th{text-align:left;letter-spacing:.02em;color:var(--color-ink-soft);border-bottom:2px solid var(--color-line);white-space:nowrap;background:#f4f1ea;padding:9px 12px;font-size:.8rem;font-weight:700;position:sticky;top:0}.res-sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.res-sortable:hover{color:var(--color-orange-dark)}.res-table td{border-bottom:1px solid var(--color-line);vertical-align:top;white-space:nowrap;padding:7px 12px}.res-table tr:last-child td{border-bottom:none}.res-table tbody tr:hover{background:#fef5ef}.res-place{font-variant-numeric:tabular-nums;width:36px;font-weight:700}.res-name{min-width:160px;white-space:normal!important}.res-runner{font-weight:600;display:block}.res-club-sub{color:var(--color-ink-soft);font-size:.83rem;display:block}.res-club{color:var(--color-ink-soft)}.res-link{font:inherit;color:inherit;cursor:pointer;text-align:left;text-underline-offset:2px;background:0 0;border:none;padding:0;-webkit-text-decoration:underline #5a646d59;text-decoration:underline #5a646d59}.res-link:hover{color:var(--color-orange-dark);text-decoration-color:currentColor}.class-tab-icon{opacity:.7}.res-time{font-variant-numeric:tabular-nums}.res-plustime{color:var(--color-ink-soft);font-size:.8rem;display:block}.res-plus{color:var(--color-ink-soft);font-variant-numeric:tabular-nums}.res-predicted{color:var(--color-orange-dark);font-variant-numeric:tabular-nums}.res-table tr.res-row-new td{background:#fbd6c4;font-weight:600}.res-table tbody tr.res-row-new:hover td{background:#f9cab3}.res-notice{color:var(--color-ink-soft);margin-top:14px;font-size:.82rem}.res-redhelp{color:var(--color-ink-soft);margin:14px 0 0;font-size:.82rem}.res-redhelp:before{content:"";vertical-align:baseline;background:#fbd6c4;border:1px solid #f0ab8d;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}@media (width<=640px){.follow-header{gap:10px;padding:8px 12px}.follow-title h1{font-size:1rem}.follow-main{padding:14px 10px 40px}.res-table th,.res-table td{padding:6px 8px}}.footer{background:var(--color-forest);color:#ffffffbf;font-size:.9rem}.footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;max-width:1040px;margin:0 auto;padding:24px;display:flex}.footer-links{flex-wrap:wrap;gap:20px;display:flex}.footer-links a{color:#ffffffe6;text-decoration:none}.footer-links a:hover{color:var(--color-orange);text-decoration:underline}@media (width<=640px){.hero-inner{padding:36px 20px 44px}.content{gap:40px;padding:28px 16px 48px}.list-row{grid-template-columns:1fr 24px;grid-template-areas:"name arrow""date arrow""organizer arrow";gap:2px 12px;padding:12px 16px}.list-row-date{grid-area:date}.list-row-name{grid-area:name}.list-row-organizer{grid-area:organizer}.list-row-arrow{grid-area:arrow}.today-row{grid-template-areas:"live arrow""name arrow""organizer arrow"}.today-row-live{grid-area:live;margin-bottom:4px}.hero-top{flex-wrap:wrap}}