@import"https://fonts.googleapis.com/css2?family=Shippori+Mincho+B1:wght@400;500;600;700;800&family=DM+Mono:ital,wght@0,300;0,400;0,500;1,400&display=swap";:root{--bg-base: #0d0b09;--bg-surface: #1c1814;--bg-card: #231e18;--bg-hover: #2e271f;--bg-input: #1a1612;--accent-red: #bf2318;--accent-red-hover: #d42b1e;--accent-gold: #c9975a;--accent-gold-muted: rgba(201, 151, 90, .15);--accent-gold-border: rgba(201, 151, 90, .2);--text-primary: #e8dcc8;--text-secondary: #8a7d6e;--text-muted: #524840;--text-link: #c9975a;--border-subtle: rgba(201, 151, 90, .12);--border-active: rgba(201, 151, 90, .35);--font-heading: "Shippori Mincho B1", serif;--font-mono: "DM Mono", monospace;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--shadow-card: 0 4px 24px rgba(0,0,0,.4);--shadow-modal: 0 20px 60px rgba(0,0,0,.7);--navbar-height: 56px}[data-theme=light]{--bg-base: #f5f0e8;--bg-surface: #ede7db;--bg-card: #e8e1d4;--bg-hover: #dfd8ca;--bg-input: #f0ebe0;--accent-red: #bf2318;--accent-red-hover: #d42b1e;--accent-gold: #8a6330;--accent-gold-muted: rgba(138, 99, 48, .1);--accent-gold-border: rgba(138, 99, 48, .22);--text-primary: #1c1712;--text-secondary: #5e4f3c;--text-muted: #9c8a78;--text-link: #8a6330;--border-subtle: rgba(138, 99, 48, .13);--border-active: rgba(138, 99, 48, .32);--shadow-card: 0 4px 24px rgba(0, 0, 0, .08);--shadow-modal: 0 20px 60px rgba(0, 0, 0, .18)}[data-theme=light] body{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='18' fill='none' stroke='rgba(138%2C99%2C48%2C0.06)' stroke-width='1'/%3E%3Ccircle cx='0' cy='20' r='18' fill='none' stroke='rgba(138%2C99%2C48%2C0.06)' stroke-width='1'/%3E%3Ccircle cx='40' cy='20' r='18' fill='none' stroke='rgba(138%2C99%2C48%2C0.06)' stroke-width='1'/%3E%3Ccircle cx='20' cy='0' r='18' fill='none' stroke='rgba(138%2C99%2C48%2C0.06)' stroke-width='1'/%3E%3Ccircle cx='20' cy='40' r='18' fill='none' stroke='rgba(138%2C99%2C48%2C0.06)' stroke-width='1'/%3E%3C/svg%3E")}[data-theme=light] ::-webkit-scrollbar-track{background:var(--bg-surface)}[data-theme=light] ::-webkit-scrollbar-thumb{background:var(--text-muted)}input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px}body{background-color:var(--bg-base);color:var(--text-primary);font-family:var(--font-mono);font-size:.875rem;line-height:1.6;min-height:100vh;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='40' height='40'%3E%3Ccircle cx='20' cy='20' r='18' fill='none' stroke='rgba(201%2C151%2C90%2C0.025)' stroke-width='1'/%3E%3Ccircle cx='0' cy='20' r='18' fill='none' stroke='rgba(201%2C151%2C90%2C0.025)' stroke-width='1'/%3E%3Ccircle cx='40' cy='20' r='18' fill='none' stroke='rgba(201%2C151%2C90%2C0.025)' stroke-width='1'/%3E%3Ccircle cx='20' cy='0' r='18' fill='none' stroke='rgba(201%2C151%2C90%2C0.025)' stroke-width='1'/%3E%3Ccircle cx='20' cy='40' r='18' fill='none' stroke='rgba(201%2C151%2C90%2C0.025)' stroke-width='1'/%3E%3C/svg%3E")}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:var(--bg-base)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}h1,h2,h3,h4,h5{font-family:var(--font-heading);font-weight:600;color:var(--text-primary);letter-spacing:.02em}a{color:var(--text-link);text-decoration:none}a:hover{opacity:.8}button{cursor:pointer;font-family:var(--font-mono);font-size:.8rem;border:none;border-radius:var(--radius-sm);padding:7px 16px;transition:all .15s ease;letter-spacing:.04em}.btn-primary{background:var(--accent-red);color:#fff;border:1px solid transparent}.btn-primary:hover:not(:disabled){background:var(--accent-red-hover);transform:translateY(-1px);box-shadow:0 4px 12px #bf231859}.btn-primary:disabled{opacity:.45;cursor:not-allowed}.btn-secondary{background:transparent;color:var(--text-primary);border:1px solid var(--border-active)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--accent-gold);color:var(--accent-gold)}.btn-secondary:disabled{opacity:.45;cursor:not-allowed}.btn-danger{background:transparent;color:var(--accent-red);border:1px solid var(--accent-red)}.btn-danger:hover:not(:disabled){background:#bf23181f}.btn-danger:disabled{opacity:.45;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-secondary);border:none;padding:4px 8px}.btn-ghost:hover{color:var(--text-primary);background:var(--bg-hover)}.modal-overlay{position:fixed;inset:0;background:#000000b8;display:flex;align-items:center;justify-content:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .15s ease}.modal-content{background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:480px;box-shadow:var(--shadow-modal);animation:slideUp .2s ease}.modal-content h2{font-size:1.25rem;margin-bottom:1.25rem}.modal-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:1.5rem}.form-input{width:100%;padding:9px 12px;background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-family:var(--font-mono);font-size:.85rem;transition:border-color .15s;outline:none}.form-input:focus{border-color:var(--accent-gold)}.form-input.input-error{border-color:var(--accent-red)}.form-label{display:block;font-size:.72rem;color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;margin-bottom:6px}.form-group{margin-bottom:1rem}.ctm-label-row{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.ctm-label-row .form-label{margin-bottom:0}.ctm-char-count{font-size:.72rem;color:var(--text-muted);font-variant-numeric:tabular-nums;transition:color .15s}.ctm-char-count--warn{color:var(--accent-gold)}.error-message{color:var(--accent-red);font-size:.78rem;margin-top:5px}.custom-checkbox{appearance:none;-webkit-appearance:none;width:15px;height:15px;border:1px solid var(--border-active);border-radius:2px;background:var(--bg-input);cursor:pointer;position:relative;transition:all .12s;flex-shrink:0}.custom-checkbox:checked{background:var(--accent-red);border-color:var(--accent-red)}.custom-checkbox:checked:after{content:"";position:absolute;left:4px;top:1px;width:5px;height:9px;border:2px solid white;border-top:none;border-left:none;transform:rotate(45deg)}.checkbox-hit-area{display:flex;align-items:center;justify-content:center;cursor:pointer;padding:4px}.loading-wrapper{display:flex;align-items:center;justify-content:center;min-height:60vh;gap:8px;color:var(--text-secondary);font-size:.82rem;letter-spacing:.06em}.loading-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent-gold);animation:pulse 1.4s ease infinite}.loading-dot:nth-child(2){animation-delay:.18s}.loading-dot:nth-child(3){animation-delay:.36s}.context-menu{position:fixed;background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-md);padding:4px;z-index:9999;min-width:180px;box-shadow:var(--shadow-modal);animation:fadeIn .1s ease}.context-menu-item{padding:8px 12px;border-radius:var(--radius-sm);cursor:pointer;font-size:.8rem;color:var(--text-primary);transition:background .1s;white-space:nowrap;display:flex;align-items:center;gap:8px}.context-menu-item:hover{background:var(--bg-hover);color:var(--accent-gold)}.context-menu-item.danger:hover{background:#bf23181a;color:var(--accent-red)}.floating-action-bar{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:10px;background:var(--bg-card);border:1px solid var(--accent-gold);border-radius:40px;padding:10px 20px;box-shadow:0 8px 32px #0009;z-index:100;animation:slideUpBar .2s ease;white-space:nowrap}.floating-action-bar .selection-label{color:var(--text-secondary);font-size:.8rem;padding-right:8px;border-right:1px solid var(--border-subtle);margin-right:4px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(14px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes slideUpBar{0%{transform:translate(-50%) translateY(20px);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes pulse{0%,to{opacity:.25;transform:scale(.8)}50%{opacity:1;transform:scale(1.1)}}@keyframes staggerIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.login-wrapper{display:flex;height:75vh;background-color:#fff;border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #00000014,0 1px 3px #0000000d;max-width:1000px;margin:2rem auto}.login-left{flex:1;display:flex;justify-content:center;align-items:center;padding:2rem}.login-form-container{width:100%;max-width:350px;text-align:left}.login-form-container h1{font-size:2rem;margin-bottom:2rem;text-align:center;color:#111}.input-group{margin-bottom:1rem}.input-group input{width:100%;padding:14px 15px;border:1px solid #e0e0e0;border-radius:12px;font-size:1rem;box-sizing:border-box;transition:border .3s}.input-group input.input-error{border:2px solid #ff4d4d!important;background-color:#fff5f5}.input-group input.input-error{animation:shake .2s ease-in-out 0s 2}@keyframes shake{0%{margin-left:0rem}25%{margin-left:.5rem}75%{margin-left:-.5rem}to{margin-left:0rem}}.input-group input:focus{outline:none;border-color:#06f}.forgot-password{text-align:right;margin-bottom:1.5rem;font-size:.85rem}.forgot-password a{color:#666;text-decoration:none}.forgot-password a:hover{text-decoration:underline}.primary-btn{width:100%;padding:14px;background-color:#06f;color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .3s}@keyframes spin{to{transform:rotate(360deg)}}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-radius:50%;border-top-color:#fff;animation:spin .8s linear infinite;display:inline-block}.primary-btn:hover{background-color:#0052cc}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0;color:#aaa;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e0e0e0}.divider:before{margin-right:.5em}.divider:after{margin-left:.5em}.google-btn{width:100%;padding:12px;background-color:#fff;border:1px solid #e0e0e0;border-radius:30px;display:flex;align-items:center;justify-content:center;gap:12px;font-size:1rem;font-weight:500;color:#333;cursor:pointer;transition:background-color .3s}.google-btn img{width:20px;height:20px}.google-btn:hover{background-color:#f5f5f5}.signup-prompt{text-align:center;margin-top:2rem;font-size:.85rem;color:#666}.signup-prompt a{color:#06f;text-decoration:none;font-weight:600}.login-right{flex:1;background:linear-gradient(135deg,#e3f2fd,#bbdefb);display:flex;justify-content:center;align-items:center;color:#555}.auth-message-container{margin-top:20px;min-height:24px;text-align:center}.error-text{color:#e63946;font-size:.9rem;font-weight:500}.success-text{color:#2a9d8f;font-size:.9rem;font-weight:500}@media(max-width:768px){.login-right{display:none}}.fp-popover{position:fixed;z-index:500;width:220px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000038;display:flex;flex-direction:column;overflow:hidden}.fp-header{display:flex;align-items:center;justify-content:space-between;padding:8px 10px 6px;border-bottom:1px solid var(--border-subtle);gap:6px}.fp-title{font-size:.72rem;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fp-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:.72rem;padding:0 2px;line-height:1;flex-shrink:0;transition:color .1s}.fp-close:hover{color:var(--text-primary)}.fp-actions{display:flex;gap:4px;padding:6px 10px;border-bottom:1px solid var(--border-subtle)}.fp-action-btn{flex:1;font-size:.72rem;font-family:var(--font-mono);padding:3px 6px;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:transparent;color:var(--text-secondary);cursor:pointer;transition:background .1s,color .1s}.fp-action-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.fp-action-btn--active{border-color:var(--accent-gold-border);color:var(--accent-gold);background:var(--accent-gold-muted)}.fp-list{overflow-y:auto;max-height:200px;padding:4px 0}.fp-item{display:flex;align-items:center;gap:8px;padding:5px 10px;cursor:pointer;transition:background .08s}.fp-item:hover{background:var(--bg-hover)}.fp-item-label{font-size:.82rem;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0}.fp-loading{display:flex;justify-content:center;align-items:center;gap:4px;padding:16px}.fp-empty{text-align:center;padding:16px;font-size:.8rem;color:var(--text-muted);font-style:italic}.fp-action-btn:focus-visible,.fp-close:focus-visible{outline:2px solid var(--accent-gold);outline-offset:2px}.td-table-container{overflow:auto;max-height:72vh;margin:0 50px;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-card);scrollbar-width:thin;scrollbar-color:transparent transparent}.td-table-container:hover{scrollbar-color:var(--text-muted) transparent}.td-table-container::-webkit-scrollbar{height:5px;width:5px}.td-table-container::-webkit-scrollbar-track{background:transparent}.td-table-container::-webkit-scrollbar-thumb{background-color:transparent;border-radius:3px}.td-table-container:hover::-webkit-scrollbar-thumb{background-color:var(--text-muted)}.td-table-container:hover::-webkit-scrollbar-thumb:hover{background-color:var(--text-secondary)}.td-table{border-collapse:collapse;min-width:100%;table-layout:fixed}.td-th,.td-td{font-family:var(--font-mono);font-size:.82rem;padding:0 12px;height:34px;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:0;position:relative;color:var(--text-primary);vertical-align:middle}.td-table .td-td.td-cell--wrapped{white-space:normal!important;overflow:hidden!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important}.td-cell-clamp-wrapper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:break-word;line-height:1.4;white-space:normal}.sticky-col-1,.sticky-col-2{position:sticky;z-index:2;background:var(--bg-surface)}.sticky-col-1{left:0;width:44px;min-width:44px;max-width:44px;border-right:1px solid var(--border-subtle);padding:0;text-align:center}.sticky-col-2{left:44px;border-right:2px solid var(--border-subtle)}.td-th.sticky-col-1,.td-th.sticky-col-2{z-index:3}.td-th{background:var(--bg-card);position:sticky;top:0;z-index:1;font-size:.72rem;font-weight:500;text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);text-align:left;height:auto;padding:8px 12px;-webkit-user-select:none;user-select:none}.td-th-inner{display:flex;align-items:center;gap:6px;width:100%;height:100%}.td-th--sortable .td-th-inner{cursor:pointer}.td-th--sortable:hover,.td-th--active{color:var(--text-primary)}.td-col-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.td-sort-icon{font-size:.75rem;color:var(--text-muted);opacity:.35;transition:opacity .2s;flex-shrink:0}.td-th:hover .td-sort-icon{opacity:.7}.td-th--active .td-sort-icon{opacity:1;color:var(--text-primary)}.col-resizer{position:absolute;right:0;top:0;bottom:0;width:5px;cursor:col-resize;z-index:10}.col-resizer:hover,.col-resizer.resizing{background:var(--accent-gold);opacity:.5}.td-th--draggable .td-th-inner{cursor:grab}.td-th--draggable .td-th-inner:active{cursor:grabbing}.col-drag-over{border-left:2px solid var(--accent-gold)!important;background:var(--bg-hover)!important}.td-row{background:var(--bg-surface);transition:background .1s}.td-row:hover{background:var(--bg-hover)}.td-row--selected{background:var(--accent-gold-muted)!important}.td-cell--locked{background:var(--bg-locked)}.td-empty{text-align:center;color:var(--text-muted);font-style:italic;padding:3rem!important}.td-bold{font-weight:600;color:var(--text-primary)}.td-rating{font-weight:500;color:var(--accent-gold)}.td-link{color:var(--accent-blue);text-decoration:none}.td-link:hover{text-decoration:underline}.cell-edit-input{width:100%;height:100%;box-sizing:border-box;font-family:inherit;font-size:inherit;padding:0;margin:0;border:none;background:var(--bg-surface);color:var(--text-primary);outline:2px solid var(--accent-gold);outline-offset:-2px}.context-menu{position:fixed;z-index:9999;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:4px 0;min-width:160px;font-size:.85rem}.context-menu-item{padding:8px 16px;cursor:pointer;color:var(--text-primary);display:flex;align-items:center;gap:8px}.context-menu-item:hover{background:var(--bg-hover)}.context-menu-item.danger{color:var(--accent-red)}.context-menu-divider{height:1px;background:var(--border-subtle);margin:4px 0}.context-menu-item--has-sub{position:relative;justify-content:space-between}.context-menu-arrow{font-size:.6rem;opacity:.5;margin-left:8px;flex-shrink:0}.context-submenu{display:none;position:absolute;left:100%;top:-4px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 12px #0003;padding:4px 0;min-width:150px;z-index:10000}.context-menu-item--has-sub:hover>.context-submenu{display:block}.context-submenu-item--active{color:var(--accent-gold)!important;font-weight:500}.checkbox-hit-area{display:flex;align-items:center;justify-content:center;width:100%;height:100%;cursor:pointer}.custom-checkbox{width:16px;height:16px;cursor:pointer;accent-color:var(--accent-gold)}.col-panel{position:absolute;top:60px;right:2rem;width:280px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 8px 24px #00000026;z-index:100;display:flex;flex-direction:column;max-height:calc(100vh - 100px);overflow:hidden}.col-panel-header{display:flex;justify-content:space-between;align-items:center;padding:12px 16px;border-bottom:1px solid var(--border-subtle);font-weight:600;font-size:.95rem}.col-panel-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:1.2rem;line-height:1}.col-panel-close:hover{color:var(--text-primary)}.col-panel-list{flex:1;overflow-y:auto;padding:8px;display:flex;flex-direction:column;gap:4px}.col-panel-item{display:flex;align-items:center;gap:8px;padding:6px 8px;border-radius:var(--radius-sm);background:var(--bg-base);border:1px solid transparent}.col-panel-item.drag-over{border-color:var(--accent-gold);background:var(--bg-hover)}.col-panel-drag-handle{cursor:grab;color:var(--text-muted);font-size:1rem;-webkit-user-select:none;user-select:none}.col-panel-drag-handle:active{cursor:grabbing}.col-panel-name{flex:1;font-size:.85rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.col-panel-delete{background:none;border:none;padding:4px 6px;font-size:.85rem;cursor:pointer;color:var(--text-muted);border-radius:var(--radius-sm);flex-shrink:0;line-height:1}.col-panel-delete:hover{color:var(--accent-red);background:#bf23181a}.col-modal-radios{display:flex;gap:1.5rem;margin-bottom:1.25rem}.col-modal-radios label{display:flex;align-items:flex-start;gap:8px;font-size:.82rem;color:var(--text-primary);cursor:pointer}.col-modal-radios input[type=radio]{accent-color:var(--accent-gold);cursor:pointer;margin-top:3px;flex-shrink:0}.col-modal-radio-content{display:flex;flex-direction:column;gap:2px}.col-modal-radio-label{font-size:.82rem;color:var(--text-primary)}.col-modal-radio-hint{font-size:.72rem;color:var(--text-secondary)}.ctl-success-heading{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem;padding-top:1rem}.ctl-success{color:var(--accent-gold);font-size:.9rem;padding-bottom:1rem;line-height:1.5}.ctl-checklist{max-height:200px;overflow-y:auto;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:6px;margin-bottom:.5rem}.ctl-checklist-item{display:flex;align-items:center;gap:10px;padding:6px;cursor:pointer;border-radius:var(--radius-sm)}.ctl-checklist-item:hover{background:var(--bg-hover)}.ctl-checklist-item input{accent-color:var(--accent-gold);cursor:pointer}.ctl-checklist-item--disabled{opacity:.45;cursor:default}.ctl-checklist-item--disabled:hover{background:transparent}.ctl-checklist-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.ctl-checklist-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ctl-already-badge{font-size:.72rem;color:var(--text-muted);font-style:italic}.ctl-partial-note{font-size:.72rem;color:var(--accent-gold);opacity:.8}.ctl-checklist-divider{height:1px;background:var(--border-subtle);margin:4px 0}.cell-tooltip{position:fixed;z-index:9999;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:8px 12px;max-width:320px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-primary);word-break:break-word;pointer-events:none;line-height:1.5;animation:fadeIn .1s ease}.td-table .td-td.sticky-col-1,.td-table .td-td.sticky-col-2{background-color:var(--bg-surface)!important}.td-table .td-td.td-cell--locked.sticky-col-2{background-color:var(--bg-surface)!important;background-image:linear-gradient(var(--bg-locked),var(--bg-locked))!important}.td-table .td-row:hover .td-td.sticky-col-1,.td-table .td-row:hover .td-td.sticky-col-2{background-color:var(--bg-surface)!important;background-image:linear-gradient(var(--bg-hover),var(--bg-hover))!important}.td-table .td-row--selected .td-td.sticky-col-1,.td-table .td-row--selected .td-td.sticky-col-2{background-color:var(--bg-surface)!important;background-image:linear-gradient(var(--accent-gold-muted),var(--accent-gold-muted))!important}.td-filter-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);flex-shrink:0}.td-page{padding:2rem;position:relative}.td-page-header{display:flex;align-items:center;gap:1rem;padding:1.25rem 2rem;flex-shrink:0}.td-header-title h1{font-size:1.4rem;line-height:1.2}.td-subtitle{font-size:.8rem;color:var(--text-secondary);margin-top:2px}.td-header-actions{margin-left:auto;display:flex;gap:8px;align-items:center}.td-back-link{color:var(--text-secondary);font-size:.8rem;text-decoration:none;padding:6px 10px;border-radius:var(--radius-sm);transition:all .15s;white-space:nowrap;flex-shrink:0}.td-back-link:hover{color:var(--text-primary);background:var(--bg-hover);opacity:1}.td-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin:1.25rem 50px;flex-shrink:0}.td-page-indicator{color:var(--text-secondary);font-size:.8rem;letter-spacing:.04em;min-width:100px;text-align:center}.td-delete-count{color:var(--accent-red);font-weight:600}.dashboard-page{padding:2.5rem 2rem;max-width:1200px;margin:0 auto}.dashboard-header{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:2.5rem;gap:1rem}.dashboard-header-text{display:flex;flex-direction:column;gap:4px}.dashboard-title{font-size:2rem;line-height:1.1}.dashboard-subtitle{font-family:var(--font-heading);font-size:.9rem;color:var(--text-secondary);letter-spacing:.12em}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1.25rem}.table-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.5rem;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:1.25rem;box-shadow:var(--shadow-card);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;animation:staggerIn .35s ease both;outline:none}.table-card:hover,.table-card:focus-visible{border-color:var(--border-active);transform:translateY(-2px);box-shadow:var(--shadow-card)}.table-card-delete{position:absolute;top:10px;right:10px;background:transparent;border:none;color:var(--text-muted);font-size:1.1rem;line-height:1;padding:4px 6px;border-radius:var(--radius-sm);opacity:0;transition:opacity .15s,color .15s,background .15s;cursor:pointer}.table-card:hover .table-card-delete,.table-card:focus-within .table-card-delete{opacity:1}.table-card-delete:hover{color:var(--accent-red);background:color-mix(in srgb,var(--accent-red) 10%,transparent)}.table-card-top{display:flex;flex-direction:column;gap:6px;padding-right:1.5rem}.table-card-name{font-family:var(--font-heading);font-size:1.1rem;font-weight:600;color:var(--text-primary);line-height:1.3;word-break:break-word}.table-card-count{font-size:.78rem;color:var(--text-secondary);font-family:var(--font-mono);letter-spacing:.04em}.table-card-bottom{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border-subtle);padding-top:.85rem}.table-card-date{font-size:.75rem;color:var(--text-muted);font-family:var(--font-mono)}.table-card-open{font-size:.78rem;color:var(--accent-gold);font-family:var(--font-mono);letter-spacing:.04em;transition:opacity .15s}.table-card:hover .table-card-open{opacity:.75}.dashboard-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:40vh;gap:1rem;text-align:center}.dashboard-empty-kanji{font-family:var(--font-heading);font-size:5rem;color:var(--text-muted);line-height:1}.dashboard-empty-message{font-size:1rem;color:var(--text-secondary);letter-spacing:.04em}.dashboard-delete-warning{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin-top:.25rem}.ml-page{padding:2rem;max-width:1600px;margin:0 auto}.ml-header{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.ml-header-title{display:flex;align-items:baseline;gap:.75rem}.ml-header-title h1{font-size:1.6rem;margin:0}.ml-subtitle{color:var(--text-secondary);font-family:var(--font-heading);font-size:1rem;letter-spacing:.06em}.ml-count-badge{background:var(--accent-gold-muted);border:1px solid var(--accent-gold-border);color:var(--accent-gold);border-radius:20px;padding:3px 12px;font-size:.75rem;letter-spacing:.06em;white-space:nowrap}.ml-filter-bar{display:flex;align-items:center;gap:.6rem;margin-bottom:.5rem;flex-wrap:wrap}.ml-clear-btn{margin-left:auto}.ml-filter-name{width:200px}.ml-filter-input{width:160px}.ml-filter-rating-group{display:flex;align-items:center;gap:.5rem;padding:0 .5rem;border-radius:var(--radius-sm)}.ml-filter-rating-label{font-size:.8rem;color:var(--text-secondary);white-space:nowrap;font-weight:500;font-family:var(--font-mono);text-transform:uppercase}.ml-rating-slider{width:130px;height:5px;border-radius:3px;background:var(--border-active);outline:none;-webkit-appearance:none;appearance:none;cursor:pointer;accent-color:var(--accent-gold)}.ml-rating-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;border-radius:50%;background:var(--accent-gold);border:2px solid var(--bg-surface);cursor:pointer;box-shadow:0 1px 3px #0003;transition:transform .1s}.ml-rating-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.ml-rating-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:var(--accent-gold);border:none;cursor:pointer;box-shadow:0 1px 3px #0003;transition:transform .1s}.ml-rating-slider::-moz-range-thumb:hover{transform:scale(1.15)}.ml-filter-rating-input{width:56px;padding:4px 8px;font-size:.85rem;text-align:center}.ml-table-container{overflow:auto;max-height:72vh;border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--bg-surface);box-shadow:var(--shadow-card)}.ml-table{min-width:100%;border-collapse:collapse;white-space:nowrap;table-layout:fixed}.ml-table thead{position:sticky;top:0;z-index:2;background:var(--bg-card)}.ml-table th{padding:8px 12px;text-align:left;font-size:.72rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.08em;font-family:var(--font-mono);font-weight:500;border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);position:relative;-webkit-user-select:none;user-select:none;overflow:hidden;max-width:0}.ml-table td{padding:6px 12px;font-size:.82rem;color:var(--text-primary);border-bottom:1px solid var(--border-subtle);border-right:1px solid var(--border-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:0;vertical-align:middle}.ml-table td.ml-cell--wrapped{white-space:normal!important;overflow:hidden!important;text-overflow:unset!important;height:auto!important;padding-top:8px!important;padding-bottom:8px!important;vertical-align:top}.ml-cell-clamp-wrapper{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;line-clamp:3;overflow:hidden;overflow-wrap:break-word;line-height:1.4;white-space:normal}.ml-cell-clamp-wrapper--hours{white-space:pre-line}.ml-cell-tooltip{position:fixed;z-index:9999;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);box-shadow:0 4px 12px #00000026;padding:8px 12px;max-width:320px;font-family:var(--font-mono);font-size:.82rem;color:var(--text-primary);word-break:break-word;pointer-events:none;line-height:1.5;white-space:pre-line;animation:fadeIn .1s ease}.ml-table tbody tr:hover{background:var(--bg-hover)}.ml-row--selected{background:var(--accent-gold-muted)!important}.ml-check-th,.ml-check-td{width:44px;min-width:44px;max-width:44px!important;padding:0!important;text-align:center}.ml-name-cell{font-weight:600;color:var(--text-primary)}.ml-rating{color:var(--accent-gold);font-family:var(--font-mono);font-weight:500}.ml-link{color:var(--accent-gold);font-size:.78rem;letter-spacing:.02em;text-decoration:none;transition:opacity .1s}.ml-link:hover{opacity:.75}.ml-th-inner{display:flex;align-items:center;gap:4px;overflow:hidden;min-width:0}.ml-col-label{flex:1 1 0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ml-th--draggable{cursor:grab}.ml-th--draggable:active{cursor:grabbing}.col-drag-over{background:var(--accent-gold-muted)!important;border-left:2px solid var(--accent-gold)}.ml-th--sortable{cursor:pointer}.ml-th--sortable:hover{color:var(--text-primary)}.ml-sort-icon{opacity:.35;font-size:.75rem}.ml-th--sortable:hover .ml-sort-icon{opacity:.7}.ml-th--sortable.ml-th--active{color:var(--text-primary)}.ml-th--active .ml-sort-icon{opacity:1;color:var(--text-primary)}.ml-resizer{position:absolute;top:0;right:0;width:6px;height:100%;cursor:col-resize;background:transparent;transition:background .1s}.ml-resizer:hover,.ml-resizer--active{background:var(--accent-gold-border)}.ml-empty{text-align:center;padding:5rem 2rem!important;color:var(--text-secondary);white-space:normal}.ml-empty-kanji{display:block;font-family:var(--font-heading);font-size:3rem;color:var(--text-muted);margin-bottom:.75rem;letter-spacing:.05em}.ml-pagination{display:flex;align-items:center;justify-content:center;gap:1rem;margin-top:1.25rem}.ml-page-indicator{color:var(--text-secondary);font-size:.8rem;letter-spacing:.04em;min-width:100px;text-align:center}.ml-modal-subtitle{color:var(--text-secondary);font-size:.85rem;margin-bottom:1rem}.ml-modal-subtitle strong{color:var(--text-primary)}.ml-modal-loading{color:var(--text-secondary);font-size:.82rem;padding:.75rem 0}.ml-success-heading{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin-bottom:.25rem;padding-top:1rem}.ml-success-msg{color:var(--accent-gold);font-size:.9rem;padding-bottom:1rem;line-height:1.5}.ml-checklist{display:flex;flex-direction:column;gap:.5rem;max-height:240px;overflow-y:auto;padding:.25rem 0;margin-bottom:.5rem}.ml-checklist-item{display:flex;align-items:center;gap:.6rem;font-size:.85rem;color:var(--text-primary);cursor:pointer;padding:6px 8px;border-radius:var(--radius-sm);transition:background .1s}.ml-checklist-item:hover{background:var(--bg-hover)}.ml-checklist-item--disabled{opacity:.45;cursor:default}.ml-checklist-item--disabled:hover{background:transparent}.ml-checklist-item-content{display:flex;flex-direction:column;gap:2px;min-width:0}.ml-checklist-item-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ml-already-badge{font-size:.72rem;color:var(--text-muted);font-style:italic}.ml-partial-note{font-size:.72rem;color:var(--accent-gold);opacity:.8}.ml-checklist-divider{height:1px;background:var(--border-subtle);margin:4px 0}.ml-filter-dot{width:6px;height:6px;border-radius:50%;background:var(--accent-gold);flex-shrink:0}.navbar-container{display:flex;flex-direction:column;min-height:100vh}.navbar{position:sticky;top:0;z-index:200;display:flex;justify-content:space-between;align-items:center;padding:0 2rem;height:var(--navbar-height);background:color-mix(in srgb,var(--bg-base) 92%,transparent);border-bottom:1px solid var(--border-subtle);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);user-select:none;-webkit-user-select:none}.nav-logo{font-family:var(--font-heading);font-size:1.15rem;font-weight:700;letter-spacing:.06em;color:var(--text-primary);display:flex;align-items:center;gap:8px}.nav-logo a{color:var(--text-primary);text-decoration:none;display:flex;align-items:center;gap:8px;transition:color .15s}.nav-logo a:hover{color:var(--accent-gold);opacity:1}.nav-logo-kanji{color:var(--accent-red);font-size:1.3rem}.nav-links{display:flex;list-style:none;gap:4px;margin:0;padding:0;align-items:center}.nav-links li a{color:var(--text-secondary);font-size:.8rem;letter-spacing:.06em;padding:6px 12px;border-radius:var(--radius-sm);transition:all .15s;display:block}.nav-links li a:hover{color:var(--text-primary);background:var(--bg-hover);opacity:1}.nav-links a.nav-active{color:var(--accent-gold)}.nav-divider{width:1px;height:20px;background:var(--border-subtle);margin:0 6px}.logout-btn{background:none;border:1px solid var(--border-subtle);color:var(--text-secondary);font-size:.78rem;padding:5px 12px;border-radius:var(--radius-sm);transition:all .15s}.logout-btn:hover{border-color:var(--accent-red);color:var(--accent-red);background:#bf231814}.avatar-wrapper{position:relative}.avatar-btn{width:30px;height:30px;background:var(--accent-gold-muted);border:1px solid var(--accent-gold-border);color:var(--accent-gold);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:600;font-family:var(--font-heading);cursor:pointer;padding:0;transition:border-color .15s,background .15s}.avatar-btn:hover{border-color:var(--accent-gold);background:#c9975a38}.avatar-dropdown{position:absolute;top:calc(100% + 10px);right:0;background:var(--bg-card);border:1px solid var(--border-active);border-radius:var(--radius-md);padding:6px;min-width:210px;box-shadow:var(--shadow-modal);z-index:300;animation:slideUp .15s ease}.avatar-dropdown-header{padding:8px 10px 10px;border-bottom:1px solid var(--border-subtle);margin-bottom:4px}.avatar-dropdown-name{font-size:.82rem;color:var(--text-primary);font-weight:600}.avatar-dropdown-email{font-size:.72rem;color:var(--text-muted);margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.theme-toggle-row{display:flex;align-items:center;justify-content:space-between;padding:8px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:background .1s}.theme-toggle-row:hover{background:var(--bg-hover)}.theme-toggle-label{font-size:.8rem;color:var(--text-secondary);display:flex;align-items:center;gap:7px}.toggle-switch{position:relative;width:34px;height:18px;flex-shrink:0;cursor:pointer}.toggle-switch input{opacity:0;width:0;height:0;position:absolute}.toggle-track{position:absolute;inset:0;background:var(--bg-hover);border:1px solid var(--border-active);border-radius:99px;transition:background .2s,border-color .2s}.toggle-switch input:checked+.toggle-track{background:var(--accent-gold-muted);border-color:var(--accent-gold)}.toggle-thumb{position:absolute;top:3px;left:3px;width:10px;height:10px;background:var(--text-muted);border-radius:50%;transition:transform .2s,background .2s;pointer-events:none}.toggle-switch input:checked~.toggle-thumb{transform:translate(16px);background:var(--accent-gold)}.content{flex:1}.home-page{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - var(--navbar-height));padding:4rem 2rem;text-align:center}.home-hero-kanji{font-family:var(--font-heading);font-size:5rem;color:var(--accent-red);opacity:.15;line-height:1;margin-bottom:1.5rem;animation:staggerIn .8s ease both}.home-title{font-size:2.5rem;margin-bottom:.75rem;animation:staggerIn .8s .1s ease both}.home-subtitle{color:var(--text-secondary);font-size:.9rem;max-width:480px;line-height:1.7;margin-bottom:2rem;animation:staggerIn .8s .2s ease both}.home-actions{display:flex;gap:12px;animation:staggerIn .8s .3s ease both}@media(max-width:768px){.navbar{padding:0 1rem}.nav-links li a{padding:6px 8px;font-size:.75rem}.home-title{font-size:1.75rem}.home-hero-kanji{font-size:3.5rem}}