:root{--bg:#f6f8f9;--text-main:#172033;--text-muted:#64748b;--line:#e4eaf1;--grid-line:#edf2f7;--grid-line-soft:#f5f7fa;--accent:#0f766e;--accent-strong:#0a5f58;--accent-soft:#e7f7f4;--accent-line:#b8e7df;--ink:#233149;--ink-soft:#edf3fb;--gold:#c98718;--gold-soft:#fff3d5;--soft-shadow:0 16px 42px #0f172a0f;--button-shadow:0 1px 2px #0f172a0f, 0 8px 22px #0f172a0a;color:var(--text-main);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif}*{box-sizing:border-box}body{background:linear-gradient(180deg, #ffffffdb, #f6f8f933 190px), var(--bg);min-width:320px;min-height:100svh;margin:0}button,input,select{letter-spacing:0}button{-webkit-tap-highlight-color:transparent}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:2px solid #14b8a6}.app-shell{min-height:100svh;color:var(--text-main);padding:28px}button,input,select,textarea{font:inherit}button{cursor:pointer;transition:color .14s,background .14s,border-color .14s,box-shadow .14s,transform .14s}.app-header,.notice-strip,.notice-editor,.admin-panel,.summary-strip,.board-toolbar,.workspace,.search-panel{width:min(1440px,100%);margin:0 auto}.app-header{justify-content:space-between;align-items:flex-start;gap:24px;display:flex}.header-actions{align-items:center;gap:8px;display:flex}.title-cluster{align-items:center;gap:14px;display:flex}.brand-mark{width:42px;height:42px;color:var(--accent-strong);background:linear-gradient(145deg, #ffffffc7, #e7f7f4e6), var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;place-items:center;display:grid;box-shadow:0 10px 26px #0f766e1f}.title-cluster h1{letter-spacing:0;margin:0;font-size:28px;line-height:1.1}.title-cluster p{color:var(--text-muted);margin-top:8px;font-size:14px}.utility-button,.week-controls button,.view-toggle button,.ghost-icon{min-height:36px;color:var(--text-main);border:1px solid var(--line);background:#fff;border-radius:8px;justify-content:center;align-items:center;gap:7px;display:inline-flex}.nav-button,.week-range,.view-toggle button,.available-button,.kakao-share-action{white-space:nowrap}.utility-button{white-space:nowrap;color:var(--ink);box-shadow:var(--button-shadow);background:#fff;padding:0 13px}.utility-button:hover,.nav-button:hover,.ghost-icon:hover{color:var(--accent-strong);border-color:var(--accent-line);background:#fbfefd;transform:translateY(-1px)}.utility-button.active{color:#fff;background:var(--ink);border-color:var(--ink);box-shadow:0 12px 26px #2331492e}.nav-button{color:var(--ink);box-shadow:var(--button-shadow);background:linear-gradient(#fff,#f8fafc);border-color:#dce4ee}.today-button{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-line);font-weight:800}.week-controls{border:1px solid var(--line);min-width:0;box-shadow:var(--button-shadow);background:#ffffffe6;border-radius:10px;align-items:center;gap:6px;padding:4px;display:inline-flex}.week-controls button{padding:0 10px}.compact-nav{min-width:74px}.now-button{color:#17456b;background:#f2f7fb;border-color:#cfe0ed;font-weight:800}.week-range{min-height:36px;color:var(--ink);border:1px solid var(--line);font-variant-numeric:tabular-nums;background:linear-gradient(#fff,#f8fafc);border-radius:8px;align-items:center;gap:8px;padding:0 14px;font-size:14px;font-weight:700;display:inline-flex;box-shadow:inset 0 1px #ffffffc7}.search-panel{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;grid-template-columns:minmax(280px,420px) 1fr;gap:16px;margin-top:16px;padding:14px;display:grid}.search-box{height:42px;color:var(--text-muted);border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:0 10px;display:flex}.search-box input{width:100%;min-width:0;color:var(--text-main);background:0 0;border:0;outline:0}.ghost-icon{background:0 0;width:30px;min-height:30px;padding:0}.search-results{gap:8px;padding-bottom:2px;display:flex;overflow-x:auto}.search-results button{text-align:left;border:1px solid var(--line);background:linear-gradient(#fff,#f8fafc);border-radius:8px;min-width:220px;padding:10px 12px}.search-results button:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:0 10px 24px #0f766e1a}.search-results strong,.search-results span{display:block}.search-results span,.empty-result{color:var(--text-muted);margin-top:4px;font-size:12px}.notice-strip{color:#5f513e;background:linear-gradient(#fffef9,#fbf8ef);border:1px solid #e9decb;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;margin-top:16px;padding:10px 14px;display:grid}.notice-strip.empty-notice{color:#6b7280;border-color:var(--line);background:#fff}.notice-content{grid-template-columns:auto auto minmax(0,1fr);align-items:center;gap:9px;min-width:0;display:grid}.notice-content svg{flex:none}.notice-strip span{white-space:nowrap;font-weight:800}.notice-strip p{color:#6f6251;overflow-wrap:anywhere;min-width:0;margin:0;font-size:14px;line-height:1.45}.notice-edit-button{min-height:30px;color:var(--ink);background:#ffffffb8;border:1px solid #e2e8f0e6;border-radius:7px;flex:none;justify-content:center;align-items:center;gap:6px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.notice-edit-button:hover{color:var(--accent-strong);border-color:var(--accent-line);background:#fff}.notice-editor{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;gap:10px;margin-top:8px;padding:14px;display:grid}.notice-editor label{color:var(--text-muted);gap:7px;font-size:12px;font-weight:800;display:grid}.notice-editor textarea,.notice-editor input{box-sizing:border-box;width:100%;color:var(--text-main);border:1px solid var(--line);background:#fff;border-radius:8px;outline:0}.notice-editor textarea{resize:vertical;min-height:82px;padding:10px 11px}.notice-editor input{min-height:42px;padding:0 11px}.notice-editor textarea:focus,.notice-editor input:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a624}.notice-editor-actions{grid-template-columns:minmax(150px,1fr) auto auto;align-items:center;gap:8px;display:grid}.admin-panel{border:1px solid var(--line);box-shadow:var(--soft-shadow);background:linear-gradient(#fffffffa,#f8fafcf0),#fff;border-radius:8px;gap:12px;margin-top:16px;padding:14px;display:grid}.admin-login-card,.admin-panel-head{grid-template-columns:minmax(0,1fr) minmax(160px,220px) auto;align-items:center;gap:10px;display:grid}.admin-title{min-width:0;color:var(--ink);align-items:center;gap:8px;display:inline-flex}.admin-title strong{font-size:14px}.admin-panel-head{grid-template-columns:minmax(0,1fr) auto}.admin-panel-head>span{color:var(--text-muted);white-space:nowrap;font-size:12px;font-weight:800}.admin-login-card input,.admin-inline-form input,.restriction-form input,.restriction-form select{box-sizing:border-box;min-height:38px;color:var(--text-main);border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;padding:0 10px}.admin-login-card input:focus,.admin-inline-form input:focus,.restriction-form input:focus,.restriction-form select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a624}.admin-settings-grid{grid-template-columns:minmax(220px,.8fr) minmax(260px,1fr);gap:10px;display:grid}.admin-card{border:1px solid var(--line);background:#fff;border-radius:8px;gap:10px;min-width:0;padding:13px;display:grid}.admin-card-wide{grid-column:1/-1}.admin-card h3{color:var(--text-main);margin:0;font-size:14px}.policy-toggle,.capacity-toggle{background:#e9eef5;border:1px solid #d8e1ec;border-radius:8px;padding:3px;display:grid}.policy-toggle{grid-template-columns:1fr 1fr}.capacity-toggle{grid-template-columns:repeat(4,1fr)}.policy-toggle button,.capacity-toggle button{min-height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:6px;font-weight:800}.policy-toggle button.active,.capacity-toggle button.active{color:var(--accent-strong);background:#fff;box-shadow:0 8px 18px #0f766e1a}.admin-note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.admin-inline-form{grid-template-columns:minmax(0,1fr) auto;gap:8px;display:grid}.restriction-form{grid-template-columns:minmax(150px,1fr) 104px 104px minmax(160px,1fr) auto;gap:8px;display:grid}.admin-list{gap:7px;display:grid}.admin-list-item{background:#f8fafc;border:1px solid #e2e8f0;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;min-width:0;min-height:40px;padding:8px 9px;display:flex}.admin-list-item span{gap:2px;min-width:0;display:grid}.admin-list-item strong,.admin-list-item small{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.admin-list-item strong{color:var(--ink);font-size:13px}.admin-list-item small{color:var(--text-muted);font-size:12px}.icon-action{color:#b42318;background:#fff7f6;border:1px solid #ffd1cc;border-radius:7px;place-items:center;width:30px;min-width:30px;height:30px;display:grid}.icon-action:hover{color:#fff;background:#b42318;border-color:#b42318}.summary-strip{background:linear-gradient(135deg,#fffdf7f2,#fffffff0 42%,#f5fbfae6),#fff;border:1px solid #e8dfd1;border-radius:8px;justify-content:flex-start;align-items:center;gap:16px;margin-top:14px;padding:11px 12px;display:flex;box-shadow:0 12px 32px #4734160f}.leaderboard-title,.leaderboard-list{align-items:center;gap:8px;min-width:0;display:flex}.leaderboard-title{flex:none;gap:11px}.leaderboard-list{flex-wrap:wrap;flex:auto;justify-content:flex-start}.leaderboard-title>div:last-child{gap:3px;display:grid}.leaderboard-emblem{color:#8a5a08;background:linear-gradient(145deg,#fff8e7,#f6d58a);border:1px solid #e4b95c;border-radius:8px;flex:none;place-items:center;width:36px;height:36px;display:grid;box-shadow:inset 0 1px #ffffffdb,0 8px 18px #c987181f}.leaderboard-title strong{white-space:nowrap;font-size:15px}.leaderboard-title span{color:var(--text-muted);white-space:nowrap;font-size:12px}.rank-chip{min-height:34px;color:var(--ink);white-space:nowrap;background:#ffffffc2;border:1px solid #e2e8f0eb;border-radius:8px;align-items:center;gap:8px;padding:5px 9px 5px 6px;font-size:13px;font-weight:700;display:inline-flex;box-shadow:0 5px 14px #0f172a0a}.rank-chip.rank-1{color:#553907;background:#fff9e9;border-color:#e9c876;min-width:174px}.rank-chip.rank-2{background:#f8fafc;border-color:#d7dfe9;min-width:140px}.rank-chip.rank-3{background:#fff6ed;border-color:#ead1bc;min-width:132px}.rank-chip strong{text-overflow:ellipsis;max-width:120px;overflow:hidden}.rank-chip>span:last-child{color:var(--text-muted);font-size:12px}.leaderboard-empty{color:#766447;white-space:nowrap;background:#fff9e9b8;border:1px dashed #e9c876;border-radius:8px;align-items:center;min-height:36px;padding:0 12px;font-size:13px;font-weight:800;display:inline-flex}.medal-badge{color:#6f4806;background:linear-gradient(145deg,#fff4c8,#e5b84e);border:1px solid #d6a23e;border-radius:7px;grid-template-columns:auto auto;align-items:center;gap:2px;min-width:38px;height:24px;padding:0 6px;display:inline-grid;box-shadow:inset 0 1px #ffffffbf}.rank-2 .medal-badge{color:#3f4c5b;background:linear-gradient(145deg,#fff,#d9e1ea);border-color:#c3ccd8}.rank-3 .medal-badge{color:#744123;background:linear-gradient(145deg,#fff0e2,#d99a6c);border-color:#c9855a}.medal-badge b{font-size:12px}.board-toolbar{grid-template-columns:minmax(0,1fr) auto;align-items:flex-end;gap:18px;margin-top:20px;padding:0 2px;display:grid}.board-toolbar h2{margin:0;font-size:18px}.board-toolbar p{color:var(--text-muted);margin-top:5px;font-size:13px}.board-heading{min-width:0}.board-actions{justify-content:flex-end;align-items:center;gap:10px;min-width:0;display:flex}.view-toggle{background:#e9eef5;border:1px solid #d8e1ec;border-radius:8px;flex:none;padding:3px;display:inline-flex;box-shadow:inset 0 1px 2px #0f172a0d}.view-toggle button{min-height:32px;color:var(--text-muted);background:0 0;border-color:#0000;padding:0 10px}.view-toggle button.active{color:var(--accent-strong);border-color:var(--accent-line);background:#fff;box-shadow:0 8px 18px #0f766e1a}.view-toggle button:not(.active):hover{color:var(--ink);background:#ffffff8a}.storage-pill{color:#64748b;border:1px solid var(--line);white-space:nowrap;background:#f8fafc;border-radius:999px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-height:30px;padding:0 9px;font-size:11px;font-weight:800;display:inline-flex}.storage-pill small{color:currentColor;opacity:.72;font-size:9px;font-weight:700}.storage-pill.server{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-line)}.storage-pill.syncing{color:#1d4ed8;background:#eff6ff;border-color:#bfdbfe}.storage-pill.local{color:#8a5a08;background:#fff8e7;border-color:#ead093}.workspace{grid-template-columns:minmax(0,1fr) minmax(360px,420px);align-items:start;gap:18px;margin-top:12px;display:grid}.schedule-card{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;border:1px solid var(--line);min-width:0;box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;overflow:hidden}.schedule-grid{background:linear-gradient(to right, transparent 0, transparent 71px, var(--grid-line) 72px, transparent 73px), #fff;grid-template-rows:48px repeat(48,30px);grid-template-columns:72px repeat(7,minmax(110px,1fr));min-width:900px;display:grid;position:relative}.grid-corner,.day-header,.time-label,.grid-cell{border-right:1px solid var(--grid-line);border-bottom:1px solid var(--grid-line)}.grid-corner{z-index:7;color:var(--text-muted);background:#fbfcfe;place-items:center;font-size:12px;font-weight:700;display:grid;position:sticky;left:0}.day-header{z-index:6;background:#fbfcfe;flex-direction:column;justify-content:center;align-items:center;gap:2px;display:flex;position:sticky;top:0}.day-header.today{color:#0f766e;background:#f0fdfa;box-shadow:inset 0 -2px #14b8a6}.day-header strong{font-size:13px}.day-header span,.day-header em{color:var(--text-muted);font-size:11px;font-style:normal}.time-label{z-index:5;color:var(--text-muted);font-variant-numeric:tabular-nums;background:#fbfcfe;justify-content:center;align-items:flex-start;padding-top:6px;font-size:12px;display:flex;position:sticky;left:0}.time-label.half-hour{color:#94a3b8;background:#fcfdff;align-items:center;padding-top:0}.time-label.half-hour:after{content:"";border-top:1px solid #d8e1ea;width:12px}.grid-cell{color:#0000;background:#fff;border-top:0;border-left:0;min-width:0;padding:0}.grid-cell.half-hour{border-bottom-color:var(--grid-line-soft);background:#fefefe}.grid-cell.past{cursor:default;background:#fbfcfe}.grid-cell.past:hover{color:#0000;background:#fbfcfe}.grid-cell.current{background:#f8fffd}.grid-cell.partial{background:#fbfefd;box-shadow:inset 0 0 0 1px #14b8a61f}.grid-cell.full{background:#fbfcfe}.grid-cell:not(.blocked):not(.occupied):not(.past):hover{color:var(--accent);background:#f0fdfa}.grid-cell.selected{z-index:3;color:#92400e;background:#fffbeb;box-shadow:inset 0 0 0 2px #f59e0b}.grid-cell span{font-size:12px;font-weight:800}.grid-cell.blocked,.grid-cell.occupied{cursor:default}.grid-cell.partial{cursor:pointer}.current-time-line{z-index:5;pointer-events:none;position:relative}.current-time-line:before{top:var(--current-offset);content:"";background:#ef4444;border-radius:999px;height:2px;position:absolute;left:7px;right:7px;box-shadow:0 0 0 3px #ef444414}.current-time-line:after{top:calc(var(--current-offset) - 4px);content:"";background:#ef4444;border:2px solid #fff;border-radius:999px;width:10px;height:10px;position:absolute;left:4px;box-shadow:0 2px 8px #b91c1c4d}.class-block,.admin-restriction-block{z-index:2;color:#7b8797;pointer-events:none;background:repeating-linear-gradient(135deg,#94a3b812 0 6px,#0000 6px 14px),#f1f4f7;border:1px solid #e2e8f0;place-items:center;margin:1px;font-size:12px;font-weight:800;display:grid}.admin-restriction-block{z-index:3;color:#9a2a1b;background:repeating-linear-gradient(135deg,#f8717112 0 6px,#0000 6px 14px),#fff7f5;border-color:#ffdcd7}.booking-block{--booking-accent:#0f766e;--booking-bg:#f0fbf8;--booking-bg-hover:#e4f7f2;--booking-border:#bfebe2;--booking-text:#083f3b;--booking-subtext:#3f6d68;z-index:4;width:calc((100% / var(--lanes)) - 4px);margin:2px 2px 2px calc((100% / var(--lanes)) * var(--lane) + 2px);color:var(--booking-text);text-align:left;background:linear-gradient(90deg, var(--booking-accent) 0 4px, var(--booking-bg) 4px);border:1px solid var(--booking-border);border-radius:5px;flex-direction:column;justify-content:center;align-items:flex-start;gap:1px;padding:4px 7px 4px 10px;display:flex;overflow:hidden;box-shadow:0 2px 8px #0f172a0f}.booking-block:hover{background:linear-gradient(90deg, var(--booking-accent) 0 4px, var(--booking-bg-hover) 4px);border-color:color-mix(in srgb, var(--booking-accent) 42%, var(--booking-border));transform:translateY(-1px);box-shadow:0 8px 18px #0f172a1f}.booking-block.team{--booking-accent:#0f766e;--booking-bg:#eefbf8;--booking-bg-hover:#ddf7f1;--booking-border:#b7e8df;--booking-text:#073f3b;--booking-subtext:#3e6f6a}.booking-block.individual{--booking-accent:#2f6db3;--booking-bg:#f1f6fd;--booking-bg-hover:#e4effb;--booking-border:#c8dcf4;--booking-text:#183e69;--booking-subtext:#536f91}.booking-block.tone-ensemble,.mobile-block.tone-ensemble{--booking-accent:#0f766e;--booking-bg:#eefbf8;--booking-bg-hover:#ddf7f1;--booking-border:#b7e8df;--booking-text:#073f3b;--booking-subtext:#3e6f6a}.booking-block.tone-vocal,.mobile-block.tone-vocal{--booking-accent:#285fa8;--booking-bg:#f1f6fd;--booking-bg-hover:#e4effb;--booking-border:#c7dcf5;--booking-text:#183e69;--booking-subtext:#536f91}.booking-block.tone-instrument,.mobile-block.tone-instrument{--booking-accent:#3f6f93;--booking-bg:#f2f7fa;--booking-bg-hover:#e7f0f5;--booking-border:#c9dce8;--booking-text:#24455a;--booking-subtext:#5d7482}.booking-block.tone-solo,.mobile-block.tone-solo{--booking-accent:#2d63bd;--booking-bg:#f2f6fe;--booking-bg-hover:#e6effc;--booking-border:#cadbf8;--booking-text:#1d3f75;--booking-subtext:#536f91}.booking-block strong,.booking-block span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.booking-block strong{color:var(--booking-text);font-size:11px;line-height:1.12}.booking-block span{color:var(--booking-subtext);opacity:1;font-size:10px;line-height:1.1}.availability-board{background:linear-gradient(#fffffffa,#f8fafcb8),#fff;min-height:620px;padding:16px}.availability-head{justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:14px;display:flex}.availability-head h3{color:var(--text-main);margin:4px 0 0;font-size:17px}.availability-head>strong{white-space:nowrap;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:8px;padding:8px 10px;font-size:13px}.availability-table{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.availability-row{border-bottom:1px solid var(--line);grid-template-columns:108px minmax(0,1fr);min-height:64px;display:grid}.availability-row.empty{background:#fcfdff;min-height:46px}.availability-row:last-child{border-bottom:0}.availability-day{color:var(--text-muted);border-right:1px solid var(--line);background:#fbfcfe;align-content:center;gap:2px;padding:10px 12px;display:grid}.availability-day.today{color:var(--accent-strong);box-shadow:inset 3px 0 var(--accent);background:#eefbf8}.availability-day strong{color:var(--text-main);font-size:14px}.availability-day span,.availability-day small{font-size:12px}.availability-slots{min-width:0;padding:10px}.availability-slots p{color:var(--text-muted);margin:4px 0;font-size:13px}.availability-row.empty .availability-slots{padding-top:8px;padding-bottom:8px}.availability-row.empty .availability-day{opacity:.82}.availability-ranges,.mobile-availability-ranges{flex-wrap:wrap;gap:8px;min-width:0;display:flex}.availability-range{background:#fff;border:1px solid #dbe7ef;border-radius:8px;flex:198px;min-width:188px;overflow:hidden;box-shadow:0 2px 8px #0f172a0a}.availability-range[open]{border-color:#b9dfd8;box-shadow:0 8px 20px #0f766e14}.availability-range summary{color:#17314a;cursor:pointer;font-variant-numeric:tabular-nums;background:#fbfdfe;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:0 11px;font-weight:800;list-style:none;display:flex}.availability-range summary::-webkit-details-marker{display:none}.availability-range summary:after{content:"";border-bottom:1.5px solid #64748b;border-right:1.5px solid #64748b;width:7px;height:7px;margin-left:2px;transform:rotate(45deg)translateY(-1px)}.availability-range[open] summary{color:#0d5a54;background:#f4fffb;border-bottom:1px solid #d9f1ec}.availability-range[open] summary:after{transform:rotate(225deg)translateY(-1px)}.availability-range summary small{color:var(--text-muted);margin-left:auto;font-size:11px;font-weight:800}.availability-range-slots{background:#fbfdfd;grid-template-columns:repeat(auto-fill,minmax(72px,1fr));gap:6px;padding:8px;display:grid}.availability-slot{color:#0d5a54;background:#f2fffb;border:1px solid #bfebe2;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;min-height:32px;padding:0 9px;font-weight:800;display:inline-flex;box-shadow:0 1px 2px #0f172a0a}.availability-slot:hover{color:#063f3b;background:#e1faf4;border-color:#79d8ca;transform:translateY(-1px);box-shadow:0 8px 18px #0f766e1f}.availability-slot small{color:var(--accent-strong);font-size:11px}.side-panel{border:1px solid var(--line);min-height:620px;box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;padding:18px;scroll-margin-top:18px}.booking-detail-panel{background:linear-gradient(#fff,#fbfdfc);padding:16px}.panel-section{flex-direction:column;gap:13px;display:flex}.panel-eyebrow{color:var(--accent);margin:0;font-size:12px;font-weight:800}.panel-section h3{color:var(--text-main);margin:0;font-size:18px;line-height:1.35}.booking-detail-section{gap:12px}.booking-detail-head{grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:12px;padding-bottom:2px;display:grid}.booking-detail-head h3{margin-top:3px}.booking-detail-form{background:#f8fbfb;border:1px solid #dfece9;border-radius:8px;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:12px;display:grid}.booking-detail-form .form-wide{grid-column:1/-1}.reservation-time-card{color:#17314a;background:linear-gradient(#fff,#f7fbfb);border:1px solid #d7e8e5;border-radius:8px;justify-content:space-between;align-items:center;gap:14px;min-width:0;padding:12px;display:flex}.reservation-time-card>div{gap:3px;min-width:0;display:grid}.reservation-time-card>div>span{color:var(--text-muted);font-size:12px;font-weight:800}.reservation-time-card strong{color:var(--ink);text-overflow:ellipsis;white-space:nowrap;font-variant-numeric:tabular-nums;font-size:17px;line-height:1.2;overflow:hidden}.time-badge{min-height:30px;color:var(--accent-strong);background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:999px;flex:none;align-items:center;gap:6px;padding:0 9px;font-size:12px;font-weight:800;display:inline-flex}.panel-section label{color:var(--text-muted);flex-direction:column;gap:7px;font-size:12px;font-weight:800;display:flex}.panel-section input,.panel-section select{box-sizing:border-box;width:100%;min-height:42px;color:var(--text-main);border:1px solid var(--line);background:#fff;border-radius:8px;outline:0;padding:0 11px}.panel-section input:focus,.panel-section select:focus{border-color:#14b8a6;box-shadow:0 0 0 3px #14b8a624}.panel-section label span,.panel-note,.empty-side p,.legacy-note{color:var(--text-muted);margin:0;font-size:12px;line-height:1.45}.segmented-control{background:#e9eef5;border:1px solid #d8e1ec;border-radius:8px;grid-template-columns:1fr 1fr;padding:3px;display:grid}.segmented-control button{height:34px;color:var(--text-muted);background:0 0;border:0;border-radius:6px}.segmented-control button.active{color:var(--accent-strong);background:#fff;font-weight:800;box-shadow:0 8px 18px #0f766e1a}.primary-action,.secondary-action,.danger-action,.kakao-share-action{border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:7px;min-height:42px;font-weight:800;display:inline-flex}.primary-action{color:#fff;background:linear-gradient(180deg, #128a7f, var(--accent-strong));box-shadow:0 12px 24px #0f766e2e}.primary-action:disabled,.secondary-action:disabled,.danger-action:disabled{cursor:wait;opacity:.62;box-shadow:none;transform:none}.secondary-action{color:var(--accent-strong);background:var(--accent-soft);border-color:var(--accent-line)}.danger-action{color:#b42318;background:#fff1f0;border-color:#ffd1cc}.kakao-share-action{color:#3b2f00;background:linear-gradient(#fff8c7,#fee500);border-color:#ead14a;box-shadow:0 10px 22px #b58f0024}.compact-share{white-space:nowrap;min-height:34px;padding:0 10px;font-size:12px}.kakao-share-action:hover{border-color:#d5bc2b;transform:translateY(-1px);box-shadow:0 12px 26px #b58f0033}.split-actions{grid-template-columns:1fr 1fr;gap:8px;display:grid}.detail-row{min-width:0;color:var(--text-muted);border:1px solid var(--line);background:#f8fafc;border-radius:8px;align-items:center;gap:8px;padding:10px 11px;font-size:13px;display:flex}.detail-row span{overflow-wrap:anywhere;min-width:0}.available-list{gap:7px;margin-top:4px;display:grid}.available-list strong{font-size:13px}.available-actions{gap:7px;display:grid}.available-button{color:#0f4f49;text-align:left;background:linear-gradient(#fbfefd,#f0fdfa);border:1px solid #ccfbf1;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;min-height:36px;padding:0 9px;font-size:12px;font-weight:700;display:flex}.available-button:hover{border-color:#99f6e4;transform:translateY(-1px);box-shadow:0 8px 18px #0f766e1a}.available-button small{color:var(--accent-strong);font-size:11px;font-weight:800}.mobile-schedule{display:none}.modal-backdrop{z-index:40;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0f172a5c;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.reservation-modal{background:#fff;border:1px solid #cbd5e1eb;border-radius:10px;width:min(430px,100%);max-height:min(720px,100svh - 48px);padding:22px;position:relative;overflow:auto;box-shadow:0 28px 70px #0f172a47}.reservation-modal .panel-eyebrow,.reservation-modal h3{padding-right:38px}.modal-close{width:34px;height:34px;color:var(--text-muted);border:1px solid var(--line);background:#f8fafc;border-radius:8px;place-items:center;display:grid;position:absolute;top:14px;right:14px}.modal-close:hover{color:var(--text-main);background:#eef2f7}.toast{z-index:50;color:#fff;background:#172033;border-radius:999px;padding:11px 16px;font-size:14px;font-weight:800;position:fixed;bottom:26px;left:50%;transform:translate(-50%);box-shadow:0 18px 40px #0f172a3d}@media (width<=1180px){.workspace{grid-template-columns:1fr}.schedule-card{overflow:auto}.side-panel{min-height:auto}}@media (width>=701px) and (width<=900px){.app-shell{padding:22px 18px 76px}.app-header{gap:18px}.title-cluster{gap:12px;min-width:0}.title-cluster h1{font-size:25px}.title-cluster p{font-size:13px}.brand-mark{width:40px;height:40px}.header-actions{flex:none}.notice-strip{gap:12px}.summary-strip{grid-template-columns:minmax(150px,auto) minmax(0,1fr);align-items:flex-start;gap:12px;padding:12px;display:grid}.leaderboard-list{justify-content:flex-start}.rank-chip{min-width:0}.rank-chip.rank-1{min-width:160px}.rank-chip.rank-2,.rank-chip.rank-3{min-width:124px}.rank-chip strong{max-width:108px}.board-toolbar{grid-template-columns:1fr;align-items:stretch;gap:12px}.board-actions{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.week-controls{grid-column:1/-1;grid-template-columns:44px minmax(220px,1fr) 84px 64px 44px;width:100%;display:grid}.week-range{justify-content:center;min-width:0;padding:0 10px}.week-controls .nav-button{min-width:0;padding:0 9px}.compact-nav span{display:none}.view-toggle{width:100%;min-width:0}.view-toggle button{flex:1 1 0;min-width:0}.storage-pill{justify-self:end}.search-panel{grid-template-columns:1fr}.side-panel{scroll-margin-top:18px}.booking-detail-form{grid-template-columns:repeat(2,minmax(0,1fr))}.booking-detail-head{grid-template-columns:minmax(0,1fr) auto}.compact-share{width:auto}}@media (width<=700px){.app-shell{padding:18px 14px 88px}.app-header,.summary-strip{flex-direction:column;align-items:stretch}.title-cluster h1{font-size:23px}.header-actions{grid-template-columns:1fr 1fr;width:100%;display:grid}.utility-button{width:100%}.board-toolbar{grid-template-columns:1fr;align-items:stretch;gap:12px;display:grid}.board-actions{flex-direction:column;align-items:stretch}.week-controls{grid-template-columns:42px minmax(0,1fr) 70px 54px 42px;gap:5px;width:100%;display:grid}.week-range{justify-content:center;min-width:0;padding:0 8px;font-size:13px}.week-controls .nav-button{width:100%;min-width:0;padding:0 8px}.compact-nav span,.now-button span{display:none}.storage-pill{align-self:flex-start}.search-panel,.admin-login-card,.admin-panel-head,.admin-settings-grid,.admin-inline-form,.restriction-form{grid-template-columns:1fr}.admin-panel-head>span{white-space:normal}.notice-strip{align-items:start;gap:10px;padding:11px 12px}.notice-content{align-items:start}.notice-edit-button{justify-self:end;min-height:32px}.notice-editor-actions{grid-template-columns:1fr 1fr}.notice-editor-actions input{grid-column:1/-1}.summary-strip{background:linear-gradient(135deg,#fffffff5,#fffbefdb),#fff;align-items:flex-start;gap:10px;padding:12px;display:grid}.leaderboard-list{grid-template-columns:1fr 1fr;gap:7px;width:100%;display:grid}.leaderboard-title{gap:9px}.leaderboard-emblem{width:34px;height:34px}.rank-chip{gap:6px;min-width:0;min-height:32px;padding:4px 8px 4px 5px}.rank-chip.rank-1{grid-column:1/-1;min-height:42px;padding:6px 10px 6px 7px}.rank-chip.rank-2,.rank-chip.rank-3{justify-content:flex-start}.rank-chip strong{max-width:100%}.rank-chip.rank-2 strong,.rank-chip.rank-3 strong{max-width:min(78px,36vw)}.rank-chip.rank-2 .medal-badge,.rank-chip.rank-3 .medal-badge{min-width:34px;height:22px;padding:0 5px}.rank-chip.rank-2 .medal-badge svg,.rank-chip.rank-3 .medal-badge svg{width:13px;height:13px}.rank-chip>span:last-child{margin-left:auto}.leaderboard-empty{white-space:normal;text-align:center;grid-column:1/-1;justify-content:center;width:100%}.view-toggle,.view-toggle button{width:100%}.schedule-card{display:none}.workspace{flex-direction:column-reverse;display:flex}.side-panel{z-index:20;border-color:#cfe5df;max-height:78svh;padding:14px;scroll-margin-top:12px;position:sticky;top:10px;bottom:auto;overflow:auto;box-shadow:0 18px 42px #0f172a29}.side-panel:has(.empty-side){display:none}.booking-detail-form,.booking-detail-head{grid-template-columns:1fr}.compact-share{width:100%}.modal-backdrop{align-items:end;padding:12px}.reservation-modal{width:100%;max-height:88svh;padding:20px 16px max(20px, env(safe-area-inset-bottom));border-radius:14px 14px 10px 10px}.modal-close{top:12px;right:12px}.mobile-schedule{border:1px solid var(--line);width:min(1440px,100%);box-shadow:var(--soft-shadow);background:#fff;border-radius:8px;margin:14px auto 0;display:block;overflow:hidden}.day-tabs{border-bottom:1px solid var(--line);grid-template-columns:repeat(7,1fr);display:grid}.day-tabs button{min-height:50px;color:var(--text-muted);border:0;border-right:1px solid var(--line);background:#fbfcfe;flex-direction:column;align-items:center;gap:2px;display:flex}.day-tabs button.active{color:#0f766e;background:#f0fdfa;box-shadow:inset 0 -2px #14b8a6}.mobile-schedule h2{border-bottom:1px solid var(--line);margin:0;padding:14px;font-size:16px}.mobile-day-list{background:#fff;grid-template-rows:repeat(48,42px);grid-template-columns:62px 1fr;display:grid;position:relative}.mobile-time{color:var(--text-muted);text-align:center;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-variant-numeric:tabular-nums;background:#fbfcfe;padding:12px 0 0;font-size:12px}.mobile-time.half-hour{color:#94a3b8;border-bottom-color:var(--grid-line-soft);background:#fcfdff;font-size:11px}.mobile-time.current{color:#dc2626;background:#fff7f7;font-weight:800;box-shadow:inset 3px 0 #ef4444}.mobile-slot-surface{border-bottom:1px solid var(--line);background:#fff;min-width:0}.mobile-slot-surface.half-hour{border-bottom-color:var(--grid-line-soft);background:#fefefe}.mobile-slot-surface.current{background:linear-gradient(#0000 19px,#ef444433 19px 21px,#0000 21px),snow}.mobile-block{--booking-accent:#0f766e;--booking-bg:#f0fbf8;--booking-bg-hover:#e4f7f2;--booking-border:#bfebe2;--booking-text:#083f3b;--booking-subtext:#3f6d68;min-height:34px;color:var(--booking-text);background:linear-gradient(90deg, var(--booking-accent) 0 4px, var(--booking-bg) 4px);border:1px solid var(--booking-border);text-align:left;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;padding:0 10px 0 12px;display:flex}.mobile-empty-slot{z-index:1;align-self:stretch;min-height:0;margin:4px}.mobile-block.empty{color:#0f766e;background:#fff;justify-content:flex-start}.mobile-block.empty.partial{color:#0d5a54;background:#f2fffbd1;border-color:#b7e8df;justify-content:flex-end}.mobile-block.class{color:#7b8797;background:repeating-linear-gradient(135deg,#94a3b812 0 6px,#0000 6px 14px),#f1f4f7;border:1px solid #e2e8f0;border-radius:6px;justify-content:center}.mobile-block.class.admin-blocked{color:#9a2a1b;background:repeating-linear-gradient(135deg,#f8717112 0 6px,#0000 6px 14px),#fff7f5;border-color:#ffdcd7}.mobile-span-block{z-index:2;pointer-events:none;align-self:stretch;min-height:0;margin:2px 4px}.mobile-booking-block{z-index:3;width:calc((100% / var(--lanes)) - 4px);min-height:0;margin:3px 2px 3px calc((100% / var(--lanes)) * var(--lane) + 2px);justify-content:center;align-self:stretch;box-shadow:0 5px 14px #0f172a14}.mobile-block.team{--booking-accent:#0f766e;--booking-bg:#eefbf8;--booking-border:#b7e8df;--booking-text:#073f3b;--booking-subtext:#3e6f6a}.mobile-block.individual{--booking-accent:#2f6db3;--booking-bg:#f1f6fd;--booking-border:#c8dcf4;--booking-text:#183e69;--booking-subtext:#536f91}.mobile-block span{color:var(--booking-subtext);opacity:1;font-size:11px}.mobile-block strong{color:var(--booking-text);font-size:12px}.mobile-block strong,.mobile-block span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.mobile-availability-panel{gap:10px;padding:12px;display:grid}.mobile-availability-summary{color:var(--text-muted);border:1px solid var(--line);background:#fbfcfe;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:10px 11px;font-size:12px;display:flex}.mobile-availability-summary strong{color:var(--accent-strong);font-size:13px}.mobile-availability-ranges{gap:8px;display:grid}.mobile-availability-ranges .availability-range{width:100%;min-width:0}.mobile-availability-button{color:#0d5a54;background:#f2fffb;border:1px solid #bfebe2;border-radius:7px;justify-content:space-between;align-items:center;gap:8px;width:100%;min-width:0;min-height:38px;padding:0 11px;font-weight:800;display:flex}.mobile-availability-button small{color:var(--accent-strong);font-size:11px}}@media (width<=520px){.week-range{gap:0;padding:0 4px;font-size:11px}.week-range svg{display:none}.notice-strip{grid-template-columns:1fr;gap:9px}.notice-edit-button{justify-self:start}}