:root{--white:#fff;--canvas:#f4f7fa;--surface:#fff;--surface-muted:#eef3f7;--navy:#082b5e;--navy-strong:#061e42;--text:#10233f;--muted:#5d6c80;--line:#d6dee8;--blue:#155ece;--amber:#e97800;--amber-text:#9a4600;--amber-soft:#fff3e2;--green:#12805c;--red:#c93632;--red-soft:#fff0ef;--shadow:0 10px 30px #082b5e1f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:Microsoft YaHei UI,PingFang SC,system-ui,sans-serif}*{box-sizing:border-box}html,body{background:var(--canvas);min-height:100%;color:var(--text);margin:0}button,input,select{font:inherit;color:inherit}button,select,input{outline:none}button:focus-visible,select:focus-visible,input:focus-visible{box-shadow:0 0 0 3px #155ece3d;border-color:var(--blue)!important}button:disabled{cursor:not-allowed;opacity:.48}.chrona-app{background:var(--white);grid-template-rows:64px minmax(0,1fr) 36px;min-height:100vh;display:grid}.topbar{border-bottom:1px solid var(--line);background:var(--white);align-items:stretch;min-width:0;display:flex}.brand{min-width:190px;color:var(--navy-strong);letter-spacing:-.03em;align-items:center;padding:0 28px;font-size:28px;font-weight:760;text-decoration:none;display:flex}.topbar nav{align-items:stretch;gap:4px;display:flex}.nav-button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-bottom:3px solid #0000;align-items:center;gap:8px;padding:0 18px;font-size:15px;font-weight:650;display:inline-flex}.nav-button:hover{color:var(--navy);background:var(--surface-muted)}.nav-button[aria-current=page]{color:var(--navy);border-bottom-color:var(--blue)}.topbar-actions{border-left:1px solid var(--line);align-items:center;gap:12px;margin-left:auto;padding:0 20px;display:flex}.sync-state{color:var(--muted);align-items:center;gap:7px;font-size:13px;display:inline-flex}.icon-button{border:1px solid var(--line);background:var(--white);cursor:pointer;border-radius:8px;place-items:center;width:40px;height:40px;display:inline-grid}.icon-button:hover{background:var(--surface-muted);border-color:#b8c5d4}.button{cursor:pointer;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:40px;padding:0 15px;font-size:14px;font-weight:700;display:inline-flex}.button.primary{color:var(--white);background:var(--blue)}.button.primary:hover{background:#0c4fac}.button.secondary{color:var(--navy);background:var(--white);border-color:var(--line)}.button.secondary:hover{background:var(--surface-muted)}.workspace{grid-template-rows:72px minmax(0,1fr);min-width:0;min-height:0;display:grid;position:relative;overflow:hidden}.controlbar{border-bottom:1px solid var(--line);align-items:center;gap:12px;padding:14px 20px;display:flex}.controlbar select{border:1px solid var(--line);background:var(--white);border-radius:8px;min-width:210px;height:42px;padding:0 12px;font-weight:680}.controlbar>.button.primary{margin-left:auto}.week-control{border:1px solid var(--line);border-radius:8px;align-items:center;display:flex}.week-control .icon-button{border:0;border-radius:7px}.week-control strong{text-align:center;font-variant-numeric:tabular-nums;min-width:108px;font-size:17px}.schedule-scroll{background:var(--white);min-width:0;min-height:0;overflow:auto}.schedule-grid{grid-template-rows:70px repeat(11,minmax(62px,1fr));grid-template-columns:118px repeat(7,minmax(130px,1fr));min-width:1040px;min-height:790px;display:grid;position:relative}.grid-corner,.day-header,.period-label,.grid-cell{border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--white)}.grid-corner{z-index:8;color:var(--muted);place-items:center;font-size:12px;display:grid;position:sticky;top:0;left:0}.day-header{z-index:6;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:sticky;top:0}.day-header strong{color:var(--navy);font-size:15px}.day-header span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.day-header[data-today=true]{color:var(--amber);box-shadow:inset 0 -2px var(--amber);background:#fffaf3}.day-header[data-today=true] strong,.day-header[data-today=true] span{color:var(--amber-text)}.period-label{z-index:5;flex-direction:column;grid-column:1;justify-content:center;align-items:center;gap:3px;display:flex;position:sticky;left:0}.period-label strong{color:var(--navy);font-variant-numeric:tabular-nums;font-size:16px}.period-label span{color:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.period-label[data-group=afternoon]{box-shadow:inset 0 2px #b7c5d7}.period-label[data-group=evening]{box-shadow:inset 0 2px #8ba0b8}.grid-cell:nth-of-type(n){min-width:0}.meeting-block{z-index:2;border:1px solid color-mix(in srgb, var(--course-color) 24%, white);background:color-mix(in srgb, var(--course-color) 8%, white);min-width:0;color:var(--navy);cursor:pointer;box-shadow:inset 3px 0 var(--course-color);text-align:center;border-radius:8px;flex-direction:column;justify-content:center;gap:4px;margin:5px;padding:9px 7px;display:flex;overflow:hidden}.meeting-block:hover,.meeting-block[aria-pressed=true]{border-color:var(--course-color);background:color-mix(in srgb, var(--course-color) 13%, white)}.meeting-block strong{font-size:13px;line-height:1.35}.meeting-block span{color:#42556e;white-space:nowrap;text-overflow:ellipsis;font-size:11px;line-height:1.25;overflow:hidden}.detail-drawer,.editor-drawer{z-index:20;background:var(--white);border-left:1px solid var(--line);width:min(380px,92vw);box-shadow:var(--shadow);padding:24px;position:absolute;inset:72px 0 0 auto;overflow:auto}.detail-drawer h2,.editor-drawer h2{color:var(--navy);margin:0 0 22px;font-size:24px}.detail-drawer h2{border-bottom:2px solid var(--amber);padding-bottom:12px}.detail-drawer dl{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:72px 1fr;gap:14px 16px;padding:18px 0;display:grid}.detail-drawer dt{color:var(--muted)}.detail-drawer dd{margin:0;font-weight:650}.detail-actions{flex-wrap:wrap;gap:10px;display:flex}.button.danger{border-color:var(--red);background:var(--white);color:var(--red)}.drawer-heading{justify-content:space-between;align-items:flex-start;display:flex}.editor-drawer form{gap:16px;display:grid}.editor-drawer label,.settings-table label{color:var(--muted);gap:7px;font-size:13px;font-weight:650;display:grid}.editor-drawer input,.editor-drawer select,.settings-table input{border:1px solid var(--line);background:var(--white);width:100%;height:42px;color:var(--text);border-radius:8px;padding:0 11px;font-size:14px}.field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.drawer-actions{justify-content:flex-end;gap:10px;padding-top:10px;display:flex}.form-error{color:var(--red);background:var(--red-soft);border-radius:8px;margin:0;padding:10px 12px;font-size:13px}.import-workspace{grid-template-columns:minmax(340px,40%) minmax(480px,60%);min-width:0;min-height:0;display:grid;overflow:hidden}.import-source,.diff-panel{min-height:0;overflow:auto}.import-source{border-right:1px solid var(--line);background:var(--canvas);padding:28px}.import-source>div:first-child{margin-bottom:18px}.import-source h1,.settings-view h1,.today-desktop h1{color:var(--navy);letter-spacing:-.02em;margin:0 0 8px;font-size:26px}.import-source p,.settings-view>p{color:var(--muted);margin:0;line-height:1.6}.source-sheet{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:auto 1fr auto;align-items:center;gap:12px;margin-top:18px;padding:14px 0;display:grid}.source-sheet div{gap:3px;display:grid}.source-sheet span{color:var(--muted);font-size:12px}.import-message{font-size:12px;color:var(--blue)!important;margin:10px 0 0!important}.raw-preview{background:var(--white);border:1px solid var(--line);border-radius:8px;margin-top:22px;overflow:hidden}.raw-header{color:var(--navy);background:var(--surface-muted);border-bottom:1px solid var(--line);padding:10px 12px;font-size:12px;font-weight:750}.raw-preview pre{color:#334963;margin:0;padding:16px;font:12px/1.7 ui-monospace,SFMono-Regular,Consolas,monospace;overflow:auto}.diff-panel{background:var(--white);grid-template-rows:auto auto minmax(0,1fr) auto auto;display:grid}.diff-heading{padding:24px 26px 16px}.diff-heading h2{color:var(--navy);margin:0 0 5px}.diff-heading p{color:var(--muted);margin:0;font-size:13px}.diff-summary{border:1px solid var(--line);border-radius:8px;grid-template-columns:repeat(4,1fr);margin:0 26px 10px;display:grid}.diff-summary div{border-right:1px solid var(--line);justify-content:center;align-items:center;gap:8px;min-height:60px;display:flex}.diff-summary div:last-child{border-right:0}.diff-summary strong{color:var(--navy);font-size:20px}.diff-summary span{color:var(--muted);font-size:12px}.diff-list{border-top:1px solid var(--line);overflow:auto}.diff-row{border-bottom:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto auto;align-items:center;gap:10px;min-height:76px;padding:12px 26px;display:grid}.diff-row:hover{background:#f8fafc}.diff-row[data-kind=conflict]{background:var(--red-soft);color:var(--red)}.diff-row[data-kind=delete]{background:snow}.diff-kind{border:1px solid var(--line);color:var(--muted);border-radius:999px;align-items:center;margin-right:8px;padding:2px 7px;font-size:11px;font-weight:700;display:inline-flex}.diff-kind[data-kind=delete]{border-color:var(--red);background:var(--red-soft);color:var(--red)}.diff-kind[data-kind=conflict]{border-color:var(--red);color:var(--red)}.diff-content{gap:4px;display:grid}.diff-content span,.diff-source{color:var(--muted);font-size:12px}.diff-source{font-variant-numeric:tabular-nums}.resolve-button{border:1px solid var(--red);background:var(--white);color:var(--red);min-height:34px;font:inherit;cursor:pointer;border-radius:6px;align-items:center;padding:0 10px;font-size:12px;font-weight:750;display:inline-flex}.diff-decisions{gap:6px;display:inline-flex}.diff-decisions button{border:1px solid var(--line);background:var(--white);min-height:34px;color:var(--muted);font:inherit;cursor:pointer;border-radius:6px;padding:0 10px;font-size:12px;font-weight:750}.diff-decisions button.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.draft-editor{border-top:1px solid var(--line);background:var(--surface-muted);padding:16px 26px}.draft-editor-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:12px;display:flex}.draft-editor h3{color:var(--navy);margin:4px 0 0}.draft-editor-grid{grid-template-columns:repeat(4,minmax(100px,1fr));align-items:end;gap:10px;display:grid}.draft-editor-grid label{color:var(--muted);gap:5px;font-size:11px;font-weight:700;display:grid}.draft-editor-grid input,.draft-editor-grid select{border:1px solid var(--line);background:var(--white);border-radius:6px;width:100%;min-height:38px;padding:0 9px}.draft-editor-grid .button{min-height:38px}.diff-actions{border-top:1px solid var(--line);justify-content:flex-end;align-items:center;gap:20px;min-height:78px;padding:14px 26px;display:flex}.diff-actions p{color:var(--muted);margin:0 auto 0 0;font-size:12px}.commit-success{align-items:center;gap:7px;display:flex;color:var(--green)!important}.settings-view,.today-desktop{max-width:900px;padding:30px}.settings-table{border-top:1px solid var(--line);grid-template-columns:1fr 1fr;gap:18px;margin-top:28px;padding-top:24px;display:grid}.connection-panel{border-top:1px solid var(--line);margin-top:32px;padding-top:24px}.connection-panel h2{color:var(--navy);margin:7px 0 5px;font-size:20px}.connection-panel p{color:var(--muted);margin:0}.eyebrow{color:var(--blue);letter-spacing:.05em;align-items:center;gap:7px;font-size:12px;font-weight:800;display:inline-flex}.connection-form{grid-template-columns:minmax(230px,1.3fr) minmax(190px,1fr) minmax(180px,1fr) auto;align-items:end;gap:12px;margin-top:18px;display:grid}.connection-form label{color:var(--muted);gap:6px;font-size:12px;font-weight:700;display:grid}.connection-form input{border:1px solid var(--line);min-height:42px;color:var(--text);background:var(--white);border-radius:7px;padding:0 12px}.connection-message{color:var(--red)!important;margin-top:12px!important}.connection-message.success{color:var(--green)!important}.today-row{border-bottom:1px solid var(--line);grid-template-columns:110px 1fr 1fr 1fr;gap:18px;padding:18px 0;display:grid}.today-row strong{color:var(--amber-text);font-variant-numeric:tabular-nums}.statusbar{border-top:1px solid var(--line);min-width:0;color:var(--muted);background:var(--white);align-items:center;gap:8px;padding:0 18px;font-size:11px;display:flex}.statusbar span:last-child{margin-left:auto}.status-dot{background:var(--green);border-radius:50%;width:8px;height:8px}.status-dot.offline{background:var(--amber)}.sync-conflict-banner{z-index:20;border:1px solid var(--red);background:var(--white);width:min(720px,100vw - 32px);box-shadow:var(--shadow);border-radius:9px;align-items:center;gap:10px;padding:14px 16px;display:flex;position:fixed;bottom:50px;left:50%;transform:translate(-50%)}.sync-conflict-banner div{flex:1;gap:3px;display:grid}.sync-conflict-banner strong{color:var(--red)}.sync-conflict-banner span{color:var(--muted);font-size:12px}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.brand{min-width:auto;padding:0 16px;font-size:22px}.nav-button{padding:0 10px;font-size:0}.nav-button svg{width:20px;height:20px}.sync-state{display:none}.topbar-actions{padding:0 10px}.controlbar{overflow-x:auto}.controlbar select{min-width:170px}.controlbar>.button.primary{white-space:nowrap;margin-left:0}.import-workspace{grid-template-columns:1fr;overflow:auto}.import-source,.diff-panel{overflow:visible}.import-source{border-right:0;border-bottom:1px solid var(--line)}.settings-table,.connection-form{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}
body{min-width:320px}@media (max-width:700px){.chrona-app{min-height:100dvh}}