/* RECOVERIC 매거진 · 마이 스케줄(/mypage/schedule/) — 아트 디렉터 2026-10-23
   흰 바탕 · 헤어라인 · 넓은 여백 · Bodoni 날짜 숫자(B안) · 색은 절제된 네이비 계열 네 톤(원색·그라데이션·그림자 범벅 금지)
   톤: --c-md 시즌 MD 단계 #1B2438 · --c-own 직접 일정 #3F5677 · --c-todo 할 일 #8D97A9 · --c-sale 판매 기간(빗금)
   휴대폰 배치는 body 폭(@container mg) 960px 이하. 터치 영역 44px 이상. */
.sc{word-break:keep-all;--navy:#1B2438;--c-md:#1B2438;--c-own:#3F5677;--c-todo:#8D97A9;--line:#E6E6E6;--mute:#6B6B6B;--red:#8E2424;color:#111111}
.sc *{box-sizing:border-box}
.sc :where(p,h1,h2,h3,ul,ol){margin:0}
.sc button{font-family:inherit;color:inherit}
.sc .bod{font-family:'Bodoni Moda',serif}
.sc-crumb{margin:44px 0 0}
.sc-mast{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:24px;margin-top:18px;padding-bottom:26px;border-bottom:1px solid #111111}
.sc-h1{margin:0;font-size:96px}
.sc-where{display:flex;flex-direction:column;align-items:flex-end;gap:6px;font-size:12.5px;line-height:1.6;color:var(--mute);text-align:right}
.sc-where b{font-weight:500;color:var(--navy)}
.sc-where a{border-bottom:1px solid currentColor}

/* 머리 줄: 큰 월 숫자 · 이동 · 보기 · 찾기 */
.sc-bar{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:end;gap:28px;margin-top:34px}
.sc-month{display:flex;align-items:flex-end;gap:16px;min-width:0}
.sc-mn{font-size:112px;line-height:.78;color:#111111}
.sc-my{display:flex;flex-direction:column;gap:6px;padding-bottom:4px}
.sc-my i{font-family:'Bodoni Moda',serif;font-size:22px;line-height:1;font-weight:400;color:#111111}
.sc-my span{font-size:12px;letter-spacing:.18em;color:var(--mute)}
.sc-nav{display:flex;align-items:center;gap:8px;justify-self:start;padding-bottom:6px}
.sc-ib{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid #D2D2D2;background:#FFFFFF;cursor:pointer}
.sc-ib:hover{border-color:#111111}
.sc-ib:focus-visible,.sc-tb:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
.sc-tb{appearance:none;height:44px;padding:0 18px;border:1px solid #111111;background:#FFFFFF;font-size:13.5px;cursor:pointer}
.sc-tb:hover{background:#F3F3F1}
.sc-tools{display:flex;align-items:center;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:6px}
.sc-tools .chip{height:44px}
.sc-q{position:relative}
.sc-q input{width:200px;height:44px;padding:0 2px 0 26px;border:0;border-bottom:1px solid #111111;border-radius:0;background:transparent;font-family:'Noto Sans KR',sans-serif;font-size:14.5px;outline:none;-webkit-appearance:none;appearance:none}
.sc-q input:focus{border-bottom:2px solid var(--navy)}
.sc-q svg{position:absolute;left:2px;top:14px;color:var(--mute)}
.sc-key{display:inline-block;min-width:18px;padding:0 4px;border:1px solid #D2D2D2;font-size:10.5px;line-height:16px;text-align:center;color:var(--mute)}

/* 빠른 추가 */
.sc-quick{display:grid;grid-template-columns:112px minmax(0,1fr) auto;align-items:center;gap:16px;margin-top:26px;padding:14px 0;border-top:1px solid #111111;border-bottom:1px solid var(--line)}
.sc-quick-k{font-size:10.5px;letter-spacing:.22em;font-weight:500;color:var(--mute)}
.sc-quick input{width:100%;min-width:0;height:44px;padding:0 2px;border:0;border-radius:0;background:transparent;font-family:'Noto Serif KR',serif;font-size:18px;outline:none}
.sc-quick input::placeholder{color:#A8A8A8;font-size:15.5px}
.sc-add{appearance:none;height:44px;padding:0 22px;border:0;background:#111111;color:#FFFFFF!important;font-size:14px;font-weight:500;cursor:pointer}
.sc-add:hover{background:var(--navy)}
.sc-add:disabled{background:#BDBDBD;cursor:default}
.sc-parse{grid-column:2 / -1;min-height:20px;margin-top:-6px!important;font-size:13px;line-height:1.6;color:var(--navy)}
.sc-parse b{font-weight:500}
.sc-parse .bod{font-size:14px}
.sc-parse em{font-style:normal;color:var(--mute)}

/* 본문: 달력 + 오른쪽 할 일 */
.sc-main{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:40px;margin-top:28px;align-items:start}
.sc-tabs{display:none}
.sc-cal{min-width:0}
.sc-dow{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid #111111}
.sc-dow span{padding:0 10px 10px;font-size:10.5px;letter-spacing:.22em;font-weight:500;color:var(--mute)}
.sc-dow span.sun{color:var(--red)}
.sc-wk{position:relative;border-bottom:1px solid var(--line)}
.sc-days{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}
.sc-day{position:relative;min-height:132px;padding:8px 10px;border-left:1px solid var(--line);cursor:cell}
.sc-day:first-child{border-left:0}
.sc-day.out .sc-dn{color:#767676}
.sc-day.sun .sc-dn{color:var(--red)}.sc-day.sun.out .sc-dn{color:#9A4F4F}
.sc-dn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;font-size:19px;line-height:1;color:#111111}
.sc-day.today .sc-dn{background:var(--navy);color:#FFFFFF}
.sc-day.sel{background:#F7F7F5}
.sc-day.drop{background:#EEF0F4}
.sc-dots{position:absolute;top:19px;right:10px;display:flex;gap:3px}
.sc-dots i{width:5px;height:5px;border-radius:50%;background:var(--c-todo)}
.sc-dots i.imp{background:var(--navy)}
.sc-bars{position:absolute;left:0;right:0;top:44px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));grid-auto-rows:24px;row-gap:3px;pointer-events:none}
.sc-b{position:relative;display:flex;align-items:center;gap:6px;min-width:0;margin:0 4px;padding:0 8px;background:var(--c-own);color:#FFFFFF;font-size:12.5px;line-height:1;white-space:nowrap;overflow:hidden;pointer-events:auto;cursor:grab;user-select:none;-webkit-user-select:none;touch-action:pan-y}
.sc-b.md{background:var(--c-md)}
.sc-b.todo{background:#FFFFFF;color:#111111;box-shadow:inset 2px 0 0 var(--c-todo),inset 0 0 0 1px #D9DCE2}
.sc-b.sale{background:repeating-linear-gradient(135deg,var(--c-md) 0 2px,#FFFFFF 2px 6px);color:#111111;box-shadow:inset 0 0 0 1px var(--c-md)}
.sc-b.sale span{background:#FFFFFF;padding:0 4px}
.sc-b.cl{margin-left:0}.sc-b.cr{margin-right:0}
.sc-b.done{opacity:.4;text-decoration:line-through}
.sc-b span{overflow:hidden;text-overflow:ellipsis}
.sc-b small{flex:none;font-size:11px;opacity:.8}
.sc-b:focus-visible{outline:2px solid #111111;outline-offset:1px}
.sc-b.drag{opacity:.55}
.sc-b .sc-h{position:absolute;top:0;right:0;bottom:0;width:10px;cursor:ew-resize}
.sc-b .sc-h::after{content:'';position:absolute;top:7px;bottom:7px;right:3px;width:1px;background:rgba(255,255,255,.7);opacity:0}
.sc-b:hover .sc-h::after,.sc-b:focus-visible .sc-h::after{opacity:1}
.sc-more{appearance:none;pointer-events:auto;margin:0 4px;padding:0 6px;border:0;background:none;font-size:11.5px;color:var(--mute);text-align:left;cursor:pointer}
.sc-more:hover{color:#111111;text-decoration:underline}
.sc-inl{position:absolute;left:4px;right:4px;bottom:6px;z-index:4}
.sc-inl input{width:100%;height:30px;padding:0 6px;border:1px solid #111111;border-radius:0;background:#FFFFFF;font-family:'Noto Sans KR',sans-serif;font-size:13px;outline:none}
html.sc-dragging,html.sc-dragging *{cursor:grabbing!important;user-select:none}

/* 주 보기 */
.sc-week .sc-day{min-height:72px}
.sc-wcols{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));border-bottom:1px solid var(--line)}
.sc-wcol{min-height:280px;padding:10px 8px 18px;border-left:1px solid var(--line)}
.sc-wcol:first-child{border-left:0}
.sc-wi{display:block;width:100%;appearance:none;margin:0 0 8px;padding:6px 0 6px 10px;border:0;border-left:2px solid var(--c-own);background:none;text-align:left;cursor:pointer}
.sc-wi.md{border-left-color:var(--c-md)}.sc-wi.todo{border-left-color:var(--c-todo)}
.sc-wi b{display:block;font-size:13px;line-height:1.45;font-weight:500}
.sc-wi small{display:block;margin-top:2px;font-size:11.5px;color:var(--mute)}
.sc-wi.done b{text-decoration:line-through;color:#707070}

/* 목록 · 오늘 · 찾기 결과 */
.sc-ag{border-top:1px solid #111111}
.sc-ag-d{display:grid;grid-template-columns:112px minmax(0,1fr);gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.sc-ag-h{display:flex;flex-direction:column;gap:4px}
.sc-ag-h .bod{font-size:40px;line-height:.9}
.sc-ag-h small{font-size:12px;letter-spacing:.08em;color:var(--mute)}
.sc-ag-d.today .sc-ag-h .bod{color:var(--navy)}
.sc-ag-d.today .sc-ag-h small{color:var(--navy);font-weight:500}
.sc-ag-l{list-style:none;padding:0;display:flex;flex-direction:column}
.sc-it{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:6px;min-height:52px;border-top:1px solid #F1F1F1}
.sc-it:first-child{border-top:0}
.sc-it-b{appearance:none;display:flex;flex-direction:column;gap:3px;min-width:0;padding:8px 0 8px 12px;border:0;border-left:2px solid var(--c-own);background:none;text-align:left;cursor:pointer}
.sc-it-b.md{border-left-color:var(--c-md)}.sc-it-b.todo{border-left-color:var(--c-todo)}
.sc-it-b b{font-family:'Noto Serif KR',serif;font-size:16px;line-height:1.45;font-weight:500}
.sc-it-b small{font-size:12px;line-height:1.5;color:var(--mute)}
.sc-it.done .sc-it-b b{text-decoration:line-through;color:#707070}
.sc-it-r{font-size:12px;color:var(--mute);white-space:nowrap}
.sc-empty{padding:40px 0;font-family:'Noto Serif KR',serif;font-size:17px;line-height:1.7;color:var(--mute)}
.sc-today-h{display:flex;align-items:baseline;gap:18px;padding:22px 0 14px;border-top:1px solid #111111}
.sc-today-h .bod{font-size:64px;line-height:.9;color:var(--navy)}
.sc-today-h p{font-family:'Noto Serif KR',serif;font-size:20px}
.sc-sub{margin:28px 0 8px!important;font-size:10.5px;letter-spacing:.22em;font-weight:500;color:var(--mute)}

/* 체크 상자(일정 완료 · 할 일) */
.sc-ck{appearance:none;position:relative;flex:none;width:44px;height:44px;margin:0;border:0;background:none;cursor:pointer}
.sc-ck::before{content:'';position:absolute;left:12px;top:12px;width:18px;height:18px;border:1px solid #8A8A8A;background:#FFFFFF}
.sc-ck:checked::before{background:var(--navy);border-color:var(--navy)}
.sc-ck:checked::after{content:'';position:absolute;left:18px;top:15px;width:5px;height:10px;border:solid #FFFFFF;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
.sc-ck:focus-visible{outline:2px solid var(--navy);outline-offset:-6px}

/* 할 일 */
.sc-side{position:static;display:flex;flex-direction:column;gap:0;min-width:0}   /* 고정하지 않는다 — 페이지 한 번 스크롤로 내려간다(2026-10-27) */
.sc-td-h{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid #111111}
.sc-td-h h2{font-family:'Noto Serif KR',serif;font-size:22px;font-weight:500}
.sc-td-h h2 .bod{margin-left:8px;font-size:18px;color:var(--navy)}
.sc-td-h label{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--mute);cursor:pointer}
.sc-td-add{display:flex;align-items:center;gap:8px;border-bottom:1px solid var(--line)}
.sc-td-add input{flex:1;min-width:0;height:48px;padding:0 2px;border:0;border-radius:0;background:transparent;font-family:'Noto Sans KR',sans-serif;font-size:14.5px;outline:none}
.sc-td-add span{font-size:20px;color:var(--mute);padding-left:6px}
.sc-tdl{list-style:none;padding:0}
.sc-tdl ul{list-style:none;padding:0 0 0 30px}
.sc-td{position:relative}
.sc-td-r{display:grid;grid-template-columns:18px 44px minmax(0,1fr) auto;align-items:center;min-height:48px;border-bottom:1px solid #F1F1F1}
.sc-grip{appearance:none;width:18px;height:44px;padding:0;border:0;background:none;color:#767676;cursor:grab;touch-action:none;font-size:13px;letter-spacing:-2px}
.sc-grip:hover{color:#111111}
.sc-td-t{appearance:none;min-width:0;padding:8px 6px 8px 0;border:0;background:none;text-align:left;cursor:pointer;font-size:14.5px;line-height:1.5}
.sc-td-t small{display:block;margin-top:1px;font-size:11.5px;color:var(--mute)}
.sc-td-t small.late{color:var(--red)}
.sc-td.done>.sc-td-r .sc-td-t{color:#707070;text-decoration:line-through}
.sc-td-a{display:flex;align-items:center}
.sc-star,.sc-plus{appearance:none;width:44px;height:44px;padding:0;border:0;background:none;color:#767676;cursor:pointer;font-size:15px}
.sc-star.on{color:var(--navy)}
.sc-star:hover,.sc-plus:hover{color:#111111}
.sc-td.dragging{opacity:.4}
.sc-td.over-top>.sc-td-r{box-shadow:inset 0 2px 0 var(--navy)}
.sc-td.over-bot>.sc-td-r{box-shadow:inset 0 -2px 0 var(--navy)}
.sc-sub-add input{width:100%;height:40px;margin:0 0 6px;padding:0 6px;border:0;border-bottom:1px solid #111111;font-family:'Noto Sans KR',sans-serif;font-size:13.5px;outline:none;background:transparent}
.sc-leg{display:flex;flex-direction:column;gap:8px;margin-top:28px;padding-top:16px;border-top:1px solid var(--line);font-size:12px;color:var(--mute)}
.sc-leg span{display:inline-flex;align-items:center;gap:10px}
.sc-leg i{width:22px;height:10px;background:var(--c-own)}
.sc-leg i.md{background:var(--c-md)}.sc-leg i.todo{background:#FFFFFF;box-shadow:inset 2px 0 0 var(--c-todo),inset 0 0 0 1px #D9DCE2}
.sc-leg i.sale{background:repeating-linear-gradient(135deg,var(--c-md) 0 2px,#FFFFFF 2px 5px);box-shadow:inset 0 0 0 1px var(--c-md)}
.sc-help{margin-top:14px!important;font-size:11.5px;line-height:1.9;color:#6E6E6E}
.sc-exp{display:flex;flex-direction:column;gap:8px;margin-top:22px}
.sc-exp .sc-tb{width:100%}
.sc-note{font-size:11.5px;line-height:1.8;color:#6E6E6E}

/* 상세(편집) — PC 오른쪽 지면 · 휴대폰 아래 시트 */
.sc-ed{position:fixed;inset:0;z-index:9998;background:rgba(17,17,17,.42);font-family:'Noto Sans KR',sans-serif;word-break:keep-all}
.sc-ed[hidden]{display:none}
.sc-ed-p{position:absolute;top:0;right:0;bottom:0;width:min(480px,100%);display:flex;flex-direction:column;background:#FFFFFF;box-shadow:-1px 0 0 #111111}
.sc-ed-bar{display:flex;align-items:center;justify-content:space-between;gap:12px;height:64px;padding:0 20px;border-bottom:1px solid #DADADA}
.sc-ed-bar p{font-size:10.5px;letter-spacing:.22em;font-weight:500;color:var(--mute)}
.sc-ed-x{appearance:none;width:44px;height:44px;border:0;background:none;cursor:pointer}
.sc-ed-b{flex:1;overflow:auto;padding:24px 28px 32px;overscroll-behavior:contain}
.sc-ed-t{width:100%;padding:4px 0 10px;border:0;border-bottom:1px solid #111111;border-radius:0;font-family:'Noto Serif KR',serif;font-size:24px;font-weight:500;outline:none;background:transparent}
.sc-f{margin-top:22px}
.sc-f label,.sc-f>p:not(.sc-note){display:block;margin:0 0 8px;font-size:11px;letter-spacing:.16em;font-weight:500;color:var(--mute)}
.sc-row2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px}
.sc-ed input[type=date],.sc-ed input[type=time],.sc-ed select,.sc-ed input[type=url],.sc-ed input[type=text]:not(.sc-ed-t){width:100%;min-width:0;height:44px;padding:0 8px;border:1px solid #D2D2D2;border-radius:0;background:#FFFFFF;font-family:'Noto Sans KR',sans-serif;font-size:14.5px;color:#111111;outline:none}
.sc-ed input:focus,.sc-ed select:focus,.sc-ed textarea:focus{border-color:var(--navy)}
.sc-ed textarea{width:100%;min-height:150px;padding:12px;border:1px solid #D2D2D2;border-radius:0;font-family:'Noto Sans KR',sans-serif;font-size:14.5px;line-height:1.75;resize:vertical;outline:none}
.sc-cl{list-style:none;margin:10px 0 0!important;padding:0;border-top:1px solid #F1F1F1}
.sc-cl li{display:flex;align-items:center;min-height:44px;border-bottom:1px solid #F1F1F1;font-size:14px}
.sc-cl li.on span{color:#707070;text-decoration:line-through}
.sc-links{list-style:none;margin:0 0 8px!important;padding:0}
.sc-links li{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:40px;border-bottom:1px solid #F1F1F1;font-size:13.5px}
.sc-links a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #111111}
.sc-links button{appearance:none;flex:none;border:0;background:none;color:var(--mute);cursor:pointer;height:40px}
.sc-lk{display:flex;gap:8px}
.sc-lk input{flex:1}
.sc-src{margin-top:18px!important;padding:12px 14px;background:#F6F5F2;font-size:12.5px;line-height:1.7;color:#444444}
.sc-src a{border-bottom:1px solid #111111}
.sc-ed-f{display:flex;flex-wrap:wrap;gap:8px;padding:16px 20px calc(16px + env(safe-area-inset-bottom));border-top:1px solid #DADADA}
.sc-ed-f .sc-add{flex:1 1 auto;height:48px}
.sc-ed-f .sc-tb{height:48px}
.sc-del{appearance:none;height:48px;padding:0 16px;border:0;background:none;color:var(--red);font-size:13.5px;cursor:pointer}
.sc-ext{display:flex;gap:16px;margin-top:22px!important;font-size:13px}
.sc-ext a,.sc-ext button{appearance:none;padding:0;border:0;border-bottom:1px solid #111111;background:none;font-size:13px;cursor:pointer;text-decoration:none}
.sc-err{margin-top:12px!important;font-size:13px;color:var(--red)}

/* 알림(되돌리기) */
.sc-toast{position:fixed;left:50%;bottom:92px;z-index:10000;transform:translateX(-50%);display:flex;align-items:center;gap:18px;max-width:calc(100% - 32px);padding:12px 12px 12px 20px;background:#111111;color:#FFFFFF;font-size:14px;line-height:1.5}
.sc-toast[hidden]{display:none}
.sc-toast button{appearance:none;height:40px;padding:0 14px;border:1px solid rgba(255,255,255,.6);background:none;color:#FFFFFF!important;font-size:13px;cursor:pointer;white-space:nowrap}

@container mg (max-width:1180px){.sc-main{grid-template-columns:minmax(0,1fr) 300px;gap:28px}.sc-q input{width:150px}}
@container mg (max-width:960px){
.sc-h1{font-size:56px!important}
.sc-mast{grid-template-columns:minmax(0,1fr)}
.sc-where{align-items:flex-start;text-align:left}
.sc-bar{grid-template-columns:minmax(0,1fr) auto;gap:14px;margin-top:24px}
.sc-mn{font-size:76px}
.sc-my i{display:none}
.sc-my span{font-size:12.5px;letter-spacing:.1em;color:#111111}
.sc-nav{grid-column:2;grid-row:1;align-self:end;padding-bottom:2px}
.sc-tools{grid-column:1 / -1;justify-content:flex-start;flex-wrap:wrap;gap:8px}
.sc-tools .chip{flex:1 1 0;justify-content:center;padding:0 8px}
.sc-tools::-webkit-scrollbar{display:none}

.sc-q{flex:1 1 100%}.sc-q input{width:100%}
.sc-key,.sc-hk{display:none}
.sc-quick{grid-template-columns:minmax(0,1fr) auto;gap:10px;margin-top:18px}
.sc-quick-k{grid-column:1 / -1}
.sc-quick input{font-size:16px}
.sc-parse{grid-column:1 / -1;margin-top:-4px!important}
.sc-main{grid-template-columns:minmax(0,1fr);gap:0;margin-top:18px}
.sc-tabs{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid #111111;margin-bottom:16px}
.sc-tabs button{appearance:none;height:48px;border:0;background:none;font-size:14.5px;color:#707070;cursor:pointer;position:relative}
.sc-tabs button.on{color:#111111;font-weight:500}
.sc-tabs button.on::after{content:'';position:absolute;left:0;right:0;bottom:-1px;height:2px;background:var(--navy)}
.sc-main[data-tab=cal] .sc-side,.sc-main[data-tab=todo] .sc-cal{display:none}
.sc-side{position:static}
.sc-tdl{max-height:none}
.sc-day{min-height:58px;padding:4px 2px;cursor:pointer}
.sc-dn{min-width:28px;height:28px;font-size:15px}
.sc-dots{top:auto;bottom:6px;left:0;right:0;justify-content:center}
.sc-bars{top:34px;grid-auto-rows:3px;row-gap:2px}
.sc-b{margin:0 1px;padding:0;font-size:0}
.sc-b span,.sc-b small,.sc-b .sc-h,.sc-b .sc-ltag{display:none}
.sc-more{display:none}
.sc-dow span{padding:0 0 8px;text-align:center;letter-spacing:.1em}
.sc-dayl{margin-top:18px}
.sc-wcols{grid-template-columns:minmax(0,1fr);border-bottom:0}
.sc-wcol{min-height:0;padding:12px 0;border-left:0;border-bottom:1px solid var(--line)}
.sc-ag-d{grid-template-columns:64px minmax(0,1fr);gap:12px}
.sc-ag-h .bod{font-size:30px}
.sc-ed-p{top:auto;left:0;width:100%;max-height:92vh;box-shadow:0 -1px 0 #111111}
.sc-ed-b{padding:18px 20px 24px}
.sc-toast{bottom:84px}
}

/* ===== 달력 다듬기 (사용성 점검 2026-10-24 · 대표 지시 00:07 '간김에 감각') =====
   일·공휴일 적갈색 + 휴일 이름 · 토 남청 · 오늘 = 테두리 동그라미 · 고른 날 = 채운 동그라미 · 칸 너비 고정
   막대가 넘치면 '+n'(칸 안에서) · 날짜를 누르면 PC 오른쪽 / 휴대폰 아래에 그날 목록 · 달 넘김 짧은 슬라이드
   막대 색은 네이비 다섯 톤: 시즌 MD #1B2438 · 직접 일정 #3F5677 · 판매·피크 #DDE2EA(+짙은 왼쪽 선) · 할 일 흰 바탕+#8D97A9 · 공휴일 #8E2424 */
.sc{--sat:#2E4A7D;--c-sale:#DDE2EA}
.sc-dow span.sat{color:var(--sat)}
.sc-days{grid-template-columns:repeat(7,minmax(0,1fr))}
.sc-day{min-width:0;overflow:hidden;min-height:max(132px,calc(52px + var(--rows,0) * 27px))}
.sc-week .sc-day{min-height:max(72px,calc(52px + var(--rows,0) * 27px))}
.sc-day.sat .sc-dn{color:var(--sat)}
.sc-day.hol .sc-dn{color:var(--red)}
.sc-day.hol{background:#FBF7F6}
.sc-day.sat.out .sc-dn{color:#7C8AA6}
.sc-dn{border-radius:50%;min-width:30px;width:30px;padding:0}
.sc-day.today .sc-dn{background:none;color:var(--navy);box-shadow:inset 0 0 0 1.5px var(--navy)}
.sc-day.sel{background:#F5F5F2}
.sc-day.sel .sc-dn{background:var(--navy);color:#FFFFFF;box-shadow:none}
.sc-hn{display:inline-block;max-width:calc(100% - 40px);margin-left:6px;vertical-align:middle;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;font-weight:500;color:var(--red)}
.sc-b.sale{background:var(--c-sale);color:var(--c-md);box-shadow:inset 3px 0 0 var(--c-md)}
.sc-b.sale span{background:none;padding:0}
.sc-leg i.sale{background:var(--c-sale);box-shadow:inset 3px 0 0 var(--c-md)}
.sc-b.done{opacity:.55}
.sc-more{align-self:center;min-height:22px;font-size:12px;font-weight:500;color:var(--navy)}
.sc-xp{display:none}
.sc-lnk{appearance:none;min-height:44px;padding:0;border:0;background:none;font-size:12.5px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.sc-dp{margin-bottom:28px}
.sc-dp .sc-td-h h2{font-size:19px}
.sc-dp .sc-ag{border-top:0}
.sc-dp .sc-ag-d{grid-template-columns:minmax(0,1fr);padding:4px 0 0;border-bottom:0}
.sc-dp .sc-ag-h{display:none}
.sc-dp .sc-ag-l{}
.sc-none{padding:14px 0;list-style:none}
.sc-ag-h small.hn{color:var(--red);font-weight:500;letter-spacing:0}
.sc-ag-d.sun .sc-ag-h .bod,.sc-ag-d.hol .sc-ag-h .bod{color:var(--red)}
.sc-ag-d.sat .sc-ag-h .bod{color:var(--sat)}
.sc-ag-d.today .sc-ag-h .bod{color:var(--navy)}
.sc-help,.sc-note{color:#6B6B6B}
.sc-td.done>.sc-td-r .sc-td-t,.sc-it.done .sc-it-b b,.sc-wi.done b,.sc-cl li.on span{color:#767676}
.sc-quick input::placeholder{color:#767676}
/* 달 · 주 넘길 때 짧은 슬라이드(0.22초) */
@keyframes scNext{from{transform:translateX(6%);opacity:.25}to{transform:none;opacity:1}}
@keyframes scPrev{from{transform:translateX(-6%);opacity:.25}to{transform:none;opacity:1}}
.sc-grid.sl-next,.sc-week.sl-next,.sc-ag.sl-next{animation:scNext .22s ease-out}
.sc-grid.sl-prev,.sc-week.sl-prev,.sc-ag.sl-prev{animation:scPrev .22s ease-out}
.sc-cal{overflow:clip}
@container mg (max-width:960px){
.sc-xp{display:inline-flex}
.sc-crumb{margin-top:20px}
.sc-h1{font-size:40px!important}
.sc-h1 small{margin-top:6px!important}
.sc-mast{gap:10px;margin-top:10px;padding-bottom:16px}
.sc-where{font-size:12px}
.sc-bar{margin-top:16px}
.sc-mn{font-size:60px}
.sc-quick{margin-top:12px;padding:8px 0}
.sc-main{margin-top:10px}
.sc-xp[hidden]{display:none}
.sc-day{min-height:max(64px,calc(36px + var(--rows,0) * 5px + 14px));padding:4px 1px;text-align:center}
.sc-dn{margin:0 auto;font-size:15px;width:28px;min-width:28px}
.sc-week .sc-day{min-height:max(64px,calc(36px + var(--rows,0) * 5px + 14px))}
.sc-expand .sc-week .sc-day{min-height:max(96px,calc(36px + var(--rows,0) * 17px + 16px))}
.sc-hn{position:absolute;left:1px;right:1px;bottom:3px;display:block;max-width:none;margin:0;font-size:9.5px;line-height:1.2;text-align:center}
.sc-day.hol .sc-dots{display:none}
.sc-hn.two{white-space:normal;line-height:1.15}
.sc-wk:has(.sc-hn.two) .sc-day{min-height:max(78px,calc(36px + var(--rows,0) * 5px + 30px))}
.sc-dayl .sc-ag-d{grid-template-columns:minmax(0,1fr);gap:6px}
.sc-dots{top:4px;bottom:auto;left:auto;right:3px;justify-content:flex-end}
.sc-dots i{width:4px;height:4px}
.sc-more{display:none}
.sc-expand .sc-day{min-height:max(96px,calc(36px + var(--rows,0) * 17px + 16px))}
.sc-expand .sc-bars{grid-auto-rows:15px;row-gap:2px}
.sc-expand .sc-b{font-size:10px;padding:0 3px;border-radius:0}
.sc-expand .sc-b span{display:block}
.sc-expand .sc-b .sc-ltag{display:inline-block}
.sc-expand .sc-more{display:block;margin:0;padding:0 2px;font-size:10px;text-align:center}
.sc-dp-d .sc-ag-h{flex-direction:row;align-items:baseline;gap:8px}
.sc-dayl .sc-ag{border-top:1px solid #111111}
}
.sc-mtabs{display:none}
@container mg (max-width:960px){
.sc-mtabs{position:fixed;left:0;right:0;bottom:0;z-index:150;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));height:64px;padding-bottom:env(safe-area-inset-bottom);background:#FFFFFF;border-top:1px solid #111111}
.sc-mtabs a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:#6E6E6E;font-size:11px;letter-spacing:.04em}
.sc-mtabs a:hover{text-decoration:none}
.sc-mtabs a.on{color:var(--navy);font-weight:500}
body:has([data-scheduler]) .dock{display:none}
}
@media (prefers-reduced-motion:reduce){.sc-grid,.sc-week,.sc-ag{animation:none!important}}
@media (prefers-reduced-motion:reduce){.sc *{transition:none!important}}
html:has([data-scheduler]){scroll-padding-bottom:96px}
@container mg (min-width:600px) and (max-width:960px){.sc-expand .sc-bars{grid-auto-rows:19px}.sc-expand .sc-b{font-size:12px;padding:0 5px}.sc-expand .sc-day{min-height:max(110px,calc(36px + var(--rows,0) * 21px + 18px))}.sc-hn{font-size:11px}.sc-dn{font-size:17px;width:32px;min-width:32px;height:32px}}
/* 저장 묶음 하위 칸(마이페이지 저장함 안 '일정') — 마이페이지 .mp-sub 와 같은 모양, 2026-10-26 */
.sc-sub{display:flex;gap:28px;margin:0 0 14px;border-bottom:1px solid var(--line,#E5E5E5)}
.sc-sub a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;height:48px;margin-bottom:-1px;border-bottom:2px solid transparent;font-size:14.5px;color:#5E5E5E;white-space:nowrap}
.sc-sub a:hover{text-decoration:none;color:#111111}
.sc-sub a.on{border-bottom-color:var(--navy,#1B2438);color:#111111;font-weight:500}
@container mg (max-width:960px){.sc-sub{gap:14px}.sc-sub a{font-size:13.5px}}

/* ===== 2026-10-26 구글 캘린더 수준 개편 · 아트 디렉터 ===== */
/* 머리(월·오늘·보기)와 요일 줄 sticky — 스크롤하면 큰 월 숫자는 작아지고 줄은 머리 아래에 붙는다 */
.sc-sent{height:0}
.sc-bar{position:sticky;top:var(--hd-h,0px);z-index:70;margin-top:20px;padding:14px 0 12px;background:#FFFFFF;border-bottom:1px solid var(--line);align-items:center;transition:padding .18s ease}
.sc-bar .sc-mn{transition:font-size .18s ease}
.sc-bar.stuck{padding:8px 0;border-bottom:1px solid #111111}
.sc-bar.stuck .sc-mn{font-size:40px;line-height:.9}
.sc-bar.stuck .sc-my{padding-bottom:0;gap:2px}.sc-bar.stuck .sc-my i{font-size:16px}.sc-bar.stuck .sc-my span{font-size:11px}
.sc-bar .sc-nav,.sc-bar .sc-tools{padding-bottom:0}
.sc-dow{position:sticky;top:calc(var(--hd-h,0px) + var(--sc-bar-h,96px));z-index:60;background:#FFFFFF;padding-top:10px}
.sc-mbtn{appearance:none;display:flex;align-items:flex-end;gap:16px;min-width:0;padding:0;border:0;background:none;text-align:left;cursor:pointer;color:inherit}
.sc-mbtn:hover .sc-my i{text-decoration:underline;text-underline-offset:4px}
.sc-mbtn:focus-visible{outline:2px solid var(--navy);outline-offset:4px}
.sc-caret{flex:none;align-self:flex-end;margin:0 0 10px;color:var(--mute)}
.sc-bar.stuck .sc-caret{margin-bottom:6px}
.sc-tools .chip.sc-lay{border-color:var(--navy)}
.sc-tools .chip.sc-lay.on{background:#E9ECF2;color:var(--navy);box-shadow:inset 3px 0 0 var(--navy)}
.sc-tools .chip[hidden]{display:none}

/* 연월 점프 · 날짜 입력 */
.sc-pick{position:absolute;top:calc(100% + 6px);left:0;z-index:90;width:380px;max-width:100%;padding:18px;background:#FFFFFF;border:1px solid #111111;box-shadow:0 12px 32px rgba(17,17,17,.14)}
.sc-pick[hidden]{display:none}
.sc-pk-y{display:flex;align-items:center;justify-content:space-between;gap:10px}
.sc-pk-yl{display:flex;align-items:baseline;gap:6px;font-size:14px;color:var(--mute)}
.sc-pk-yl input{width:104px;height:44px;border:0;border-bottom:1px solid #111111;border-radius:0;background:transparent;font-size:30px;text-align:center;outline:none;-moz-appearance:textfield}
.sc-pk-yl input:focus{border-bottom:2px solid var(--navy)}
.sc-pk-yl input::-webkit-outer-spin-button,.sc-pk-yl input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.sc-pk-m{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:14px}
.sc-pk-m button{appearance:none;display:flex;align-items:center;justify-content:center;gap:2px;height:44px;border:1px solid #E1E1E1;background:#FFFFFF;cursor:pointer;color:#111111}
.sc-pk-m button b{font-size:20px;font-weight:400}.sc-pk-m button small{font-size:11.5px;color:var(--mute)}
.sc-pk-m button:hover{border-color:#111111}
.sc-pk-m button.now{box-shadow:inset 0 -2px 0 var(--navy)}
.sc-pk-m button.on{background:var(--navy);border-color:var(--navy);color:#FFFFFF}.sc-pk-m button.on small{color:#D6DBE6}
.sc-pk-d{margin-top:16px;padding-top:14px;border-top:1px solid var(--line)}
.sc-pk-d label,.sc-pk-f label{display:block;font-size:11px;letter-spacing:.16em;color:var(--mute);margin-bottom:6px}
.sc-pk-d div{display:flex;gap:8px}
.sc-pk-d input{flex:1;min-width:0;height:44px;padding:0 10px;border:1px solid #D2D2D2;border-radius:0;font-family:'Noto Sans KR',sans-serif;font-size:15px;outline:none}
.sc-pk-d input:focus{border-color:var(--navy)}
.sc-pk-d .sc-err{min-height:18px;margin-top:6px;font-size:12.5px;color:var(--red)}
.sc-pk-f{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;margin-top:8px}
.sc-pk-f label{margin:0}
.sc-pk-f input{display:block;margin-top:6px;height:44px;padding:0 8px;border:1px solid #D2D2D2;border-radius:0;font-family:inherit;font-size:14px}

/* 단축키 줄 */
.sc-keys{display:flex;flex-wrap:wrap;gap:6px 18px;margin-top:10px;font-size:12px;line-height:1.6;color:var(--mute)}
.sc-keys kbd{display:inline-block;min-width:18px;margin-right:3px;padding:0 4px;border:1px solid #D2D2D2;font:10.5px/16px 'Noto Sans KR',sans-serif;text-align:center;color:var(--mute)}

/* 시즌 MD 레이어(읽기 전용 · 연한 네이비) */
.sc-b.lay{background:#FFFFFF;color:#6B7285;box-shadow:none;border:1px dashed #B8BECC}
.sc-wi.lay,.sc-it-b.lay{border-left-color:var(--navy);border-left-style:dashed}
.sc-wi.lay b,.sc-it-b.lay b{color:var(--navy)}

/* 일정 입력: 종일 */
.sc-allday{display:inline-flex!important;align-items:center;gap:6px;margin:0!important;font-size:14px!important;letter-spacing:0!important;color:#111111!important}
.sc-ed input:disabled{background:#F4F4F2;color:#9A9A9A}

@container mg (max-width:960px){
.sc-bar{margin-top:10px;padding:8px 0 8px}
.sc-bar.stuck .sc-tools{display:none}
.sc-bar.stuck .sc-mn{font-size:34px}
.sc-mbtn{gap:10px}
.sc-caret{margin-bottom:8px}
.sc-pick{position:absolute;left:0;right:0;width:auto;padding:14px}
.sc-keys{display:none}
.sc-tools .chip{padding:0 6px;font-size:13.5px}
}

/* ===== 2026-10-27 고도화: 분류 색 · 시간표 · 날짜 끌기 · 빠른 추가 상자 · 알림 · 요약 · 고급 옵션 · 도움말 · 인쇄 ===== */
.sc .tg-work{--tc:#3F5677}.sc .tg-client{--tc:#7A5C7E}.sc .tg-sample{--tc:#52745A}.sc .tg-event{--tc:#9A6B3A}.sc .tg-personal{--tc:#6B6B6B}
.sc-b[class*=" tg-"]:not(.todo):not(.lay):not(.sale){background:var(--tc)}
.sc-wi[class*=" tg-"],.sc-it-b[class*=" tg-"],.sc-up button[class*=" tg-"]{border-left-color:var(--tc)}
.sc-b.doing::before{content:'';position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(255,255,255,.75)}
.sc-b .sc-hl{position:absolute;top:0;bottom:0;left:0;width:10px;cursor:ew-resize}
.sc-b .sc-hl::after{content:'';position:absolute;top:7px;bottom:7px;left:3px;width:1px;background:rgba(255,255,255,.7);opacity:0}
.sc-b:hover .sc-hl::after,.sc-b:focus-visible .sc-hl::after{opacity:1}
.sc-b.lay[data-lk="fund"],.sc-b.lay[data-lk="scrap"]{background:#FFFFFF;color:#7A6A55;box-shadow:none;border:1px dashed #CDBFA8}
.sc-it-b.lay[data-lk="fund"],.sc-it-b.lay[data-lk="scrap"],.sc-wi.lay[data-lk="fund"],.sc-wi.lay[data-lk="scrap"]{border-left-color:#9A6B3A}
.sc-it-b.lay[data-lk="fund"] b,.sc-it-b.lay[data-lk="scrap"] b{color:#5A4630}

/* 칩(분류 · 알림 · 요일 · 진행 상태) */
.chip.tgc{height:40px;padding:0 14px;gap:0}
.chip.tgc i{display:inline-block;width:10px;height:10px;margin-right:8px;background:var(--tc);flex:none}
.chip.tgc[aria-pressed="true"]{background:#FFFFFF;color:#111111;font-weight:500;border-color:var(--tc);box-shadow:inset 0 0 0 1px var(--tc)}
.chip.tgc[aria-pressed="false"]{color:#6B6B6B}
.sc-ed .chip[aria-pressed="true"]:not(.tgc),.sc-ed .chip.on{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.sc-ed .chip:disabled{opacity:.4;cursor:default}
.sc-ed .chip-list{display:flex;flex-wrap:wrap;gap:6px}
.sc-f small{letter-spacing:0;font-weight:300;color:var(--mute)}

/* 날짜 끌어 고르기 */
.sc-day{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.sc-day.rsel{background:#E4E8F0;box-shadow:inset 0 0 0 1px var(--navy)}
.sc-rs-tip{position:fixed;z-index:10001;padding:4px 10px;background:#111111;color:#FFFFFF;font-size:12px;line-height:1.5;white-space:nowrap;pointer-events:none}

/* 시간표(주·일) */
.sc-tgw{padding-left:52px}
.sc-wcols.sc-tgbox{display:block;border-bottom:0;margin-top:0}
.sc-tg-help{margin:12px 0 8px!important;font-size:11.5px;line-height:1.7;color:var(--mute)}
.sc-tg-s{height:auto;overflow:visible;border-top:1px solid #111111;border-bottom:1px solid var(--line);background:#FFFFFF}
.sc-tg{display:grid;position:relative;height:calc(24 * 44px + 12px);padding-top:12px;box-sizing:border-box}
.sc-tg-g{position:relative}
.sc-tg-h{position:absolute;left:0;right:0;height:0}
.sc-tg-h span{position:absolute;right:8px;top:-8px;font-size:12px;line-height:1;color:var(--mute)}
.sc-tg-col{position:relative;border-left:1px solid var(--line);background-image:linear-gradient(to bottom,#E3E3E3 1px,transparent 1px),linear-gradient(to bottom,#F4F4F4 1px,transparent 1px);background-size:100% 44px,100% 22px;cursor:cell;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;touch-action:pan-y}
.sc-tg-col.today{background-color:#FAFAF8}
.sc-tg-col.hol{background-color:#FBF6F6}
.sc .sc-tg-e{position:absolute;display:block;padding:3px 6px 3px 8px;overflow:hidden;background:var(--c-own);color:#FFFFFF;font-size:12px;line-height:1.35;border-left:3px solid rgba(0,0,0,.28);cursor:grab;user-select:none;word-break:keep-all}
.sc .sc-tg-e[class*=" tg-"]{background:var(--tc)}
.sc .sc-tg-e.md{background:var(--c-md)}
.sc-tg-e b{display:block;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-tg-e small{display:block;font-size:11px;opacity:.85}
.sc-tg-e.done{opacity:.45;text-decoration:line-through}
.sc-tg-e.doing{box-shadow:inset 0 -3px 0 rgba(255,255,255,.7)}
.sc-tg-e.drag{opacity:.7;z-index:5}
.sc-tg-e:focus-visible{outline:2px solid #111111;outline-offset:1px}
.sc-tg-rs{position:absolute;left:0;right:0;bottom:0;height:9px;cursor:ns-resize}
.sc-tg-rs::after{content:'';position:absolute;left:calc(50% - 8px);bottom:2px;width:16px;height:2px;background:rgba(255,255,255,.75)}
.sc-tg-sel{position:absolute;left:2px;right:2px;z-index:3;background:rgba(27,36,56,.15);border:1px solid var(--navy);pointer-events:none}
.sc-tg-sel span{position:absolute;top:2px;left:6px;font-size:11.5px;font-weight:500;color:var(--navy)}
.sc-tg-now{position:absolute;left:0;right:0;height:0;border-top:2px solid #A63A3A;z-index:2;pointer-events:none}

/* 빠른 추가 상자 */
.sc-rq{position:fixed;z-index:10001;width:330px;padding:16px 16px 12px;background:#FFFFFF;border:1px solid #111111;box-shadow:0 10px 28px rgba(17,17,17,.16);font-family:'Noto Sans KR',sans-serif;word-break:keep-all}
.sc-rq[hidden]{display:none}
.sc-rq-w{font-size:13px;line-height:1.6;color:var(--navy)}
.sc-rq-w .bod{font-size:15px}
.sc-rq input{width:100%;height:46px;margin-top:6px;padding:0 2px;border:0;border-bottom:1px solid #111111;border-radius:0;background:transparent;font-family:'Noto Serif KR',serif;font-size:17px;outline:none}
.sc-rq input:focus{border-bottom:2px solid var(--navy)}
.sc-rq-g{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 4px}
.sc-rq-g .chip{height:36px;padding:0 10px;font-size:12.5px}
.sc-rq-a{display:flex;align-items:center;gap:8px;margin-top:10px}
.sc-rq-a .sc-add{flex:1 1 auto}
.sc-rq-a .sc-lnk{margin-left:auto}
.sc-rq.sheet{left:0!important;right:0;top:auto!important;bottom:calc(64px + env(safe-area-inset-bottom));width:auto;border-width:1px 0 0}

/* 지금 알림 · 오늘 요약 · 보기 옵션 */
.sc-al{display:flex;align-items:flex-start;gap:14px;margin-top:14px;padding:12px 14px;background:#F7F8FA;border-left:3px solid var(--navy);font-size:13.5px;line-height:1.6}
.sc-al[hidden]{display:none}
.sc-al>b{flex:none;font-weight:500;color:var(--navy)}
.sc-al ul{flex:1;min-width:0;list-style:none;padding:0}
.sc-al li button{appearance:none;display:block;width:100%;padding:3px 0;border:0;background:none;text-align:left;font-size:13.5px;line-height:1.6;cursor:pointer}
.sc-al li .bod{margin-right:6px;font-size:15px;color:var(--navy)}
.sc-al li small{margin-left:8px;font-size:12px;color:var(--mute)}
.sc-al .sc-tb{height:40px;flex:none}
.sc-sum{margin:0!important}
.sc-sum button{appearance:none;display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:48px;padding:0;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;font-size:14px;line-height:1.6;color:#111111;cursor:pointer}
.sc-sum .bod{font-size:16px;color:var(--navy)}
.sc-sum .bod.late{color:var(--red)}
.sc-opt{border-bottom:1px solid var(--line)}
.sc-opt>summary,.sc-adv>summary{list-style:none}
.sc-opt>summary::-webkit-details-marker,.sc-adv>summary::-webkit-details-marker{display:none}
.sc-opt>summary{display:flex;align-items:center;gap:8px;min-height:44px;font-size:12.5px;color:var(--mute);cursor:pointer}
.sc-opt>summary::after,.sc-adv>summary::after{content:'+';margin-left:auto;font-size:16px;color:var(--mute)}
.sc-opt[open]>summary::after,.sc-adv[open]>summary::after{content:'–'}
.sc-opt-b{display:grid;gap:14px;padding:6px 0 18px}
.sc-opt-r{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center}
.sc-opt-k{font-size:10.5px;letter-spacing:.22em;font-weight:500;color:var(--mute)}
.sc-opt-a,.sc-tagf{display:flex;flex-wrap:wrap;gap:8px}
.sc-imp{display:inline-flex;align-items:center;cursor:pointer}

/* 다가오는 일정 */
.sc-upw{margin-top:28px}
.sc-up{list-style:none;padding:0}
.sc-up button{appearance:none;display:grid;grid-template-columns:52px minmax(0,1fr);column-gap:10px;row-gap:1px;width:100%;padding:10px 0 10px 10px;border:0;border-left:2px solid var(--c-own);border-bottom:1px solid #F1F1F1;background:none;text-align:left;cursor:pointer}
.sc-up .bod{grid-row:1 / span 2;align-self:center;font-size:18px;color:var(--navy)}
.sc-up b{font-size:14px;font-weight:500;line-height:1.5}
.sc-up small{font-size:11.5px;color:var(--mute)}
.sc-td-h2{margin-top:30px}
.sc-paste{display:block;margin-top:8px}

/* 일정 상자: 접힌 고급 옵션 */
.sc-adv{margin-top:22px;border-top:1px solid var(--line)}
.sc-adv>summary{display:flex;align-items:center;gap:10px;min-height:48px;font-size:13.5px;font-weight:500;cursor:pointer}
.sc-adv>summary small{font-size:12px;font-weight:300;color:var(--mute)}
.sc-bd{display:flex;gap:6px}
.sc-bd .chip{min-width:40px;padding:0}
.sc-bd[hidden]{display:none}

/* 단축키 도움말 */
.sc-help-t{width:100%;border-collapse:collapse}
.sc-help-t th{width:44%;padding:11px 8px 11px 0;text-align:left;font-weight:400;vertical-align:top}
.sc-help-t td{padding:11px 0;font-size:14px;line-height:1.6}
.sc-help-t tr{border-bottom:1px solid #F1F1F1}
.sc-help-t kbd{display:inline-block;min-width:22px;margin:0 3px 3px 0;padding:0 6px;border:1px solid #D2D2D2;font:12px/20px 'Noto Sans KR',sans-serif;text-align:center;color:#333333}
.sc-help-l{margin:20px 0 0;padding-left:18px;font-size:13px;line-height:1.85;color:#444444}

@container mg (max-width:960px){
.sc-opt-r{grid-template-columns:minmax(0,1fr);gap:8px}
.sc-al{flex-wrap:wrap}
.sc-b .sc-hl{display:none}
.sc-tg-s{height:auto}
.sc-sum button{font-size:13.5px}
}

/* 인쇄: 달력과 일정 목록만 */
@media print{
header,.mstrip,.acct-bar,.dock,.totop,.ft,footer,.sc-quick,.sc-tools,.sc-nav,.sc-opt,.sc-keys,.sc-toast,.sc-sub,.sc-mtabs,.sc-al,.sc-where,.sc-crumb,.sc-tabs,.sc-td-add,.sc-leg,.sc-exp,.sc-help,.sc-hk,.sc-sent,.sc-rq,.sc-tg-help,#rv{display:none!important}
.sc-main{display:block!important}
.sc-bar{position:static!important;margin-top:0}
.sc-h1{font-size:34px!important}
.sc-mast{margin-top:0;padding-bottom:10px}
.sc-day{min-height:96px}
.sc-b,.sc-tg-e{-webkit-print-color-adjust:exact;print-color-adjust:exact}
.sc-side{position:static;margin-top:24px}
.sc-tg-s{height:auto;overflow:visible}
}


/* ===== 편의 고도화 (대표 지시 2026-10-27 밤 · '진짜 편리하게') =====
   첫 화면 압축 · 왼쪽 미니 달력+내 캘린더 · 일정 팝오버 · 반복 범위 창 · 템플릿 칩 · 인식 결과 칩 · 마감 임박 · 완료율 · 휴대폰 아래 빠른 추가 시트 */
.sc .tg-work{--tc:var(--c-work,#3F5677)}.sc .tg-client{--tc:var(--c-client,#7A5C7E)}.sc .tg-sample{--tc:var(--c-sample,#52745A)}.sc .tg-event{--tc:var(--c-event,#9A6B3A)}.sc .tg-personal{--tc:var(--c-personal,#6B6B6B)}
.sc-crumb{display:none}
h1.sc-h1{font-size:52px}
.sc-mast{padding-bottom:14px;margin-top:8px}
.sc-bar{margin-top:16px}
.sc-mn{font-size:76px}
.sc-quick{margin-top:12px;padding:8px 0;row-gap:4px}
.sc-parse:empty{display:none}
.sc-tpl{margin-bottom:2px}
.sc-al ul{display:flex;flex-wrap:wrap;gap:2px 22px}
.sc-keys{display:none}
.sc-main{grid-template-columns:200px minmax(0,1fr) 320px;gap:32px;margin-top:20px}
.sc-rail{min-width:0;font-size:13px}
.sc-mini-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.sc-mini-h b{font-size:15px;font-weight:500}
.sc-ib.sm{width:32px;height:32px}
.sc-mini-g{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:2px 0;text-align:center}
.sc-mini-g .w{padding:4px 0;font-size:10.5px;color:var(--mute)}
.sc-mini-g .w.sun,.sc-mini-g .d.sun,.sc-mini-g .d.hol{color:var(--red)}
.sc-mini-g .w.sat,.sc-mini-g .d.sat{color:#3F5677}
.sc-mini-g .d{appearance:none;position:relative;height:28px;border:0;background:none;font-family:'Bodoni Moda',serif;font-size:13px;cursor:pointer;color:#111}
.sc-mini-g .d.out{opacity:.38}
.sc-mini-g .d.has::after{content:'';position:absolute;left:50%;bottom:2px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--navy)}
.sc-mini-g .d.today{box-shadow:inset 0 0 0 1px #111;border-radius:50%}
.sc-mini-g .d.sel{background:#111;color:#fff;border-radius:50%}
.sc-mini-g .d:focus-visible{outline:2px solid var(--navy);outline-offset:1px}
.sc-rail-k{margin:20px 0 6px!important;padding-top:12px;border-top:1px solid #111;font-size:10.5px;letter-spacing:.22em;font-weight:500;color:var(--mute)}
.sc-ly{list-style:none;margin:0;padding:0}
.sc-ly li{display:flex;align-items:center;justify-content:space-between;gap:6px;min-height:34px}
.sc-ly-l{display:flex;align-items:center;gap:8px;flex:1;min-width:0;cursor:pointer;font-size:13px}
.sc-ly-l small{margin-left:auto;font-size:11px;color:var(--mute)}
.sc-lc{appearance:none;-webkit-appearance:none;width:18px;height:18px;padding:0;border:1px solid #D2D2D2;background:none;cursor:pointer}
.sc-lc::-webkit-color-swatch-wrapper{padding:0}.sc-lc::-webkit-color-swatch{border:0}.sc-lc::-moz-color-swatch{border:0}
.sc-tpl{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
.sc-tp{height:34px;padding:0 12px;font-size:12.5px}
.sc-tp.on{background:var(--navy);color:#fff;border-color:var(--navy)}
.sc-qmore{display:none}
.sc-pc{display:inline-block;margin:0 6px 4px 0;padding:2px 10px;border:1px solid #D2D2D2;font-size:12.5px;line-height:1.7;color:#111;background:#FAFAF8}
.sc-pc.k{background:var(--navy);border-color:var(--navy);color:#fff}
.sc-pc.k b{font-weight:500}
.sc-parse{display:flex;flex-wrap:wrap;align-items:center}
.sc-dd{display:inline-block;margin-left:6px;padding:0 6px;font-style:normal;font-size:11px;line-height:18px;border:1px solid #C9A227;color:#7A5B00;font-family:'Noto Sans KR',sans-serif;white-space:nowrap}
.sc-dd.hot{border-color:var(--red);color:var(--red);background:#FBF3F3;font-weight:500}
.sc-prog{display:inline-block;width:64px;height:4px;margin:0 2px;background:#E6E6E6;vertical-align:middle}
.sc-prog i{display:block;height:100%;background:var(--navy)}
.sc-sum button{flex-wrap:wrap}
.sc-past{appearance:none;display:block;width:100%;min-height:44px;margin:8px 0;border:1px dashed #BDBDBD;background:none;font-size:13px;color:var(--mute);cursor:pointer}
.sc-qf{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:12px}
.sc-qf label{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--mute)}
.sc-qf select{height:40px;padding:0 10px;border:1px solid #D2D2D2;background:#fff;font:inherit;color:#111}
.sc-set-g{display:inline-flex;gap:6px}
.sc-opt-a .chip{height:40px}
.sc-tz{align-self:center}
.sc-ed-c{display:block;width:100%;height:44px;margin:0;padding:0 2px;border:0;border-bottom:1px solid var(--line);font:inherit;font-size:14.5px;outline:none;background:transparent}
.sc-ed-c:focus{border-bottom:1px solid #111}
/* 일정 팝오버 */
.sc-pop{position:fixed;z-index:9990;width:340px;max-height:calc(100vh - 16px);overflow:auto;padding:14px 16px 12px;background:#fff;border:1px solid #111;box-shadow:0 14px 40px rgba(17,17,17,.18);font-family:'Noto Sans KR',sans-serif;word-break:keep-all}
.sc-pop[hidden]{display:none}
.sc-pop-h{display:flex;align-items:flex-start;gap:10px}
.sc-pop-c{flex:none;width:12px;height:12px;margin-top:7px;background:var(--tc,var(--navy))}
.sc-pop-t{flex:1;min-width:0;font-family:'Noto Serif KR',serif;font-size:17px;line-height:1.5;font-weight:500}
.sc-pop-w{margin:2px 0 4px!important;font-size:13px;line-height:1.7;color:#333}
.sc-pop-m{margin:0 0 2px!important;font-size:12.5px;line-height:1.7;color:var(--mute)}
.sc-pop-r{display:flex;align-items:center;gap:12px;min-height:44px;font-size:12px;color:var(--mute)}
.sc-pop-r>span:first-child{width:32px;flex:none}
.sc-pop-d{display:flex;gap:6px}
.sc-dot{appearance:none;width:30px;height:30px;padding:0;border:2px solid transparent;border-radius:50%;background:var(--tc);cursor:pointer;background-clip:content-box;padding:4px}
.sc-dot.on{border-color:var(--tc)}
.sc-pop-a{display:flex;flex-wrap:wrap;gap:6px}
.sc-pop-a .chip{height:34px;padding:0 10px;font-size:12.5px}
.sc-pop-td{padding:8px 0;border-top:1px solid var(--line)}
.sc-pop-k{margin:0 0 4px!important;font-size:12px;color:var(--mute)}
.sc-pop-i{display:flex;align-items:center;gap:8px;min-height:36px;font-size:13.5px}
.sc-pop-i.done span{text-decoration:line-through;color:var(--mute)}
.sc-pop-f input{width:100%;height:40px;border:0;border-bottom:1px solid #D2D2D2;font:inherit;font-size:13.5px;outline:none;background:transparent}
.sc-pop-f input:focus{border-bottom-color:#111}
.sc-pop-a2{display:flex;flex-wrap:wrap;gap:6px;padding-top:10px;border-top:1px solid #111}
.sc-pop-a2 .sc-tb,.sc-pop-a2 .sc-add{height:40px;padding:0 14px;font-size:13px}
.sc-pop-a2 .sc-del{height:40px;margin-left:auto}
/* 반복 범위 창 */
.sc-scope{z-index:10001}
.sc .sc-scope .sc-sc-p{top:50%;left:50%;right:auto;bottom:auto;width:min(360px,calc(100% - 32px));max-height:none;transform:translate(-50%,-50%);padding:22px 22px 14px;box-shadow:0 0 0 1px #111}
.sc-sc-k{margin-bottom:4px!important;font-family:'Noto Serif KR',serif;font-size:18px;font-weight:500}
.sc-sc-b{display:flex;flex-direction:column;gap:8px;margin-top:14px}
.sc-sc-b .sc-tb{width:100%;height:48px;text-align:left;padding:0 16px}
.sc-sc-b .sc-lnk{align-self:flex-end}
@container mg (max-width:1180px){.sc-main{grid-template-columns:176px minmax(0,1fr) 280px;gap:24px}}
@container mg (max-width:960px){
#sc-root{display:flex;flex-direction:column}
#sc-root>.sc-main{order:1}#sc-root>.sc-sum,#sc-root>.sc-opt{order:2}
.sc-where{display:none}
.sc-al{padding:8px 12px}
.sc-al li button small{display:none}
.sc-main{grid-template-columns:minmax(0,1fr);gap:0;margin-top:10px}
.sc-rail{display:none}
.sc-mast{margin-top:6px;padding-bottom:10px}
h1.stitle.sc-h1{font-size:36px!important}
h1.stitle.sc-h1 small{display:inline!important;margin:0 0 0 8px!important;font-size:13px!important}
.sc-crumb{display:none}
.sc-where{font-size:11.5px;gap:0}.sc-where span+span{display:none}
.sc-bar{margin-top:12px}
.sc-mn{font-size:60px}
.sc-quick{display:none;margin:0}
.sc-quick.open{display:grid;position:fixed;left:0;right:0;bottom:calc(var(--sc-kb,0px) + var(--sc-tabs,64px));z-index:160;padding:12px 16px 14px;background:#fff;border-top:1px solid #111;box-shadow:0 -10px 28px rgba(17,17,17,.12)}
.sc-quick.open .sc-quick-k{display:none}
.sc-quick.open .sc-qmore{display:inline-flex;grid-column:1 / -1;justify-self:end;align-items:center}
.sc-tpl{flex-wrap:nowrap;overflow-x:auto;margin:0 -16px;padding:2px 16px;scrollbar-width:none}
.sc-tpl::-webkit-scrollbar{display:none}
.sc-tp{flex:none;height:40px;padding:0 14px;font-size:13.5px}
.sc-sum{margin-top:8px}
.sc-pop{left:0!important;right:0;top:auto!important;bottom:calc(var(--sc-kb,0px) + var(--sc-tabs,64px));width:100%;max-height:78vh;border-width:1px 0 0}
.sc-pop-a2 .sc-tb,.sc-pop-a2 .sc-add,.sc-pop-a2 .sc-del{flex:1 1 30%;min-height:48px}
.sc .sc-scope .sc-sc-p{top:auto;left:0;bottom:0;width:100%;transform:none;padding-bottom:calc(14px + env(safe-area-inset-bottom))}
.sc-dot{width:40px;height:40px}
.sc-pop-d{gap:4px}
.sc-toast,html .sc-toast{left:16px;right:16px;top:auto;bottom:calc(var(--sc-kb,0px) + var(--sc-tabs,64px) + env(safe-area-inset-bottom,0px) + 12px);max-width:none;transform:none;justify-content:space-between}   /* 휴대폰: 아래 탭 바 바로 위(2026-11-03 · 머리 · 인증 띠를 덮지 않게) */
.sc-tools .chip,.sc-ib{min-height:44px}
}
@media print{.sc-rail,.sc-pop,.sc-scope,.sc-tpl{display:none!important}}

/* 참고 정보(정보 레이어) — 내 일정과 구분: 연한 점선 · 작은 분류 태그 */
.sc-ltag{display:inline-block;flex:none;margin-right:6px;padding:0 5px;border:1px solid currentColor;font-style:normal;font-size:10.5px;line-height:15px;letter-spacing:.06em;font-weight:500;vertical-align:1px;opacity:.85}
.sc-ref{margin-top:28px;padding-top:4px;border-top:1px dashed #C9CED9}
.sc-ref .sc-up button{border-left:2px dashed #C9CED9;color:#5E5E5E}

/* 2026-10-28 스케줄 편의 개선 */
.sc-toast{left:auto;right:calc(var(--rail-w,0px) + 20px);bottom:76px;transform:none;gap:12px;padding:10px 6px 10px 18px}
.sc-toast button{min-height:36px}
.sc-toast-x{appearance:none;border:0;background:none;color:#FFFFFF;font-size:20px;line-height:1;width:36px;cursor:pointer}
@container mg (max-width:960px){.sc-toast{left:50%;right:auto;top:auto;bottom:calc(var(--sc-kb,0px) + var(--sc-tabs,64px) + env(safe-area-inset-bottom,0px) + 12px);transform:translateX(-50%)}}
.sc-tdel{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:0;background:none;color:#8A8A8A;cursor:pointer}
.sc-tdel:hover,.sc-tdel:focus-visible{color:#8A1C14}
.sc-chps{display:flex;flex-wrap:wrap;gap:4px;margin-top:3px}
.sc-chp{font-style:normal;padding:0 7px;border:1px solid #D2D2D2;font-size:11px;line-height:17px;color:#5E5E5E}
.sc-chp.imp{border-color:#B8860B;color:#7A5B00}
.sc-estar{appearance:none;margin-left:6px;padding:0 12px;height:36px;border:1px solid #D2D2D2;background:#FFFFFF;font:inherit;font-size:13px;cursor:pointer}
.sc-estar.on{border-color:#B8860B;color:#7A5B00;background:#FBF6E6}
.sc-route{display:flex;flex-wrap:wrap;gap:6px 14px;margin:8px 0 0;font-size:12.5px;color:#5E5E5E}
.sc-route a{color:#1B2438;text-decoration:underline;text-underline-offset:3px}
.sc-cw{border:1px solid #E1E1E1;padding:6px 10px 10px}
.sc-cl{list-style:none;margin:0;padding:0}
.sc-cl li{display:flex;align-items:center;gap:8px;min-height:44px;border-bottom:1px solid #F1F1F1;background:#FFFFFF}
.sc-cl li.on .sc-cl-t{text-decoration:line-through;color:#8A8A8A}
.sc-cl-g{cursor:grab;color:#767676;letter-spacing:-2px;user-select:none;padding:0 2px}
.sc-cl-t{flex:1;min-width:0;height:40px;border:0;background:transparent;font:inherit;font-size:14.5px;outline:none}
.sc-cl-t:focus{box-shadow:inset 0 -1px 0 #1B2438}
.sc-cl-x{appearance:none;border:0;background:none;width:36px;height:36px;font-size:18px;color:#8A8A8A;cursor:pointer}
.sc-cw-f{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px}
.sc-cwp{font-size:12.5px;color:#5E5E5E}
.sc-lcn{position:absolute;left:8px;bottom:5px;display:inline-flex;align-items:center;gap:3px;font-size:10.5px;line-height:1;color:#6B7285}
.sc-lcn i{width:6px;height:6px;border-radius:50%;border:1px dashed #6B7285}
.sc-refd{margin:6px 0 2px;border-top:1px dashed #C9CED9}
.sc-refd>summary{min-height:44px;display:flex;align-items:center;gap:6px;font-size:13px;color:#6B7285;cursor:pointer;list-style:none}
.sc-refd>summary::-webkit-details-marker{display:none}
.sc-refd[open]>summary span{display:inline-block;transform:rotate(90deg)}
.sc-refd-w{list-style:none;grid-column:1 / -1;display:block}
.sc-tip{margin-top:20px;padding:4px 18px;border:1px solid #E1E1E1;background:#FAFAF8}
.sc-tip[hidden]{display:none}
.sc-tip summary{min-height:44px;display:flex;align-items:center;font-size:14px;font-weight:500;cursor:pointer}
.sc-tip ol{margin:0 0 12px;padding-left:20px;font-size:13.5px;line-height:1.8;color:#333}
.sc-tip li b{font-weight:500;margin-right:6px}
.sc-tip .sc-tb{margin-bottom:12px}
.sc-del2{color:#8A1C14}
@container mg (min-width:961px){body:has(#sc-ed:not([hidden])) .sc-toast{right:auto;left:24px}}

/* 다가오는 일정 끌기(날짜 옮기기 · 기간 늘이기) */
.sc-upi{position:relative;list-style:none}
.sc-upi .sc-up-g{position:absolute;left:-2px;top:0;bottom:0;width:18px;display:flex;align-items:center;justify-content:center;color:#767676;font-size:13px;letter-spacing:-2px;cursor:grab;touch-action:none;user-select:none;z-index:1}
.sc-upi .sc-up-g:hover,.sc-upi .sc-up-g:focus-visible{color:#111}
.sc-upi .sc-up-g:focus-visible,.sc-upi .sc-up-r:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.sc-upi>button{padding-left:22px!important;padding-right:26px!important;cursor:grab}
.sc-upi .sc-up-r{position:absolute;right:0;top:0;bottom:0;width:22px;display:flex;align-items:center;justify-content:center;cursor:ew-resize;touch-action:none;user-select:none;z-index:1}
.sc-upi .sc-up-r i{display:block;width:6px;height:22px;border-right:2px solid #8C8C8C;border-left:2px solid #8C8C8C;box-sizing:border-box;opacity:.55}
.sc-upi .sc-up-r:hover i{opacity:1;border-color:var(--navy)}
.sc-upi[data-up=t] .sc-up-r{display:none}
.sc-upi.ud-src{opacity:.4}
.sc-ghost{position:fixed;left:0;top:0;z-index:9995;max-width:260px;padding:8px 12px;background:#fff;border:1px solid #111;box-shadow:0 10px 28px rgba(17,17,17,.2);pointer-events:none;word-break:keep-all}
.sc-ghost b{display:block;font-size:13px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-ghost small{display:block;margin-top:2px;font-size:11.5px;color:var(--navy)}
html.ud-active,html.ud-active *{cursor:grabbing!important}
.sc-day.ud-can,.sc-wcol.ud-can{background:#F6F7FA}
.sc-day.ud-on,.sc-wcol.ud-on{background:#E6EAF2;box-shadow:inset 0 0 0 2px var(--navy)}
.sc-mini-g .d.ud-can{box-shadow:inset 0 0 0 1px #C3C9D6;border-radius:50%}
.sc-mini-g .d.ud-on{background:var(--navy);color:#fff;border-radius:50%}
@container mg (max-width:960px){.sc-upi .sc-up-g,.sc-upi .sc-up-r{display:none}.sc-upi>button{padding-left:10px!important;padding-right:0!important;cursor:pointer}}   /* 휴대폰: 달력과 목록이 다른 탭이라 끌 곳이 없다 — 날짜 이동은 일정 상세 · 달력 막대 길게 누르기 */
@media print{.sc-up-g,.sc-up-r,.sc-ghost{display:none!important}}

/* ===== 첫 화면 정리 (대표 지시 2026-10-27) — 한 정보는 한 곳에만 · 한 줄 제목 · ⋯ 메뉴 · 오늘/선택일 구분 · 미니 달력 고정 ===== */
.sc-mbtn{align-items:center;gap:10px}
.sc-bar .sc-mn,.sc-bar.stuck .sc-mn{font-family:'Noto Serif KR',serif;font-size:30px;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:#111}
.sc-now{display:inline-flex;align-items:center;height:22px;padding:0 9px;background:var(--navy);color:#fff;font-style:normal;font-size:11.5px;letter-spacing:.04em;white-space:nowrap}
.sc-nav .sc-tb.away{background:var(--navy);border-color:var(--navy);color:#fff}
.sc-nav .sc-tb.away .sc-key{color:#fff;border-color:rgba(255,255,255,.5)}
.sc-where{flex-direction:row;justify-content:flex-end}
.sc-where:empty{display:none}
.sc-loc{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;color:var(--mute)}
.sc-quick:not(:focus-within) .sc-tpl{display:none}
.sc-quick .sc-parse:empty{display:none}
.sc-tools{position:relative}
.sc-tools .sc-opt{border:0;position:relative;margin-left:2px}
.sc-tools .sc-opt>summary{width:44px;height:44px;min-height:44px;justify-content:center;border:1px solid #111;background:#fff;color:#111;padding:0}
.sc-tools .sc-opt>summary::after{content:none}
.sc-tools .sc-opt[open]>summary{background:#111;color:#fff}
.sc-tools .sc-opt-b{position:absolute;right:0;top:calc(100% + 8px);z-index:80;width:min(620px,calc(100vw - 32px));max-height:calc(100vh - var(--hd-h,0px) - 140px);overflow:auto;padding:18px 20px 20px;background:#fff;border:1px solid #111;box-shadow:0 18px 44px rgba(17,17,17,.18)}
.sc-opt-b .sc-leg{display:flex;flex-wrap:wrap;gap:6px 16px;margin:0}
.sc-sum button{min-height:40px;font-size:13px}
.sc-al{margin-top:10px}
.sc-mini-g .d.today{box-shadow:none;border-radius:0;color:var(--navy);font-weight:700}
.sc-mini-g .d.today::before{content:'';position:absolute;left:50%;top:1px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:var(--navy)}
.sc-mini-g .d.sel{background:#111;color:#fff;border-radius:50%}
.sc-mini-g .d.sel.today{color:#fff}.sc-mini-g .d.sel.today::before{background:#fff}
.sc-mini-g .d.mb::after{content:'';position:absolute;left:0;right:0;bottom:1px;height:3px;margin:0;width:auto;border-radius:0;background:var(--mbc,var(--navy))}
.sc-mini-g .d.mb.mbs::after{left:4px;border-radius:2px 0 0 2px}
.sc-mini-g .d.mb.mbe::after{right:4px;border-radius:0 2px 2px 0}
.sc-mini-g .d.mb.mbs.mbe::after{border-radius:2px}
.sc-mini-g .d.sel.mb::after{background:var(--mbc,var(--navy))}
@container mg (min-width:961px){.sc-rail{position:sticky;top:calc(var(--hd-h,128px) + var(--sc-bar-h,64px) + 14px);align-self:start;max-height:calc(100vh - var(--hd-h,128px) - var(--sc-bar-h,64px) - 28px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin}}
@container mg (max-width:960px){.sc-bar .sc-mn,.sc-bar.stuck .sc-mn{font-size:22px}.sc-tools .sc-opt-b{position:fixed;left:16px;right:16px;top:auto;width:auto;max-height:70vh;bottom:calc(var(--sc-tabs,64px) + 8px)}}
@container mg (min-width:961px){
h1.sc-h1{font-size:40px}
.sc-mast{padding-bottom:8px;margin-top:0}
.sc-bar{margin-top:8px;padding:8px 0}
.sc-quick{margin-top:6px;padding:4px 0}
.sc-quick input{height:40px}
.sc-main{margin-top:12px}
}
.sc-opt:not([open]) .sc-opt-b{display:none}
.sc-mbtn .sc-mn{white-space:nowrap}
@container mg (max-width:960px){
.sc-tools .sc-q{width:calc(100% - 54px)!important;flex:none}
.sc-tools .sc-opt>summary{width:44px;height:44px}
h1.stitle.sc-h1{font-size:30px!important}
.sc-mast{margin-top:0;padding-bottom:6px}
.sc-bar .sc-mn,.sc-bar.stuck .sc-mn{font-size:21px}
.sc-bar{margin-top:6px}
.sc-al{margin-top:6px;padding:6px 10px;gap:10px}
.sc-sub{margin-top:0}
}
/* 이어지는 일정 막대: 시작·끝은 둥글게, 주를 넘어 이어지는 쪽은 직선 */
.sc-b{border-radius:4px}
.sc-b.cl{border-top-left-radius:0;border-bottom-left-radius:0}
.sc-b.cr{border-top-right-radius:0;border-bottom-right-radius:0}
/* 할 일 마감 시간 */
.sc-tq{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
.sc-tq input[type=time]{height:44px;min-width:120px;padding:0 10px;border:1px solid #111;background:#fff;font:inherit}
.sc-tq input:disabled{opacity:.4}
.sc-tq .chip{height:40px;padding:0 12px;font-size:13px}
.sc-tg-t{position:absolute;right:2px;z-index:4;display:inline-flex;align-items:center;gap:5px;max-width:78%;height:18px;padding:0 6px 0 4px;border:1px solid #111;background:#fff;color:#111;font:inherit;font-size:11px;line-height:1;white-space:nowrap;cursor:pointer;word-break:keep-all}
.sc-tg-t i{flex:none;width:9px;height:9px;border:1.3px solid #111;background:#fff}
.sc-tg-t span{overflow:hidden;text-overflow:ellipsis}
.sc-tg-t small{flex:none;font-size:10.5px;color:var(--mute)}
.sc-tg-t.done{opacity:.5;text-decoration:line-through}.sc-tg-t.done i{background:#111}
.sc-tg-t.late{border-color:var(--red);color:var(--red)}.sc-tg-t.late i{border-color:var(--red)}
.sc-it.late .sc-it-b small,.sc-td-t small.late{color:var(--red)}
.sr-only{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}

/* ===== 2026-10-28 휴대폰: 머리 + 보기 단추 + 주간 띠를 위에 붙인다(스크롤 · 현재 시각으로 내려가도 접히지 않음) ===== */
.sc-sg{display:none}
@container mg (max-width:960px){
.sc-bar{grid-template-columns:minmax(0,1fr) auto}
.sc-bar.sg-on .sc-sg{display:block;grid-column:1 / -1;margin-top:2px;border-top:1px solid var(--line)}
.sc-bar.stuck .sc-tools{display:flex;flex-wrap:nowrap;gap:6px}
.sc-bar.stuck .sc-tools > :not([data-view]){display:none}
.sc-bar.stuck .sc-tools .chip[data-view]{height:34px;min-height:34px;font-size:13px}
.sc-bar.stuck .sc-now{display:none}
.sc-sg-r{display:flex;align-items:flex-start;gap:4px;padding-top:4px}
.sc-sg-g{flex:1 1 auto;min-width:0}
.sc-sg-g .w{padding:2px 0}
.sc-sg-g .d{height:32px}
.sc-sg .sc-mini-g .d.sel{background:radial-gradient(circle at center,#111 16px,transparent 16.5px);border-radius:0}
.sc-sg-t{appearance:none;flex:none;width:36px;height:56px;margin-right:-6px;border:0;background:none;color:#111;display:flex;align-items:center;justify-content:center;cursor:pointer}
.sc-sg-t:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.sc-sg-m{padding:8px 0 4px;border-top:1px solid var(--line);margin-top:4px;max-height:60vh;overflow:auto}
.sc-sg-m .sc-mini-g .d{height:34px}
}

/* ===== 2026-10-28 단순화 · 부드러운 버튼 (대표 지시: '너무 복잡하다' · '직각이라 딱딱하다') =====
   첫 화면 = 제목줄(월 · 이동 · 보기 · + · ⋯) + 월 달력. 빠른 추가는 + 로 열고, 요약 · 다가오는 일정 · 할 일은 달력 아래 접힌 영역.
   버튼 모양은 magazine.css 의 공통 토큰(--rv-btn-*)만 읽는다 — 변수를 바꾸면 이 화면 전체가 따라온다. */
.sc{--sc-r:var(--rv-btn-r,10px);--sc-r-sm:var(--rv-btn-r-sm,8px);--sc-r-pop:var(--rv-pop-r,14px)}
.sc h1.stitle.sc-h1{font-size:44px}
.sc-mast{padding-bottom:12px}
.sc-quick-k,.sc-keys,.sc-tip{display:none!important}

/* 공통 버튼 */
.sc-tb,.sc-ib,.sc-add,.sc-tools .chip,.sc-opt-a .chip,.sc-dp-t .chip,.sc-rq-g .chip,.sc-pop .chip,.sc-ed .chip,.sc-tpl .chip,.sc-set-g .chip,.sc-tagf .chip,.sc-plus-b{border-radius:var(--sc-r)}
.sc-tb,.sc-ib,.sc-add,.sc .chip,.sc-plus-b,.sc-opt>summary{transition:background var(--rv-btn-ease,.14s ease),border-color var(--rv-btn-ease,.14s ease),color var(--rv-btn-ease,.14s ease),transform var(--rv-btn-ease,.14s ease),box-shadow var(--rv-btn-ease,.14s ease)}
.sc-tb,.sc-ib,.sc .chip{border:1px solid var(--rv-btn-line,#D2D2D2);background:var(--rv-btn-bg,#fff);color:var(--rv-btn-ink,#111)}
.sc-tb:hover,.sc-ib:hover,.sc .chip:hover{border-color:var(--rv-btn-line-hover,#1B2438);background:var(--rv-btn-soft,#F3F4F7)}
.sc .chip.on,.sc .chip[aria-pressed="true"]:not(.tgc):not(.sc-lay){background:var(--rv-btn-navy,#1B2438);border-color:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff)}
.sc-add{background:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff)!important;border-radius:var(--sc-r)}
.sc-add:hover{background:var(--rv-btn-navy-hover,#2A3652)}
.sc-add:disabled{background:var(--rv-btn-disabled,#C9CCD3)}
.sc-tb:active,.sc-ib:active,.sc-add:active,.sc .chip:active,.sc-plus-b:active{transform:var(--rv-btn-press,scale(.97))}
.sc-add:active{background:var(--rv-btn-navy-press,#0F1626)}
.sc-tb:focus-visible,.sc-ib:focus-visible,.sc-add:focus-visible,.sc .chip:focus-visible,.sc-plus-b:focus-visible,.sc-opt>summary:focus-visible{outline:0;box-shadow:var(--rv-btn-focus,0 0 0 2px #fff,0 0 0 4px #1B2438)}
.sc-ib.sm{border-radius:var(--sc-r-sm)}

/* 머리줄 */
.sc-tools{gap:8px;flex-wrap:nowrap}
.sc-tools .chip{height:44px}
.sc .sc-plus-b{appearance:none;flex:none;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;background:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff);border-radius:var(--rv-btn-r-pill,999px);cursor:pointer}
.sc-plus-b:hover{background:var(--rv-btn-navy-hover,#2A3652)}
.sc-plus-b svg{transition:transform .18s ease}
.sc-plus-b.x svg{transform:rotate(45deg)}
.sc-tools .sc-opt>summary{border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px);background:var(--rv-btn-bg,#fff)}
.sc-tools .sc-opt>summary:hover{border-color:var(--rv-btn-line-hover,#1B2438)}
.sc-tools .sc-opt[open]>summary{background:var(--rv-btn-navy,#1B2438);border-color:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff)}
.sc-tools .sc-opt-b{border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--sc-r-pop);box-shadow:0 18px 44px rgba(17,17,17,.14)}
.sc-opt-b .sc-q{display:block;width:100%!important;max-width:360px}
.sc-opt-b .sc-q input{width:100%!important}
.sc-opt-b .sc-rail{min-width:0;font-size:13px}
.sc-opt-b .sc-ly{list-style:none;padding:0;margin:0}
.sc-opt-b .sc-rail-k{margin:14px 0 4px!important;padding-top:10px}
.sc-opt-b .sc-rail>.sc-ly:first-child+.sc-rail-k{margin-top:10px!important}

/* 빠른 추가 = + 를 눌러야 열린다 */
.sc-quick{display:none;grid-template-columns:minmax(0,1fr) auto;gap:10px 12px;margin-top:10px;padding:10px 14px;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--sc-r-pop);background:#FFFFFF}
.sc-quick.open{display:grid}
.sc-quick input{height:44px;font-size:16px}
.sc-parse{grid-column:1 / -1}
.sc-quick .sc-add{height:44px}

/* 달력이 주인공 */
@container mg (min-width:961px){
.sc-bar{margin-top:10px}
.sc-main{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:44px;margin-top:10px;align-items:start}
.sc-tabs{display:none}
.sc-side{margin-top:0;border-top:1px solid #111111}
}
@container mg (min-width:961px) and (max-width:1180px){.sc-main{grid-template-columns:minmax(0,1fr) 260px;gap:28px}}
.sc-sum{border-bottom:0}
.sc-sum button{min-height:46px;font-size:13.5px;color:#333}
.sc-fold{border-bottom:1px solid var(--line)}
.sc-fold>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;list-style:none;cursor:pointer;font-family:'Noto Serif KR',serif;font-size:17px;font-weight:500}
.sc-fold>summary::-webkit-details-marker{display:none}
.sc-fold>summary::after{content:'+';order:3;margin-left:6px;font-family:'Noto Sans KR',sans-serif;font-size:18px;font-weight:300;color:var(--mute)}
.sc-fold[open]>summary::after{content:'–'}
.sc-fold>summary>span:first-child{flex:1}
.sc-fold-n{font-size:15px;color:var(--navy)}
.sc-fold-b{padding:0 0 18px}
.sc-fold-b .sc-td-h2{margin-top:0;border-bottom:0;padding-bottom:6px;justify-content:flex-end}
.sc-fold-b .sc-up{max-width:none}
.sc-upw{margin-top:0}

/* 날짜 팝업(PC 팝오버 · 휴대폰 시트) */
.sc-dpop{position:fixed;inset:0;z-index:9991;pointer-events:none}
.sc-dpop[hidden]{display:none}
.sc-dp-p{position:fixed;pointer-events:auto;width:340px;max-width:calc(100vw - 16px);max-height:calc(100vh - 16px);overflow:auto;padding:14px 16px 14px;background:#FFFFFF;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--sc-r-pop);box-shadow:0 16px 44px rgba(17,17,17,.18);font-family:'Noto Sans KR',sans-serif;word-break:keep-all;color:#111}
.sc-dp-h{display:flex;align-items:center;justify-content:space-between;gap:10px;padding-bottom:10px;border-bottom:1px solid #111}
.sc-dp-d{display:flex;align-items:baseline;gap:10px;min-width:0}
.sc-dp-d .bod{font-size:30px;line-height:1;font-weight:500;color:var(--navy)}
.sc-dp-d .bod.sun,.sc-dp-d .bod.hol{color:var(--red)}
.sc-dp-d span{font-size:13px;color:#333}
.sc-dp-p .sc-ed-x{flex:none;width:40px;height:40px;border-radius:var(--rv-btn-r-pill,999px)}
.sc-dpl{list-style:none;margin:0;padding:0}
.sc-dpi{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:6px;min-height:52px;border-bottom:1px solid #F0F0F0}
.sc-dpi .sc-ck{margin:0 2px}
.sc-dpt{appearance:none;display:grid;gap:1px;min-width:0;padding:8px 8px 8px 10px;border:0;border-left:3px solid var(--c-own);border-radius:0 var(--sc-r-sm) var(--sc-r-sm) 0;background:none;text-align:left;cursor:pointer}
.sc-dpt.todo{border-left-color:var(--c-todo)}
.sc-dpt.sale{border-left-color:var(--c-md)}
.sc-dpt[class*=" tg-"]{border-left-color:var(--tc,var(--c-own))}
.sc-dpt:hover{background:var(--rv-btn-soft,#F3F4F7)}
.sc-dpt b{font-size:14.5px;font-weight:500;line-height:1.45}
.sc-dpt small{font-size:11.5px;color:var(--mute)}
.sc-dpi.done .sc-dpt b{text-decoration:line-through;color:var(--mute)}
.sc-dpi.late .sc-dpt small{color:var(--red)}
.sc-dpx{appearance:none;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:var(--sc-r-sm);background:none;color:var(--mute);cursor:pointer}
.sc-dpx:hover{background:var(--rv-btn-soft,#F3F4F7);color:var(--red)}
.sc-dp-ref{margin:8px 0 0!important;font-size:12px;color:var(--mute)}
.sc-dp-f{margin-top:12px}
.sc-dp-t{display:flex;gap:6px;margin-bottom:8px}
.sc-dp-t .chip{height:36px;padding:0 14px;font-size:13px}
.sc-dp-i{display:flex;gap:8px;align-items:center}
.sc-dp-i input{flex:1;min-width:0;height:44px;padding:0 12px;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-field-r,10px);background:#fff;font-family:inherit;font-size:14.5px;outline:none}
.sc-dp-i input:focus{border-color:var(--navy);box-shadow:0 0 0 1px var(--navy)}
.sc-dp-i .sc-add{flex:none;padding:0 18px}
@container mg (max-width:960px){
.sc-dpop.sheet{pointer-events:auto;background:rgba(17,17,17,.38)}
.sc-dpop.sheet .sc-dp-p{left:0;right:0;top:auto;bottom:0;width:100%;max-width:none;max-height:78vh;padding:14px 16px calc(16px + env(safe-area-inset-bottom));border-width:1px 0 0;border-radius:var(--sc-r-pop) var(--sc-r-pop) 0 0}
.sc-opt-b .sc-q{max-width:none}
.sc-tools .sc-opt>summary{border-radius:var(--rv-btn-r-pill,999px)}
.sc-quick.open{border-radius:var(--sc-r-pop) var(--sc-r-pop) 0 0;border-width:1px 0 0}
.sc-fold>summary{min-height:52px}
.sc-tabs{display:none}
.sc-main[data-tab=cal] .sc-side,.sc-main[data-tab=todo] .sc-cal{display:block}
.sc-side{margin-top:14px;border-top:1px solid #111111}
}

/* 둥근 바탕: 편집창 · 팝오버 · 빠른 추가 · 알림 · 토스트 */
.sc-pop,.sc-rq{border-radius:var(--sc-r-pop);border-color:var(--rv-btn-line,#D2D2D2)}
.sc-ed-p{border-radius:var(--sc-r-pop) 0 0 var(--sc-r-pop)}
.sc-toast{border-radius:var(--sc-r-pop)}
.sc-toast button{border-radius:var(--sc-r-sm)}
.sc-al{border-radius:var(--sc-r)}
.sc-pop-a2 .sc-tb,.sc-pop-a2 .sc-add,.sc-ed-f .sc-tb,.sc-ed-f .sc-add,.sc-rq-a .sc-add,.sc-rq-a .sc-tb{border-radius:var(--sc-r)}
@container mg (max-width:960px){
.sc-ed-p{border-radius:var(--sc-r-pop) var(--sc-r-pop) 0 0}
.sc-pop{border-radius:var(--sc-r-pop) var(--sc-r-pop) 0 0}
.sc-rq.sheet{border-radius:var(--sc-r-pop) var(--sc-r-pop) 0 0}
}
@media print{.sc-dpop{display:none!important}}

/* ⋯ 안 정리: 내 캘린더는 한 줄로 이어 붙인 알약 모양 */
.sc-opt-r{align-items:start}
.sc-opt-b .sc-opt-k{padding-top:14px}
.sc-opt-b .sc-q input{height:44px}
.sc-opt-b .sc-ly{display:flex;flex-wrap:wrap;gap:6px}
.sc-opt-b .sc-ly li{display:inline-flex;justify-content:flex-start;gap:2px;min-height:36px;padding:0 8px 0 0;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px)}
.sc-opt-b .sc-ly-l{flex:none;gap:2px;font-size:12.5px}
.sc-opt-b .sc-ly-l small{display:none}
.sc-opt-b .sc-ly .sc-ck{width:32px;height:32px}
.sc-opt-b .sc-lc{border-radius:50%}
.sc-opt-b .sc-rail-k{border-top:0;padding-top:0;margin:12px 0 4px!important}
.sc-opt-a .sc-xp{width:auto;flex:none}
@container mg (min-width:961px){
.sc-opt-r:has(.sc-xp){display:none}
.sc-tools .sc-opt-b{width:min(540px,calc(100vw - 32px))}
}
.sc-opt-b .sc-ly li{position:relative;padding:0 6px 0 0}
.sc-opt-b .sc-ly-l{position:relative;padding:0 6px 0 14px;min-height:36px}
.sc-opt-b .sc-ly-l .sc-ck{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0}
.sc-opt-b .sc-ly li:has(.sc-ck:checked){background:var(--rv-btn-navy,#1B2438);border-color:var(--rv-btn-navy,#1B2438);color:var(--rv-btn-on,#fff)}
.sc-opt-b .sc-ly li:has(.sc-ck:focus-visible){box-shadow:var(--rv-btn-focus,0 0 0 2px #fff,0 0 0 4px #1B2438)}
.sc-opt-b .sc-lc{border-color:rgba(255,255,255,.7)}
.sc-ed input[type=date],.sc-ed input[type=time],.sc-ed select,.sc-ed input[placeholder^="주소"]{border-radius:var(--rv-field-r,10px)}
.sc-opt-r:has(.sc-lay):not(:has(.sc-lay:not([hidden]))){display:none}
.sc-opt-a .chip.sc-lay[hidden]{display:none}

/* 찾기 줄: ⋯ 의 '찾기' 또는 / 키로 머리줄 아래에 열린다 */
.sc-find{display:flex;align-items:center;gap:12px;margin-top:10px;padding:2px 0;border-bottom:1px solid #111111}
.sc-find[hidden]{display:none}
.sc-find .sc-q{flex:1;display:block}
.sc-find .sc-q input{width:100%;border-bottom:0}
.sc-opt-b .sc-rail{display:block}
.sc-opt-b .sc-opt-a .chip{width:auto;flex:0 0 auto}

/* ===== 2026-10-29 대표 피드백: 왼쪽 미니 달력 · 선명한 분류색 · 직접 만든 시간/날짜 선택기 · 편집창 정리 ===== */
.sc{--c-work:#1F5FE0;--c-client:#DC1E7B;--c-sample:#1DB954;--c-event:#FF8A00;--c-personal:#7B3FF2;--t-work:#FFFFFF;--t-client:#FFFFFF;--t-sample:#111111;--t-event:#111111;--t-personal:#FFFFFF;--c-own:#4B5563}
.sc .tg-work{--tc:var(--c-work);--tt:var(--t-work)}.sc .tg-client{--tc:var(--c-client);--tt:var(--t-client)}.sc .tg-sample{--tc:var(--c-sample);--tt:var(--t-sample)}.sc .tg-event{--tc:var(--c-event);--tt:var(--t-event)}.sc .tg-personal{--tc:var(--c-personal);--tt:var(--t-personal)}
.sc-b[class*=" tg-"]:not(.todo):not(.lay):not(.sale),.sc .sc-tg-e[class*=" tg-"]{background:var(--tc);color:var(--tt,#FFFFFF)}
.sc-b[class*=" tg-"]:not(.todo):not(.lay):not(.sale) *{color:inherit}
.sc-wi[class*=" tg-"],.sc-it-b[class*=" tg-"],.sc-up button[class*=" tg-"],.sc-dpt[class*=" tg-"]{border-left-width:4px}
/* 색맹에도 구분되는 모양 — 원 · 네모 · 삼각 · 마름모 · 육각 · 가로줄(분류 없음) */
.sh{display:inline-block;flex:none;width:11px;height:11px;background:var(--shc,#4B5563)}
.sh-work{--shc:var(--c-work);border-radius:50%}.sh-client{--shc:var(--c-client);border-radius:2px}
.sh-sample{--shc:var(--c-sample);clip-path:polygon(50% 2%,100% 96%,0 96%)}.sh-event{--shc:var(--c-event);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}
.sh-personal{--shc:var(--c-personal);clip-path:polygon(25% 4%,75% 4%,100% 50%,75% 96%,25% 96%,0 50%)}.sh-_{--shc:#4B5563;clip-path:polygon(0 38%,100% 38%,100% 62%,0 62%)}
.chip.tgc .sh{width:11px;height:11px;margin-right:8px;background:var(--tc)}
.chip.tgc[aria-pressed="true"]{background:var(--tc);color:var(--tt,#FFFFFF);border-color:var(--tc);box-shadow:none;font-weight:500}
.chip.tgc[aria-pressed="true"] .sh{background:currentColor}
.sc-pop-c{background:var(--tc,var(--navy))}
/* 왼쪽 고정 영역: 월 미니 달력 + 내 캘린더 (PC) */
.sc-lrail{display:none;min-width:0}
@container mg (min-width:961px){
.sc-main{grid-template-columns:216px minmax(0,1fr) 276px;gap:28px}
.sc-lrail{display:block;position:sticky;top:calc(var(--hd-h,128px) + var(--sc-bar-h,64px) + 14px);align-self:start;max-height:calc(100vh - var(--hd-h,128px) - var(--sc-bar-h,64px) - 28px);overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;padding:2px 2px 8px 0}
.sc-opt-r:has(#sc-rail-m){display:none}
.sc-side{margin-top:0}
}
@container mg (min-width:961px) and (max-width:1180px){.sc-main{grid-template-columns:176px minmax(0,1fr) 280px;gap:16px}}   /* 펼친 레일 옆(본문 1138px)에서도 할 일 제목이 단어 중간에서 끊기지 않게 오른쪽 칸을 넓힘(2026-10-29) */
.sc-lrail .sc-rail{position:static;max-height:none;overflow:visible}
.sc-lrail .sc-mini-h{margin-bottom:8px}
.sc-lrail .sc-mini-h b{font-size:17px;letter-spacing:.02em}
.sc-lrail .sc-mini-g .d{height:30px;font-size:13.5px}
.sc-mini-g .d.has::after{left:calc(50% - 2.5px);bottom:1px;width:5px;height:5px;margin:0;background:var(--dc1,var(--navy));box-shadow:none}
.sc-mini-g .d.has2::after{left:calc(50% - 6px);box-shadow:7px 0 0 var(--dc2,transparent)}
.sc-mini-g .d.has3::after{left:calc(50% - 9.5px);box-shadow:7px 0 0 var(--dc2,transparent),14px 0 0 var(--dc3,transparent)}
.sc-lrail .sc-rail-k{margin:20px 0 8px!important;padding-top:14px;border-top:1px solid #111111;font-size:12px;letter-spacing:.14em;font-weight:500;color:var(--mute)}
.sc-rail-l .sc-ly{display:grid;gap:2px;margin:0;padding:0;list-style:none}
.sc-rail-l .sc-ly li{display:flex;align-items:center;gap:6px;min-height:38px;padding:0}
.sc-rail-l .sc-ly-l{position:relative;display:flex;flex:1;align-items:center;gap:10px;min-width:0;min-height:38px;padding:0 6px;border-radius:var(--sc-r-sm,8px);font-size:13.5px;cursor:pointer}
.sc-rail-l .sc-ly-l:hover{background:var(--rv-btn-soft,#F3F4F7)}
.sc-rail-l .sc-ly-l .sc-ck{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0}
.sc-rail-l .sc-ly-l .sc-ck::before,.sc-rail-l .sc-ly-l .sc-ck::after{display:none}
.sc-rail-l .sc-ly-l .sc-ck:not(:checked)~.sh{opacity:.26}
.sc-rail-l .sc-ly-l .sc-ck:not(:checked)~span{color:#8A8A8A;text-decoration:line-through;text-decoration-color:#C4C4C4}
.sc-rail-l .sc-ly-l .sc-ck:focus-visible~.sh{outline:2px solid var(--navy);outline-offset:3px}
.sc-rail-l .sc-ly-l small{margin-left:auto;font-size:12px;color:var(--mute)}
.sc-rail-l .sc-lc,.sc-opt-b .sc-lc{appearance:none;-webkit-appearance:none;flex:none;width:24px;height:24px;padding:0;border:0;border-radius:50%;background:none;cursor:pointer}
.sc-rail-l .sc-lc::-webkit-color-swatch-wrapper,.sc-opt-b .sc-lc::-webkit-color-swatch-wrapper{padding:0}
.sc-rail-l .sc-lc::-webkit-color-swatch,.sc-opt-b .sc-lc::-webkit-color-swatch{border:2px solid #FFFFFF;border-radius:50%;box-shadow:0 0 0 1px #C9CCD3}
.sc-rail-l .sc-lc::-moz-color-swatch,.sc-opt-b .sc-lc::-moz-color-swatch{border:2px solid #FFFFFF;border-radius:50%}
.sc-opt-b .sc-ly-l .sh{margin-left:2px}
/* 편집창: 입력칸 통일(안쪽 여백 14px) */
.sc-ed{--pad:14px}
.sc-ed-b{padding:22px 24px 30px}
.sc-ed-b input:not([type=checkbox]):not([type=hidden]):not([type=color]),.sc-ed-b select,.sc-ed-b textarea{box-sizing:border-box;display:block;width:100%;min-width:0;height:var(--fh,46px);padding:0 var(--fpr,var(--pad)) 0 var(--pad);border:1px solid #D2D2D2;border-radius:var(--rv-field-r,10px);background:#FFFFFF;font-family:var(--ffam,'Noto Sans KR',sans-serif);font-size:var(--fs,14.5px);font-weight:var(--fw,400);line-height:1.4;color:#111111;outline:none;-webkit-appearance:none;appearance:none}
.sc-ed-b select{padding-right:34px;background:#FFFFFF url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 L6 6.5 L11 1.5' stroke='%23111' stroke-width='1.5' fill='none'/%3E%3C/svg%3E") no-repeat right 14px center}
.sc-ed-b textarea{height:auto;min-height:120px;padding:12px var(--pad);line-height:1.75}
.sc-ed-b input::placeholder,.sc-ed-b textarea::placeholder{color:#8F939C;opacity:1}
.sc-ed-b input:focus,.sc-ed-b select:focus,.sc-ed-b textarea:focus{border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,36,56,.10)}
.sc-ed-b .sc-ed-t{--fh:56px;--ffam:'Noto Serif KR',serif;--fs:21px;--fw:500;margin:0}
.sc-ed-b .sc-ed-c{margin:10px 0 0}
.sc-f{margin-top:20px}
.sc-f label,.sc-f>p:not(.sc-note){margin:0 0 8px;font-size:12.5px;letter-spacing:0;font-weight:500;color:#333333}
.sc-f small{font-size:12px;font-weight:400;color:var(--mute)}
.sc-f-ty{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:18px}
.sc-f-ty .sc-estar{margin:0;height:38px;border-radius:var(--rv-btn-r-pill,999px)}
.sc-f-ty .chip{min-width:64px}
.sc-lk{display:flex;gap:8px}.sc-lk input{flex:1 1 auto}.sc-lk .sc-tb{flex:none;height:46px;border-radius:var(--rv-field-r,10px)}
.sc-lk2{margin-top:8px}
/* 시간 · 날짜 칸 */
.sc-pg{position:relative}
.sc-pf{position:relative}
.sc-pf-i{cursor:pointer;--fpr:44px}
.sc-pf-ic{position:absolute;right:14px;top:50%;display:flex;transform:translateY(-50%);color:#5A6070;pointer-events:none}
.sc-pf-x{appearance:none;position:absolute;right:10px;top:50%;width:26px;height:26px;margin-top:-13px;padding:0;border:0;border-radius:50%;background:var(--rv-btn-soft,#F3F4F7);color:#444444;font-size:16px;line-height:26px;cursor:pointer}
.sc-pf-x[hidden]{display:none}
.sc-pf-x:hover{background:#E3E6EC}
.sc-pf.open .sc-pf-i{border-color:var(--navy);box-shadow:0 0 0 3px rgba(27,36,56,.10)}
.sc-pf:has(.sc-pf-x:not([hidden])) .sc-pf-ic{display:none}
.sc-pf.dis{cursor:not-allowed}.sc-pf.dis .sc-pf-i{pointer-events:none;background:#F4F4F2;color:#8F939C;cursor:not-allowed}
.sc-pf.dis .sc-pf-ic{opacity:.45}
.sc-tr{display:flex;align-items:center;gap:10px}
.sc-tr .sc-pf{flex:1 1 0;min-width:0}
.sc-tr .sc-pf:only-child{flex:0 0 calc(50% - 7px)}
.sc-tr-m{flex:none;color:var(--mute)}
.sc-lh{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:8px}
.sc-lh label{margin:0!important}
.sc-allday{display:inline-flex!important;align-items:center;gap:2px;margin:0!important;padding:0 14px 0 4px;height:34px;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--rv-btn-r-pill,999px);font-size:13px!important;color:#111111!important;cursor:pointer}
.sc-allday .sc-ck{width:30px;height:30px}
.sc-allday .sc-ck::before{left:6px;top:6px;width:18px;height:18px;border-radius:5px}
.sc-allday .sc-ck:checked::after{left:12px;top:9px}
.sc-pp{position:absolute;left:0;top:calc(100% + 6px);z-index:40;box-sizing:border-box;width:332px;max-width:calc(100vw - 32px);padding:14px;background:#FFFFFF;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--sc-r-pop,14px);box-shadow:0 18px 44px rgba(17,17,17,.18)}
.sc-pp[hidden]{display:none}
.sc-pg[data-dr="one"] .sc-pp{left:auto;right:0}
.sc-pp .chip{height:34px;padding:0 12px;font-size:13px}
.sc-ed .sc-pp .chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.sc-pp-q{display:flex;flex-wrap:wrap;gap:6px}
.sc-pp-r{display:flex;align-items:center;justify-content:space-between;gap:10px;margin:14px 0 4px}
.sc-pp-seg{display:inline-flex;padding:3px;border-radius:var(--rv-btn-r-pill,999px);background:var(--rv-btn-soft,#F3F4F7)}
.sc-pp-seg button{appearance:none;height:32px;padding:0 18px;border:0;border-radius:var(--rv-btn-r-pill,999px);background:none;font:500 13px 'Noto Sans KR',sans-serif;color:#333333;cursor:pointer}
.sc-pp-seg button[aria-pressed="true"]{background:var(--navy);color:#FFFFFF}
.sc-pp-now{margin:0;font-size:18px;color:#111111}
.sc-pp-now.e{font-family:'Noto Sans KR',sans-serif;font-size:13px;color:var(--mute)}
.sc-pp-k{margin:10px 0 6px;font-size:12px;color:var(--mute)}
.sc-pp-g{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
.sc-pp-g button{appearance:none;height:38px;padding:0;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:var(--sc-r-sm,8px);background:#FFFFFF;font-family:'Bodoni Moda',serif;font-size:15px;color:#111111;cursor:pointer}
.sc-pp-g button:hover{border-color:var(--navy)}
.sc-pp-g button[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.sc-pp-f{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:14px}
.sc-pp-f .sc-add{height:38px;padding:0 22px;border-radius:var(--sc-r)}
.sc-pp-f .chip:first-child{margin-right:auto}
.sc-pp-tip{margin:0;font-size:12px;color:var(--mute);line-height:1.5}
.sc-pp-f .sc-pp-tip{margin-right:auto}
.sc-pp-h{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}
.sc-pp-h b{font-size:16px;font-weight:500}
.sc-pp-w{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));text-align:center;font-size:11.5px;color:var(--mute)}
.sc-pp-w span{padding:4px 0}.sc-pp-w .sun{color:var(--red)}.sc-pp-w .sat{color:#2E4A7D}
.sc-pp-d{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));touch-action:none;-webkit-user-select:none;user-select:none}
.sc-pp-d .dd{appearance:none;position:relative;height:38px;padding:0;border:0;background:none;font-family:'Bodoni Moda',serif;font-size:14.5px;color:#111111;cursor:pointer}
.sc-pp-d .dd.sun{color:var(--red)}.sc-pp-d .dd.sat{color:#2E4A7D}.sc-pp-d .dd.out{opacity:.35}
.sc-pp-d .dd.today::before{content:'';position:absolute;left:50%;bottom:4px;width:4px;height:4px;margin-left:-2px;border-radius:50%;background:var(--navy)}
.sc-pp-d .dd:hover{background:var(--rv-btn-soft,#F3F4F7);border-radius:var(--sc-r-sm,8px)}
.sc-pp-d .dd.rin{background:#E6EBF7;border-radius:0}
.sc-pp-d .dd.rst,.sc-pp-d .dd.ren{background:var(--navy);color:#FFFFFF;border-radius:var(--sc-r-sm,8px)}
.sc-pp-d .dd.rst:not(.r1){border-radius:var(--sc-r-sm,8px) 0 0 var(--sc-r-sm,8px)}.sc-pp-d .dd.ren:not(.r1){border-radius:0 var(--sc-r-sm,8px) var(--sc-r-sm,8px) 0}
.sc-pp-d .dd.today.rst::before,.sc-pp-d .dd.today.ren::before{background:#FFFFFF}
.sc-pp-d .dd:focus-visible{outline:2px solid var(--navy);outline-offset:-2px}
.sc-pp .sc-ib.sm{width:32px;height:32px;border-radius:50%}
/* 맨 아래 단추 줄: 저장 · 취소(큰 줄) / 복사 · 완료 · 삭제(작은 줄) */
.sc-ed-f{display:grid;gap:10px;padding:14px 24px calc(16px + env(safe-area-inset-bottom))}
.sc-ed-f1{display:grid;grid-template-columns:minmax(0,1fr) 112px;gap:10px}
.sc-ed-f1 .sc-add,.sc-ed-f1 .sc-tb{width:100%;height:48px;flex:none}
.sc-ed-f2{display:flex;align-items:center;gap:8px}
.sc-ed-f2 .sc-tb.sm{height:38px;padding:0 16px;font-size:13px;border-radius:var(--rv-btn-r-pill,999px)}
.sc-ed-f2 .sc-del{margin-left:auto;height:38px;padding:0 16px;border:1px solid #E6CFCF;border-radius:var(--rv-btn-r-pill,999px);font-size:13px}
.sc-ed-f2 .sc-del:hover{background:#FBF1F1}
.sc-adv{margin-top:24px}
.sc-adv>summary{min-height:52px;font-size:14px}
.sc-ref{margin-top:16px!important;border-radius:var(--sc-r-sm,8px)}
.sc-ref .sc-lnk{min-height:0;font-size:12.5px}
/* 검색 · 빠른 입력 · 날짜 입력창도 같은 안쪽 여백 */
.sc-q input{padding-left:30px}
.sc-quick input,.sc-rq input,.sc-find .sc-q input{padding-left:14px}
.sc-find .sc-q svg{display:none}
@container mg (max-width:960px){.sc-ed-b{padding:18px 20px 26px}.sc-ed-f{padding:12px 20px calc(14px + env(safe-area-inset-bottom))}.sc-pg[data-dr="one"] .sc-pp{right:0}}
@media print{.sc-lrail{display:none!important}}
.sc-pp-d + .sc-pp-tip{margin-top:8px}

/* ===== 대표 지시 2026-10-29 · 머리 한 줄 + 더보기(⋯) 목록 정리 =====
   머리: 마이페이지 탭 줄을 작고 옅은 한 줄(32px)로, 큰 영문 제목은 화면에서 감춤(보조기기용 제목은 유지). 달력이 첫 화면 위쪽을 차지한다. */
.sc .sc-head{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:32px;margin:0 0 6px;padding:0}
.sc .sc-head .sc-sub{display:flex;flex:1;min-width:0;gap:18px;margin:0!important;border-bottom:0;font-size:12px;letter-spacing:.02em;overflow-x:auto;scrollbar-width:none}
.sc .sc-head .sc-sub::-webkit-scrollbar{display:none}
.sc .sc-head .sc-sub a{min-width:0;height:40px;margin:0;padding:0 2px;border-bottom:1px solid transparent;font-size:13px;letter-spacing:.02em;color:#6A6A6A;white-space:nowrap}
.sc .sc-head .sc-sub a:hover{color:#111111}
.sc .sc-head .sc-sub a.on{border-bottom-color:var(--navy);color:#111111;font-weight:500}
.sc .sc-head .sc-mast{display:block;flex:none;margin:0;padding:0;border:0}
.sc .sc-head .sc-h1{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0;font-size:15px!important}
.sc .sc-head .sc-where{display:flex;flex-direction:row;align-items:center;justify-content:flex-end;gap:10px;font-size:11.5px;line-height:1.4}
.sc .sc-head .sc-where:empty{display:none}
.sc>.sc-crumb{display:none}
@container mg (max-width:960px){.sc .sc-head{margin-bottom:2px}.sc .sc-head .sc-sub{gap:14px}.sc .sc-head .sc-sub a{font-size:12.5px}}

/* 더보기(⋯): 세로 목록 · 행 44px · 선 아이콘 + 한 줄 이름 · 구분선 3묶음 · 스위치. 범례는 두지 않는다 */
.sc .sc-tools .sc-opt-b{display:block;width:280px;max-width:calc(100vw - 32px);padding:8px 0;border:1px solid var(--rv-btn-line,#D2D2D2);border-radius:14px;box-shadow:0 20px 48px rgba(17,17,17,.14),0 2px 8px rgba(17,17,17,.06)}
.sc .sc-opt-b .sc-mg{display:block;margin:0;padding:0}
.sc .sc-opt-b .sc-mg+.sc-mg,.sc .sc-opt-b .sc-mf{margin-top:6px;padding-top:6px;border-top:1px solid #ECECEC}
.sc .sc-opt-b .sc-mg:not(:has(*:not([hidden]))){display:none}
.sc .sc-opt-b .sc-mi{display:flex;align-items:center;gap:12px;width:100%;height:44px;min-height:44px;margin:0;padding:0 20px;border:0;border-radius:0;background:none;font:inherit;font-size:14px;line-height:1.2;letter-spacing:0;color:#111111;text-align:left;cursor:pointer;word-break:keep-all;white-space:nowrap}
.sc .sc-opt-b .sc-mi[hidden]{display:none}
.sc .sc-opt-b button.sc-mi:hover,.sc .sc-opt-b label.sc-mi:hover,.sc .sc-opt-b summary.sc-mi:hover{background:var(--rv-btn-soft,#F3F4F7)}
.sc .sc-opt-b .sc-mi:focus-visible{outline:0;box-shadow:inset 0 0 0 2px var(--navy)}
.sc .sc-opt-b .sc-mi-i{flex:none;color:#4A5160}
.sc .sc-opt-b .sc-mi-l{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}
.sc .sc-opt-b .sc-mi .sc-key{flex:none;margin-left:auto}
.sc .sc-opt-b .sc-del2{color:#8E2424}.sc .sc-opt-b .sc-del2 .sc-mi-i{color:#8E2424}
.sc .sc-opt-b .sc-mrow{cursor:default}
.sc .sc-opt-b .sc-mrow:hover{background:none}
.sc .sc-opt-b .sc-sw{position:relative;flex:none;width:34px;height:20px;border-radius:999px;background:#D2D4DA;transition:background .14s ease}
.sc .sc-opt-b .sc-sw::after{content:'';position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#FFFFFF;box-shadow:0 1px 2px rgba(17,17,17,.25);transition:transform .14s ease}
.sc .sc-opt-b [aria-pressed="true"] .sc-sw{background:var(--navy)}
.sc .sc-opt-b [aria-pressed="true"] .sc-sw::after{transform:translateX(14px)}
.sc .sc-opt-b .sc-seg{position:relative;flex:none;display:inline-flex;margin:0 -6px 0 0}
.sc .sc-opt-b .sc-seg::before{content:'';position:absolute;left:3px;right:3px;top:9px;bottom:9px;border:1px solid #D2D4DA;border-radius:999px;background:#FFFFFF;pointer-events:none}
.sc .sc-opt-b .sc-seg button{appearance:none;position:relative;width:44px;height:44px;min-width:44px;padding:0;border:solid transparent;border-width:11px 5px;border-radius:999px;background:transparent;background-clip:padding-box;font:inherit;font-size:12.5px;color:#4A5160;cursor:pointer}
.sc .sc-opt-b .sc-seg button.on{background-color:var(--navy);color:#FFFFFF}
.sc .sc-opt-b .sc-seg button:focus-visible{outline:0;box-shadow:0 0 0 2px #FFFFFF,0 0 0 4px var(--navy)}
.sc .sc-opt-b .sc-mset>summary{list-style:none;color:#6B6B6B}
.sc .sc-opt-b .sc-mset>summary::-webkit-details-marker{display:none}
.sc .sc-opt-b .sc-mset>summary .sc-mi-l{font-size:13px;color:#6B6B6B;padding-left:30px}
.sc .sc-opt-b .sc-mi-c{flex:none;color:#8A8A8A;transition:transform .14s ease}
.sc .sc-opt-b .sc-mset[open] .sc-mi-c{transform:rotate(180deg)}
.sc .sc-opt-b .sc-mf{display:flex;justify-content:flex-end;padding:0 20px}
.sc .sc-opt-b .sc-hlink{appearance:none;min-width:44px;height:44px;border:0;background:none;padding:0 2px;font:inherit;font-size:12px;color:#6B6B6B;cursor:pointer;text-decoration:underline;text-underline-offset:3px;text-decoration-color:#C9CCD3}
.sc .sc-opt-b .sc-hlink:hover{color:#111111}
.sc .sc-opt-b .sc-hlink .sc-key{margin-left:4px}
/* 내 캘린더 칩(휴대폰에서만 — PC 는 왼쪽 고정 영역) */
.sc .sc-opt-b .sc-rail-m{display:block;padding:8px 20px 4px}
.sc .sc-opt-b .sc-rail-m::before{content:'내 캘린더';display:block;margin:0 0 6px;font-size:11.5px;letter-spacing:.06em;color:#6B6B6B}
@container mg (min-width:961px){.sc .sc-opt-b .sc-rail-m{display:none}}
/* 휴대폰: 아래에서 올라오는 시트 */
@container mg (max-width:960px){
.sc .sc-tools .sc-opt-b{position:fixed;left:0;right:0;top:auto;bottom:var(--sc-tabs,64px);width:auto;max-width:none;max-height:min(72vh,calc(100vh - var(--sc-tabs,64px) - 90px));overflow:auto;padding:14px 0 10px;border-radius:18px 18px 0 0;border-width:1px 0 0;box-shadow:0 -14px 40px rgba(17,17,17,.16)}
.sc .sc-tools .sc-opt-b::before{content:'';display:block;width:36px;height:4px;margin:-6px auto 8px;border-radius:2px;background:#D2D4DA}
.sc .sc-opt-b .sc-mi{height:44px;min-height:44px;padding:0 24px}
.sc .sc-opt-b .sc-mf,.sc .sc-opt-b .sc-rail-m{padding-left:24px;padding-right:24px}
}
.sc .sc-opt-b .sc-opt-r[hidden]{display:none!important}
/* 미니 달력 날짜 단추: 기본 안쪽 여백(좌우 6px)을 없애 좁은 칸(펼친 레일 옆 184px)에서도 두 자리 숫자가 줄바꿈되지 않게 */
.sc-mini-g .d{padding:0;white-space:nowrap;min-width:0}
/* 로그인 전 안내(2026-11-02 · 액션 카드 20261102_비회원_저장_로그인안내) — 사주 가입 안내와 같은 결: 위아래 검정 헤어라인 · Bodoni 이탤릭 머리 · 네이비 주 단추 */
.sc-gate{max-width:560px;margin:40px 0 72px;padding:40px 0 36px;border-top:1px solid #111111;border-bottom:1px solid #111111;word-break:keep-all}
.sc-gate-k{margin:0;font-family:'Bodoni Moda',serif;font-style:italic;font-size:22px;color:#5E5E5E}
.sc-gate h2{margin:10px 0 0;font-size:30px;font-weight:500;line-height:1.45;letter-spacing:-.01em}
.sc-gate-p{margin:18px 0 0;font-family:'Noto Serif KR',serif;font-size:16px;line-height:1.9;font-weight:300;color:#222222}
.sc-gate-a{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:28px}
.sc-gate-b{display:flex;align-items:center;justify-content:center;height:56px;padding:0 20px;border:1px solid #111111;color:#111111;font-size:15px;font-weight:500;letter-spacing:.06em;text-decoration:none}
.sc-gate-b:hover{background:#111111;color:#FFFFFF;text-decoration:none}
.sc-gate-b.navy{background:var(--navy,#1B2438);border-color:var(--navy,#1B2438);color:#FFFFFF}
.sc-gate-b.navy:hover{background:#111111;border-color:#111111}
@container mg (max-width:700px){.sc-gate{margin:28px 0 104px;padding:30px 0 28px}.sc-gate h2{font-size:24px}.sc-gate-p{font-size:15.5px}}

/* 2026-11-02 시험(터치 44): 휴대폰·분할 화면 스케줄 누르는 자리 44 (보이는 모양은 그대로, 누르는 자리만 ::after 로 44 · 11-02 아트: 삭제 단추도 보이는 36 유지) */
@container mg (max-width:700px){.sc-mbtn{min-height:44px;align-items:center}.sc-grip{position:relative}.sc-grip::after{content:"";position:absolute;top:0;bottom:0;left:-16px;right:-10px}.sc-tdel{position:relative}.sc-tdel::after{content:"";position:absolute;inset:-4px}.sc-td-t{min-height:44px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}}

/* 2026-11-02 아트(할 일 줄 · docs/액션카드/20261102_마이스케줄_할일줄_단추.md): 제목이 칸을 다 쓰고, 단추는 필요할 때만.
   PC 할 일 칸 276 → 340px · 제목 두 줄 말줄임(전체는 title 말풍선 · 누르면 편집 창) · 마우스: 단추 묶음을 줄 끝에 겹쳐 두고 올림·초점 때만 보임(중요 별은 늘)
   터치 · 좁은 칸(460 이하): 단추 묶음을 제목 아래 둘째 줄 오른쪽에 · 누르는 자리 44 유지 · 선(테두리 · 구분선)은 건드리지 않음 */
@container mg (min-width:1181px){.sc-main{grid-template-columns:200px minmax(0,1fr) 340px;gap:28px}}
@container mg (min-width:961px) and (max-width:1180px){.sc-main{grid-template-columns:168px minmax(0,1fr) 300px;gap:16px}}
.sc-tdl{container:sctdl/inline-size}
.sc-td-tt{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-clamp:2;overflow:hidden;text-overflow:ellipsis;word-break:keep-all;overflow-wrap:break-word}
.sc-td-t small{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}
.sc-td-t{align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;min-height:44px}
.sc-td-t>*{max-width:100%}
.sc-tdel{position:relative}.sc-tdel::after{content:"";position:absolute;inset:-4px}
@media (hover:hover) and (pointer:fine){
  .sc-td-r{position:relative;grid-template-columns:18px 44px minmax(0,1fr)}
  .sc-td-t{padding-right:34px}
  .sc-td-a{position:absolute;right:0;top:0;bottom:1px;padding-left:44px;background:linear-gradient(to right,rgba(255,255,255,0),rgba(255,255,255,.92) 26px,#FFFFFF 40px);opacity:0;pointer-events:none;transition:opacity .14s ease}
  .sc-td-a>button{pointer-events:auto}   /* 단추 자리에 마우스가 오면 곧 줄 올림이라 보인다 · 그러데이션 여백만 제목으로 통과 */
  .sc-td-r:hover>.sc-td-a,.sc-td-r:focus-within>.sc-td-a{opacity:1}
  /* 중요 표시는 상태라 늘 보인다: 묶음 대신 별 하나만 남김 */
  .sc-td-r:has(.sc-star.on):not(:hover):not(:focus-within)>.sc-td-a{opacity:1;background:none}
  .sc-td-r:has(.sc-star.on):not(:hover):not(:focus-within)>.sc-td-a>:not(.sc-star){visibility:hidden}
  .sc-td.dragging>.sc-td-r>.sc-td-a{opacity:0}
}
@media (hover:none),(pointer:coarse){
  @container sctdl (max-width:460px){
    .sc-td-r{position:relative;grid-template-columns:18px 44px minmax(0,1fr)}
    /* 단추 묶음은 줄 오른쪽 아래에 겹쳐 둠: 마감 · 칩 줄이 있으면 그 줄 오른쪽(그 줄은 단추 폭만큼 짧게), 없으면 제목 아래 36px 자리 */
    .sc-td-a{position:absolute;right:-6px;bottom:0;height:36px}
    .sc-td-a>button{height:36px;position:relative}
    .sc-td-a>button::after{content:"";position:absolute;inset:-4px 0}
    .sc-td-a>.sc-tdel::after{inset:-4px}
    .sc-td-r:has(>.sc-td-t>small,>.sc-td-t>.sc-chps)>.sc-td-t{padding-bottom:0}
    .sc-td-r:not(:has(>.sc-td-t>small,>.sc-td-t>.sc-chps))>.sc-td-t{padding-bottom:36px}
    .sc-td-t>small:last-child{line-height:36px;margin-top:0}
    .sc-td-t>.sc-chps:last-child{min-height:36px;align-items:center;margin-top:0}
    .sc-td-t>small:last-child,.sc-td-t>.sc-chps:last-child{max-width:calc(100% - 128px)}
  }
}
/* 좁은 화면: 일정 줄의 D-day · 링크 칸을 제목 아래로 내려 제목이 한 글자 폭으로 눌리지 않게(역할별 시험 2026-11-02) */
@container mg (max-width:600px){.sc-it{grid-template-columns:44px minmax(0,1fr)}.sc-it-r{grid-column:2;justify-self:start;padding:0 0 8px 12px}.sc-it-r .sc-dd:first-child{margin-left:0}}
/* (2026-11-03 지움) 떠 있던 둥근 + 단추를 피하려고 할 일 줄 단추 묶음을 68px 안으로 옮기던 규칙: + 단추가 없어졌고, 휴대폰에서 삭제 단추가 제목 위에 겹쳐 제목 가운데를 누르면 삭제가 눌렸다 */
/* 2026-11-03 '+ 일정' 단추 자리(docs/액션카드/20261103_스케줄_추가단추_자리.md): 휴대폰의 떠 있는 둥근 + 단추가 달력 토요일 칸 · 바닥글 뉴스레터 칸을 가려 없앴다.
   휴대폰은 보기 단추 줄 안 네이비 알약 '+ 일정'(44px), PC 는 같은 자리 둥근 + 44px(글자 감춤). 머리줄이 붙은 상태에서도 남는다. */
.sc-plus-l{display:none}
@container mg (max-width:960px){
.sc .sc-tools{gap:6px}
.sc .sc-tools .chip[data-view]{min-width:44px}
.sc .sc-plus-b{display:inline-flex;width:auto;min-width:44px;height:44px;gap:4px;padding:0 14px 0 11px;font-family:'Noto Sans KR',sans-serif;font-size:13.5px;font-weight:500;letter-spacing:.01em;white-space:nowrap;word-break:keep-all}
.sc .sc-plus-b svg{width:16px;height:16px}
.sc .sc-plus-l{display:inline}
.sc-bar.stuck .sc-tools > .sc-plus-b{display:inline-flex;position:relative;height:34px;min-height:34px;font-size:13px}
.sc-bar.stuck .sc-tools > .sc-plus-b::after{content:"";position:absolute;left:0;right:0;top:-5px;bottom:-5px}
.sc-now{display:none}
}
/* 가입 보호 ①(2026-11-03 · docs/액션카드/20261103_미인증_스케줄_막기.md): 인증이 남은 개인회원에게만 — 달력 위 한 줄 안내 + 다시 받기 */
.sc-vg{display:flex;align-items:center;flex-wrap:wrap;gap:4px 20px;margin:18px 0 0;padding:6px 0 6px 14px;border-left:2px solid var(--navy);color:var(--navy);font-family:'Noto Sans KR',sans-serif;font-size:14px;line-height:1.6;word-break:keep-all}
.sc-vg[hidden]{display:none}
.sc-vg-t{flex:0 1 auto;min-width:0}
.sc-vg-b{-webkit-appearance:none;appearance:none;flex:none;min-height:40px;padding:0;border:0;background:none;color:var(--navy);font:500 13px/1 'Noto Sans KR',sans-serif;text-decoration:underline;text-underline-offset:4px;cursor:pointer;white-space:nowrap}
.sc-vg-b:focus-visible{outline:2px solid var(--navy);outline-offset:3px}
@container mg (max-width:720px){.sc-vg{margin-top:12px;font-size:13px;gap:0 16px}.sc-vg-b{min-height:36px}}
.sc-toast.vb{flex-wrap:wrap;width:min(560px,calc(100% - 32px));gap:10px 12px;padding:14px 8px 12px 20px}
.sc-toast.vb>span{flex:1 1 calc(100% - 52px);min-width:0;word-break:keep-all}
.sc-toast.vb [data-vg-send]{order:3}
.sc-toast.vb .sc-toast-x{order:2;align-self:flex-start}

/* 11-04 아트 디렉터 2부: 보기 고르기(월 · 주 · 일 · 목록)도 공용 '상자 → 글자 탭' 원칙(결정로그 11-04) — 테두리 · 채움 없이 회색 글자, 고른 보기는 진한 글자 + 네이비 1px 밑줄. 누르는 칸 44px 그대로 */
.sc .sc-tools .chip[data-view]{flex:none;min-width:0;padding:0 10px;border:0!important;border-radius:0;background:none!important;color:#6A6A6A;font-weight:400;box-shadow:none}
.sc .sc-tools .chip[data-view]:hover{color:#111111}
.sc .sc-tools .chip[data-view].on{color:#111111;font-weight:500;box-shadow:inset 0 -1px 0 #1B2438}
.sc .sc-tools .chip[data-view]+:not([data-view]){margin-left:10px}
@container mg (max-width:960px){.sc .sc-tools{gap:0 14px}.sc .sc-tools .chip[data-view]{padding:0 4px;font-size:15px}}
/* 날짜 칸 날씨(2026-11-05 · 액션 카드 docs/액션카드/20261105_날씨_라이프_스케줄.md): 오늘부터 10일 안, 가는 선 아이콘 + 최고/최저. 일정 옆 '비 예보' */
.sc-wx{position:absolute;bottom:8px;right:8px;display:inline-flex;align-items:center;gap:3px;font-size:12px;line-height:1;color:#4A4A4A;white-space:nowrap;pointer-events:none}
.sc-wx-i{flex:none;color:var(--navy)}
.sc-wx b{font-weight:500;color:#111111}
.sc-wx i{font-style:normal;color:#767676}
.sc-wk:has(.sc-wx) .sc-day{min-height:max(132px,calc(78px + var(--rows,0) * 27px))}
.sc-week .sc-wk:has(.sc-wx) .sc-day{min-height:max(96px,calc(78px + var(--rows,0) * 27px))}
.sc-wx-l{display:inline-flex!important;align-items:center;gap:4px;white-space:nowrap;letter-spacing:0!important;color:#4A4A4A!important;font-weight:400!important}
.sc-wx-l .sc-wx-i{width:16px;height:16px}
.sc-wx-l b{font-weight:500;color:#111111}
.sc-wx-l i{font-style:normal;color:#767676}
.sc-today-h .sc-wx-l{margin-left:auto;font-size:13px}
.sc-rn{display:inline-block;margin-left:8px;padding:1px 5px;border:1px solid var(--navy);font-family:'Noto Sans KR',sans-serif;font-size:10.5px;font-style:normal;font-weight:500;line-height:1.4;letter-spacing:.02em;color:var(--navy);white-space:nowrap;vertical-align:2px;text-decoration:none}
.sc-b .sc-rn{flex:none;margin-left:auto;padding:0 3px;border-color:rgba(255,255,255,.8);color:inherit;font-size:10px;line-height:14px;vertical-align:0}
.sc-b span{min-width:0}
.sc-b.wet>small{display:none}   /* 비 표시가 붙은 막대는 좁은 칸에서 제목을 남기려고 시각을 뺀다(시각은 마우스 설명 · 목록 · 일정 상세에 그대로) */
.sc-it.done .sc-rn{display:none}
@container mg (max-width:960px){
.sc-wx{bottom:3px;left:0;right:0;justify-content:center;gap:1px;font-size:10px}
.sc-wx .sc-wx-i{width:13px;height:13px}
.sc-wx i{display:none}
.sc-day:has(.sc-hn) .sc-wx{bottom:15px}
.sc-wk:has(.sc-wx) .sc-day{min-height:max(66px,calc(52px + var(--rows,0) * 5px))}
.sc-wk:has(.sc-wx):has(.sc-hn) .sc-day{min-height:max(78px,calc(64px + var(--rows,0) * 5px))}
.sc-week .sc-wk:has(.sc-wx) .sc-day{min-height:max(66px,calc(52px + var(--rows,0) * 5px))}
.sc-b .sc-rn{display:none}
.sc-expand .sc-wx{display:none}
}
@media print{.sc-wx,.sc-rn{display:none!important}}
/* 다음 마감 D-숫자 한 칸(백로그 188 · 2026-11-08) */
.sc-dday button{appearance:none;display:flex;align-items:center;gap:14px;width:100%;min-height:64px;padding:8px 0 10px;border:0;border-bottom:1px solid var(--line);background:none;text-align:left;cursor:pointer;color:#111111}
.sc-dday-n{flex:none;min-width:64px;font-size:30px;line-height:1;color:var(--navy);font-variant-numeric:lining-nums;-webkit-text-stroke:.35px currentColor;letter-spacing:-.01em}
.sc-dday.hot .sc-dday-n{color:var(--red)}
.sc-dday-t{display:flex;flex-direction:column;min-width:0;gap:1px}
.sc-dday-t b{font-size:14px;font-weight:600;line-height:1.45;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.sc-dday-t small{font-size:12px;line-height:1.4;color:var(--mute)}
.sc-dday button:hover .sc-dday-t b{text-decoration:underline;text-underline-offset:3px}
.sc-dday button:focus-visible{outline:2px solid var(--navy);outline-offset:2px}
@container mg (max-width:960px){.sc-dday{margin-top:8px}.sc-dday button{min-height:56px}.sc-dday-n{font-size:26px;min-width:56px}}
@media print{.sc-dday{display:none!important}}
@container mg (max-width:960px){.sc .sc-tools .chip[data-view]{min-width:44px;justify-content:center}}   /* 11-09 전지면 점검: 월 · 주 · 일 누르는 폭 22px → 44px */