:root{--accent:#6366f1;--accent-2:#8b5cf6;--gradient:linear-gradient(120deg, #6366f1 0%, #8b5cf6 55%, #d946ef 110%);--bg:#f4f5fa;--card:#fff;--border:#0f172a14;--text:#0f172a;--text-2:#475569;--text-3:#94a3b8;--shadow-sm:0 1px 2px #0f172a0d;--shadow:0 4px 16px -2px #0f172a14, 0 2px 6px -2px #0f172a0d;--shadow-lg:0 24px 60px -12px #0f172a38;--radius:16px;--radius-lg:22px;--nav-bg:#ffffffc7;--ring:0 0 0 4px #6366f12e;--danger:#ef4444;--success:#10b981;--warning:#f59e0b;--info:#0ea5e9}body.dark{--bg:#0b0f1a;--card:#151b2b;--border:#94a3b824;--text:#e8ecf5;--text-2:#a7b0c2;--text-3:#6b7590;--shadow:0 4px 20px -4px #00000080;--shadow-lg:0 24px 60px -12px #000000a6;--nav-bg:#0d1220bf}*{box-sizing:border-box}html{-webkit-font-smoothing:antialiased}body{background:var(--bg);min-height:100vh;color:var(--text);background-image:radial-gradient(1100px 520px at 8% -8%,#6366f124,#0000 60%),radial-gradient(900px 500px at 96% 4%,#0ea5e91a,#0000 55%),radial-gradient(800px 600px at 50% 110%,#8b5cf61a,#0000 60%);background-attachment:fixed;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro SC,PingFang SC,HarmonyOS Sans SC,MiSans,Noto Sans SC,Microsoft YaHei,Segoe UI,sans-serif;transition:background .3s,color .3s}#root{flex-direction:column;min-height:100vh;display:flex}::selection{background:#6366f140}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#64748b59 padding-box content-box;border:2px solid #0000;border-radius:99px}a{color:var(--accent);text-decoration:none}.navbar{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--border);align-items:center;gap:20px;height:64px;padding:0 clamp(16px,4vw,40px);display:flex;position:sticky;top:0}.navbar .brand{letter-spacing:-.3px;background:var(--gradient);-webkit-text-fill-color:transparent;cursor:pointer;white-space:nowrap;-webkit-background-clip:text;background-clip:text;font-size:1.2em;font-weight:800}.nav-links{scrollbar-width:none;flex:1;gap:4px;display:flex;overflow-x:auto}.nav-links::-webkit-scrollbar{display:none}.nav-links a{color:var(--text-2);white-space:nowrap;border-radius:10px;padding:8px 14px;font-size:.92em;font-weight:600;transition:all .16s}.nav-links a:hover{color:var(--accent);background:#6366f112}.nav-links a.active{color:var(--accent);background:#6366f11a}.nav-actions{align-items:center;gap:8px;display:flex}.nav-user{background:var(--bg);border:1px solid var(--border);color:var(--text-2);border-radius:12px;align-items:center;gap:8px;padding:6px 14px;font-size:.88em;font-weight:600;display:flex}.role-chip{color:var(--accent);background:#6366f11f;border-radius:8px;padding:2px 10px;font-size:.78em;font-weight:700}body.dark .role-chip{color:#a5b4fc;background:#6366f138}.page{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:28px clamp(16px,3vw,32px) 40px;animation:.35s pageIn;overflow-x:hidden}@keyframes pageIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.page-header{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);margin-bottom:24px;padding:30px 32px;position:relative;overflow:hidden}.page-header:before{content:"";background:var(--gradient);height:4px;position:absolute;inset:0 0 auto}.page-header h1{margin:0 0 6px;font-size:1.6em;font-weight:800}.page-header p{color:var(--text-2);margin:0;font-size:.95em}.page-header-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.footer{text-align:center;color:var(--text-3);padding:26px 0 36px;font-size:.85em}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);min-width:0;padding:24px;transition:transform .22s,box-shadow .22s,border-color .22s}.card>*{min-width:0}.card.hoverable:hover{box-shadow:var(--shadow-lg);border-color:#6366f140;transform:translateY(-3px)}.card-grid{grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:18px;display:grid}.card-grid>*{width:100%;min-width:0}.homework-head{justify-content:space-between;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.homework-title{font-size:1.08em;font-weight:800}.homework-content{color:var(--text-2);white-space:pre-wrap;max-height:120px;font-size:.95em;line-height:1.75;overflow:hidden}.homework-foot{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;margin-top:16px;padding-top:14px;display:flex}.card-time{color:var(--text-3);font-size:.82em}.chip{color:var(--accent);white-space:nowrap;background:#6366f11a;border:1px solid #6366f138;border-radius:999px;padding:4px 12px;font-size:.78em;font-weight:700;display:inline-block}.chip.warn{color:#b45309;background:#f59e0b1f;border-color:#f59e0b4d}.chip.green{color:#059669;background:#10b9811f;border-color:#10b9814d}body.dark .chip.warn{color:#fbbf24}body.dark .chip.green{color:#34d399}.btn{border:1.5px solid var(--border);background:var(--bg);color:var(--text-2);cursor:pointer;white-space:nowrap;border-radius:12px;justify-content:center;align-items:center;gap:6px;padding:9px 18px;font-family:inherit;font-size:.9em;font-weight:600;transition:all .18s;display:inline-flex}.btn:hover{color:var(--accent);border-color:#6366f173;transform:translateY(-1px)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn.primary{background:var(--gradient);color:#fff;border:none;box-shadow:0 8px 20px -6px #6366f18c}.btn.primary:hover{filter:brightness(1.06);color:#fff}.btn.danger{color:var(--danger);background:#ef444414;border-color:#ef44444d}.btn.danger:hover{background:var(--danger);color:#fff;border-color:var(--danger)}.btn.soft{color:var(--accent);background:#6366f114;border-color:#6366f14d}.btn.soft:hover{background:var(--accent);color:#fff}.btn.sm{border-radius:10px;padding:6px 12px;font-size:.82em}.icon-btn{border:1px solid var(--border);width:38px;height:38px;color:var(--text-2);cursor:pointer;background:0 0;border-radius:11px;justify-content:center;align-items:center;font-size:1.05em;transition:all .16s;display:inline-flex}.icon-btn:hover{background:var(--card);color:var(--accent);border-color:#6366f173}.field{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.field label{color:var(--text-2);font-size:.88em;font-weight:600}.input,textarea.input,select.input{background:var(--bg);border:1.5px solid var(--border);width:100%;color:var(--text);border-radius:12px;padding:11px 14px;font-family:inherit;font-size:.95em;transition:border-color .18s,box-shadow .18s}.input::placeholder{color:var(--text-3)}.input:focus{border-color:var(--accent);box-shadow:var(--ring);background:var(--card);outline:none}textarea.input{resize:vertical;min-height:90px;line-height:1.6}.form-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}@media (width<=640px){.form-row{grid-template-columns:1fr}}.overlay{z-index:200;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0f172a73;justify-content:center;align-items:center;padding:20px;animation:.18s fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-width:560px;max-height:86vh;padding:26px;animation:.22s cubic-bezier(.34,1.4,.64,1) modalIn;overflow-y:auto}@keyframes modalIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:none}}.modal-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.modal-head h2{margin:0;font-size:1.2em;font-weight:800}.modal-close{border:1px solid var(--border);background:var(--bg);width:32px;height:32px;color:var(--text-2);cursor:pointer;border-radius:50%;font-size:1em;transition:all .18s}.modal-close:hover{color:#dc2626;background:#fee2e2;transform:rotate(90deg)}body.dark .modal-close:hover{color:#f87171;background:#dc26262e}.modal-actions{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.alert{border-radius:12px;margin-bottom:14px;padding:12px 16px;font-size:.9em;font-weight:500}.alert.error{color:#dc2626;background:#ef444414;border:1px solid #ef444440}.alert.success{color:#059669;background:#10b98114;border:1px solid #10b9814d}.alert.info{color:#0284c7;background:#0ea5e914;border:1px solid #0ea5e940}body.dark .alert.error{color:#f87171}body.dark .alert.success{color:#34d399}body.dark .alert.info{color:#38bdf8}.notice-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);color:var(--text-2);align-items:center;gap:12px;margin-bottom:22px;padding:15px 22px;font-size:.95em;display:flex}.notice-bar .icon{font-size:1.2em}.empty{border:2px dashed var(--border);border-radius:var(--radius-lg);text-align:center;color:var(--text-3);padding:48px 24px}.empty .big{margin-bottom:10px;font-size:2.2em}.loading{text-align:center;color:var(--text-3);padding:60px 0}.stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow);align-items:center;gap:16px;padding:22px;display:flex}.stat-icon{background:#6366f11a;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;font-size:1.5em;display:flex}.stat-value{background:var(--gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6em;font-weight:800;line-height:1.2}.stat-label{color:var(--text-3);font-size:.85em;font-weight:600}.table-wrap{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow-x:auto}table.tbl{border-collapse:collapse;width:100%;font-size:.9em}.tbl th{text-align:left;background:var(--bg);color:var(--text-2);border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 16px;font-weight:700}.tbl td{border-bottom:1px solid var(--border);color:var(--text-2);padding:11px 16px}.tbl tr:last-child td{border-bottom:none}.tbl tbody tr{transition:background .15s}.tbl tbody tr:hover{background:#6366f10d}.day-tabs{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.tab{border:1.5px solid var(--border);background:var(--card);color:var(--text-2);cursor:pointer;border-radius:999px;padding:9px 20px;font-family:inherit;font-size:.9em;font-weight:600;transition:all .16s}.tab:hover{color:var(--accent);border-color:#6366f173}.tab.active{background:var(--gradient);color:#fff;border-color:#0000;box-shadow:0 6px 16px -4px #6366f180}.period-row{background:var(--card);border:1px solid var(--border);border-radius:14px;grid-template-columns:110px 1fr;align-items:center;gap:12px;margin-bottom:10px;padding:14px 18px;transition:all .18s;display:grid}.period-row.current{border-color:var(--accent);box-shadow:var(--ring)}.period-no{color:var(--text-3);font-size:.85em;font-weight:700}.period-subject{font-size:1.05em;font-weight:800}.period-subject.empty-sub{color:var(--text-3);font-weight:500}.subject-pill{background:var(--card);border:1px solid var(--border);text-align:center;border-radius:12px;padding:12px 18px}.subject-pill .name{color:var(--accent);font-weight:800}.subject-pill .teacher{color:var(--text-3);margin-top:2px;font-size:.8em}.comment{background:var(--bg);border:1px solid var(--border);border-radius:14px;margin-bottom:10px;padding:12px 16px}.comment-head{align-items:center;gap:8px;margin-bottom:4px;display:flex}.comment-author{font-size:.9em;font-weight:700}.comment-time{color:var(--text-3);font-size:.78em}.comment-body{color:var(--text-2);font-size:.92em;line-height:1.6}.row{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.spacer{flex:1}.mb-16{margin-bottom:16px}.mb-24{margin-bottom:24px}.links-list{flex-direction:column;gap:8px;display:flex}.link-pill{color:var(--accent);text-overflow:ellipsis;white-space:nowrap;background:#6366f10f;border:1px solid #6366f138;border-radius:10px;align-items:center;gap:6px;min-width:0;max-width:100%;padding:7px 14px;font-size:.85em;font-weight:600;transition:all .16s;display:inline-flex;overflow:hidden}.link-pill:hover{background:#6366f124;border-color:#6366f173}.links-list>*{max-width:100%}@media (width<=640px){.navbar{gap:10px}.navbar .brand{font-size:1.05em}.nav-user{display:none}.page{padding-top:18px}.page-header{padding:22px}.page-header h1{font-size:1.3em}.card-grid{grid-template-columns:1fr}}@media (width<=380px){.navbar{gap:8px;padding:0 12px}.navbar .brand{font-size:.95em}.nav-actions{gap:6px}}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation-duration:.01ms!important}}.site-footer{background:var(--card);border-top:1px solid var(--border);margin-top:auto;padding:34px 0 40px;font-size:.88em}.footer-inner{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:28px;max-width:1200px;margin:0 auto;padding:0 clamp(16px,3vw,32px);display:grid}.footer-col{flex-direction:column;gap:8px;display:flex}.footer-title{color:var(--text);font-size:1.05em;font-weight:800}.footer-sub{color:var(--text);margin-bottom:2px;font-weight:700}.footer-icp a,.footer-copy{color:var(--text-3);font-size:.92em}.footer-icp a:hover{color:var(--accent)}.footer-link{text-align:left;color:var(--text-2);font-size:inherit;cursor:pointer;background:0 0;border:none;width:fit-content;padding:2px 0;font-family:inherit;transition:color .15s}.footer-link:hover{color:var(--accent)}.footer-version{background:var(--bg);border:1px solid var(--border);color:var(--text-3);border-radius:999px;width:fit-content;margin-top:6px;padding:2px 10px;font-size:.82em;font-weight:600;display:inline-block}.hamburger,.drawer{display:none}@media (width<=860px){.nav-links{display:none}.hamburger{display:inline-flex}.nav-actions{flex-shrink:0;margin-left:auto}.nav-user span.name{text-overflow:ellipsis;white-space:nowrap;max-width:110px;overflow:hidden}.drawer{z-index:90;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#0f172a66;animation:.18s fadeIn;display:block;position:fixed;inset:64px 0 0}.drawer-panel{background:var(--card);border-bottom:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);box-shadow:var(--shadow-lg);flex-direction:column;gap:4px;padding:14px 18px 20px;animation:.22s drawerIn;display:flex}@keyframes drawerIn{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}.drawer-link{color:var(--text-2);border-radius:12px;padding:13px 16px;font-weight:600}.drawer-link:hover,.drawer-link.active{color:var(--accent);background:#6366f114}}.file-row{background:var(--bg);border:1px solid var(--border);border-radius:12px;grid-template-columns:auto 1fr auto auto;align-items:center;gap:8px 10px;min-width:0;padding:10px 14px;display:grid}.file-icon{font-size:1.2em}.file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.88em;font-weight:600;overflow:hidden}.file-row .muted{justify-self:end}.file-actions{gap:8px;display:flex}@media (width<=520px){.file-row{grid-template-columns:auto 1fr auto}.file-actions{border-top:1px dashed var(--border);grid-column:1/-1;justify-content:flex-end;padding-top:8px}}.cls-screen{z-index:500;color:#e8ecf5;background:#0a0e1a;grid-template-columns:3fr 1fr;font-family:inherit;display:grid;position:fixed;inset:0}.cls-screen ::selection{background:#6366f166}.cls-left{background:radial-gradient(900px 500px at 10% -10%,#6366f138,#0000 60%),radial-gradient(700px 400px at 90% 110%,#8b5cf626,#0000 60%);flex-direction:column;min-width:0;display:flex}.cls-topbar{border-bottom:1px solid #94a3b826;flex-shrink:0;justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.cls-title{letter-spacing:1px;align-items:center;gap:10px;font-size:1.5em;font-weight:800;display:flex}.cls-dot{background:var(--gradient);border-radius:50%;width:14px;height:14px;box-shadow:0 0 12px #6366f1e6}.cls-clock{align-items:baseline;gap:14px;display:flex}.cls-time{font-variant-numeric:tabular-nums;font-size:2.2em;font-weight:800}.cls-time small{color:#94a3b8;font-size:.45em;font-weight:600}.cls-date{color:#94a3b8;font-size:1.05em;font-weight:600}.cls-grid{flex:1;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));grid-auto-rows:1fr;gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.cls-empty{color:#64748b;grid-column:1/-1;place-self:center;font-size:2em;font-weight:700}.cls-card{--sc:#818cf8;border:1px solid #94a3b824;border-left:4px solid var(--sc);background:#ffffff0a;border-radius:16px;flex-direction:column;gap:8px;min-width:0;min-height:0;padding:18px 22px;font-size:1.15em;animation:.4s backwards clsIn;display:flex;overflow:hidden}@keyframes clsIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.cls-card-head{flex-wrap:wrap;gap:8px;display:flex}.cls-chip{background:color-mix(in srgb, var(--sc) 18%, transparent);color:var(--sc);border:1px solid color-mix(in srgb, var(--sc) 40%, transparent);border-radius:999px;padding:4px 14px;font-size:.9em;font-weight:800;display:inline-block}.cls-chip.warn{--sc:#fbbf24}.cls-card-title{letter-spacing:.5px;font-size:1.5em;font-weight:800}.cls-card-body{color:#c3cbe0;white-space:pre-wrap;font-size:1.2em;line-height:1.7;overflow:hidden}.cls-right{background:#ffffff05;border-left:1px solid #94a3b826;flex-direction:column;gap:12px;min-height:0;padding:14px;display:flex}.cls-panel{background:#ffffff0a;border:1px solid #94a3b824;border-radius:16px;flex-shrink:0;padding:16px}.cls-panel.grow{flex-direction:column;flex:1;min-height:0;display:flex}.cls-panel-title{color:#c7d0e2;margin-bottom:10px;font-size:1.02em;font-weight:800}.cls-current{background:linear-gradient(120deg,#818cf8,#c084fc);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:1.6em;font-weight:800}.cls-current-time{color:#94a3b8;font-variant-numeric:tabular-nums;margin-top:4px;font-size:.9em}.cls-msg-list{flex-direction:column;flex:1;gap:10px;min-height:0;display:flex;overflow-y:auto}.cls-msg{background:#ffffff0d;border:1px solid #94a3b829;border-radius:12px;padding:12px 14px}.cls-msg.urgent{background:#ef44441f;border-color:#ef444473;animation:1.6s infinite clsPulse}@keyframes clsPulse{50%{box-shadow:0 0 0 6px #ef444414}}.cls-msg-head{justify-content:space-between;align-items:center;gap:8px;margin-bottom:4px;display:flex}.cls-msg-title{font-size:.95em;font-weight:800}.cls-msg-meta{flex-shrink:0;align-items:center;gap:8px;display:flex}.cls-msg-sender{color:#94a3b8;flex-shrink:0;font-size:.8em}.cls-msg-time{color:#64748b;font-variant-numeric:tabular-nums;flex-shrink:0;font-size:.78em}.cls-msg-info,.cls-msg-body{color:#b7c0d4;white-space:pre-wrap;font-size:.92em;line-height:1.6}.cls-msg-file{color:#c7d2fe;word-break:break-all;background:#6366f11f;border:1px solid #6366f14d;border-radius:8px;align-items:center;gap:8px;margin-top:6px;padding:6px 10px;font-size:.85em;text-decoration:none;display:inline-flex}.cls-msg-file:hover{background:#6366f138}.cls-msg-file-size{color:#94a3b8;flex-shrink:0;font-size:.85em}.cls-footer{text-align:center;color:#64748b;flex-shrink:0;font-size:.8em}.stack{flex-direction:column;gap:18px;display:flex}.card-title{margin:0 0 14px;font-size:1.02em}.card-title-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.muted{color:var(--text-3);font-size:.88em}.row{align-items:center;gap:8px;display:flex}.footer-note{text-align:center;color:var(--text-3);margin-top:8px;font-size:.82em}.hold-btn{touch-action:none;-webkit-user-select:none;user-select:none;color:#fff;cursor:pointer;letter-spacing:2px;background:linear-gradient(120deg,#ef4444,#f97316);border:none;border-radius:16px;width:100%;max-width:560px;padding:20px 0;font-size:1.3em;font-weight:800;transition:all .15s}.hold-btn:active{transform:scale(.99)}.hold-status{color:var(--text-2);margin-top:10px;font-size:.88em}.cmsg-list{flex-direction:column;gap:12px;display:flex}.cmsg-item{border:1px solid var(--border);background:var(--bg);border-radius:12px;padding:12px 14px}.cmsg-head{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;display:flex}.cmsg-title{word-break:break-all;flex:1;min-width:120px;font-weight:700}.cmsg-time{color:var(--text-3);flex-shrink:0;font-size:.82em}.cmsg-content{color:var(--text-2);white-space:pre-wrap;word-break:break-all;font-size:.92em;line-height:1.6}.cmsg-file-row{background:#6366f114;border:1px solid #6366f138;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:8px;padding:8px 10px;font-size:.9em;display:flex}.cmsg-file-row a{color:var(--accent);word-break:break-all}.cmsg-meta{color:var(--text-3);flex-wrap:wrap;gap:16px;margin-top:8px;font-size:.84em;display:flex}.subject-list{flex-wrap:wrap;gap:8px;display:flex}.subject-chip{border:1px solid var(--border);background:var(--card);border-radius:10px;align-items:center;gap:6px;padding:6px 8px;display:inline-flex}.subject-chip input{width:90px;color:var(--text);background:0 0;border:none;outline:none;padding:2px 4px;font-size:.9em}.subject-chip input.tt-s-teacher{width:80px;color:var(--text-2)}.subject-chip input:focus{border-bottom:1px solid var(--accent);border-radius:0}.tt-s-del{color:var(--text-3);cursor:pointer;background:0 0;border:none;padding:2px;font-size:.9em}.tt-s-del:hover{color:var(--danger)}.tt-table{border-collapse:collapse;width:100%;font-size:.9em}.tt-table th,.tt-table td{border:1px solid var(--border);text-align:center;vertical-align:middle;padding:8px 6px}.tt-table th{background:#6366f10f;font-weight:700}.tt-table th.today{color:var(--accent)}.tt-table select{width:100%;color:var(--text);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;padding:4px;font-size:.95em}.tt-table select:hover,.tt-table select:focus{border-color:var(--border);outline:none}.tt-time{min-width:110px}.tt-period{margin-bottom:4px;font-weight:800}.tt-time-input{border:1px solid var(--border);background:var(--card);width:86px;color:var(--text);border-radius:6px;padding:2px 4px;font-size:.85em}.tt-range{color:var(--text-3);margin:2px 0;font-size:.78em}.tt-row-del{cursor:pointer;opacity:.55;background:0 0;border:none;font-size:1em}.tt-row-del:hover{opacity:1}.empty-cell{color:var(--text-3)}.today-col{background:#6366f10d}.key-row{flex-wrap:wrap;align-items:center;gap:10px;margin-bottom:10px;display:flex}.key-label{white-space:nowrap;font-size:.9em;font-weight:600}.share-url{border:1px solid var(--border);background:var(--bg);min-width:200px;color:var(--text-2);word-break:break-all;border-radius:10px;flex:1;padding:8px 12px;font-family:ui-monospace,monospace;font-size:.88em}.guide-video{margin:12px 0}.guide-video-name{color:var(--text-2);word-break:break-all;margin-bottom:6px;font-size:.88em;font-weight:600}.guide-video video{background:#000;border-radius:12px;width:auto;max-width:100%;max-height:min(52vh,460px);margin:0 auto;display:block}.toast{z-index:1000;color:#fff;box-shadow:var(--shadow-lg);text-align:center;background:#0f172aeb;border-radius:12px;max-width:86vw;padding:10px 22px;font-size:.92em;animation:.18s ease-out toastIn;position:fixed;bottom:32px;left:50%;transform:translate(-50%)}.toast.error{background:#dc2626f2}@keyframes toastIn{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.card.center{text-align:center}.cls-screen ::-webkit-scrollbar{width:6px}@media (width<=900px){.cls-screen{grid-template-rows:3fr 1fr;grid-template-columns:1fr;min-height:100vh;position:relative}.cls-right{border-top:1px solid #94a3b826;border-left:none}.cls-time{font-size:1.5em}.cls-title{font-size:1.15em}}.cls-intercom{animation:1.4s infinite clsPulse;background:#ef444424!important;border-color:#ef444480!important}.cls-wave{align-items:flex-end;gap:5px;height:26px;display:flex}.cls-wave span{background:linear-gradient(#f87171,#ef4444);border-radius:3px;width:6px;animation:.9s ease-in-out infinite wave}.cls-wave span:first-child{height:30%;animation-delay:0s}.cls-wave span:nth-child(2){height:70%;animation-delay:.15s}.cls-wave span:nth-child(3){height:100%;animation-delay:.3s}.cls-wave span:nth-child(4){height:60%;animation-delay:.45s}.cls-wave span:nth-child(5){height:40%;animation-delay:.6s}@keyframes wave{50%{transform:scaleY(.4)}}.progress-bar{background:var(--border);border-radius:999px;width:100%;overflow:hidden}.progress-fill{background:var(--gradient);border-radius:999px;height:100%;transition:width .4s}