.page-tabs{display:flex;align-items:center;gap:0;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border-light);overflow-x:auto;scrollbar-width:none;padding:0 var(--space-md)}.page-tabs::-webkit-scrollbar{height:4px}.page-tabs::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}.page-tab{flex-shrink:0;width:20%;min-width:120px;max-width:200px;padding:.625rem 1rem;background:transparent;border:none;border-bottom:2px solid transparent;color:var(--color-text-secondary);font-size:.8125rem;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:all var(--transition-fast);cursor:pointer}.page-tab:hover{color:var(--color-primary);background:var(--color-primary-bg)}.page-tab.active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:600}.page-tab-add{flex-shrink:0;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-tertiary);font-size:1.125rem;cursor:pointer;margin-left:var(--space-sm);transition:all var(--transition-fast)}.page-tab-add:hover{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary)}.page-tab-icon{margin-right:.25rem;font-size:.75rem;display:inline-flex;align-items:center;justify-content:center;vertical-align:middle;margin-bottom:2px}.page-tab-add-memo{border-color:#bbf7d0;color:#16a34a}.page-tab-add-memo:hover{background:#f0fdf4;border-color:#22c55e;color:#15803d}.page-type-modal{max-width:360px}.page-type-modal h3{margin-bottom:var(--space-lg);text-align:center}.page-type-options{display:flex;flex-direction:column;gap:var(--space-md);margin-bottom:var(--space-lg)}.page-type-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);border:2px solid var(--color-border-light);border-radius:var(--radius-lg);background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast)}.page-type-option:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg);transform:translateY(-1px);box-shadow:var(--shadow-md)}.page-type-option-memo:hover{border-color:#86efac;background:#f0fdf4}.page-type-option-deck:hover{border-color:#fbbf24;background:#fffbeb}.page-type-option-label{font-size:1rem;font-weight:700;color:var(--color-text)}.page-type-option-desc{font-size:.75rem;color:var(--color-text-tertiary)}.page-type-cancel{width:100%;text-align:center}.main-container{display:flex;flex-direction:column;height:100dvh}.main-top-bar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:var(--color-bg);border-bottom:1px solid var(--color-border-light)}.main-top-bar-left,.main-top-bar-right{display:flex;align-items:center;gap:var(--space-sm)}.main-header-logo-btn{display:flex;align-items:center;justify-content:center;background:transparent;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-md);transition:all var(--transition-fast);flex-shrink:0}.main-header-logo-btn:hover{background:var(--color-primary-bg)}.main-header-note-name{display:flex;align-items:center;gap:var(--space-xs)}.main-header-note-title{font-size:.9375rem;font-weight:600;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.main-header-note-edit-btn{background:none;border:none;color:var(--color-text-tertiary);font-size:.75rem;cursor:pointer;padding:2px 4px;border-radius:var(--radius-sm);transition:all var(--transition-fast);display:flex;align-items:center}.main-header-note-edit-btn:hover{color:var(--color-primary);background:var(--color-primary-bg)}.main-header-separator{font-size:.875rem;color:var(--color-text-tertiary);margin-right:var(--space-xs)}.note-title-edit-input{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.9375rem;font-family:var(--font-sans);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);box-sizing:border-box}.note-title-edit-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(82,183,136,.1)}.back-btn,.icon-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.back-btn:hover,.icon-btn:hover{background:var(--color-bg-secondary);border-color:var(--color-primary-light);color:var(--color-primary)}.page-title-display{display:flex;align-items:center;gap:var(--space-sm)}.page-title-text{font-size:.9375rem;font-weight:600;color:var(--color-text)}.page-title-edit-btn{background:none;border:none;color:var(--color-text-tertiary);font-size:.75rem;cursor:pointer;padding:2px 6px;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.page-title-edit-btn:hover{color:var(--color-primary);background:var(--color-primary-bg)}.page-title-edit-form{display:flex;align-items:center;gap:var(--space-xs)}.page-title-input{width:130px;padding:.25rem .5rem;border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans);outline:none;box-shadow:0 0 0 3px rgba(82,183,136,.1)}.page-title-save-btn{padding:.25rem .625rem;background:var(--color-primary);width:max-content;color:var(--color-text-inverse);border:none;border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;margin-right:var(--space-xs);cursor:pointer;transition:background var(--transition-fast)}.page-title-save-btn:hover{background:var(--color-primary-light)}.error-banner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#fef2f2;border-bottom:1px solid #fecaca;color:#dc2626;font-size:.8125rem}.error-dismiss{background:none;border:none;color:#dc2626;font-size:1rem;cursor:pointer;padding:0 var(--space-xs)}.branch-indicator{display:flex;align-items:center;justify-content:space-between;padding:var(--space-sm) var(--space-md);background:#fef9c3;border-bottom:1px solid #fde68a;color:#92400e;font-size:.8125rem}.branch-cancel{background:none;border:1px solid #92400e;border-radius:var(--radius-sm);color:#92400e;font-size:.75rem;cursor:pointer;padding:.125rem .5rem}.branch-cancel:hover{background:rgba(146,64,14,.1)}.main-body{flex:1 1;display:flex;overflow:hidden}.management-menu{width:220px;min-width:180px;background:var(--color-bg-secondary);border-right:1px solid var(--color-border-light);overflow-y:auto;padding:var(--space-md);flex-shrink:0}.menu-title{font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-left:10px}.menu-empty,.menu-title{color:var(--color-text-tertiary)}.menu-empty{font-size:.75rem;text-align:center;padding:var(--space-lg) 0}.menu-path,.menu-path-item-wrapper{display:flex;flex-direction:column}.menu-path-item-wrapper{align-items:flex-start}.menu-path-item{width:100%;padding:.5rem .625rem;background:var(--color-bg);border:1px solid var(--color-border-light);border-radius:var(--radius-md);font-size:.75rem;color:var(--color-text-secondary);cursor:pointer;text-align:left;transition:all var(--transition-fast);display:flex;align-items:center;gap:var(--space-xs)}.menu-path-current,.menu-path-item:hover{border-color:var(--color-primary-lighter);background:var(--color-primary-bg)}.menu-path-current{color:var(--color-primary);font-weight:500}.menu-path-active-parent{border-color:#fde68a;background:#fef9c3;color:#92400e}.menu-path-selected{border-color:var(--color-primary);border-width:2px;background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.menu-path-question{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1 1}.menu-path-tag{font-size:.625rem;padding:.0625rem .25rem;border-radius:var(--radius-sm);flex-shrink:0}.tag-ok{background:#d1fae5;color:#065f46}.tag-ng{background:#fee2e2;color:#991b1b}.tag-retry{background:#fef3c7;color:#92400e}.menu-path-connector{color:var(--color-text-tertiary);font-size:.5rem;padding-left:1rem;line-height:1}.chat-pane{flex:1 1;display:flex;flex-direction:column;background:var(--color-bg);overflow-y:auto}.chat-pane-content{flex:1 1;padding:var(--space-lg);overflow-y:auto}.chat-empty{display:flex;align-items:center;justify-content:center;height:100%;color:var(--color-text-tertiary);font-size:.9375rem}.memo-pane{width:260px;min-width:200px;background:var(--color-bg);border-left:1px solid var(--color-border-light);overflow-y:auto;padding:var(--space-md);flex-shrink:0}.memo-pane-header{font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-md)}.memo-empty,.memo-pane-header{font-size:.75rem;color:var(--color-text-tertiary)}.memo-empty{text-align:center;padding:var(--space-lg) 0}.node-list{gap:var(--space-xs)}.node-card-with-branch,.node-list{display:flex;flex-direction:column}.node-card-with-branch{align-items:center}.node-card{width:100%;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border-light);transition:border-color var(--transition-fast)}.node-branch{position:relative;width:10px;height:22px;margin-top:2px;border-radius:999px;background:linear-gradient(180deg,#b88552,#966437);box-shadow:inset 0 0 0 1px rgba(255,243,222,.2)}.node-branch:after,.node-branch:before{content:"";position:absolute;bottom:4px;width:12px;height:4px;border-radius:999px;background:#a06c3c}.node-branch:before{right:calc(100% - 2px);transform:rotate(25deg);transform-origin:right center}.node-branch:after{left:calc(100% - 2px);transform:rotate(-25deg);transform-origin:left center}.node-card-last{border-color:var(--color-primary-lighter)}.node-card-active-parent{border-color:#fde68a;box-shadow:0 0 0 2px rgba(253,230,138,.4)}.node-card-selected{border-color:var(--color-primary);border-width:2px;box-shadow:0 0 0 1px var(--color-primary-lighter)}.node-card-header{display:flex;flex-direction:column;gap:var(--space-xs);padding:var(--space-md);background:var(--color-question-bg);cursor:pointer;transition:background var(--transition-fast)}.node-card-header:hover{background:#dcefdc}.node-card-header-top{display:flex;align-items:center;flex-wrap:wrap;margin-bottom:var(--space-xs);gap:var(--space-sm)}.node-question-images{display:flex;gap:var(--space-xs);width:100%;padding-left:calc(16px + var(--space-sm));padding-top:2px}.node-question-image-thumb{display:block;width:10rem;height:10rem;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border);flex-shrink:0;transition:all var(--transition-fast)}.node-question-image-thumb:hover{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.node-question-image-thumb img{width:100%;height:100%;object-fit:cover}.node-card-header-bottom{justify-content:flex-end;gap:var(--space-sm)}.memo-node-card-header-bottom,.node-card-header-bottom{display:flex;align-items:center;padding-left:calc(16px + var(--space-sm))}.memo-node-card-header-bottom{justify-content:space-between;gap:var(--space-xs)}.rotate-30{transform:rotate(-30deg)}.rotate-30,.rotate-60{transition:transform var(--transition-fast);width:.8rem;fill:var(--color-text-tertiary)}.rotate-60{transform:rotate(60deg)}.node-expand-icon{font-size:.625rem;color:var(--color-text-tertiary);flex-shrink:0;width:16px}.node-question{flex:1 1;font-size:.9375rem;font-weight:500;color:var(--color-text);line-height:1.5}.node-tag{font-size:.6875rem;padding:.125rem .5rem;border-radius:var(--radius-full);flex-shrink:0;font-weight:500}.node-tag-ok{background:#d1fae5;color:#065f46}.node-tag-ng{background:#fee2e2;color:#991b1b}.node-tag-retry,.node-tag-review{background:#fef3c7;color:#92400e}.node-tag-select{font-size:.6875rem;height:1.8rem;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;flex-shrink:0;font-weight:500;outline:none;transition:all var(--transition-fast);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='6' viewBox='0 0 8 6'%3E%3Cpath d='M4 6L0 0h8z' fill='%23999'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 4px center;padding:.125rem 16px .125rem .5rem}.node-tag-select:hover{border-color:var(--color-primary-light)}.node-tag-select:focus{border-color:var(--color-primary);box-shadow:0 0 0 2px var(--color-primary-bg)}.node-tag-select.node-tag-ok{background-color:#d1fae5;color:#065f46;border-color:#a7f3d0}.node-tag-select.node-tag-ng{background-color:#fee2e2;color:#991b1b;border-color:#fecaca}.node-tag-select.node-tag-retry,.node-tag-select.node-tag-review{background-color:#fef3c7;color:#92400e;border-color:#fde68a}.node-tag-select.node-tag-none{background-color:transparent;color:var(--color-text-tertiary)}.node-leaf-image{height:1.6rem;width:auto;margin-left:.5rem;flex-shrink:0}.node-header-actions{gap:2px}.node-header-action-btn,.node-header-actions{display:flex;align-items:center;flex-shrink:0}.node-header-action-btn{justify-content:center;width:auto;height:1.8rem;padding:0 .3rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.node-header-action-btn-span{margin-right:.25rem}.node-header-action-btn:hover{background:var(--color-bg);border-color:var(--color-primary-lighter);color:var(--color-primary)}.node-card-body{border-top:1px solid var(--color-border-light)}.node-answer{padding:var(--space-md);background:var(--color-answer-bg)}.node-answer-content{font-size:.875rem;line-height:1.7;color:var(--color-text)}.markdown-pre{white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-sans);font-size:.875rem;line-height:1.7;margin:0;background:transparent;color:inherit}.node-answer pre:not(.markdown-pre){background:#1e1e1e;color:#d4d4d4;padding:var(--space-md);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:.8125rem;margin:var(--space-sm) 0}.node-answer code{font-family:var(--font-mono);font-size:.8125rem;background:rgba(0,0,0,.06);padding:.125rem .375rem;border-radius:var(--radius-sm)}.node-answer pre code{background:none;padding:0}.node-actions{justify-content:flex-end;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);background:var(--color-bg-secondary);border-top:1px solid var(--color-border-light)}.node-action-btn,.node-actions{display:flex;align-items:center}.node-action-btn{justify-content:center;color:var(--color-text-secondary);width:auto;height:28px;padding:0 .5rem;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.node-action-btn-span{margin-right:.5rem}.node-action-btn:hover{background:var(--color-bg);border-color:var(--color-primary-lighter)}.branch-btn.active{background:#fef9c3;border-color:#fde68a}.delete-btn:hover{background:#fef2f2;border-color:#fecaca}.question-input-form{display:flex;gap:var(--space-sm);align-items:flex-end;background:transparent}.question-input{flex:1 1;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);font-size:.9375rem;font-family:var(--font-sans);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);overflow-y:auto;resize:none;scrollbar-width:none}.question-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(82,183,136,.1)}.question-input:disabled{background:var(--color-bg-secondary);cursor:not-allowed}.question-submit-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);color:var(--color-text-tertiary);font-size:1.125rem;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.question-submit-btn:hover:not(:disabled){background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.question-submit-btn:disabled{opacity:.4;cursor:not-allowed}.loading-spinner{animation:spin 1s linear infinite;display:inline-block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:100;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.modal-content{background:var(--color-bg);border-radius:var(--radius-xl);padding:var(--space-xl);width:min(480px,90vw);box-shadow:var(--shadow-lg)}.modal-content h3{margin-bottom:var(--space-md);font-size:1.125rem;color:var(--color-text)}.modal-hint{font-size:.8125rem;color:var(--color-text-tertiary);margin-bottom:var(--space-md)}.edit-question-textarea{width:100%;padding:.625rem .875rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);outline:none;resize:vertical;transition:border-color var(--transition-fast);box-sizing:border-box}.edit-question-textarea:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 3px rgba(82,183,136,.1)}.delete-warning{font-size:.875rem;color:#dc2626;margin-bottom:var(--space-md);line-height:1.6}.modal-actions{display:flex;justify-content:flex-end;gap:var(--space-sm);margin-top:var(--space-lg)}.modal-cancel-btn{padding:.5rem 1rem;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast)}.modal-cancel-btn:hover{background:var(--color-bg);border-color:var(--color-border)}.modal-submit-btn{padding:.5rem 1rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.modal-submit-btn:hover:not(:disabled){background:var(--color-primary-light)}.modal-submit-btn:disabled{opacity:.5;cursor:not-allowed}.modal-delete-btn{padding:.5rem 1rem;background:#dc2626;border:none;border-radius:var(--radius-md);color:white;font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast)}.modal-delete-btn:hover{background:#b91c1c}.memo-pane-header-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.memo-add-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);font-size:.875rem;cursor:pointer;transition:all var(--transition-fast)}.memo-add-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary)}.memo-add-btn:disabled{opacity:.4;cursor:not-allowed}.memo-filter-toggle{display:flex;gap:0;margin-bottom:var(--space-sm);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden}.memo-filter-btn{flex:1 1;padding:4px 8px;font-size:.75rem;background:transparent;border:none;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.memo-filter-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.memo-filter-btn.active{background:var(--color-primary-bg);color:var(--color-primary);font-weight:600}.memo-filter-btn+.memo-filter-btn{border-left:1px solid var(--color-border)}.memo-list{display:flex;flex-direction:column;gap:var(--space-sm)}.memo-item{padding:var(--space-sm);background:var(--color-bg-secondary);border:1px solid var(--color-border-light);border-radius:var(--radius-md);position:relative}.memo-content{font-size:.75rem;line-height:1.6;color:var(--color-text);white-space:pre-wrap;word-wrap:break-word;font-family:var(--font-sans);margin:0}.memo-item-actions{display:flex;gap:var(--space-xs);margin-top:var(--space-xs);justify-content:flex-end}.memo-item-btn{background:transparent;border:none;font-size:.6875rem;cursor:pointer;padding:.125rem .25rem;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.memo-item-btn:hover{background:var(--color-bg)}.memo-delete-btn:hover{background:#fef2f2}.memo-editor{display:flex;flex-direction:column;gap:var(--space-sm)}.memo-editor-textarea{width:100%;padding:.5rem;border:1px solid var(--color-primary-light);border-radius:var(--radius-md);font-size:.75rem;font-family:var(--font-sans);outline:none;resize:vertical;min-height:80px;box-sizing:border-box;transition:border-color var(--transition-fast)}.memo-editor-textarea:focus{box-shadow:0 0 0 2px rgba(82,183,136,.1)}.memo-editor-actions{display:flex;justify-content:flex-end;gap:var(--space-xs)}.memo-editor-cancel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary)}.memo-editor-cancel,.memo-editor-save{padding:.25rem .5rem;font-size:.6875rem;cursor:pointer}.memo-editor-save{background:var(--color-primary);border:none;border-radius:var(--radius-sm);color:var(--color-text-inverse);font-weight:600}.memo-editor-save:disabled{opacity:.5;cursor:not-allowed}.search-modal{background:var(--color-bg);border-radius:var(--radius-xl);width:min(600px,90vw);max-height:80vh;display:flex;flex-direction:column;box-shadow:var(--shadow-lg);overflow:hidden}.search-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.search-modal-header h3{margin:0;font-size:1rem}.search-modal-close{background:none;border:none;font-size:1.125rem;color:var(--color-text-tertiary);cursor:pointer;padding:.25rem}.search-modal-close:hover{color:var(--color-text)}.search-form{padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light);flex-direction:column}.search-form,.search-form-row{display:flex;gap:var(--space-sm)}.search-form-row{align-items:center}.search-keyword-input{flex:1 1;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.875rem;font-family:var(--font-sans);outline:none;transition:border-color var(--transition-fast)}.search-keyword-input:focus{border-color:var(--color-primary-light);box-shadow:0 0 0 2px rgba(82,183,136,.1)}.search-filters{flex-wrap:wrap}.search-date-input,.search-tag-select{padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.75rem;font-family:var(--font-sans);background:var(--color-bg);outline:none}.search-date-separator{font-size:.75rem;color:var(--color-text-tertiary)}.search-submit-btn{padding:.5rem 1rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:.8125rem;font-weight:600;cursor:pointer;transition:background var(--transition-fast);align-self:flex-end}.search-submit-btn:hover:not(:disabled){background:var(--color-primary-light)}.search-submit-btn:disabled{opacity:.6;cursor:not-allowed}.search-results{flex:1 1;overflow-y:auto;padding:var(--space-sm) var(--space-lg);max-height:400px}.search-results-empty{text-align:center;color:var(--color-text-tertiary);font-size:.8125rem;padding:var(--space-xl) 0}.search-result-item{display:block;width:100%;padding:var(--space-sm) var(--space-md);background:transparent;border:1px solid var(--color-border-light);border-radius:var(--radius-md);margin-bottom:var(--space-xs);cursor:pointer;transition:all var(--transition-fast);text-align:left}.search-result-item:hover{background:var(--color-primary-bg);border-color:var(--color-primary-lighter)}.search-result-question{font-size:.8125rem;font-weight:500;color:var(--color-text);margin-bottom:.25rem}.search-result-meta{display:flex;align-items:center;gap:var(--space-sm);font-size:.6875rem;color:var(--color-text-tertiary)}.search-result-page{background:var(--color-bg-secondary);padding:.0625rem .375rem;border-radius:var(--radius-sm)}.search-result-tag{padding:.0625rem .25rem;border-radius:var(--radius-sm);font-size:.625rem}.quiz-modal{background:var(--color-bg);border-radius:var(--radius-xl);width:min(500px,90vw);max-height:min(86vh,720px);box-shadow:var(--shadow-lg);overflow:hidden;display:flex;flex-direction:column}.quiz-modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border-light)}.quiz-modal-header h3{margin:0;font-size:1rem}.quiz-modal-close{background:none;border:none;font-size:1.125rem;color:var(--color-text-tertiary);cursor:pointer}.quiz-modal-source{padding:var(--space-sm) var(--space-lg);background:var(--color-bg-secondary);font-size:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-modal-source-label{color:var(--color-text-tertiary);margin-right:var(--space-xs)}.quiz-modal-source-text{color:var(--color-text)}.quiz-question-text{margin:0 0 var(--space-sm) 0}.quiz-choice-list{display:flex;flex-direction:column;gap:6px}.quiz-choice-item{display:flex;align-items:flex-start;gap:8px;border:1px solid var(--color-border-light);border-radius:var(--radius-sm);padding:8px 10px;background:var(--color-bg)}.quiz-choice-item input[type=radio]{margin-top:2px;accent-color:var(--color-primary)}.quiz-choice-key{font-size:.8125rem;font-weight:700;color:var(--color-text-secondary);min-width:18px}.quiz-choice-text{font-size:.875rem;line-height:1.5;color:var(--color-text)}.quiz-form{padding:var(--space-md) var(--space-lg);display:flex;flex-direction:column;gap:var(--space-md)}.quiz-format-selector{display:flex;gap:var(--space-lg)}.quiz-format-option{display:flex;align-items:center;gap:var(--space-xs);font-size:.8125rem;cursor:pointer;color:var(--color-text)}.quiz-format-option input[type=radio]{accent-color:var(--color-primary)}.quiz-instructions{width:100%;padding:.5rem .75rem;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:.8125rem;font-family:var(--font-sans);outline:none;resize:vertical;box-sizing:border-box}.quiz-instructions:focus{border-color:var(--color-primary-light)}.quiz-error{font-size:.75rem;color:#dc2626;padding:var(--space-xs)}.quiz-submit-btn{padding:.5rem 1rem;background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--color-text-inverse);font-size:.8125rem;font-weight:600;cursor:pointer;align-self:flex-end}.quiz-submit-btn:disabled{opacity:.6;cursor:not-allowed}.quiz-reveal-btn{width:100%;display:inline-flex;align-items:center;justify-content:center;gap:.35rem;padding:.625rem 1rem;border:1px solid var(--color-primary-lighter);border-radius:var(--radius-md);background:linear-gradient(180deg,#ffffff,#f8fcf9);color:var(--color-primary);font-size:.8125rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:all var(--transition-fast);box-shadow:0 1px 3px rgba(45,106,79,.08)}.quiz-reveal-btn:hover{border-color:var(--color-primary-light);background:var(--color-primary-bg);color:var(--color-primary-dark);box-shadow:0 4px 10px rgba(45,106,79,.14);transform:translateY(-1px)}.quiz-reveal-btn:active{transform:translateY(0);box-shadow:0 2px 6px rgba(45,106,79,.12)}.quiz-reveal-btn:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(82,183,136,.22),0 3px 10px rgba(45,106,79,.12)}.quiz-reveal-btn:disabled{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none}.quiz-judge-result{margin-bottom:var(--space-sm);font-size:.8125rem;font-weight:700}.quiz-judge-result.correct{color:#15803d}.quiz-judge-result.incorrect{color:#b91c1c}.tiptap-viewer-wrapper{position:relative}.tiptap-editor{font-size:.9375rem;line-height:1.7;color:var(--color-text);outline:none;padding:0}.tiptap-editor p{margin:.5em 0}.tiptap-editor h1,.tiptap-editor h2,.tiptap-editor h3{font-weight:600;margin:1em 0 .5em;color:var(--color-text)}.tiptap-editor h1{font-size:1.5rem}.tiptap-editor h2{font-size:1.25rem}.tiptap-editor h3{font-size:1.1rem}.tiptap-editor strong{font-weight:700;color:var(--color-text)}.tiptap-editor em{font-style:italic}.tiptap-editor code{background:var(--color-bg-tertiary);padding:.15em .35em;border-radius:var(--radius-xs);font-family:Fira Code,Consolas,monospace;font-size:.85em}.tiptap-editor pre{background:var(--color-bg-tertiary);border-radius:var(--radius-sm);padding:var(--space-md);overflow-x:auto;margin:.75em 0}.tiptap-editor pre code{background:transparent;padding:0;font-size:.85em;line-height:1.5}.tiptap-editor ol,.tiptap-editor ul{padding-left:1.5em;margin:.5em 0}.tiptap-editor li{margin:.25em 0}.tiptap-editor hr{border:none;border-top:1px solid var(--color-border-light);margin:1em 0}.tiptap-bubble-menu{display:flex;align-items:center;gap:2px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:4px;box-shadow:var(--shadow-lg);z-index:100}.tiptap-viewer-wrapper{min-width:0}.tiptap-viewer-wrapper .ProseMirror{max-width:100%;min-width:0}.tiptap-viewer-wrapper .tiptap-editor{max-width:100%}.tiptap-viewer-wrapper [data-node-type=mathematics]{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tiptap-viewer-wrapper .tiptap-mathematics-render{display:block;max-width:100%}.tiptap-viewer-wrapper .block-math-inner{display:block;max-width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.tiptap-viewer-wrapper .block-math-inner>.katex{display:inline-block;min-width:max-content}.tiptap-viewer-wrapper span.tiptap-mathematics-render[data-type=inline-math]{display:inline-block;white-space:nowrap}.tiptap-editor .tableWrapper{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;margin:1rem 0}.tiptap-editor table{border-collapse:collapse;width:max-content;min-width:100%;table-layout:auto;display:block;max-width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.tiptap-editor td,.tiptap-editor th{white-space:nowrap;padding:.5rem .75rem;border:1px solid #ddd}.bubble-btn{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:none;background:transparent;border-radius:var(--radius-sm);cursor:pointer;font-size:.875rem;line-height:1;white-space:nowrap;color:var(--color-text-secondary);transition:all var(--transition-fast)}.bubble-btn:hover{background:var(--color-primary-bg);color:var(--color-primary)}.bubble-btn.is-active{background:var(--color-primary);color:white}.bubble-btn-memo{font-weight:600}.bubble-btn-memo:hover{background:rgba(82,183,136,.15)}.memo-highlight{background-color:rgba(82,183,136,.2);border-bottom:2px solid rgba(82,183,136,.5);padding:1px 0;border-radius:2px;cursor:pointer;transition:background-color var(--transition-fast)}.memo-highlight:hover{background-color:rgba(82,183,136,.35)}.tree-modal{background:var(--color-bg);border-radius:var(--radius-lg);padding:0;max-width:700px;width:90vw;max-height:80vh;display:flex;flex-direction:column;box-shadow:0 20px 60px rgba(0,0,0,.3)}.tree-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.tree-modal-header h3{margin:0;font-size:1rem}.tree-modal-close{background:none;border:none;font-size:1.125rem;cursor:pointer;color:var(--color-text-tertiary);padding:4px}.tree-modal-body{padding:var(--space-lg);overflow-y:auto;overflow-x:auto;flex:1 1}.tree-empty,.tree-loading{text-align:center;color:var(--color-text-tertiary);padding:var(--space-xl)}.tree-container{--tree-node-box-width:280px;padding:var(--space-sm);width:max-content;min-width:100%}.tree-node-wrapper{margin-bottom:2px}.tree-node-row{display:flex;align-items:center;gap:4px;margin-bottom:4px;width:max-content;min-width:100%}.tree-node-connector{color:rgba(208,132,1,.4);font-weight:700;font-family:monospace;font-size:1rem;flex-shrink:0}.tree-node-box{display:inline-block;box-sizing:border-box;width:var(--tree-node-box-width);max-width:none;flex:0 0 var(--tree-node-box-width);padding:6px 12px;border-radius:var(--radius-sm);font-size:.8125rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:left;transition:all var(--transition-fast)}.tree-node-branch{background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-secondary);cursor:default}.tree-node-leaf{background:var(--color-primary-bg);border:1px solid var(--color-primary-lighter);color:var(--color-primary);cursor:pointer;font-weight:500}.tree-node-leaf:hover{background:var(--color-primary-lighter);border-color:var(--color-primary)}.tree-node-children{padding-left:12px}.menu-title-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-md)}.menu-tree-btn{background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 8px 4px;cursor:pointer;font-size:.875rem;color:#2D6A4F;transition:all var(--transition-fast)}.menu-tree-btn:hover{background:var(--color-surface);border-color:var(--color-primary-light)}.quiz-modal-result{flex:1 1;min-height:0;padding:var(--space-md);overflow-y:auto;overflow-x:hidden;scrollbar-width:none}.quiz-modal-result .quiz-card{margin-bottom:var(--space-md);max-width:100%}.quiz-card-text{font-size:.875rem;line-height:1.7;color:var(--color-text);white-space:pre-wrap;overflow-wrap:anywhere;word-break:break-word;font-family:var(--font-sans);margin:0;max-width:100%}pre.quiz-card-text{overflow-x:hidden}.quiz-modal-actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.quiz-modal-another-btn{padding:8px 16px;border:1px solid var(--color-primary);border-radius:var(--radius-sm);background:transparent;color:var(--color-primary);cursor:pointer;font-size:.8125rem;transition:all var(--transition-fast)}.quiz-modal-another-btn:hover{background:var(--color-primary-bg)}.quiz-modal-done-btn{padding:8px 16px;border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:white;cursor:pointer;font-size:.8125rem;transition:all var(--transition-fast)}.quiz-modal-done-btn:hover{background:var(--color-primary-dark)}@media (max-width:520px){.quiz-modal{width:96vw;max-height:90vh;border-radius:var(--radius-md)}.quiz-form,.quiz-modal-header,.quiz-modal-result,.quiz-modal-source{padding-left:var(--space-sm);padding-right:var(--space-sm)}.quiz-modal-header h3{font-size:.9375rem}.quiz-modal-source{font-size:.6875rem}.quiz-form{gap:var(--space-sm)}.quiz-choice-item{padding:7px 8px}.quiz-reveal-btn{min-height:42px;font-size:.75rem}.quiz-card-text,.quiz-choice-text{font-size:.8125rem}.quiz-modal-actions{flex-direction:column}.quiz-modal-another-btn,.quiz-modal-done-btn{width:100%}}.question-input-wrapper{display:flex;flex-direction:column;gap:4px;padding:var(--space-sm) var(--space-sm);background-color:transparent}.question-input-header{display:flex;flex-direction:row;align-items:flex-end;justify-content:space-between;padding-bottom:var(--space-xs);background-color:transparent;height:auto;width:100%}.question-model-selector{display:flex;justify-content:flex-end}.model-select{font-size:.6875rem;height:24px;padding:2px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;outline:none;transition:all var(--transition-fast);font-weight:500}.model-select:focus{border-color:var(--color-primary)}.model-thinking{color:#7c3aed;border-color:#c4b5fd;background:#f5f3ff}.model-light{color:#d97706;border-color:#fde68a;background:#fffbeb}.settings-modal{background:var(--color-bg);border-radius:var(--radius-lg);max-height:80vh;max-width:480px;width:90vw;box-shadow:0 20px 60px rgba(0,0,0,.3);display:flex;flex-direction:column;overflow-y:auto;scrollbar-width:none}.settings-modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md) var(--space-lg);border-bottom:1px solid var(--color-border)}.settings-modal-header h3{margin:0;font-size:1rem}.settings-modal-close{background:none;border:none;font-size:1.125rem;cursor:pointer;color:var(--color-text-tertiary)}.settings-modal-body{padding:var(--space-lg)}.settings-item{display:flex;flex-direction:column;gap:var(--space-sm)}.settings-item-danger{margin-top:var(--space-lg);padding-top:var(--space-md);border-top:1px solid #fecaca}.settings-label-danger{color:#b91c1c}.settings-delete-btn{align-self:flex-start;padding:8px 14px;border:none;border-radius:var(--radius-sm);background:#dc2626;color:white;cursor:pointer;font-size:.8125rem;transition:background var(--transition-fast)}.settings-delete-btn:hover{background:#b91c1c}.settings-label{font-weight:600;font-size:.9375rem;color:var(--color-text)}.settings-description{font-size:.8125rem;color:var(--color-text-tertiary);margin:0}.settings-model-selector{display:flex;gap:var(--space-sm);margin-top:var(--space-sm)}.settings-model-btn{flex:1 1;display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);cursor:pointer;transition:all var(--transition-fast)}.settings-model-btn:hover{border-color:var(--color-primary-light)}.settings-model-btn.active{border-color:var(--color-primary);background:var(--color-primary-bg)}.settings-model-icon{font-size:1.5rem}.settings-model-info{display:flex;flex-direction:column;text-align:left}.settings-model-name{font-weight:600;font-size:.875rem;color:var(--color-text)}.settings-model-desc{font-size:.6875rem;color:var(--color-text-tertiary)}.settings-modal-footer{display:flex;justify-content:flex-end;gap:var(--space-sm);padding:var(--space-md) var(--space-lg);border-top:1px solid var(--color-border)}.settings-cancel-btn{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-secondary)}.settings-cancel-btn,.settings-save-btn{padding:8px 16px;cursor:pointer;font-size:.8125rem}.settings-save-btn{border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:white;transition:all var(--transition-fast)}.settings-save-btn:hover{background:var(--color-primary-dark)}.settings-save-btn:disabled{opacity:.6;cursor:not-allowed}.mobile-menu-toggle{display:none;position:fixed;bottom:calc(var(--question-input-height, 70px) + var(--space-xs));z-index:50;width:38px;height:38px;border-radius:var(--radius-md);background:var(--color-primary);color:white;border:none;box-shadow:0 4px 12px rgba(0,0,0,.15);cursor:pointer;align-items:center;justify-content:center;transition:bottom .2s ease-out,background var(--transition-fast),transform var(--transition-fast)}.mobile-menu-toggle:hover{background:var(--color-primary-light);transform:scale(1.05)}.mobile-menu-toggle:active{transform:scale(.95)}.mobile-menu-toggle-left{left:var(--space-sm)}.mobile-menu-toggle-right{right:var(--space-sm)}.mobile-slide-overlay{display:none;position:fixed;inset:0;background:rgba(0,0,0,.4);z-index:60;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.mobile-slide-panel{position:fixed;top:0;bottom:0;width:80vw;max-width:320px;background:var(--color-bg);box-shadow:0 0 20px rgba(0,0,0,.2);z-index:70;overflow-y:auto;transition:transform .3s ease-out}.mobile-slide-panel-left{left:0;transform:translateX(-100%)}.mobile-slide-panel-left.open{transform:translateX(0)}.mobile-slide-panel-right{right:0;transform:translateX(100%)}.mobile-slide-panel-right.open{transform:translateX(0)}.mobile-slide-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md);border-bottom:1px solid var(--color-border-light);background:var(--color-bg-secondary)}.mobile-slide-title{font-size:1rem;font-weight:600;color:var(--color-text)}.mobile-slide-close{background:none;border:none;font-size:1.25rem;color:var(--color-text-tertiary);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.mobile-slide-close:hover{color:var(--color-text)}.mobile-slide-content{padding:var(--space-md)}@media (max-width:768px){.management-menu,.memo-pane{display:none}.mobile-menu-toggle{display:flex}.mobile-slide-overlay.active{display:block}.main-top-bar{padding:var(--space-xs) var(--space-sm);overflow-x:auto;scrollbar-width:none}.main-header-note-title{max-width:120px}.page-title-text{font-size:.875rem;white-space:nowrap}.page-tabs{padding:0 var(--space-sm)}.page-tab{min-width:100px;font-size:.75rem;padding:.5rem .75rem}.chat-pane-content{padding:var(--space-md);scrollbar-width:none}.node-card-header{padding:var(--space-sm)}.node-question{font-size:.875rem}.node-answer{padding:var(--space-sm)}.node-answer-content{font-size:.8125rem}.node-action-btn-span,.node-header-action-btn-span{display:none}.node-action-btn{padding:0 .375rem;min-width:32px}.question-input-wrapper{padding:var(--space-sm)}.question-input{font-size:.875rem;padding:.5rem .75rem}.question-submit-btn{width:36px;height:36px}.modal-content{width:95vw;padding:var(--space-lg)}.quiz-modal,.search-modal,.settings-modal,.tree-modal{width:95vw;max-width:none}.tree-container{--tree-node-box-width:200px}.tree-node-box{font-size:.75rem;padding:4px 8px}.mobile-slide-content .management-menu,.mobile-slide-content .memo-pane{display:block;width:100%;border:none;padding:0}.memo-pane-center{padding:0}.memo-content-area{padding:var(--space-sm)}.memo-node-title{font-size:.8125rem}.deck-workspace{padding:var(--space-sm)}.deck-table{font-size:.75rem;--deck-col1-min-width:200px;--deck-col2-min-width:300px;--deck-col3-min-width:300px}.deck-col-header{min-width:var(--deck-col1-min-width)}.deck-cell-textarea{font-size:.8125rem;padding:.375rem .5rem}.deck-row-num{width:30px;font-size:.6875rem}.page-type-modal{max-width:90vw}}.question-textarea{resize:none;min-height:40px;max-height:200px;overflow-y:auto;line-height:1.5;font-family:var(--font-sans)}.question-input-wrapper.drag-over{border:2px dashed var(--color-primary-light);background:var(--color-primary-bg)}.settings-enter-mode-selector{display:flex;flex-direction:column;gap:var(--space-sm);margin-top:var(--space-sm)}.settings-enter-mode-option{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.settings-enter-mode-option:hover{border-color:var(--color-primary-light)}.settings-enter-mode-option.active{border-color:var(--color-primary);background:var(--color-primary-bg)}.settings-enter-mode-option input[type=radio]{accent-color:var(--color-primary)}.settings-enter-mode-info{display:flex;flex-direction:column}.settings-enter-mode-name{font-weight:600;font-size:.875rem;color:var(--color-text)}.settings-enter-mode-desc{font-size:.6875rem;color:var(--color-text-tertiary)}.question-image-preview-area{display:flex;align-items:flex-end;gap:var(--space-xs);padding:0;flex-wrap:wrap}.question-image-thumb{position:relative;width:52px;height:52px;border-radius:var(--radius-sm);overflow:hidden;border:1px solid var(--color-border)}.question-image-thumb img{width:100%;height:100%;object-fit:cover}.question-image-remove{position:absolute;top:2px;right:2px;width:18px;height:18px;padding:0;display:flex;align-items:center;justify-content:center;background:rgba(0,0,0,.6);border:none;border-radius:50%;color:white;cursor:pointer;font-size:.625rem;transition:all var(--transition-fast)}.question-image-remove:hover{background:rgba(220,38,38,.9)}.question-image-uploading{background:var(--color-bg-tertiary);font-size:1rem}.question-image-add-btn,.question-image-uploading{display:flex;align-items:center;justify-content:center}.question-image-add-btn{width:24px;height:24px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.question-image-add-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary);background:var(--color-primary-bg)}.copy-btn-copied{color:var(--color-success,#22c55e)!important;border-color:var(--color-success,#22c55e)!important}.memo-node-header{background:rgba(34,139,34,.06)!important}.memo-node-header:hover{background:rgba(34,139,34,.1)!important}.memo-node-title{flex:1 1;font-size:.9375rem;font-weight:600;color:var(--color-text);line-height:1.5;cursor:text}.memo-title-edit-form{display:flex;align-items:center;gap:var(--space-xs);flex:1 1}.memo-title-input{flex:1 1;padding:.25rem .5rem;border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);font-size:.875rem;font-family:var(--font-sans);outline:none;box-shadow:0 0 0 3px rgba(82,183,136,.1)}.memo-title-edit-btn{display:inline-flex;align-items:center;gap:.25rem;height:1.75rem;padding:0 .5rem;border:none;background:transparent;color:var(--color-text-secondary);border-radius:var(--radius-sm);font-size:.75rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.memo-title-edit-btn:hover{background:rgba(34,139,34,.2);border-color:rgba(34,139,34,.5);color:#185a2f}.memo-content-area{padding:var(--space-md);min-height:120px}.memo-tiptap-wrapper .tiptap-editor{min-height:80px}.memo-pane-center{flex:1 1;display:flex;flex-direction:column;background:var(--color-bg);overflow-y:auto}.memo-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:var(--space-md);color:var(--color-text-tertiary);font-size:.9375rem}.memo-create-first-btn{display:flex;align-items:center;gap:var(--space-xs);padding:.5rem 1rem;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.memo-create-first-btn:hover{background:var(--color-primary-light)}.memo-create-btn{color:var(--color-primary)!important;border-color:var(--color-primary-lighter)!important}.memo-create-btn:hover{background:var(--color-primary-bg)!important}.deck-workspace{flex:1 1;display:flex;flex-direction:column;background:var(--color-bg);overflow:hidden;padding:var(--space-lg)}.deck-table-wrapper{--deck-header-height:52px;overflow-x:auto;overflow-y:auto;scrollbar-width:none;flex:1 1;min-height:0;overscroll-behavior:contain}.deck-table{width:100%;border-collapse:collapse;font-size:.875rem;--deck-col1-min-width:120px;--deck-col2-min-width:200px;--deck-col3-min-width:190px}.deck-table th{padding:.625rem .75rem;background:var(--color-bg-secondary);border:1px solid var(--color-border-light);font-weight:600;color:var(--color-text-secondary);text-align:left;position:-webkit-sticky;position:sticky;top:var(--deck-header-height,0);z-index:1}.deck-col-header{min-width:150px}.deck-cell-col1,.deck-col-header-col1{min-width:var(--deck-col1-min-width)}.deck-cell-col2,.deck-col-header-col2{min-width:var(--deck-col2-min-width)}.deck-cell-col3,.deck-col-header-col3{min-width:var(--deck-col3-min-width)}.deck-label-text{display:flex;align-items:center;gap:var(--space-xs);cursor:pointer}.deck-label-edit-icon{opacity:.3;transition:opacity var(--transition-fast)}.deck-label-text:hover .deck-label-edit-icon{opacity:.7}.deck-label-edit{display:flex;align-items:center}.deck-label-input{width:100%;padding:.25rem .375rem;border:1px solid var(--color-primary-light);border-radius:var(--radius-sm);font-size:.8125rem;font-family:var(--font-sans);outline:none;box-shadow:0 0 0 2px rgba(82,183,136,.1)}.deck-row-num{width:40px;text-align:center;color:var(--color-text-tertiary);font-size:.75rem;font-weight:500;padding:.5rem}.deck-cell,.deck-row-num{border:1px solid var(--color-border-light)}.deck-cell{padding:0;vertical-align:top}.deck-cell-textarea{width:100%;border:none;background:transparent;padding:.5rem .625rem;font-family:var(--font-sans);font-size:.875rem;line-height:1.5;color:var(--color-text);resize:none;overflow-y:hidden;min-height:2rem;outline:none;box-sizing:border-box}.deck-cell-textarea:focus{background:rgba(82,183,136,.04)}.deck-actions-col{width:60px}.deck-actions-cell,.deck-actions-col{text-align:center;border:1px solid var(--color-border-light)}.deck-actions-cell{padding:.375rem}.deck-delete-btn{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.deck-delete-btn:hover{background:#fef2f2;border-color:#fecaca;color:#dc2626}.deck-empty-row{text-align:center;padding:var(--space-lg)!important;border:1px solid var(--color-border-light)}.deck-add-first-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:.5rem 1rem;background:var(--color-primary);color:var(--color-text-inverse);border:none;border-radius:var(--radius-md);font-size:.875rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.deck-add-first-btn:hover{background:var(--color-primary-light)}.deck-footer{display:flex;justify-content:center;padding:var(--space-md) 0}.deck-add-row-btn{display:flex;align-items:center;gap:var(--space-xs);padding:.375rem 1rem;background:transparent;border:1px dashed var(--color-border);border-radius:var(--radius-md);color:var(--color-text-secondary);font-size:.8125rem;cursor:pointer;transition:all var(--transition-fast)}.deck-add-row-btn:hover{background:var(--color-primary-bg);border-color:var(--color-primary-light);color:var(--color-primary)}.deck-row{transition:background var(--transition-fast)}.deck-row:hover{background:rgba(0,0,0,.01)}.deck-row-selected{background:rgba(82,183,136,.06)}.deck-row-selected:hover{background:rgba(82,183,136,.09)}.deck-main-table-wrapper{--deck-header-height:52px;overflow-y:auto;position:relative;touch-action:none}.deck-main-header{position:-webkit-sticky;position:sticky;min-width:max-content;top:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--space-sm);height:var(--deck-header-height,52px);padding:.5rem .625rem;border:1px solid var(--color-border-light);border-bottom:none;background:var(--color-bg);box-sizing:border-box}.deck-search-group{display:flex;align-items:center;gap:var(--space-xs);min-width:0}.deck-search-input{width:220px;max-width:46vw;padding:.375rem .5rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-size:.8125rem}.deck-search-input:focus{outline:none;border-color:var(--color-primary-light);box-shadow:0 0 0 2px rgba(82,183,136,.12)}.deck-search-count{min-width:2.75rem;text-align:right;font-size:.75rem;color:var(--color-text-secondary);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.deck-header-actions{display:flex;align-items:center;gap:var(--space-xs)}.deck-header-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.35rem .6rem;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);font-size:.75rem;cursor:pointer;transition:all var(--transition-fast)}.deck-header-btn:hover{background:var(--color-primary-bg)}.deck-header-btn.is-active,.deck-header-btn:hover{border-color:var(--color-primary-light);color:var(--color-primary)}.deck-header-btn.is-active{background:rgba(82,183,136,.12)}.deck-header-btn.is-active:hover{background:rgba(82,183,136,.18)}.deck-shuffle-icon{transform:rotate(90deg)}.deck-main-table-wrapper .deck-table th{top:var(--deck-header-height)}.deck-row-num-selected{font-weight:700;color:var(--color-text)}.deck-col-header-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-xs)}.deck-check-col{font-size:.75rem;color:var(--color-text-tertiary)}.deck-check-cell,.deck-check-col{width:36px;text-align:center;border:1px solid var(--color-border-light)}.deck-check-cell{padding:.375rem;vertical-align:middle}.deck-check-input{width:15px;height:15px;cursor:pointer;accent-color:var(--color-primary)}.deck-redsheet-toggle{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-tertiary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0;opacity:.5}.deck-redsheet-toggle:hover{opacity:1;border-color:var(--color-border);background:rgba(0,0,0,.03)}.deck-redsheet-toggle.active{opacity:1;color:#dc2626;border-color:#fecaca;background:#fef2f2}.deck-cell-redsheet .deck-cell-textarea{background:#ef4444;color:transparent;caret-color:transparent}.deck-cell-redsheet .deck-cell-textarea::placeholder{color:transparent}.deck-cell-redsheet .deck-cell-textarea:focus{background:rgba(239,68,68,.08);color:var(--color-text);caret-color:auto}.deck-cell-redsheet .deck-cell-textarea:focus::placeholder{color:var(--color-text-tertiary)}.main-tree-display{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);overflow:hidden;flex-shrink:0;margin-left:var(--space-xs);transition:transform var(--transition-fast);cursor:default}.main-tree-display:hover{transform:scale(1.1)}.page-test-section{display:flex;flex-direction:column;align-items:center;padding:var(--space-lg) var(--space-md);margin-top:var(--space-md)}.page-test-btn{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-xl);background:linear-gradient(135deg,var(--color-primary),var(--color-primary-light));color:white;border:none;border-radius:var(--radius-lg);font-size:.9375rem;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.page-test-btn:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-lg)}.page-test-btn:disabled{opacity:.5;cursor:not-allowed}.page-test-btn.disabled{background:var(--color-bg-tertiary);color:var(--color-text-tertiary);box-shadow:none}.page-test-hint{font-size:.75rem;color:var(--color-text-tertiary);margin-top:var(--space-sm);text-align:center;line-height:1.5}.settings-publish-status{display:flex;align-items:center;gap:var(--space-sm)}.settings-publish-badge{display:inline-flex;align-items:center;gap:4px;font-size:.8125rem;font-weight:500;padding:4px 10px;border-radius:var(--radius-sm)}.settings-publish-badge.published{background:rgba(34,197,94,.1);color:#22c55e}.settings-publish-badge.unpublished{background:var(--color-surface);color:var(--color-text-tertiary)}.settings-publish-url{display:flex;align-items:center;gap:4px}.settings-publish-url-input{flex:1 1;padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text);font-size:.75rem;font-family:var(--font-mono,monospace);outline:none;cursor:text}.settings-publish-url-input:focus{border-color:var(--color-primary)}.settings-publish-url-copy{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-secondary);cursor:pointer;transition:all var(--transition-fast);flex-shrink:0}.settings-publish-url-copy:hover{background:var(--color-primary-bg);color:var(--color-primary);border-color:var(--color-primary-lighter)}.settings-publish-btn{align-self:flex-start;padding:8px 18px;border:none;border-radius:var(--radius-sm);background:var(--color-primary);color:white;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all var(--transition-fast)}.settings-publish-btn:hover{background:var(--color-primary-dark)}.settings-publish-btn:disabled{opacity:.6;cursor:not-allowed}.settings-unpublish-btn{align-self:flex-start;padding:8px 18px;border:1px solid #ef4444;border-radius:var(--radius-sm);background:transparent;color:#ef4444;cursor:pointer;font-size:.8125rem;font-weight:500;transition:all var(--transition-fast)}.settings-unpublish-btn:hover{background:rgba(239,68,68,.08)}.settings-unpublish-btn:disabled{opacity:.6;cursor:not-allowed}.deck-header-bar{display:flex;justify-content:flex-end;padding-bottom:var(--space-sm)}