:root{--bg: #f5f5f5;--surface: #ffffff;--surface-alt: #f8fafc;--border: #e2e8f0;--border-subtle: #f1f5f9;--border-input: #cbd5e1;--text: #1a1a1a;--text-secondary: #475569;--text-muted: #64748b;--text-subtle: #94a3b8;--link: #2563eb;--primary: #2563eb;--primary-hover: #1d4ed8;--primary-bg: #eff6ff;--primary-glow: rgba(37, 99, 235, .12);--danger: #dc2626;--danger-hover: #b91c1c;--topbar-bg: #1e293b;--topbar-text: #ffffff;--topbar-muted: #94a3b8;--overlay: rgba(0, 0, 0, .4);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .18);--slot-free-bg: #f0fdf4;--slot-free-text: #15803d;--slot-free-border: #86efac;--slot-mine-bg: #dbeafe;--slot-mine-text: #1d4ed8;--slot-mine-border: #93c5fd;--slot-other-bg: #f1f5f9;--slot-other-text: #64748b;--slot-other-border: #e2e8f0;--slot-past-bg: #fafafa;--slot-past-text: #cbd5e1;--slot-past-border: #f1f5f9;--badge-admin-bg: #dbeafe;--badge-admin-text: #1d4ed8;--badge-user-bg: #dcfce7;--badge-user-text: #15803d;--badge-viewer-bg: #f1f5f9;--badge-viewer-text: #475569;--error-bg: #fef2f2;--error-text: #dc2626;--error-border: #fecaca;--notice-bg: #f0f9ff;--notice-text: #0369a1;--notice-border:#bae6fd}html.dark{--bg: #0f172a;--surface: #1e293b;--surface-alt: #263348;--border: #334155;--border-subtle: #1e293b;--border-input: #475569;--text: #f1f5f9;--text-secondary: #cbd5e1;--text-muted: #94a3b8;--text-subtle: #64748b;--link: #60a5fa;--primary: #3b82f6;--primary-hover: #2563eb;--primary-bg: #1e3a5f;--primary-glow: rgba(59, 130, 246, .18);--danger: #ef4444;--danger-hover: #dc2626;--topbar-bg: #0a1628;--topbar-text: #f1f5f9;--topbar-muted: #64748b;--overlay: rgba(0, 0, 0, .6);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .5);--slot-free-bg: #052e16;--slot-free-text: #4ade80;--slot-free-border: #166534;--slot-mine-bg: #172554;--slot-mine-text: #60a5fa;--slot-mine-border: #1e40af;--slot-other-bg: #1e293b;--slot-other-text: #64748b;--slot-other-border: #334155;--slot-past-bg: #0f172a;--slot-past-text: #334155;--slot-past-border: #1e293b;--badge-admin-bg: #1e3a5f;--badge-admin-text: #60a5fa;--badge-user-bg: #14532d;--badge-user-text: #4ade80;--badge-viewer-bg: #334155;--badge-viewer-text: #94a3b8;--error-bg: #2d0a0a;--error-text: #fca5a5;--error-border: #7f1d1d;--notice-bg: #0c1f3a;--notice-text: #7dd3fc;--notice-border:#164e63}.topbar{background:var(--topbar-bg);color:var(--topbar-text);padding:0 1.5rem;height:52px;display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-shrink:0}.topbar-brand{font-weight:700;font-size:1.1rem;color:var(--topbar-text);letter-spacing:.02em;white-space:nowrap}.topbar-left{display:flex;align-items:center;gap:.75rem;min-width:0;overflow:hidden}.topbar-right{display:flex;align-items:center;gap:.75rem;font-size:.9rem;color:var(--topbar-muted);flex-shrink:0}.topbar-username{color:var(--topbar-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:120px;text-decoration:none}.topbar-username:hover{color:var(--topbar-text)}.topbar-logo{height:28px;width:auto;object-fit:contain;flex-shrink:0}.topbar-brand-group{display:flex;flex-direction:column;gap:0;line-height:1.2}.topbar-tagline{font-size:.65rem;font-weight:400;color:var(--topbar-muted);letter-spacing:.01em;white-space:nowrap}.topbar-right button{background:none;border:none;color:var(--topbar-muted);font-size:.9rem;padding:.25rem .5rem;border-radius:4px;transition:color .15s;white-space:nowrap}.topbar-right button:hover{color:var(--topbar-text)}.btn-icon-theme{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:none;color:var(--topbar-muted);border-radius:6px;cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.btn-icon-theme:hover{color:var(--topbar-text);background:#ffffff1a}.page{max-width:960px;margin:2rem auto;padding:0 1rem;flex:1;width:100%}.app-footer{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.4rem .6rem;padding:1.25rem 1rem;font-size:.78rem;color:var(--text-subtle);border-top:1px solid var(--border-subtle);margin-top:auto}.app-footer a{color:var(--text-subtle)}.app-footer a:hover{color:var(--primary);text-decoration:underline}.app-footer-sep{opacity:.4}.card{background:var(--surface);border-radius:8px;border:1px solid var(--border);padding:1.5rem}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-group label{font-size:.85rem;font-weight:600;color:var(--text-secondary)}.form-group input,.form-group select{padding:.5rem .75rem;border:1px solid var(--border-input);border-radius:6px;font-size:.95rem;font-family:inherit;background:var(--surface);color:var(--text);transition:border-color .15s}.form-group input:focus,.form-group select:focus{outline:none;border-color:var(--primary);box-shadow:0 0 0 3px var(--primary-glow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.5rem 1rem;border-radius:6px;font-weight:600;font-size:.9rem;border:none;transition:background .15s,opacity .15s}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--primary-hover)}.btn-secondary{background:var(--surface-alt);color:var(--text-secondary);border:1px solid var(--border-input)}.btn-secondary:hover:not(:disabled){background:var(--border)}.btn-danger{background:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover)}.btn-ghost{background:transparent;color:var(--text-secondary);border:1px solid var(--border-input)}.btn-ghost:hover:not(:disabled){background:var(--surface-alt)}.btn-sm{padding:.3rem .65rem;font-size:.8rem}.error-msg{background:var(--error-bg);color:var(--error-text);border:1px solid var(--error-border);border-radius:6px;padding:.6rem .9rem;font-size:.9rem;margin-bottom:1rem}.notice{background:var(--notice-bg);color:var(--notice-text);border:1px solid var(--notice-border);border-radius:6px;padding:.6rem .9rem;font-size:.9rem;margin-bottom:1rem}.auth-wrap{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg);padding:1rem;position:relative}.auth-theme-btn{position:absolute;top:1rem;right:1rem}.auth-theme-btn .btn-icon-theme{color:var(--text-muted)}.auth-theme-btn .btn-icon-theme:hover{color:var(--text);background:var(--surface-alt)}.auth-box{width:100%;max-width:380px;background:var(--surface);border-radius:10px;border:1px solid var(--border);padding:2rem}.auth-title{font-size:1.4rem;font-weight:700;margin-bottom:.25rem;color:var(--text)}.auth-subtitle{color:var(--text-muted);margin-bottom:1.5rem;font-size:.9rem}.auth-switch{margin-top:1.25rem;text-align:center;font-size:.9rem;color:var(--text-muted)}.page-title{font-size:1.4rem;font-weight:700;color:var(--text)}.group-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem;margin-bottom:1.5rem}.group-card{display:block;background:var(--surface);border:1px solid var(--border);border-radius:8px;padding:1.25rem;transition:border-color .15s,box-shadow .15s;color:inherit}.group-card:hover{border-color:var(--primary);box-shadow:0 2px 8px var(--primary-glow);text-decoration:none}.group-card-name{font-weight:700;font-size:1rem;margin-bottom:.25rem;color:var(--text)}.group-card-meta{font-size:.82rem;color:var(--text-muted);margin-top:.35rem;display:flex;flex-direction:column;gap:.25rem}.group-card-tz{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.role-badge{display:inline-flex;align-items:center;gap:.3em;padding:.1rem .45rem;border-radius:4px;font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;white-space:nowrap}.role-admin{background:var(--badge-admin-bg);color:var(--badge-admin-text)}.role-user{background:var(--badge-user-bg);color:var(--badge-user-text)}.role-viewer{background:var(--badge-viewer-bg);color:var(--badge-viewer-text)}.group-header{display:flex;align-items:center;gap:.75rem;margin-bottom:1.5rem;flex-wrap:wrap}.group-header h1{font-size:1.4rem;font-weight:700;color:var(--text)}.group-tz{font-size:.82rem;color:var(--text-muted)}.btn-icon-edit{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border:none;background:none;color:var(--text-subtle);border-radius:4px;cursor:pointer;transition:color .15s,background .15s;flex-shrink:0}.btn-icon-edit:hover{color:var(--primary);background:var(--primary-bg)}.resource-tabs{display:flex;gap:.5rem;flex-wrap:wrap}.resource-tab{padding:.4rem 1rem;border-radius:20px;border:1px solid var(--border-input);background:var(--surface);color:var(--text-secondary);font-size:.9rem;font-weight:500;transition:all .15s;white-space:nowrap}.resource-tab.active{background:var(--primary);border-color:var(--primary);color:#fff}.resource-tab:hover:not(.active){border-color:var(--primary);color:var(--primary)}.calendar-scroll{overflow-x:auto;-webkit-overflow-scrolling:touch;border-radius:8px}.calendar-grid{display:grid;grid-template-columns:56px repeat(14,minmax(72px,1fr));border:1px solid var(--border);border-radius:8px;overflow:hidden;background:var(--surface);min-width:560px}.cal-header{background:var(--surface-alt);font-size:.78rem;font-weight:600;color:var(--text-secondary);text-align:center;padding:.55rem .2rem;border-bottom:1px solid var(--border);line-height:1.3}.cal-header:first-child{position:sticky;left:0;z-index:2}.cal-header.today{color:var(--primary);background:var(--primary-bg)}.cal-time-label{position:sticky;left:0;z-index:1;background:var(--surface);font-size:.68rem;color:var(--text-subtle);text-align:right;padding:.4rem .4rem .4rem 0;border-right:1px solid var(--border);border-bottom:1px solid var(--border-subtle);display:flex;align-items:center;justify-content:flex-end}.cal-slot{border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);min-height:52px;display:flex;align-items:stretch;padding:3px}.cal-slot:last-child{border-right:none}.slot-btn{width:100%;min-height:46px;border-radius:5px;border:1px solid transparent;font-size:.68rem;font-weight:500;line-height:1.3;padding:.25rem;transition:filter .12s;cursor:pointer}.slot-btn:hover:not(:disabled){filter:brightness(.92)}.slot-btn:disabled{cursor:default}.slot-free{background:var(--slot-free-bg);color:var(--slot-free-text);border-color:var(--slot-free-border);border-style:dashed}.slot-free:hover:not(:disabled){border-style:solid}.slot-mine{background:var(--slot-mine-bg);color:var(--slot-mine-text);border-color:var(--slot-mine-border)}.slot-other{background:var(--slot-other-bg);color:var(--slot-other-text);border-color:var(--slot-other-border);cursor:default}.slot-past{background:var(--slot-past-bg);color:var(--slot-past-text);border-color:var(--slot-past-border);cursor:default}.section-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin:1.5rem 0 .75rem}.member-list{display:flex;flex-direction:column;gap:.4rem}.member-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.5rem .75rem;border:1px solid var(--border-subtle);border-radius:6px;background:var(--surface);font-size:.9rem;flex-wrap:wrap}.member-name{font-weight:500}.modal-overlay{position:fixed;inset:0;background:var(--overlay);display:flex;align-items:center;justify-content:center;z-index:100;padding:1rem}.modal{background:var(--surface);border-radius:10px;border:1px solid var(--border);padding:1.5rem;width:100%;max-width:400px;max-height:calc(100dvh - 2rem);overflow-y:auto;box-shadow:var(--shadow-modal)}.modal-title{font-size:1.05rem;font-weight:700;margin-bottom:1rem;color:var(--text)}.modal-actions{display:flex;gap:.5rem;justify-content:flex-end;margin-top:1.25rem;flex-wrap:wrap}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:.5rem;flex-wrap:wrap}.loading{color:var(--text-muted);font-size:.9rem;padding:2rem 0;text-align:center}@media(max-width:600px){.topbar{padding:0 .75rem;height:48px}.topbar-username{max-width:72px}.topbar-left{min-width:0;flex-shrink:1}.page{margin:1rem auto}.auth-box{border:none;border-radius:0;padding:1.5rem 1rem;max-width:100%}.group-list{grid-template-columns:1fr}.group-header{margin-bottom:1rem}.member-row{font-size:.85rem}.modal{border-radius:12px;padding:1.25rem}}.app-banner{width:100%;flex-shrink:0;line-height:0}.app-banner img{width:100%;max-height:200px;object-fit:cover;display:block}.field-hint{font-size:.8rem;color:var(--text-muted);margin-top:.25rem}.btn-link{background:none;border:none;padding:0;font:inherit;font-size:inherit;color:var(--link);cursor:pointer;text-decoration:underline}.btn-link:hover{opacity:.8}.settings-preview{border:1px dashed var(--border);border-radius:8px;padding:1rem;margin-bottom:1.25rem}.settings-preview-label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);margin-bottom:.5rem}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:system-ui,-apple-system,sans-serif;font-size:15px;color:var(--text);background:var(--bg);line-height:1.5;min-height:100dvh;display:flex;flex-direction:column}#root{flex:1;display:flex;flex-direction:column}a{color:var(--link);text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;font-family:inherit;font-size:inherit}