@import url('https://fonts.googleapis.com/css2?family=Anton&display=swap');
@import url('https://cdn.jsdelivr.net/gh/neodgm/neodgm-webfont@1.601/neodgm_code/style.css');
:root{--ink:#111;--cream:#f4f0dd;--pink:#ff4cad;--lime:#c8ff00;--blue:#2941ff;--lavender:#e5d8ed}*{box-sizing:border-box}body{margin:0;background:var(--lavender);color:var(--ink);font-family:'NeoDunggeunmo Code',monospace;font-size:16px;line-height:1.5}header{background:#3d1413;min-height:88px;display:flex;align-items:center;justify-content:center;position:relative;z-index:10}button,a,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}#menu-toggle{border:0;background:none;color:#9ec4ff;font-size:28px}nav{position:absolute;top:74px;background:var(--cream);border:3px solid;box-shadow:6px 6px #111;padding:20px;min-width:230px}nav a{display:block;padding:7px;text-decoration:none}nav a:hover{background:var(--lime)}[hidden]{display:none!important}h1,h2,h3,p{margin-top:0}.brand{margin:0;text-align:center;background:#111;color:#dbc8de;font-family:Anton,Impact,sans-serif;font-size:clamp(34px,7.3vw,110px);font-weight:400;padding:25px 14px;line-height:1.3}.desktop{position:relative;width:min(100%,1100px);height:650px;margin:auto}.shortcut{position:absolute;display:flex;align-items:center;flex-direction:column;text-decoration:none;width:18%;transition:transform .18s}.shortcut:hover{transform:translateY(-6px)}.shortcut svg{width:100%;filter:drop-shadow(6px 7px 0 #111);shape-rendering:crispEdges}.shortcut .label{font-family:Impact,Anton,sans-serif;font-style:italic;font-size:clamp(22px,4vw,48px);letter-spacing:1px;color:white;-webkit-text-stroke:1px #111;text-shadow:2px 3px var(--accent),4px 6px #111;line-height:1.4}.shortcut small{font-size:12px;font-style:normal;-webkit-text-stroke:0;text-shadow:none;color:#111}.live{left:5%;top:105px;--accent:var(--lime)}.music{right:7%;top:70px;--accent:var(--blue)}.about{left:19%;top:355px;--accent:var(--pink)}.contact{right:17%;top:350px;--accent:#dbc8de}.window{border:3px solid #111;background:var(--cream);box-shadow:7px 7px #111}.titlebar{display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--pink);border-bottom:3px solid;padding:8px 12px;line-height:1.4}.titlebar strong{min-width:0;overflow-wrap:anywhere}.controls{display:flex;gap:5px;flex-shrink:0}.controls span{width:18px;height:18px;border:2px solid;background:var(--cream);font:14px/14px monospace;text-align:center}.player{position:absolute;left:31%;top:60px;width:37%}.player .titlebar{font-size:clamp(10px,1.8vw,18px);padding:5px 7px}.player .controls span{width:14px;height:14px;line-height:10px;font-size:11px}.player img{display:block;width:100%;aspect-ratio:1.45;object-fit:contain;background:#000}.now{position:absolute;bottom:-22px;left:-18px;background:var(--pink);font-family:Arial,sans-serif;font-weight:700;font-size:clamp(10px,1.8vw,20px);line-height:1.2;padding:5px 8px;box-shadow:4px 4px #111}footer{display:flex;justify-content:space-between;gap:20px;padding:28px;color:#111;font-size:14px}.page{max-width:1100px;margin:42px auto 80px;padding:0 24px}.body{padding:30px}.page h1{font-size:clamp(26px,4vw,48px);line-height:1.3}.blue .titlebar{background:var(--blue);color:white}.blue .controls{color:#111}.stream{text-align:center;padding:25px 0 40px}.cover{background:#111;color:var(--lime);font-size:85px;width:175px;aspect-ratio:1;margin:0 auto 24px;display:grid;place-items:center}.stream h2{font-size:clamp(26px,4vw,44px);line-height:1.2}.actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}.block-button{border:3px solid #111;box-shadow:5px 5px #111;background:var(--lime);padding:14px 22px;color:#111;text-decoration:none}.pink{background:var(--pink)}.video{aspect-ratio:16/9;background:#111;color:var(--cream);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:20px}.play{color:var(--pink);font-size:60px}.status{border-top:3px solid;padding:12px 20px;font-size:14px}.member-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:32px}.member:nth-child(1) .titlebar{background:var(--blue);color:white}.member:nth-child(2) .titlebar{background:var(--lime)}.member:nth-child(4) .titlebar{background:#bca3d1}.member .titlebar{font-size:12px;padding:6px}.member img{width:100%;aspect-ratio:1;object-fit:cover;display:block}.member-info{padding:15px}.member h2{font-size:24px;margin-bottom:4px}.member p{font-size:14px;margin:0}.month-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.month-toolbar button{border:2px solid;background:var(--cream);padding:6px 12px}.month-toolbar h2{margin:0;font-size:26px}.calendar{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-top:2px solid;border-left:2px solid}.day,.weekday{border-right:2px solid;border-bottom:2px solid;padding:8px;min-width:0}.weekday{background:var(--lime);text-align:center}.day{min-height:100px}.day.empty{background:#ddd8c6}.event-mark{display:block;background:var(--pink);margin-top:5px;padding:3px;font-size:12px;line-height:1.3;overflow-wrap:anywhere}.event-list{display:grid;gap:14px;margin-top:28px}.event-row{display:grid;grid-template-columns:100px 1fr auto;gap:16px;border-bottom:2px solid;padding-bottom:12px}.event-row strong{font-size:20px}.event-row p{margin:0}.fields{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:grid;gap:8px}.full{grid-column:1/-1}input,textarea,select{width:100%;border:2px solid;background:white;color:#111;padding:12px;border-radius:0}textarea{min-height:180px;resize:vertical}.notice{margin-top:20px;color:#555;font-size:14px}.back{display:inline-block;margin-bottom:24px;text-decoration:none;border-bottom:2px solid} @media(max-width:600px){header{min-height:65px}.brand{padding:22px 10px}.desktop{height:440px}.live{top:80px;left:5%;width:20%}.music{top:62px;right:5%;width:19%}.player{top:36px;left:29%;width:42%}.about{top:255px;left:17%;width:21%}.contact{top:255px;right:14%;width:23%}.shortcut svg{filter:drop-shadow(3px 4px 0 #111)}.shortcut .label{font-size:26px}.shortcut small{font-size:10px}.now{left:-8px;bottom:-16px;padding:4px}.page{padding:0 14px;margin-top:28px}.body{padding:20px 16px}.titlebar{font-size:14px;padding:8px}.member-grid{gap:8px}.member .titlebar{font-size:10px;padding:4px}.member .controls{display:none}.member-info{padding:8px 4px}.member h2{font-size:19px}.member p{font-size:12px;overflow-wrap:anywhere}.weekday,.day{padding:4px}.day{min-height:57px}.event-mark{font-size:10px;padding:2px}.month-toolbar h2{font-size:21px}.event-row{grid-template-columns:68px 1fr;gap:10px}.event-row>span:last-child{grid-column:2}.event-row strong{font-size:18px}.fields{grid-template-columns:1fr}.full{grid-column:auto}footer{padding:20px 14px;font-size:12px}.video{font-size:14px}.actions{gap:12px}.block-button{padding:11px 14px;font-size:14px}}