:root{--bg-page: #f5f4ee;--bg-surface: #ffffff;--bg-muted: #f7f5ef;--bg-secondary: #efede5;--text-primary: #2c2c2a;--text-secondary: #5f5e5a;--text-tertiary: #888780;--border-light: rgba(0, 0, 0, .08);--border-mid: rgba(0, 0, 0, .15);--accent: #185fa5;--accent-bg: #e6f1fb;--coral: #d85a30;--coral-dark: #993c1d;--coral-bg: #faece7;--warn: #993c1d;--warn-bg: #faece7;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 1px 2px rgba(0, 0, 0, .04);--shadow-fab: 0 4px 16px rgba(216, 90, 48, .32);--shadow-frame: 0 8px 32px rgba(0, 0, 0, .12);--shadow-toast: 0 6px 20px rgba(0, 0, 0, .16);--subject-taekwondo-bg: var(--coral-bg);--subject-taekwondo-fg: var(--coral-dark);--subject-art-bg: #eeedfe;--subject-art-fg: #3c3489;--subject-ballet-bg: #fbeaf0;--subject-ballet-fg: #72243e;--subject-gym-bg: #e1f5ee;--subject-gym-fg: #085041;--font-family: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard", "Segoe UI", sans-serif;--layout-pc-max: 1440px;--layout-pc-content: 1200px;--layout-pc-sidebar: 240px;--layout-pc-topbar: 64px;--layout-mobile-frame: 380px;--layout-mobile-header: 56px}.badge{display:inline-flex;align-items:center;gap:4px;height:24px;padding:0 10px;border-radius:999px;font-size:12px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap}.b-present{background:var(--bg-secondary);color:var(--text-secondary)}.b-late{background:var(--coral-bg);color:var(--coral-dark)}.b-absent{background:var(--bg-secondary);color:var(--text-tertiary)}.b-excused{background:var(--bg-secondary);color:var(--text-secondary)}.b-paused{background:var(--accent-bg);color:var(--accent)}.b-no_class{background:transparent;color:var(--text-tertiary);border:1px dashed var(--border);padding:0 9px}.b-inactive,.b-ended{background:var(--bg-secondary);color:var(--text-tertiary)}.b-paid{background:var(--bg-secondary);color:var(--text-secondary)}.b-pending{background:var(--accent-bg);color:var(--accent)}.b-overdue{background:var(--coral-bg);color:var(--coral-dark)}.b-active{background:var(--bg-secondary);color:var(--text-secondary)}.b-running{background:var(--coral-bg);color:var(--coral-dark)}*{box-sizing:border-box;margin:0;padding:0}html,body{background:var(--bg-page);color:var(--text-primary);font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{min-height:100vh}button{font-family:inherit;cursor:pointer;background:transparent;border:none;color:inherit}a{color:inherit;text-decoration:none}input,select,textarea{font-family:inherit}.num,time,[data-countdown]{font-variant-numeric:tabular-nums}.clickable{cursor:pointer;transition:background .15s ease}.clickable:hover{background:var(--bg-muted)}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--coral);outline-offset:2px}@media (max-width: 1100px){.pc-only-shell{overflow-x:auto}}._viewport_5sn49_1{position:fixed;right:24px;bottom:24px;display:flex;flex-direction:column;gap:8px;z-index:100;pointer-events:none;max-width:min(420px,calc(100vw - 32px))}._toast_5sn49_13{display:inline-flex;align-items:center;gap:10px;padding:12px 12px 12px 14px;border-radius:var(--radius-md, 8px);background:var(--bg-surface, #ffffff);color:var(--text-primary, #1a1a1a);box-shadow:0 8px 24px #0000001f,0 2px 6px #0000000f;border:1px solid var(--border-light, rgba(0, 0, 0, .08));border-left-width:4px;pointer-events:auto;animation:_toastSlideIn_5sn49_1 .18s ease-out}._message_5sn49_30{flex:1;font-size:13px;line-height:1.45;word-break:break-word}._dismissBtn_5sn49_37{background:transparent;border:none;color:var(--text-secondary, #6b6b6b);cursor:pointer;padding:2px;border-radius:4px;display:inline-flex;align-items:center;justify-content:center}._dismissBtn_5sn49_37:hover{color:var(--text-primary, #1a1a1a);background:var(--bg-muted, rgba(0, 0, 0, .04))}._success_5sn49_54{border-left-color:var(--accent-green, #1f8a5a)}._success_5sn49_54>:first-child{color:var(--accent-green, #1f8a5a)}._error_5sn49_62{border-left-color:var(--coral, #d85a30)}._error_5sn49_62>:first-child{color:var(--coral, #d85a30)}._info_5sn49_70{border-left-color:var(--text-secondary, #6b6b6b)}._info_5sn49_70>:first-child{color:var(--text-secondary, #6b6b6b)}@keyframes _toastSlideIn_5sn49_1{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}@media (max-width: 640px){._viewport_5sn49_1{right:16px;left:16px;bottom:calc(80px + env(safe-area-inset-bottom));max-width:none;align-items:stretch}}