*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #F6F4F0;--c-card: #ffffff;--c-border: #ede9e3;--c-border-lt: #f5f2ee;--c-text: #1c1917;--c-muted: #78716c;--c-faint: #a8a29e;--c-navy: #1C2B4A;--c-navy2: #1e3a6e;--c-indigo: #4338CA;--c-indigo-lt: #EEF2FF;--c-green: #10b981;--font: "Inter", system-ui, -apple-system, sans-serif}html,body{font-family:var(--font);background:var(--c-bg);color:var(--c-text)}a{color:var(--c-indigo);text-decoration:none}a:hover{text-decoration:underline}.app-root{display:flex;flex-direction:column;min-height:100vh}.app-main{flex:1;max-width:1280px;width:100%;margin:0 auto;padding:20px 16px 40px}.site-header{position:sticky;top:0;z-index:100;background:linear-gradient(135deg,var(--c-navy) 0%,var(--c-navy2) 100%);box-shadow:0 4px 24px #0000002e}.header-inner{max-width:1280px;margin:0 auto;padding:10px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.brand{display:flex;align-items:center;gap:10px;min-width:0}.brand-icon{width:36px;height:36px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:#6366f152;border:1px solid rgba(165,180,252,.3);color:#c7d2fe}.brand-name{color:#fff;font-weight:700;font-size:15px;line-height:1.2}.brand-sub{color:#a5b4fc;font-size:11px;letter-spacing:.06em}.site-nav{display:flex;gap:2px;padding:4px;border-radius:12px;background:#ffffff14}.nav-link{display:flex;align-items:center;gap:6px;padding:7px 14px;border-radius:8px;font-size:13px;font-weight:500;color:#c7d2fe;text-decoration:none;transition:all .15s}.nav-link:hover{color:#fff;background:#ffffff1f;text-decoration:none}.nav-link.active{background:#fff;color:#3730a3}.nav-icon{font-size:14px}@media (max-width: 560px){.nav-label{display:none}}.banner{display:flex;align-items:flex-start;gap:10px;border-radius:14px;padding:12px 16px;font-size:13px;margin-bottom:14px;border:1px solid}.banner-warn{background:#fffbeb;border-color:#fde68a;color:#92400e}.banner-err{background:#fff1f2;border-color:#fecdd3;color:#9f1239}.cal-card,.bf-card,.week-card,.es-card{background:var(--c-card);border-radius:18px;border:1px solid var(--c-border);overflow:hidden;box-shadow:0 1px 8px #0000000a}.week-nav{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;border-bottom:1px solid var(--c-border-lt)}.nav-arrow{width:32px;height:32px;border-radius:8px;border:none;background:transparent;cursor:pointer;color:var(--c-muted);font-size:20px;line-height:1;display:flex;align-items:center;justify-content:center;transition:background .12s}.nav-arrow:hover{background:var(--c-border-lt)}.week-info{text-align:center}.week-label{font-weight:600;font-size:13px;color:var(--c-text)}.today-btn{display:block;font-size:11px;color:var(--c-indigo);background:none;border:none;cursor:pointer;margin-top:2px}.today-btn:hover{text-decoration:underline}.loading-state{display:flex;align-items:center;gap:10px;justify-content:center;padding:60px;color:var(--c-faint);font-size:13px}.spinner{width:16px;height:16px;border:2px solid #e0e7ff;border-top-color:var(--c-indigo);border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cal-embed{width:100%;height:600px;display:block;border:0}.grid-scroll{overflow-x:auto}.grid-inner{display:flex;min-width:640px}.time-gutter{flex-shrink:0;width:52px;border-right:1px solid var(--c-border-lt)}.gutter-top{height:68px;border-bottom:1px solid var(--c-border-lt)}.gutter-cell{position:relative}.hour-lbl{position:absolute;right:8px;top:-9px;font-size:10px;color:var(--c-faint);font-variant-numeric:tabular-nums}.day-col{flex:1;min-width:0;border-right:1px solid var(--c-border-lt)}.day-col:last-child{border-right:none}.day-today{background:#eef2ff73}.day-head{height:68px;display:flex;flex-direction:column;align-items:center;justify-content:center;border-bottom:1px solid var(--c-border-lt);padding:4px 2px;gap:1px}.head-today{background:var(--c-indigo-lt)}.wd-name{font-size:10px;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--c-faint)}.wd-today{color:var(--c-indigo)}.day-num{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;color:var(--c-text)}.num-today{background:var(--c-indigo);color:#fff;box-shadow:0 2px 8px #4338ca59}.allday-chip{font-size:10px;padding:1px 5px;border-radius:4px;border-left:2px solid;width:92%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.time-grid{position:relative}.h-line{position:absolute;inset-inline:0;border-top:1px solid var(--c-border-lt)}.hh-line{position:absolute;inset-inline:0;border-top:1px dashed var(--c-border-lt)}.now-wrap{position:absolute;inset-inline:0;z-index:20;pointer-events:none;display:flex;align-items:center}.now-dot{width:10px;height:10px;border-radius:50%;background:#f43f5e;margin-left:-5px;flex-shrink:0;box-shadow:0 0 4px #f43f5e66}.now-line{flex:1;height:1.5px;background:#f43f5e}.evt-block{position:absolute;left:2px;right:2px;border-radius:8px;border-left:3px solid;padding:4px 6px;cursor:pointer;overflow:hidden;transition:filter .12s,box-shadow .12s;z-index:10}.evt-block:hover{filter:brightness(.95)}.evt-sel{box-shadow:0 0 0 2px var(--c-indigo),0 2px 8px #4338ca40;z-index:15}.evt-name{font-size:11px;font-weight:600;line-height:1.3;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.evt-time{font-size:10px;opacity:.65;margin-top:1px}.detail-panel{border-top:1px solid var(--c-border-lt);padding:14px 18px;background:#faf9f7}.detail-inner{display:flex;gap:16px;align-items:flex-start}.detail-body{flex:1;min-width:0}.detail-tag{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:600;padding:2px 8px;border-radius:20px;border-left:2px solid;margin-bottom:6px}.tag-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0}.detail-title{font-weight:700;font-size:16px;color:var(--c-text);margin-bottom:3px}.detail-when{font-size:13px;color:var(--c-muted)}.detail-desc{font-size:13px;color:#57534e;margin-top:8px;line-height:1.5}.detail-loc{font-size:12px;color:var(--c-faint);margin-top:4px}.detail-close{background:none;border:none;cursor:pointer;color:var(--c-faint);font-size:18px;line-height:1;padding:4px;flex-shrink:0;transition:color .12s}.detail-close:hover{color:var(--c-text)}.demo-footer{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:11px;color:var(--c-faint);background:#faf9f7;border-top:1px solid var(--c-border-lt)}.demo-dot{width:8px;height:8px;border-radius:50%;background:#fbbf24;flex-shrink:0}.c-indigo{background:#eef2ff;border-color:#818cf8;color:#3730a3}.c-emerald{background:#ecfdf5;border-color:#34d399;color:#065f46}.c-violet{background:#f5f3ff;border-color:#a78bfa;color:#4c1d95}.c-amber{background:#fffbeb;border-color:#fbbf24;color:#78350f}.c-rose{background:#fff1f2;border-color:#fb7185;color:#881337}.c-teal{background:#f0fdfa;border-color:#2dd4bf;color:#134e4a}.ch-indigo{background:#eef2ff;border-color:#818cf8;color:#3730a3}.ch-emerald{background:#ecfdf5;border-color:#34d399;color:#065f46}.ch-violet{background:#f5f3ff;border-color:#a78bfa;color:#4c1d95}.ch-amber{background:#fffbeb;border-color:#fbbf24;color:#78350f}.ch-rose{background:#fff1f2;border-color:#fb7185;color:#881337}.ch-teal{background:#f0fdfa;border-color:#2dd4bf;color:#134e4a}.d-indigo{background:#818cf8}.d-emerald{background:#34d399}.d-violet{background:#a78bfa}.d-amber{background:#fbbf24}.d-rose{background:#fb7185}.d-teal{background:#2dd4bf}.slide-up-enter-active,.slide-up-leave-active{transition:all .2s ease}.slide-up-enter-from,.slide-up-leave-to{transform:translateY(8px);opacity:0}.fade-enter-active,.fade-leave-active{transition:opacity .2s}.fade-enter-from,.fade-leave-to{opacity:0}.bf-page{display:flex;flex-direction:column;gap:16px;max-width:580px;margin:0 auto}.bf-head{padding:20px 24px 16px;border-bottom:1px solid var(--c-border-lt)}.bf-title{font-weight:700;font-size:20px}.bf-sub{color:var(--c-muted);font-size:13px;margin-top:3px}.bf-body{padding:20px 24px;display:flex;flex-direction:column;gap:14px}.field{display:flex;flex-direction:column;gap:5px}.lbl{font-size:12px;font-weight:600;color:var(--c-muted)}.req{color:#f43f5e}.inp{width:100%;border-radius:12px;border:1.5px solid var(--c-border);background:#fff;padding:10px 14px;font-size:13px;color:var(--c-text);font-family:var(--font);transition:border-color .15s,box-shadow .15s;outline:none}.inp::placeholder{color:var(--c-faint)}.inp:focus{border-color:#818cf8;box-shadow:0 0 0 3px #818cf82e}.inp.mono{font-family:Menlo,Consolas,monospace;font-size:12px}.tx{resize:none}.row-2,.row-3{display:grid;gap:10px}.row-2{grid-template-columns:1fr 1fr}.row-3{grid-template-columns:1fr 1fr 1fr}@media (max-width: 500px){.row-2,.row-3{grid-template-columns:1fr}}.submit-btn{width:100%;padding:12px;border-radius:12px;border:none;background:var(--c-indigo);color:#fff;font-weight:600;font-size:13px;font-family:var(--font);cursor:pointer;transition:background .15s,opacity .15s;display:flex;align-items:center;justify-content:center;gap:8px}.submit-btn:hover:not(:disabled){background:#3730a3}.submit-btn:disabled{opacity:.45;cursor:not-allowed}.success-box{border-radius:14px;border:1px solid #a7f3d0;background:#ecfdf5;padding:14px 16px;display:flex;flex-direction:column;gap:10px}.succ-title{color:#065f46;font-size:13px;font-weight:600}.mail-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px 16px;border-radius:10px;background:#059669;color:#fff;font-weight:600;font-size:13px;text-decoration:none;transition:background .15s}.mail-btn:hover{background:#047857;text-decoration:none}.warn-note{font-size:11px;color:#b45309}.week-card{overflow:hidden}.week-card-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px 10px;border-bottom:1px solid var(--c-border-lt)}.week-card-title{font-weight:600;font-size:13px;color:var(--c-text)}.demo-badge{font-size:10px;font-weight:600;padding:2px 8px;border-radius:20px;background:#fffbeb;color:#92400e;border:1px solid #fde68a}.no-evts{padding:16px 18px;font-size:13px;color:var(--c-faint)}.evt-list{padding:10px 12px;display:flex;flex-direction:column;gap:5px}.evt-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 10px;border-radius:8px;border-left:3px solid;font-size:12px}.er-name{font-weight:600;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.er-time{flex-shrink:0;opacity:.65;font-variant-numeric:tabular-nums}.es-page{max-width:560px;margin:0 auto}.es-head{padding:20px 24px 16px;border-bottom:1px solid var(--c-border-lt)}.es-title{font-weight:700;font-size:20px}.es-sub{color:var(--c-muted);font-size:13px;margin-top:3px}.es-body{padding:20px 24px;display:flex;flex-direction:column;gap:18px}.section{display:flex;flex-direction:column;gap:6px}.sec-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted)}.hint{font-size:11px;color:var(--c-faint);margin-top:1px}.hint a{color:var(--c-indigo)}.divider{border:none;border-top:1px solid var(--c-border-lt)}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mode-btn{padding:12px;border-radius:12px;border:2px solid var(--c-border);background:#fff;text-align:left;cursor:pointer;transition:border-color .15s,background .15s}.mode-btn:hover{border-color:#c7d2fe}.mode-active{border-color:#818cf8!important;background:#eef2ff!important}.mode-name{font-size:13px;font-weight:700;color:var(--c-text);margin-bottom:2px}.mode-active .mode-name{color:var(--c-indigo)}.mode-desc{font-size:11px;color:var(--c-muted);line-height:1.4}.info-box{border-radius:12px;background:#eff6ff;border:1px solid #bfdbfe;padding:12px 14px;font-size:13px;color:#1e40af}.guide-box{border-radius:12px;background:#faf9f7;border:1px solid var(--c-border);padding:14px 16px}.guide-title{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);margin-bottom:10px}.guide-list{padding-left:16px;display:flex;flex-direction:column;gap:6px}.guide-list li{font-size:12px;color:var(--c-muted);line-height:1.5}.guide-list a{color:var(--c-indigo)}.save-btn{width:100%;padding:12px;border-radius:12px;border:none;background:var(--c-indigo);color:#fff;font-weight:600;font-size:13px;font-family:var(--font);cursor:pointer;transition:background .2s}.save-btn:hover{background:#3730a3}.save-ok{background:var(--c-green)!important}.rk-page{display:flex;flex-direction:column;gap:14px}