:root{--app-bg:#ffffff;--app-surface:#ffffff;--app-surface-2:#f7f7f7;--app-border:#efebef;--app-text:#333333;--app-text-sub:#646464;--app-nav-hover:#efebef;--app-footer-bg:#fcfcfc;--app-mobile-footer-bg:#ffffff;--timing-bg:#ffffff;--timing-bg-grad-top:#ffffff;--timing-surface:#ffffff;--timing-surface-2:#ffffff;--timing-border:#e5eaf1;--timing-text:#0f172a;--timing-text-sub:#64748b;--timing-callout-bg:#eff6ff;--timing-callout-border:#d7e7ff;--timing-callout-text:#1e3a8a;--timing-chip-bg:#eff6ff;--timing-chip-border:#c7dbff;--timing-chip-text:#1e3a8a;--timing-bar-track:#e5e7eb;--timing-psych-yellow-bg:#fffbeb;--timing-psych-yellow-border:#fde68a;--timing-psych-yellow-text:#92400e;--timing-psych-red-bg:#fef2f2;--timing-psych-red-border:#fecaca;--timing-psych-red-text:#b91c1c}html[data-theme=dark]{--app-bg:#05070c;--app-surface:#0b1220;--app-surface-2:#111827;--app-border:#1f2937;--app-text:#e5e7eb;--app-text-sub:#94a3b8;--app-nav-hover:#1f2937;--app-footer-bg:#0b1220;--app-mobile-footer-bg:#0b1220;--timing-bg:#05070c;--timing-bg-grad-top:#101828;--timing-surface:#0b1220;--timing-surface-2:#111827;--timing-border:#1f2937;--timing-text:#e5e7eb;--timing-text-sub:#94a3b8;--timing-callout-bg:rgba(37,99,235,0.15);--timing-callout-border:#1d4ed8;--timing-callout-text:#bfdbfe;--timing-chip-bg:rgba(37,99,235,0.15);--timing-chip-border:#1d4ed8;--timing-chip-text:#bfdbfe;--timing-bar-track:#374151;--timing-psych-yellow-bg:rgba(245,158,11,0.16);--timing-psych-yellow-border:#92400e;--timing-psych-yellow-text:#fcd34d;--timing-psych-red-bg:rgba(239,68,68,0.16);--timing-psych-red-border:#991b1b;--timing-psych-red-text:#fecaca}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--app-bg);color:var(--app-text);font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}html{font-size:clamp(12px,1vw,12px)}a{color:inherit;text-decoration:none}.site-header-wrap{display:flex;flex:1 1;justify-content:center;background:var(--app-surface);padding-top:.5rem}.site-header-inner{display:flex;flex-direction:column;width:100%;max-width:96rem;padding:1rem 1.6rem}.site-top-row{display:flex;align-items:center;gap:.8rem}.site-logo{font-size:2.4rem;font-weight:900;min-width:8.4rem}.site-search-wrap{flex:1 1;min-width:24rem}.site-search{width:100%;height:3.6rem;border:.1rem solid var(--app-border);border-radius:1rem;background:var(--app-surface-2);color:var(--app-text);padding:0 1rem}.site-actions{display:inline-flex;align-items:center;gap:.8rem;margin-left:auto}.site-actions .header-theme-lang-btn{font-size:1.2rem!important}.alarm-btn,.join-btn,.login-btn,.theme-btn{height:3.6rem;border-radius:1.8rem;border:.1rem solid var(--app-border);background:var(--app-surface-2);color:var(--app-text);font-size:1.3rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center;padding:0 1.2rem}.alarm-btn{position:relative;width:4rem;padding:0}.alarm-dot{position:absolute;top:.4rem;right:.8rem;width:.8rem;height:.8rem;border-radius:50%;background:#ef4444}.site-nav{display:flex;flex-wrap:nowrap;overflow-x:auto;gap:.8rem;margin-top:1rem;padding-bottom:.4rem}.site-nav-item{padding:.8rem 1.4rem;border-radius:99.9rem;white-space:nowrap;font-size:1.4rem;color:var(--app-text)}.site-nav-item.active,.site-nav-item:hover{background:var(--app-nav-hover)}.site-main{display:flex;justify-content:center;min-height:calc(100vh - 13rem)}.site-main-inner{width:100%;max-width:96rem;padding:1.2rem 1.6rem 1.6rem}.site-footer-desktop{display:flex;justify-content:center;align-items:center;color:var(--app-text-sub);border-top:.1rem solid var(--app-border);background:var(--app-footer-bg);padding:.8rem;font-size:1rem}.site-footer-mobile{display:none}.site-footer-wrap{display:flex;flex-direction:column}.alarm-panel-wrap{position:fixed;top:6rem;right:1rem;width:37rem;height:calc(100vh - 7rem);z-index:1200}.alarm-panel-inner{display:flex;flex-direction:column;width:100%;height:100%;border-radius:2rem;border:.1rem solid var(--app-border);background:var(--app-surface);outline:.3rem solid #4da7d3;overflow:hidden}.alarm-panel-header{display:flex;align-items:center;justify-content:center;position:relative;padding:1.6rem 1.2rem;border-bottom:.1rem solid var(--app-border)}.alarm-panel-header h4{margin:0;font-size:1.6rem;font-weight:700;color:var(--app-text)}.alarm-panel-close{position:absolute;right:1rem;top:1rem;width:3.2rem;height:3.2rem;border:0;border-radius:.8rem;background:var(--app-surface-2);color:var(--app-text-sub);font-size:2.2rem;line-height:1;cursor:pointer}.alarm-panel-content{flex:1 1;overflow:auto;padding:1rem 1.2rem 1.2rem}.alarm-panel-list{display:flex;flex-direction:column;gap:.8rem}.alarm-panel-item{width:100%;border:.1rem solid var(--app-border);border-radius:1rem;background:var(--app-surface-2);color:var(--app-text);text-align:left;padding:1rem;cursor:pointer}.alarm-panel-item.read{opacity:.78}.alarm-panel-item-top{display:flex;justify-content:space-between;align-items:center;gap:.8rem;margin-bottom:.5rem}.alarm-panel-item-cat{font-size:1.1rem;color:var(--app-text-sub);font-weight:700}.alarm-panel-item-date{font-size:1rem;color:var(--app-text-sub)}.alarm-panel-item-msg{font-size:1.25rem;line-height:1.45;color:var(--app-text);margin-bottom:.45rem}.alarm-panel-item-type{font-size:1.05rem;color:#4da7d3;font-weight:700}.alarm-panel-empty{min-height:24rem;display:flex;align-items:center;justify-content:center;color:var(--app-text-sub);font-size:1.2rem}@media (max-width:90rem){.site-search-wrap{display:none}.site-logo{font-size:1.8rem;min-width:7.2rem}.alarm-btn,.join-btn,.login-btn,.theme-btn{height:3.4rem;font-size:1.2rem;padding:0 1rem}.alarm-btn{width:3.6rem;padding:0}.site-nav-item{font-size:1.3rem;padding:.7rem 1.2rem}.site-actions .header-theme-lang-btn{font-size:1.1rem!important}}@media (max-width:70rem){.site-header-inner{padding:.8rem 1.2rem}.site-actions,.site-top-row{gap:.6rem}.alarm-btn,.join-btn,.login-btn,.theme-btn{height:3.2rem;border-radius:1.6rem;font-size:1rem;padding:0 .9rem}.alarm-btn{width:3.4rem;padding:0}.site-nav{margin-top:.8rem;gap:.6rem}.site-nav-item{font-size:1.2rem;padding:.6rem 1rem}.site-actions .header-theme-lang-btn{font-size:1rem!important}.site-footer-desktop{display:none}.site-footer-mobile{display:flex;justify-content:space-between;align-items:center;flex-wrap:nowrap;gap:.4rem;position:fixed;bottom:0;left:0;right:0;border-top:.1rem solid var(--app-border);background:var(--app-mobile-footer-bg);padding:.8rem}.site-footer-mobile-link{flex:1 1 20%;min-width:3rem;padding:1rem 0;display:inline-flex;align-items:center;justify-content:center;text-align:center;font-size:1.2rem;color:var(--app-text-sub)}.site-footer-avatar{width:2.8rem;height:2.8rem;border-radius:2.8rem;border:.1rem solid #efebef;background:#ffffff;display:inline-block}.site-main{padding-bottom:5.6rem}.alarm-panel-wrap{top:0;left:0;right:0;width:100%;height:calc(100vh - 5.6rem)}.alarm-panel-inner{border-radius:0;outline:0}.alarm-panel-wrap.route-open{height:calc(100vh - 5.6rem)}}