.okr-page{min-height:100%;padding:var(--space-4) var(--space-6);gap:var(--space-4);color:var(--color-text-primary);background:var(--color-bg);flex-direction:column;display:flex;overflow:auto}.okr-header{flex:none}.okr-header h1{margin:0 0 var(--space-1);font-size:var(--text-xl);color:var(--color-text-primary);font-weight:600}.okr-header__desc{font-size:var(--text-md);color:var(--color-text-secondary);margin:0}.okr-split{gap:var(--space-4);flex:auto;align-items:stretch;min-height:0;display:flex}.okr-split__left{min-width:280px;max-width:380px;padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:0 0 320px;overflow:auto}.okr-split__right{padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);flex:auto;justify-content:center;align-items:center;display:flex;overflow:auto}.okr-tree{--okr-palette-1:var(--color-primary);--okr-palette-2:var(--color-success);--okr-palette-3:var(--color-warning);--okr-palette-4:var(--color-danger);--okr-palette-5:var(--color-hypothesis);--okr-palette-6:var(--color-info);--okr-palette-7:var(--color-warning-alt);--okr-palette-8:var(--color-text-secondary);gap:var(--space-2);flex-direction:column;display:flex}.okr-tree__add-root{appearance:none;border:1px dashed var(--color-border-muted);color:var(--color-primary);font-size:var(--text-md);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast), border-color var(--transition-fast);background:0 0;font-weight:500}.okr-tree__add-root:hover{background:var(--color-hover);border-color:var(--color-primary)}.okr-tree__add-root:focus{box-shadow:var(--focus-ring);outline:none}.okr-tree__empty-hint{color:var(--color-text-muted);font-size:var(--text-base);margin:0;line-height:1.4}.okr-tree__list,.okr-tree__children{margin:0;padding:0;list-style:none}.okr-tree__children{padding-left:var(--space-4);border-left:1px dashed var(--color-border-muted,var(--color-border));margin-left:var(--space-3)}.okr-tree__node{margin:0}.okr-tree__row{align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);cursor:pointer;min-height:28px;transition:background var(--transition-fast);display:flex;position:relative}.okr-tree__row:hover{background:var(--color-hover)}.okr-tree__row--selected{background:var(--color-primary-light);outline:1px solid var(--color-primary-border)}.okr-tree__row:focus{box-shadow:var(--focus-ring);outline:none}.okr-tree__row--kr{color:var(--color-text-secondary);font-size:var(--text-base)}.okr-tree__color-dot{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-alt);cursor:pointer;flex:none;width:12px;height:12px;padding:0}.okr-tree__color-dot:hover{border-color:var(--color-primary)}.okr-tree__color-dot--palette-1{background:var(--okr-palette-1);border-color:var(--okr-palette-1)}.okr-tree__color-dot--palette-2{background:var(--okr-palette-2);border-color:var(--okr-palette-2)}.okr-tree__color-dot--palette-3{background:var(--okr-palette-3);border-color:var(--okr-palette-3)}.okr-tree__color-dot--palette-4{background:var(--okr-palette-4);border-color:var(--okr-palette-4)}.okr-tree__color-dot--palette-5{background:var(--okr-palette-5);border-color:var(--okr-palette-5)}.okr-tree__color-dot--palette-6{background:var(--okr-palette-6);border-color:var(--okr-palette-6)}.okr-tree__color-dot--palette-7{background:var(--okr-palette-7);border-color:var(--okr-palette-7)}.okr-tree__color-dot--palette-8{background:var(--okr-palette-8);border-color:var(--okr-palette-8)}.okr-tree__color-palette{z-index:10;gap:var(--space-1);padding:var(--space-2);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md);grid-template-columns:repeat(4,1fr);display:grid;position:absolute;top:100%;left:0}.okr-tree__color-swatch{border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-alt);cursor:pointer;width:20px;height:20px;padding:0}.okr-tree__color-swatch--palette-1{background:var(--okr-palette-1)}.okr-tree__color-swatch--palette-2{background:var(--okr-palette-2)}.okr-tree__color-swatch--palette-3{background:var(--okr-palette-3)}.okr-tree__color-swatch--palette-4{background:var(--okr-palette-4)}.okr-tree__color-swatch--palette-5{background:var(--okr-palette-5)}.okr-tree__color-swatch--palette-6{background:var(--okr-palette-6)}.okr-tree__color-swatch--palette-7{background:var(--okr-palette-7)}.okr-tree__color-swatch--palette-8{background:var(--okr-palette-8)}.okr-tree__color-swatch:hover{border-color:var(--color-primary);transform:scale(1.1)}.okr-tree__title{font-size:var(--text-md);color:var(--color-text-primary);-webkit-line-clamp:2;text-overflow:ellipsis;-webkit-user-select:none;user-select:none;-webkit-box-orient:vertical;flex:auto;min-width:0;line-height:1.3;display:-webkit-box;overflow:hidden}.okr-tree__title--kr{color:var(--color-text-secondary);font-size:var(--text-base)}.okr-tree__kr-marker{color:var(--color-text-muted);font-size:var(--text-base);flex:none}.okr-tree__rename-input{font-size:var(--text-md);color:var(--color-text-primary);background:var(--color-surface);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);padding:2px var(--space-1);flex:auto;min-width:0}.okr-tree__rename-input:focus{box-shadow:var(--focus-ring);outline:none}.okr-tree__actions{gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast);flex:none;display:flex}.okr-tree__row:hover .okr-tree__actions,.okr-tree__row:focus-within .okr-tree__actions{opacity:1}.okr-tree__action-btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:var(--text-xs);padding:2px var(--space-2);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.okr-tree__action-btn:hover{background:var(--color-hover);border-color:var(--color-primary);color:var(--color-text-primary)}.okr-tree__action-btn--danger:hover{background:var(--color-danger-bg);border-color:var(--color-danger);color:var(--color-danger)}.okr-tree__action-btn:focus{box-shadow:var(--focus-ring);outline:none}.okr-tree__row{row-gap:var(--space-1);flex-wrap:wrap;align-items:center}.okr-tree__chevron-btn{appearance:none;color:var(--color-text-muted);cursor:pointer;width:16px;height:16px;font-size:var(--text-base);border-radius:var(--radius-sm);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.okr-tree__chevron-btn:hover{background:var(--color-hover);color:var(--color-text-primary)}.okr-tree__chevron-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-tree__chevron-spacer{flex:none;width:16px;height:16px;display:inline-block}.okr-tree__chip{padding:1px var(--space-2);font-size:var(--text-xs);border-radius:var(--radius-pill);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-secondary);white-space:nowrap;font-variant-numeric:tabular-nums;flex:none;align-items:center;gap:2px;font-weight:500;line-height:1.2;display:inline-flex}.okr-tree__score-chip{color:var(--color-on-primary,var(--color-bg));border-color:#0000;font-weight:600}.okr-tree__period-chip{background:var(--color-hover);color:var(--color-text-secondary)}.okr-tree__counter-chip{background:var(--color-surface-alt);color:var(--color-text-muted)}.okr-tree__kr-progress{background:var(--color-primary-light);color:var(--color-primary);border-color:var(--color-primary-border,var(--color-primary))}.okr-tree__kr-checklist-chip{background:var(--color-surface-alt);color:var(--color-text-muted)}.okr-tree__kr-type-icon{width:16px;height:16px;font-size:var(--text-base);flex:none;justify-content:center;align-items:center;line-height:1;display:inline-flex}.okr-editor-placeholder{align-items:center;gap:var(--space-4);text-align:center;flex-direction:column;max-width:420px;display:flex}.okr-editor-placeholder__copy{color:var(--color-text-secondary);font-size:var(--text-lg);margin:0;line-height:1.4}.okr-editor-placeholder__analyze{appearance:none;border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-secondary);font-size:var(--text-md);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.okr-editor-placeholder__analyze:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary)}.okr-editor-placeholder__analyze:disabled{opacity:.55;cursor:not-allowed}.okr-editor-placeholder__analyze:focus{box-shadow:var(--focus-ring);outline:none}.okr-editor-placeholder__tooltip-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.okr-split__right:has(.okr-editor){justify-content:flex-start;align-items:stretch}.okr-editor{gap:var(--space-4);flex-direction:column;width:100%;max-width:1120px;display:flex}.okr-editor__header{align-items:baseline;gap:var(--space-2);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-2);flex-wrap:wrap;display:flex}.okr-editor__title{font-size:var(--text-lg);color:var(--color-text-primary);word-break:break-word;margin:0;font-weight:600}.okr-editor__child-indicator{font-size:var(--text-base);color:var(--color-text-muted)}.okr-editor__field{gap:var(--space-1);flex-direction:column;display:flex}.okr-editor__label{font-size:var(--text-base);color:var(--color-text-secondary);font-weight:500}.okr-editor__textarea,.okr-editor__input{font:inherit;color:var(--color-text-primary);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);box-sizing:border-box;width:100%;transition:border-color var(--transition-fast), background var(--transition-fast)}.okr-editor__textarea{resize:vertical;min-height:72px;line-height:1.45}.okr-editor__textarea--raw{font-family:var(--font-mono,ui-monospace, SFMono-Regular, Menlo, monospace);font-size:var(--text-base);min-height:140px}.okr-editor__textarea:focus,.okr-editor__input:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);background:var(--color-surface);outline:none}.okr-editor__actions{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.okr-editor__analyze-ai{appearance:none;border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-secondary);font:inherit;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.okr-editor__analyze-ai:hover:not(:disabled){background:var(--color-hover);border-color:var(--color-primary)}.okr-editor__analyze-ai:disabled{opacity:.55;cursor:not-allowed}.okr-editor__analyze-ai:focus{box-shadow:var(--focus-ring);outline:none}.okr-editor__tooltip-text{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.okr-editor__analyze-local{appearance:none;border:1px solid var(--color-primary);background:var(--color-primary);color:var(--color-on-primary,#fff);font:inherit;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast)}.okr-editor__analyze-local:hover:not(:disabled){filter:brightness(1.05)}.okr-editor__analyze-local:disabled{opacity:.55;cursor:not-allowed}.okr-editor__analyze-local:focus{box-shadow:var(--focus-ring);outline:none}.okr-editor__raw-preview{padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font:inherit;white-space:pre-wrap;word-break:break-word;cursor:pointer;color:var(--color-text-secondary);max-height:160px;margin:0;overflow:auto}.okr-editor__raw-preview:hover,.okr-editor__raw-preview:focus{border-color:var(--color-primary);box-shadow:var(--focus-ring);outline:none}.okr-editor__raw-expand{appearance:none;margin-top:var(--space-2);border:1px solid var(--color-border);color:var(--color-text-secondary);font:inherit;padding:var(--space-1) var(--space-3);border-radius:var(--radius-md);cursor:pointer;background:0 0;align-self:flex-start}.okr-editor__raw-expand:hover{background:var(--color-hover);border-color:var(--color-primary)}.okr-editor__raw-expand:focus{box-shadow:var(--focus-ring);outline:none}@media (width<=780px){.okr-split{flex-direction:column}.okr-split__left{flex:none;min-width:0;max-width:none}.okr-split__right{flex:auto;min-height:240px}}.okr-objective-row--dragging{opacity:.55}.okr-objective-row--drag-over{outline:2px solid var(--color-primary);outline-offset:-2px}.okr-root-drop-zone{box-sizing:border-box;min-height:12px;padding:0 var(--space-2);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:var(--text-xs);transition:min-height var(--transition-fast), border-color var(--transition-fast), background var(--transition-fast), padding var(--transition-fast);border:1px dashed #0000;justify-content:flex-start;align-items:center;display:flex}.okr-root-drop-zone__hint{opacity:0;transition:opacity var(--transition-fast);pointer-events:none}.okr-root-drop-zone--drag-over{min-height:36px;padding:var(--space-2);border-color:var(--color-primary);background:var(--color-primary-light)}.okr-root-drop-zone--drag-over .okr-root-drop-zone__hint{opacity:1;color:var(--color-primary)}.okr-error-banner{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-danger-bg);color:var(--color-danger);border:1px solid var(--color-danger);border-radius:var(--radius-md);font-size:var(--text-md);box-shadow:var(--shadow-sm);display:flex}.okr-error-banner__message{flex:auto}.okr-error-banner__close{appearance:none;color:inherit;font-size:var(--text-lg);padding:0 var(--space-1);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:none;line-height:1}.okr-error-banner__close:hover{background:var(--color-hover)}.okr-error-banner__close:focus{box-shadow:var(--focus-ring);outline:none}.okr-confirm-dialog-overlay{background:var(--color-overlay,#00000073);z-index:1000;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.okr-confirm-dialog{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg,var(--radius-md));box-shadow:var(--shadow-lg,var(--shadow-sm));padding:var(--space-4) var(--space-5,var(--space-4));gap:var(--space-3);flex-direction:column;width:100%;max-width:420px;display:flex}.okr-confirm-dialog__title{font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.okr-confirm-dialog__body{font-size:var(--text-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.okr-confirm-dialog__actions{justify-content:flex-end;gap:var(--space-2);margin-top:var(--space-2);display:flex}.okr-confirm-dialog__btn{appearance:none;font:inherit;cursor:pointer;padding:var(--space-2) var(--space-4);border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-primary);min-width:88px;transition:background var(--transition-fast), border-color var(--transition-fast)}.okr-confirm-dialog__btn:hover{background:var(--color-hover)}.okr-confirm-dialog__btn:focus{box-shadow:var(--focus-ring);outline:none}.okr-confirm-dialog__btn--confirm{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-on-primary,var(--color-bg))}.okr-confirm-dialog__btn--confirm:hover{background:var(--color-primary-hover,var(--color-primary))}.okr-confirm-dialog__btn--destructive{border-color:var(--color-danger);background:var(--color-danger);color:var(--color-on-danger,var(--color-bg))}.okr-confirm-dialog__btn--destructive:hover{background:var(--color-danger-hover,var(--color-danger))}.okr-kr-panel{gap:var(--space-2);margin-top:var(--space-4);padding-top:var(--space-3);border-top:1px solid var(--color-border);flex-direction:column;display:flex}.okr-kr-panel--empty{padding-top:var(--space-2)}.okr-kr-panel__empty-hint{color:var(--color-text-muted);font-size:var(--text-sm);margin:0;font-style:italic}.okr-kr-panel__list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.okr-kr-panel__item{margin:0;padding:0}.okr-kr-row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:background var(--transition-fast), border-color var(--transition-fast);flex-wrap:wrap;display:flex}.okr-kr-row:hover{background:var(--color-hover)}.okr-kr-row:focus-within{border-color:var(--color-accent);outline:none}.okr-kr-row--dragging{opacity:.55;cursor:grabbing}.okr-kr-row--drag-over{border-color:var(--color-accent);background:var(--color-hover)}.okr-kr-row__drag-handle{width:16px;min-width:16px;height:100%;color:var(--color-text-muted);cursor:grab;-webkit-user-select:none;user-select:none;font-size:var(--text-lg);justify-content:center;align-items:center;line-height:1;display:inline-flex}.okr-kr-row__drag-handle:hover{color:var(--color-text-primary)}.okr-kr-row__title{min-width:120px;color:var(--color-text-primary);cursor:text;text-overflow:ellipsis;white-space:nowrap;flex:160px;font-weight:500;overflow:hidden}.okr-kr-row__rename-input{min-width:120px;padding:var(--space-1) var(--space-2);border:1px solid var(--color-accent);border-radius:var(--radius-sm);background:var(--color-surface);color:var(--color-text-primary);font:inherit;flex:160px}.okr-kr-row__field{flex-direction:column;gap:2px;min-width:72px;display:inline-flex}.okr-kr-row__field--type{min-width:120px}.okr-kr-row__field-label{font-size:var(--text-xs);color:var(--color-text-muted);line-height:1}.okr-kr-row__type,.okr-kr-row__baseline,.okr-kr-row__current,.okr-kr-row__target,.okr-kr-row__unit{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font:inherit;width:100%;min-width:0}.okr-kr-row__type{min-width:120px}.okr-kr-row__baseline,.okr-kr-row__current,.okr-kr-row__target{width:84px}.okr-kr-row__unit{width:88px}.okr-kr-row__weight{padding:var(--space-1) var(--space-2);border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-primary);font:inherit;width:84px;min-width:0}.okr-kr-row__delete{border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-text-muted);cursor:pointer;transition:background var(--transition-fast), color var(--transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;display:inline-flex}.okr-kr-row__delete:hover{background:var(--color-danger-bg,var(--color-hover));color:var(--color-danger,var(--color-text-primary))}@media (width<=780px){.okr-kr-row{flex-direction:column;align-items:stretch}.okr-kr-row__title,.okr-kr-row__rename-input{white-space:normal;flex:auto;width:100%}.okr-kr-row__field{flex-direction:row;justify-content:space-between;align-items:center;min-width:0}.okr-kr-row__baseline,.okr-kr-row__current,.okr-kr-row__target,.okr-kr-row__unit,.okr-kr-row__weight,.okr-kr-row__type{width:60%}.okr-kr-row__delete{align-self:flex-end}}.kanban-kr-badge{font-size:var(--text-xs);background:var(--color-surface-alt);color:var(--color-text-muted);border-radius:var(--radius-pill);border:1px solid var(--color-border);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;max-width:180px;transition:background var(--transition-fast);align-items:center;gap:4px;padding:2px 6px;display:inline-flex;overflow:hidden}.kanban-kr-badge:hover{background:var(--color-hover);color:var(--color-text-primary)}.kanban-kr-badge__icon{opacity:.7;flex-shrink:0}.kanban-kr-badge__name{text-overflow:ellipsis;flex:auto;overflow:hidden}.kanban-kr-badge__progress{font-variant-numeric:tabular-nums;flex-shrink:0;font-weight:600}.okr-checklist-o{gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.okr-checklist-o__header{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.okr-checklist-o__title{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.okr-checklist-o__hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.okr-checklist-o__row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast);grid-template-columns:auto 1fr auto;display:grid;position:relative}.okr-checklist-o__row:hover{background:var(--color-hover)}.okr-checklist-o__tick{appearance:none;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:18px;height:18px;color:var(--color-surface);transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.okr-checklist-o__tick:hover{border-color:var(--color-primary)}.okr-checklist-o__tick:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-checklist-o__tick[aria-checked=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.okr-checklist-o__title-cell{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.35}.okr-checklist-o__help{border:1px solid var(--color-border);width:18px;height:18px;color:var(--color-text-secondary);font-size:var(--text-xs);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.okr-checklist-o__help:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-checklist-o__tooltip{margin-top:var(--space-1);z-index:10;max-width:360px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised,var(--color-surface));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md,var(--shadow-sm));font-size:var(--text-sm);pointer-events:none;line-height:1.4;display:none;position:absolute;top:100%;right:0}.okr-checklist-o__row:hover .okr-checklist-o__tooltip,.okr-checklist-o__row:focus-within .okr-checklist-o__tooltip{display:block}.okr-matrix-kr{gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.okr-matrix-kr__header{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.okr-matrix-kr__title{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.okr-matrix-kr__hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.okr-matrix-kr__empty-hint{padding:var(--space-3);font-size:var(--text-sm);color:var(--color-text-secondary);background:var(--color-hover,transparent);border-radius:var(--radius-sm);margin:0}.okr-matrix-kr__scroll{margin:0 calc(var(--space-3) * -1);padding:0 var(--space-3);overflow-x:auto}.okr-matrix-kr__table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.okr-matrix-kr__corner{background:var(--color-surface);width:1%;min-width:180px}.okr-matrix-kr__col-header{padding:var(--space-1) var(--space-2);color:var(--color-text-primary);text-align:center;border-bottom:1px solid var(--color-border);white-space:nowrap;font-weight:600}.okr-matrix-kr__row{position:relative}.okr-matrix-kr__row-header{z-index:1;background:var(--color-surface);padding:var(--space-2);vertical-align:middle;text-align:left;color:var(--color-text-primary);border-bottom:1px solid var(--color-border);font-weight:500;position:sticky;left:0}.okr-matrix-kr__row-title{margin-right:var(--space-1);line-height:1.35;display:inline-block}.okr-matrix-kr__help{border:1px solid var(--color-border);width:18px;height:18px;color:var(--color-text-secondary);font-size:var(--text-xs);cursor:help;vertical-align:middle;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.okr-matrix-kr__help:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-matrix-kr__tooltip{left:var(--space-3);margin-top:var(--space-1);z-index:10;max-width:360px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised,var(--color-surface));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md,var(--shadow-sm));font-size:var(--text-sm);pointer-events:none;line-height:1.4;display:none;position:absolute;top:100%}.okr-matrix-kr__row:hover .okr-matrix-kr__tooltip,.okr-matrix-kr__row:focus-within .okr-matrix-kr__tooltip{display:block}.okr-matrix-kr__cell-wrap{padding:var(--space-1);text-align:center;border-bottom:1px solid var(--color-border)}.okr-matrix-kr__cell{appearance:none;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:22px;height:22px;color:var(--color-surface);transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.okr-matrix-kr__cell:hover{border-color:var(--color-primary)}.okr-matrix-kr__cell:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-matrix-kr__cell[aria-checked=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.okr-checklist-cascade{gap:var(--space-1);margin-top:var(--space-4);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex-direction:column;display:flex}.okr-checklist-cascade__header{gap:var(--space-1);margin-bottom:var(--space-2);flex-direction:column;display:flex}.okr-checklist-cascade__title{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.okr-checklist-cascade__hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin:0}.okr-checklist-cascade__row{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-1);border-radius:var(--radius-sm);transition:background var(--transition-fast);grid-template-columns:auto 1fr auto;display:grid;position:relative}.okr-checklist-cascade__row:hover{background:var(--color-hover)}.okr-checklist-cascade__tick{appearance:none;border:1.5px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);cursor:pointer;width:18px;height:18px;color:var(--color-surface);transition:background var(--transition-fast), border-color var(--transition-fast);justify-content:center;align-items:center;padding:0;display:inline-flex}.okr-checklist-cascade__tick:hover{border-color:var(--color-primary)}.okr-checklist-cascade__tick:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-checklist-cascade__tick[aria-checked=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-bg)}.okr-checklist-cascade__title-cell{font-size:var(--text-sm);color:var(--color-text-primary);line-height:1.35}.okr-checklist-cascade__help{border:1px solid var(--color-border);width:18px;height:18px;color:var(--color-text-secondary);font-size:var(--text-xs);cursor:help;background:0 0;border-radius:50%;justify-content:center;align-items:center;padding:0;line-height:1;display:inline-flex}.okr-checklist-cascade__help:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-checklist-cascade__tooltip{margin-top:var(--space-1);z-index:10;max-width:360px;padding:var(--space-2) var(--space-3);background:var(--color-surface-raised,var(--color-surface));color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-md,var(--shadow-sm));font-size:var(--text-sm);pointer-events:none;line-height:1.4;display:none;position:absolute;top:100%;right:0}.okr-checklist-cascade__row:hover .okr-checklist-cascade__tooltip,.okr-checklist-cascade__row:focus-within .okr-checklist-cascade__tooltip{display:block}.okr-dashboard{margin-top:var(--space-4);padding:var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-card)}.okr-dashboard__head{margin-bottom:var(--space-3)}.okr-dashboard__title{font-size:var(--text-md);color:var(--color-text-primary);margin:0;font-weight:600}.okr-dashboard__grid{gap:var(--space-4);grid-template-columns:220px minmax(0,1fr) minmax(0,1fr);align-items:start;display:grid}@media (width<=860px){.okr-dashboard__grid{grid-template-columns:minmax(0,1fr)}}.okr-gauge{width:180px;height:180px;margin:0 auto;position:relative}.okr-gauge__ring{z-index:0;border-radius:50%;width:100%;height:100%;position:relative}.okr-gauge__center{background:var(--color-bg-card);box-shadow:inset 0 0 0 1px var(--color-border);z-index:1;border-radius:50%;justify-content:center;align-items:center;display:flex;position:absolute;inset:18%}.okr-gauge__value{font-size:var(--text-xl);color:var(--okr-gauge-color,var(--color-text-primary));font-weight:700}.okr-radar{width:100%}.okr-radar__svg{width:100%;height:auto;display:block}.okr-radar__ring,.okr-radar__axis{stroke:var(--color-border);stroke-width:1px}.okr-radar__data{fill:var(--color-primary-light);fill-opacity:.6;stroke:var(--color-primary);stroke-width:2px}.okr-radar__label{fill:var(--color-text-primary);font-size:12px;font-weight:500}.okr-bars{gap:var(--space-2);flex-direction:column;display:flex}.okr-bars__row{align-items:center;gap:var(--space-2);font-size:var(--text-sm);grid-template-columns:72px minmax(0,1fr) 56px;display:grid}.okr-bars__label{color:var(--color-text-secondary,var(--color-text-primary));text-align:right;font-weight:500}.okr-bars__track{background:var(--color-bg-subtle);border-radius:var(--radius-sm);height:10px;overflow:hidden}.okr-bars__fill{border-radius:var(--radius-sm);height:100%;transition:width .16s}.okr-bars__score{font-variant-numeric:tabular-nums;color:var(--color-text-primary);text-align:right}.okr-editor__tags{gap:var(--space-2);margin:var(--space-2) 0 var(--space-1);flex-wrap:wrap;display:flex}.okr-editor__tag-chip{font-size:var(--text-sm);border:1px solid var(--color-border);background:var(--color-surface-alt);color:var(--color-text-secondary);border-radius:999px;align-items:center;padding:2px 8px;font-weight:500;line-height:1.4;display:inline-flex}.okr-editor__tag-chip--green{border-color:var(--color-success-border,var(--color-primary));background:var(--color-success-bg,var(--color-primary-light,var(--color-surface-alt)));color:var(--color-success,var(--color-primary))}.okr-editor__tag-chip--gray{border-color:var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-secondary)}.okr-editor__keyboard-hint{font-size:var(--text-sm);color:var(--color-text-secondary);margin-left:var(--space-2);align-self:center}.okr-editor__period-chip{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface-alt);padding:0 var(--space-1) 0 var(--space-3);max-width:320px;transition:border-color var(--transition-fast), box-shadow var(--transition-fast);align-items:center;display:inline-flex}.okr-editor__period-chip:focus-within{border-color:var(--color-primary);box-shadow:var(--focus-ring)}.okr-editor__period-chip__input{padding:var(--space-2) 0;min-width:0;color:inherit;font:inherit;border-radius:var(--radius-md);background:0 0;border:none;outline:none;flex:auto}.okr-editor__period-chip__input:focus{box-shadow:none;outline:none}.okr-editor__period-chip__dropdown{appearance:none;color:var(--color-text-secondary);cursor:pointer;font-size:var(--text-md);padding:0 var(--space-2);background:0 0;border:none;justify-content:center;align-items:center;height:100%;display:inline-flex}.okr-editor__period-chip__dropdown:hover{color:var(--color-primary)}.okr-dashboard__head{justify-content:space-between;align-items:center;gap:var(--space-2);margin-bottom:var(--space-3);display:flex}.okr-dashboard__head-left{align-items:center;gap:var(--space-2);min-width:0;display:inline-flex}.okr-dashboard__info-btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface-alt);width:28px;height:28px;color:var(--color-text-primary);cursor:pointer;transition:background var(--transition-fast), border-color var(--transition-fast);border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;display:inline-flex}.okr-dashboard__info-btn:hover{background:var(--color-hover);border-color:var(--color-primary)}.okr-dashboard__info-btn:focus{box-shadow:var(--focus-ring);outline:none}.okr-dashboard__quality-badge{font-size:var(--text-sm);border:1px solid var(--color-border);background:var(--color-bg-subtle);color:var(--color-text-secondary);white-space:nowrap;border-radius:999px;align-items:center;padding:2px 10px;font-weight:500;display:inline-flex}.okr-section-badge{font-size:var(--text-sm);border:1px solid var(--color-success-border,var(--color-primary));background:var(--color-success-bg,var(--color-primary-light,var(--color-surface-alt)));color:var(--color-success,var(--color-primary));border-radius:999px;align-items:center;padding:4px 12px;font-weight:600;line-height:1.3;display:inline-flex}.okr-gauge__emoji{filter:drop-shadow(0 2px 6px #00000026);pointer-events:none;-webkit-user-select:none;user-select:none;z-index:2;font-size:42px;line-height:1;position:absolute;top:35%;left:50%;transform:translate(-50%,-50%)}.okr-theory-modal__overlay{background:var(--color-overlay,#00000073);z-index:1000;padding:var(--space-4);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.okr-theory-modal{background:var(--color-surface);color:var(--color-text-primary);border:1px solid var(--color-border);border-radius:var(--radius-lg,var(--radius-md));box-shadow:var(--shadow-lg,var(--shadow-sm));padding:var(--space-5,var(--space-4)) var(--space-5,var(--space-4)) var(--space-4);gap:var(--space-3);flex-direction:column;width:100%;max-width:520px;display:flex;position:relative}.okr-theory-modal__close{top:var(--space-2);right:var(--space-2);appearance:none;color:var(--color-text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:20px;line-height:1;display:inline-flex;position:absolute}.okr-theory-modal__close:hover{background:var(--color-hover);color:var(--color-text-primary)}.okr-theory-modal__close:focus{box-shadow:var(--focus-ring);outline:none}.okr-theory-modal__title{padding-right:var(--space-6,var(--space-5,var(--space-4)));font-size:var(--text-lg);color:var(--color-text-primary);margin:0;font-weight:600}.okr-theory-modal__body{gap:var(--space-2);flex-direction:column;display:flex}.okr-theory-modal__para{font-size:var(--text-md);color:var(--color-text-secondary);margin:0;line-height:1.5}.okr-editor__title-row{align-items:center;gap:var(--space-3);padding-bottom:var(--space-2);border-bottom:1px solid var(--color-border);grid-template-columns:2fr 1fr 1.5fr;display:grid}.okr-editor__title-row__title{border-bottom:none;min-width:0;padding-bottom:0}.okr-editor__title-row__period{justify-self:start;min-width:0}.okr-editor__title-row__tags{justify-self:end;min-width:0;margin:0}@media (width<=980px){.okr-editor__title-row{gap:var(--space-2);grid-template-columns:minmax(0,1fr)}.okr-editor__title-row__period,.okr-editor__title-row__tags{justify-self:start}}.okr-checks-grid{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 2fr 1fr;align-items:start;display:grid}.okr-checks-grid>.okr-checklist-o,.okr-checks-grid>.okr-matrix-kr,.okr-checks-grid>.okr-checklist-cascade{min-width:0;margin-top:0}@media (width<=980px){.okr-checks-grid{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}.okr-checklist-cascade__root-hint{padding:var(--space-2) var(--space-1);font-size:var(--text-sm);color:var(--color-text-secondary);margin:0;font-style:italic;line-height:1.5}.okr-mobile{gap:var(--space-3);flex-direction:column;flex:auto;min-height:0;display:flex}.okr-mobile__breadcrumb{align-items:center;gap:var(--space-2);padding:var(--space-2) 0;border-bottom:1px solid var(--color-border);min-height:44px;display:flex}.okr-mobile__back-btn{min-width:44px;min-height:44px;color:var(--color-text-primary);cursor:pointer;border-radius:var(--radius-md);transition:background var(--transition-fast);background:0 0;border:none;flex:none;justify-content:center;align-items:center;padding:0;display:inline-flex}.okr-mobile__back-btn:hover{background:var(--color-hover)}.okr-mobile__back-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-mobile__crumb-list{align-items:center;gap:var(--space-1);white-space:nowrap;scrollbar-width:none;flex:auto;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.okr-mobile__crumb-list::-webkit-scrollbar{display:none}.okr-mobile__crumb-item{align-items:center;gap:var(--space-1);display:inline-flex}.okr-mobile__crumb-link{appearance:none;color:var(--color-primary);font:inherit;font-size:var(--text-sm);cursor:pointer;padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);min-height:32px;transition:background var(--transition-fast);background:0 0;border:none}.okr-mobile__crumb-link:hover{background:var(--color-hover)}.okr-mobile__crumb-link:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-mobile__crumb-current{font-size:var(--text-sm);color:var(--color-text-primary);padding:var(--space-1) var(--space-2);font-weight:600}.okr-mobile__crumb-sep{color:var(--color-text-muted);font-size:var(--text-sm)}.okr-mobile__drill-panel{gap:var(--space-2);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;display:flex}.okr-mobile__drill-title{font-size:var(--text-lg);color:var(--color-text-primary);word-break:break-word;margin:0;font-weight:600}.okr-mobile__progress-track{background:var(--color-bg-subtle,var(--color-surface-alt));border-radius:var(--radius-pill);box-sizing:border-box;width:100%;height:12px;position:relative;overflow:hidden}.okr-mobile__progress-fill{background:var(--color-primary);border-radius:var(--radius-pill);min-width:0;height:100%;transition:width .16s}.okr-mobile__progress-label{right:var(--space-2);font-size:var(--text-xs);color:var(--color-on-primary,var(--color-bg));mix-blend-mode:difference;pointer-events:none;font-weight:600;position:absolute;top:50%;transform:translateY(-50%)}.okr-mobile__kr-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.okr-mobile__kr-item{flex-direction:column;gap:4px;display:flex}.okr-mobile__kr-title{font-size:var(--text-md);color:var(--color-text-primary);line-height:1.3}.okr-mobile__kr-progress-track{background:var(--color-bg-subtle,var(--color-surface-alt));border-radius:var(--radius-pill);width:100%;height:6px;overflow:hidden}.okr-mobile__kr-progress-fill{background:var(--color-primary);border-radius:var(--radius-pill);height:100%;transition:width .16s}.okr-mobile__kr-pct{font-size:var(--text-xs);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.okr-mobile__objective-list{gap:var(--space-2);flex-direction:column;flex:auto;margin:0;padding:0;list-style:none;display:flex}.okr-mobile__empty{padding:var(--space-4);color:var(--color-text-muted);font-size:var(--text-md);text-align:center}.okr-mobile__objective-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);flex-direction:column;gap:4px;display:flex;overflow:hidden}.okr-mobile__objective-btn{align-items:center;gap:var(--space-2);width:100%;min-height:52px;padding:var(--space-3) var(--space-4);appearance:none;cursor:pointer;text-align:left;transition:background var(--transition-fast);background:0 0;border:none;display:flex}.okr-mobile__objective-btn:hover{background:var(--color-hover)}.okr-mobile__objective-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.okr-mobile__objective-title{font-size:var(--text-md);color:var(--color-text-primary);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:auto;font-weight:500;line-height:1.3;display:-webkit-box;overflow:hidden}.okr-mobile__objective-score{font-size:var(--text-sm);color:var(--color-text-secondary);font-variant-numeric:tabular-nums;flex:none;font-weight:600}.okr-mobile__objective-chevron{color:var(--color-text-muted);flex:none}.okr-mobile__item-progress-track{background:var(--color-bg-subtle,var(--color-surface-alt));width:100%;height:4px;overflow:hidden}.okr-mobile__item-progress-fill{background:var(--color-primary);height:100%;transition:width .16s}.okr-mobile__editor-overlay{z-index:200;background:var(--color-bg);flex-direction:column;display:flex;position:fixed;inset:0;overflow:auto}.okr-mobile__editor-header{padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border);background:var(--color-surface);flex:none;align-items:center;display:flex}.okr-mobile__editor-body{padding:var(--space-4) var(--space-3);flex:auto;overflow-y:auto}