*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;background:#f0f1f2;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif;color:#1a1a1a}#app{display:flex;flex-direction:column;height:100vh}#toolbar{display:flex;align-items:center;gap:12px;padding:7px 14px;background:#fff;border-bottom:1px solid #ccc;flex-shrink:0;box-shadow:0 1px 3px #00000014;z-index:10}#toolbar h1{font-size:14px;font-weight:700;color:#1a6faf;white-space:nowrap}#toolbar h1 span{font-weight:400;color:#888}#zoom-ctrls,#topic-w-ctrls{display:flex;align-items:center;gap:4px}#topic-w-val{font-size:10px;font-weight:600;color:#555;min-width:30px;text-align:center;font-family:JetBrains Mono,SF Mono,monospace}.z-btn{width:24px;height:24px;border:1px solid #ccc;background:#f5f5f5;cursor:pointer;border-radius:3px;font-size:15px;line-height:1;display:flex;align-items:center;justify-content:center;color:#333;transition:background .1s}.z-btn:hover{background:#e8e8e8}#zoom-pct{font-size:11px;font-weight:600;color:#555;min-width:36px;text-align:center;font-family:JetBrains Mono,SF Mono,monospace}.tb-sep{width:1px;height:20px;background:#ddd}.tb-btn{padding:4px 11px;border:1px solid #ccc;background:#f5f5f5;border-radius:3px;cursor:pointer;font-size:12px;color:#333;white-space:nowrap;transition:background .1s}.tb-btn:hover{background:#e8e8e8}#auth-area{margin-left:auto;display:flex;align-items:center;gap:8px}#auth-btn{padding:4px 11px;border:1px solid #1a6faf;background:#e8f0fe;border-radius:3px;cursor:pointer;font-size:12px;color:#1a6faf;white-space:nowrap;transition:background .1s;position:relative}#auth-btn:hover{background:#1a6faf;color:#fff}#auth-btn.logged-in{background:#f0f9f0;border-color:#2d8a4e;color:#2d8a4e}#auth-btn.logged-in:hover{background:#2d8a4e;color:#fff}#sync-status{font-size:10px;color:#999}#auth-dropdown{position:fixed;top:40px;right:14px;background:#fff;border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 16px #00000026;padding:6px;min-width:180px;z-index:300}#auth-dropdown.hidden{display:none}.dd-email{font-size:11px;color:#666;padding:4px 8px 8px;border-bottom:1px solid #eee;margin-bottom:4px;word-break:break-all}.dd-item{padding:5px 8px;font-size:12px;cursor:pointer;border-radius:3px;color:#333}.dd-item:hover{background:#f0f0f0}.dd-item.danger{color:#d73a49}#year-scroll{flex:1;overflow:auto;background:#e8e9eb}#year-scroll::-webkit-scrollbar{width:10px;height:10px}#year-scroll::-webkit-scrollbar-track{background:#e8e9eb}#year-scroll::-webkit-scrollbar-thumb{background:#bbb;border-radius:5px;border:2px solid #e8e9eb}#year-sizer{position:relative}#year-inner{position:absolute;top:0;left:0;transform-origin:0 0;padding:16px}#months-row{display:flex;gap:0;align-items:flex-start}.mb{display:flex;flex-direction:column;border:1px solid #aaa;background:#fff;margin-right:-1px}.mb:last-child{margin-right:0}.mn{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:#fff;background:#1a6faf;padding:3px 5px;text-align:center;border-bottom:1px solid #aaa;white-space:nowrap;position:relative;overflow:visible}.mt{border-collapse:collapse}.mt thead th{font-size:8px;font-weight:700;color:#888;text-transform:uppercase;padding:2px 1px;text-align:center;background:#f2f4f6;border-bottom:1px solid #bbb;border-right:1px solid #ddd;white-space:nowrap;overflow:hidden;user-select:none}.mt thead th:last-child{border-right:none}.mt thead th.th-d{width:22px}.mt thead th.th-w{width:18px}.mt thead th.th-p{width:16px}.mt thead th.th-t{width:var(--topic-w, 80px);min-width:var(--topic-w, 80px);text-align:left;padding-left:4px}.mt td{padding:0;margin:0;border-right:1px solid #e0e0e0;border-bottom:1px solid #e8e8e8;vertical-align:middle;background:#fff}.mt td:last-child{border-right:none}.c-d{width:22px;text-align:center;font-size:9px;font-weight:600;color:#333;user-select:none;border-right:1px solid #ccc!important}.c-w{width:18px;text-align:center;font-size:8px;color:#888;user-select:none;border-right:1px solid #ddd!important}.c-w.sa{color:#c07820}.c-w.so{color:#c03020}.c-p{width:16px;height:16px;cursor:pointer;border-right:1px solid #e8e8e8!important;transition:filter .08s}.c-p:hover{filter:brightness(.88);outline:1px solid #888;outline-offset:-1px;z-index:1;position:relative}.c-p.drag-sel{outline:2px solid #1a6faf!important;outline-offset:-1px;z-index:2;position:relative}.col-resize-handle{position:absolute;right:-3px;top:0;bottom:0;width:6px;cursor:col-resize;z-index:5}.col-resize-handle:after{content:"";position:absolute;right:2px;top:0;bottom:0;width:2px;background:transparent;transition:background .1s}.col-resize-handle:hover:after{background:#1a6faf80}body.col-resizing,body.col-resizing *{cursor:col-resize!important;user-select:none!important}.c-t{width:var(--topic-w, 80px);min-width:var(--topic-w, 80px);max-width:var(--topic-w, 80px);padding:0 4px;font-size:9px;color:#222;outline:none;cursor:text;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;border-right:none!important}.c-t:focus{background:#fffbe6;outline:1px solid #f5a524;outline-offset:-1px;white-space:normal;overflow:visible;z-index:2;position:relative}.c-t.hol{color:#c07820;font-style:italic}.am{height:16px}.pm{height:14px}.am td,.pm td{height:inherit}.we .c-d,.we .c-w{background:#efefef!important}.we .c-p{background:#f5f5f5!important}.we .c-t{background:#f8f8f8!important}.we .c-p.colored{background-clip:unset}.wkstart td{border-top:1px solid #bbb!important}.am .c-t{border-bottom:1px solid #c8c8c8!important}.pm td{border-bottom:1px solid #e0e0e0}.pm.wkend-last td{border-bottom:1px solid #bbb}.today .c-d{background:#fff3cd!important;color:#c07820!important}#settings-modal{position:fixed;inset:0;background:#00000059;display:flex;align-items:flex-start;justify-content:flex-end;z-index:100}#settings-modal.hidden{display:none}.mpanel{width:320px;height:100vh;overflow-y:auto;background:#fff;border-left:1px solid #ccc;box-shadow:-4px 0 16px #0000001f}.mhdr{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f6f8fa;border-bottom:1px solid #ddd;position:sticky;top:0;z-index:1}.mhdr h2{font-size:13px;font-weight:700}.mclose{background:none;border:none;font-size:20px;cursor:pointer;color:#666;padding:2px 6px;line-height:1}.mclose:hover{color:#000}.mbody{padding:16px}.msec{margin-bottom:20px}.msec h3{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:8px;padding-bottom:6px;border-bottom:1px solid #eee}.mlist{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.mitem{display:flex;align-items:center;gap:7px;padding:5px 8px;background:#f6f8fa;border:1px solid transparent;border-radius:3px}.mitem:hover{border-color:#ddd}.mitem-color{width:20px;height:20px;border-radius:3px;border:1px solid #ccc;cursor:pointer;flex-shrink:0;padding:0;-webkit-appearance:none;appearance:none}.mitem-color::-webkit-color-swatch-wrapper{padding:2px}.mitem-color::-webkit-color-swatch{border:none;border-radius:2px}.mitem-lbl{flex:1;font-size:12px;outline:none;border-bottom:1px solid transparent}.mitem-lbl:focus{border-bottom-color:#1a6faf}.mdel{background:none;border:none;color:#bbb;cursor:pointer;font-size:15px;line-height:1;padding:1px 4px}.mdel:hover{color:#d73a49}.madd-form{display:flex;gap:5px;align-items:center}.minput{flex:1;padding:5px 8px;border:1px solid #ccc;border-radius:3px;font-size:12px;outline:none}.minput:focus{border-color:#1a6faf}.madd-btn{padding:5px 10px;background:#1a6faf;border:none;border-radius:3px;color:#fff;font-size:13px;font-weight:700;cursor:pointer}.madd-btn:hover{background:#1557a0}.mcolor-new{width:30px;height:30px;border-radius:3px;border:1px solid #ccc;cursor:pointer;flex-shrink:0;padding:1px;-webkit-appearance:none;appearance:none}.maction-row{display:flex;gap:6px;flex-wrap:wrap}.mact-btn{padding:5px 10px;border-radius:3px;cursor:pointer;font-size:11px;font-weight:500}.mact-pri{background:#e8f0fe;border:1px solid #1a6faf;color:#1a6faf}.mact-pri:hover{background:#1a6faf;color:#fff}.mact-del{background:none;border:1px solid #d73a49;color:#d73a49}.mact-del:hover{background:#d73a491a}.mact-del:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.mconfirm{margin-top:8px;padding:10px;background:#fff5f5;border:1px solid #fcc;border-radius:4px}.mconfirm.hidden{display:none}.mconfirm-desc{font-size:11px;color:#a0222a;margin-bottom:8px;line-height:1.4}#topic-picker{position:fixed;background:#fff;border:1px solid #ccc;border-radius:4px;padding:5px;z-index:200;box-shadow:0 4px 16px #0000002e;min-width:130px}#topic-picker.hidden{display:none}.pk-opt{display:flex;align-items:center;gap:7px;padding:4px 7px;border-radius:3px;cursor:pointer;font-size:11px;color:#333}.pk-opt:hover{background:#f0f0f0}.pk-sw{width:13px;height:13px;border-radius:2px;flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.pk-sep{border-top:1px solid #eee;margin:3px 0}.pk-clear{color:#888}