:root{--bg:#f2f6f4;--wash:#d4e7dc;--card:#fff;--text:#1c2127;--muted:#697380;--line:#e2e5e9;--chip:#eef0f3;--open:#0d7a5c;--open-bg:#e2f3ec;--full:#b93d0c;--full-bg:#fcebe3;--hit:#ffe27a;--hit-text:#1c2127;--next:#2563eb;--next-text:#fff;--hero-bg:#13573f;--hero-text:#fff;--hero-line:#ffffff59;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#121614;--wash:#17302a;--card:#1b1f24;--text:#e6e9ed;--muted:#96a0ab;--line:#2b3138;--chip:#262b32;--open:#52c9a2;--open-bg:#16302a;--full:#f7905f;--full-bg:#3a2218;--hit:#e3b900;--hit-text:#131619;--next:#7aa2ff;--next-text:#131619;--hero-bg:#0f3b2c}}*{box-sizing:border-box}body{background:linear-gradient(var(--wash) 200px, var(--bg) 760px) no-repeat, var(--bg);color:var(--text);margin:0;font-family:Pretendard Variable,system-ui,-apple-system,Apple SD Gothic Neo,Malgun Gothic,sans-serif;line-height:1.5}main{max-width:1080px;margin:0 auto;padding:0 16px 48px}.hero{background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201640%20690'%3e%3c!--%20위에서%20내려다본%20배드민턴%20코트%201면.%20단위%20cm,%20실제%20규격%2013.4m%20×%206.1m.%20가로로%20이어%20붙이면%20옆%20코트와%203m%20간격이%20된다%20--%3e%3cstyle%3e%20.l%20{%20fill:%20none;%20stroke:%20%23fff;%20stroke-opacity:%200.16;%20stroke-width:%201.5;%20vector-effect:%20non-scaling-stroke;%20}%20.net%20{%20fill:%20none;%20stroke:%20%23fff;%20stroke-opacity:%200.3;%20stroke-width:%202;%20stroke-dasharray:%205%204;%20vector-effect:%20non-scaling-stroke;%20}%20.post%20{%20fill:%20%23fff;%20fill-opacity:%200.3;%20}%20%3c/style%3e%3cg%20transform='translate(150%2040)'%3e%3crect%20class='l'%20width='1340'%20height='610'%20/%3e%3c!--%20복식%20바깥%20라인%20--%3e%3cpath%20class='l'%20d='M0%2046H1340M0%20564H1340'%20/%3e%3c!--%20단식%20사이드라인%20(안쪽%2046cm)%20--%3e%3cpath%20class='l'%20d='M76%200V610M1264%200V610'%20/%3e%3c!--%20복식%20롱%20서비스%20라인%20(뒤에서%2076cm)%20--%3e%3cpath%20class='l'%20d='M472%200V610M868%200V610'%20/%3e%3c!--%20쇼트%20서비스%20라인%20(네트에서%201.98m)%20--%3e%3cpath%20class='l'%20d='M0%20305H472M868%20305H1340'%20/%3e%3c!--%20센터%20라인%20--%3e%3cpath%20class='net'%20d='M670%200V610'%20/%3e%3c!--%20네트%20--%3e%3ccircle%20class='post'%20cx='670'%20cy='0'%20r='7'%20/%3e%3ccircle%20class='post'%20cx='670'%20cy='610'%20r='7'%20/%3e%3c/g%3e%3c/svg%3e") center / auto 100% repeat-x, var(--hero-bg);color:var(--hero-text);padding:28px 16px 80px}.hero-inner{max-width:1080px;margin:0 auto}h1{margin:0;font-size:1.4rem}.hero-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.feedback{border:1px solid var(--hero-line);color:var(--hero-text);border-radius:999px;flex:none;padding:4px 12px;font-size:.85rem;text-decoration:none}.feedback:hover{border-color:var(--hero-text)}.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:20px;display:flex}.toolbar h2{margin:0;font-size:1.6rem;line-height:1.2}.tabs{flex-wrap:wrap;gap:6px;display:flex}.tabs button{border:1px solid var(--hero-line);color:var(--hero-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:6px 14px}.tabs button.active{border-color:var(--hero-text);background:var(--hero-text);color:var(--hero-bg)}input[type=search]{border:1px solid var(--line);background:var(--card);max-width:260px;color:var(--text);font:inherit;border-radius:8px;flex:200px;padding:8px 12px}.notice{color:var(--muted)}.main-day{max-width:720px;margin:-56px auto 0;position:relative}.main-day .day{--lift:0 8px 24px #1018281f;box-shadow:var(--lift);padding:18px 20px 20px}.main-day .day h3{margin-bottom:14px;font-size:1.3rem}.main-day .time{font-size:1.05rem}.main-day .slot>.names li{padding-block:2px;font-size:.95rem}@media (width<=480px){.main-day .day{padding:12px 14px 14px}.main-day .slot>.names li{padding-block:1px;font-size:.85rem}}.section-title{color:var(--text);margin:32px 0 12px;font-size:.95rem;font-weight:600}.days{grid-template-columns:repeat(auto-fill,minmax(min(340px,100%),1fr));gap:12px;display:grid}.day{border:1px solid var(--line);background:var(--card);border-radius:12px;padding:12px 14px 14px;position:relative}.day:after{content:"";pointer-events:none;background:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2064%2064'%3e%3c!--%20카드%20구석%20장식용%20셔틀콕.%20세워%20그린%20뒤%2040도%20기울여%20날아가는%20느낌을%20준다.%20밝은·어두운%20카드%20모두에서%20보이도록%20중간%20톤%20초록을%20반투명으로%20--%3e%3cg%20transform='rotate(40%2032%2032)'%20opacity='0.55'%20stroke='%232f7a5b'%20stroke-width='2.2'%20stroke-linecap='round'%20stroke-linejoin='round'%20fill='none'%3e%3cpath%20d='M24%2040%20L16%2010%20M40%2040%20L48%2010'%20/%3e%3c!--%20깃털%20치마%20양옆%20--%3e%3cpath%20d='M16%2010%20Q32%206%2048%2010'%20/%3e%3c!--%20깃털%20끝%20--%3e%3cpath%20d='M28%2040%20L26%209.3%20M32%2040%20V8%20M36%2040%20L38%209.3'%20/%3e%3c!--%20깃털%20대%20--%3e%3cpath%20d='M20.5%2027%20Q32%2029%2043.5%2027'%20/%3e%3c!--%20깃털을%20묶는%20실%20--%3e%3crect%20x='24'%20y='40'%20width='16'%20height='4'%20rx='1'%20fill='%232f7a5b'%20/%3e%3c!--%20코르크%20테두리%20--%3e%3cpath%20d='M24%2044%20A8%208%200%200%200%2040%2044%20Z'%20fill='%232f7a5b'%20/%3e%3c!--%20코르크%20--%3e%3c/g%3e%3c/svg%3e") 50%/contain no-repeat;width:32px;height:32px;position:absolute;top:8px;right:10px}.main-day .day:after{width:44px;height:44px;top:12px;right:14px}.day h3{flex-wrap:wrap;align-items:center;gap:4px 8px;margin:0 0 10px;font-size:1rem;display:flex}.day.today{border-color:var(--text);box-shadow:0 0 0 1px var(--text), var(--lift,0 0 #0000)}.day.next{border-color:var(--next);box-shadow:0 0 0 1px var(--next), var(--lift,0 0 #0000)}.badge{border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600}.badge.today{background:var(--text);color:var(--bg)}.badge.next{background:var(--next);color:var(--next-text)}.slots{grid-template-columns:1fr 1fr;gap:12px;display:grid}.slot{min-width:0;transition:opacity .15s;container-type:inline-size}.slot+.slot{border-left:1px solid var(--line);padding-left:12px}.slot.dim{opacity:.3}.slot-head{flex-wrap:wrap;align-items:center;gap:4px 8px;margin-bottom:8px;display:flex}.time{font-weight:600}.count{color:var(--muted);font-variant-numeric:tabular-nums;font-size:.85rem}.left{background:var(--open-bg);color:var(--open);border-radius:999px;padding:1px 8px;font-size:.75rem;font-weight:600}.left.full{background:var(--full-bg);color:var(--full)}.wait{color:var(--full);margin:-4px 0 8px;font-size:.75rem}.orgs{color:var(--muted);align-items:baseline;gap:6px;margin-bottom:8px;font-size:.8rem;display:flex}.orgs>span{flex:none}@container (width<170px){.orgs{flex-direction:column;align-items:stretch;gap:3px}}.names{flex-wrap:wrap;gap:4px;margin:0;padding:0;list-style:none;display:flex}.names li{background:var(--chip);text-align:center;border-radius:6px;min-width:4.6em;padding:1px .5em;font-size:.85rem}.names .dup{color:var(--muted);margin-left:.1em;font-size:.75em}.orgs .names li{border:1px solid var(--line);background:0 0;font-size:.8rem}.names li.hit{background:var(--hit);color:var(--hit-text);font-weight:600}.names li.hit .dup{color:inherit}.empty{color:var(--muted);margin:0;font-size:.85rem}