:root{--color-brand-100: #edf4de;--color-brand-200: #e3f4c1;--color-brand-300: #c3de83;--color-brand-400: #90b821;--color-brand-500: #729019;--color-primary: var(--color-brand-400);--color-primary-hover: var(--color-brand-500);--color-primary-light: var(--color-brand-100);--color-primary-disabled: var(--color-brand-100);--color-primary-disabled-text: var(--color-brand-300);--color-error: #f04438;--color-error-light: #fef3f2;--color-error-border: #fecdca;--color-success: #12b76a;--color-success-light: #ecfdf3;--color-warning: #f79009;--color-warning-light: #fffaeb;--color-gray-50: #fafafa;--color-gray-100: #f5f5f5;--color-gray-200: #e9eaeb;--color-gray-300: #d5d7da;--color-gray-500: #717680;--color-gray-600: #535862;--color-gray-700: #414651;--color-gray-900: #101828;--color-text-primary: var(--color-gray-900);--color-text-body: var(--color-gray-700);--color-text-secondary: var(--color-gray-500);--color-text-disabled: var(--color-gray-300);--color-text-inverse: #ffffff;--color-bg-page: var(--color-gray-50);--color-bg-card: #ffffff;--color-bg-section: var(--color-gray-100);--color-bg-input: var(--color-gray-50);--color-bg-overlay: rgba(16, 24, 40, .5);--color-border-default: var(--color-gray-200);--color-border-strong: var(--color-gray-300);--color-border-focus: var(--color-primary);--font-family: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-family-mono: ui-monospace, "SF Mono", "Menlo", "Consolas", monospace;--font-size-h1: 60px;--font-size-h2: 36px;--font-size-h3: 28px;--font-size-h4: 24px;--font-size-h5: 20px;--font-size-body-lg: 18px;--font-size-body: 16px;--font-size-body-sm: 14px;--font-size-caption: 12px;--font-size-label: 11px;--font-weight-bold: 700;--font-weight-semibold: 600;--font-weight-medium: 500;--font-weight-regular: 400;--line-height-tight: 1.3;--line-height-normal: 1.5;--line-height-relaxed: 1.6;--letter-spacing-tight: -.03em;--letter-spacing-normal: -.02em;--letter-spacing-wide: -.01em;--space-0: 0px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--radius-xs: 4px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--border-width-sm: 1px;--border-width-md: 2px;--shadow-xs: 0px 1px 2px rgba(16, 24, 40, .05);--shadow-sm: 0px 2px 8px -1px rgba(16, 24, 40, .1);--shadow-md: 0px 4px 16px -2px rgba(16, 24, 40, .1);--shadow-lg: 0px 8px 32px -4px rgba(16, 24, 40, .12);--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal: 300;--z-toast: 400}:root{--tone-attention-fg: var(--color-text-primary);--tone-attention-bg: var(--color-warning-light);--tone-attention-border: var(--color-warning);--tone-danger-fg: var(--color-text-primary);--tone-danger-bg: var(--color-error-light);--tone-danger-border: var(--color-error);--tone-ok-fg: var(--color-text-primary);--tone-ok-bg: var(--color-success-light);--tone-ok-border: var(--color-success);--tone-progress-fg: var(--color-text-primary);--tone-progress-bg: var(--color-primary-light);--tone-progress-border: var(--color-primary);--tone-neutral-fg: var(--color-text-body);--tone-neutral-bg: var(--color-bg-section);--tone-neutral-border: var(--color-border-strong);--tone-muted-fg: var(--color-text-secondary);--tone-muted-bg: var(--color-bg-card);--tone-muted-border: var(--color-border-default);--status-work-not-started-fg: var(--tone-neutral-fg);--status-work-not-started-bg: var(--tone-neutral-bg);--status-work-not-started-border: var(--tone-neutral-border);--status-work-in-progress-fg: var(--tone-progress-fg);--status-work-in-progress-bg: var(--tone-progress-bg);--status-work-in-progress-border: var(--tone-progress-border);--status-work-done-fg: var(--tone-ok-fg);--status-work-done-bg: var(--tone-ok-bg);--status-work-done-border: var(--tone-ok-border);--status-work-rework-fg: var(--tone-attention-fg);--status-work-rework-bg: var(--tone-attention-bg);--status-work-rework-border: var(--tone-attention-border);--status-work-replaced-fg: var(--tone-muted-fg);--status-work-replaced-bg: var(--tone-muted-bg);--status-work-replaced-border: var(--tone-muted-border);--status-work-cancelled-fg: var(--tone-muted-fg);--status-work-cancelled-bg: var(--tone-muted-bg);--status-work-cancelled-border: var(--tone-muted-border);--status-prd-confirmed-fg: var(--tone-ok-fg);--status-prd-confirmed-bg: var(--tone-ok-bg);--status-prd-confirmed-border: var(--tone-ok-border);--status-prd-pending-review-fg: var(--tone-attention-fg);--status-prd-pending-review-bg: var(--tone-attention-bg);--status-prd-pending-review-border: var(--tone-attention-border);--status-prd-not-following-fg: var(--tone-neutral-fg);--status-prd-not-following-bg: var(--tone-neutral-bg);--status-prd-not-following-border: var(--tone-neutral-border);--status-prd-not-applicable-fg: var(--tone-muted-fg);--status-prd-not-applicable-bg: var(--tone-muted-bg);--status-prd-not-applicable-border: var(--tone-muted-border);--status-review-same-fg: var(--tone-ok-fg);--status-review-same-bg: var(--tone-ok-bg);--status-review-same-border: var(--tone-ok-border);--status-review-suspect-fg: var(--tone-danger-fg);--status-review-suspect-bg: var(--tone-danger-bg);--status-review-suspect-border: var(--tone-danger-border);--status-review-unknown-fg: var(--tone-attention-fg);--status-review-unknown-bg: var(--tone-attention-bg);--status-review-unknown-border: var(--tone-attention-border);--status-review-failed-fg: var(--tone-attention-fg);--status-review-failed-bg: var(--tone-attention-bg);--status-review-failed-border: var(--tone-attention-border);--status-alert-ticket-unreflected-fg: var(--tone-danger-fg);--status-alert-ticket-unreflected-bg: var(--tone-danger-bg);--status-alert-ticket-unreflected-border: var(--tone-danger-border);--status-alert-fragment-unstamped-fg: var(--tone-attention-fg);--status-alert-fragment-unstamped-bg: var(--tone-attention-bg);--status-alert-fragment-unstamped-border: var(--tone-attention-border);--status-frag-done-fg: var(--tone-ok-fg);--status-frag-done-bg: var(--tone-ok-bg);--status-frag-done-border: var(--tone-ok-border);--status-frag-doing-fg: var(--tone-progress-fg);--status-frag-doing-bg: var(--tone-progress-bg);--status-frag-doing-border: var(--tone-progress-border);--status-frag-waiting-fg: var(--tone-attention-fg);--status-frag-waiting-bg: var(--tone-attention-bg);--status-frag-waiting-border: var(--tone-attention-border);--status-frag-not-started-fg: var(--tone-neutral-fg);--status-frag-not-started-bg: var(--tone-neutral-bg);--status-frag-not-started-border: var(--tone-neutral-border);--opacity-dim: .45}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);line-height:var(--line-height-normal);color:var(--color-text-body);background:var(--color-bg-page);-webkit-font-smoothing:antialiased}h1,.h1{font-size:var(--font-size-h1);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wide)}h2,.h2{font-size:var(--font-size-h2);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-wide)}h3,.h3{font-size:var(--font-size-h3);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-normal)}h4,.h4{font-size:var(--font-size-h4);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary);letter-spacing:var(--letter-spacing-normal)}h5,.h5{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);line-height:var(--line-height-normal);color:var(--color-text-primary)}.text-body-lg{font-size:var(--font-size-body-lg)}.text-body{font-size:var(--font-size-body)}.text-body-sm{font-size:var(--font-size-body-sm)}.text-caption{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.text-label{font-size:var(--font-size-label);font-weight:var(--font-weight-medium);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--color-text-secondary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-semibold);line-height:1;border-radius:var(--radius-sm);border:var(--border-width-sm) solid transparent;cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap}.btn:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.btn-primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-outline{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn-outline:hover{background:var(--color-primary-light)}.btn-ghost{background:transparent;color:var(--color-primary);border-color:transparent}.btn-ghost:hover{background:var(--color-primary-light)}.btn-error{background:var(--color-error);color:var(--color-text-inverse);border-color:var(--color-error)}.btn-error-light{background:var(--color-error-light);color:var(--color-error);border-color:var(--color-error-border)}.btn:disabled,.btn-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-sm{padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-body-lg)}.card{background:var(--color-bg-card);border-radius:var(--radius-md);border:var(--border-width-sm) solid var(--color-border-default);box-shadow:var(--shadow-sm);padding:var(--space-6);transition:all var(--transition-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-flat{box-shadow:none}.card-header{margin-bottom:var(--space-4)}.card-title{font-size:var(--font-size-h5);font-weight:var(--font-weight-semibold);color:var(--color-text-primary)}.card-body{color:var(--color-text-body)}.card-footer{margin-top:var(--space-4);padding-top:var(--space-4);border-top:var(--border-width-sm) solid var(--color-border-default)}.input,.select,.textarea{width:100%;padding:var(--space-3) var(--space-4);font-family:var(--font-family);font-size:var(--font-size-body);color:var(--color-text-primary);background:var(--color-bg-input);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-sm);outline:none;transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.input:focus,.select:focus,.textarea:focus{border-color:var(--color-border-focus);box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 15%,transparent)}.input-error{border-color:var(--color-error)}.input-error:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--color-error) 15%,transparent)}.input::placeholder{color:var(--color-text-secondary)}.form-label{display:block;font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-body);margin-bottom:var(--space-1)}.form-error{font-size:var(--font-size-caption);color:var(--color-error);margin-top:var(--space-1)}.form-hint{font-size:var(--font-size-caption);color:var(--color-text-secondary);margin-top:var(--space-1)}.form-group{margin-bottom:var(--space-4)}.badge{display:inline-flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);border-radius:var(--radius-full);line-height:1}.badge-primary{background:var(--color-primary);color:var(--color-text-inverse)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-error{background:var(--color-error-light);color:var(--color-error)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-neutral{background:var(--color-gray-100);color:var(--color-text-secondary)}.table{width:100%;border-collapse:collapse;background:var(--color-bg-card);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-sm);border:var(--border-width-sm) solid var(--color-border-default)}.table th{text-align:left;padding:var(--space-3) var(--space-4);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);background:var(--color-bg-section);border-bottom:var(--border-width-sm) solid var(--color-border-default);text-transform:uppercase;letter-spacing:var(--letter-spacing-wide)}.table td{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);color:var(--color-text-body);border-bottom:var(--border-width-sm) solid var(--color-border-default)}.table tr:last-child td{border-bottom:none}.table tr:hover td{background:var(--color-bg-section)}.separator{border:none;border-top:var(--border-width-sm) solid var(--color-border-default);margin:var(--space-4) 0}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);z-index:var(--z-modal)}.modal-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);padding:var(--space-4);background:var(--color-bg-overlay);opacity:0;pointer-events:none;transition:opacity var(--transition-normal)}.modal-wrapper.open{opacity:1;pointer-events:auto}.modal-wrapper.open .modal{transform:translateY(0);opacity:1}.modal{background:var(--color-bg-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);width:100%;max-height:90vh;display:flex;flex-direction:column;transform:translateY(-10px);opacity:0;transition:transform var(--transition-normal),opacity var(--transition-normal)}.modal-sm{max-width:400px}.modal-md{max-width:600px}.modal-lg{max-width:900px}.modal-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-sm) solid var(--color-border-default);flex-shrink:0}.modal-body{padding:var(--space-6);flex:1;overflow-y:auto}.modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:var(--border-width-sm) solid var(--color-border-default);flex-shrink:0}.modal-close{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:background var(--transition-fast),color var(--transition-fast)}.modal-close:hover{background:var(--color-bg-section);color:var(--color-text-primary)}.modal-close:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.drawer-wrapper{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-modal);pointer-events:none}.drawer-wrapper.open{pointer-events:auto}.drawer-wrapper.open>.overlay{opacity:1}.drawer-wrapper>.overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-bg-overlay);opacity:0;transition:opacity var(--transition-normal)}.drawer{position:absolute;background:var(--color-bg-card);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transition:transform var(--transition-normal)}.drawer-left{top:0;left:0;bottom:0;width:400px;max-width:90vw;border-radius:0 var(--radius-lg) var(--radius-lg) 0;transform:translate(-100%)}.drawer-right{top:0;right:0;bottom:0;width:400px;max-width:90vw;border-radius:var(--radius-lg) 0 0 var(--radius-lg);transform:translate(100%)}.drawer-bottom{left:0;right:0;bottom:0;max-height:80vh;border-radius:var(--radius-lg) var(--radius-lg) 0 0;transform:translateY(100%)}.drawer-wrapper.open .drawer-left,.drawer-wrapper.open .drawer-right,.drawer-wrapper.open .drawer-bottom{transform:translate(0)}.drawer-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:var(--border-width-sm) solid var(--color-border-default);flex-shrink:0}.drawer-body{padding:var(--space-6);flex:1;overflow-y:auto}.drawer-footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--space-3);padding:var(--space-4) var(--space-6);border-top:var(--border-width-sm) solid var(--color-border-default);flex-shrink:0}.tabs{display:flex;border-bottom:var(--border-width-sm) solid var(--color-border-default);gap:var(--space-1)}.tab{padding:var(--space-3) var(--space-4);font-size:var(--font-size-body);font-weight:var(--font-weight-medium);color:var(--color-text-secondary);border:none;background:transparent;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-1px;transition:color var(--transition-fast),border-color var(--transition-fast);white-space:nowrap}.tab:hover{color:var(--color-text-primary)}.tab:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.tab-active{color:var(--color-primary);border-bottom-color:var(--color-primary);font-weight:var(--font-weight-semibold)}.tabs-card{border-bottom:none;background:var(--color-bg-section);border-radius:var(--radius-md);padding:var(--space-1);gap:var(--space-1)}.tabs-card .tab{border-radius:var(--radius-sm);border-bottom:none;margin-bottom:0}.tabs-card .tab-active{background:var(--color-bg-card);color:var(--color-text-primary);box-shadow:var(--shadow-xs)}.tab-panel{display:none;padding:var(--space-4) 0}.tab-panel.active{display:block}.toast-container{position:fixed;z-index:var(--z-toast);display:flex;flex-direction:column;gap:var(--space-3);max-width:400px;width:calc(100% - var(--space-8))}.toast-container-top-right{top:var(--space-6);right:var(--space-6)}.toast-container-top-left{top:var(--space-6);left:var(--space-6)}.toast-container-bottom-right{bottom:var(--space-6);right:var(--space-6)}.toast-container-bottom-left{bottom:var(--space-6);left:var(--space-6)}.toast{display:flex;align-items:flex-start;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:var(--color-bg-card);border:var(--border-width-sm) solid var(--color-border-default);animation:toast-slide-in var(--transition-normal) ease forwards}@keyframes toast-slide-in{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.toast-success{background:var(--color-success-light);border-left:4px solid var(--color-success)}.toast-error{background:var(--color-error-light);border-left:4px solid var(--color-error)}.toast-warning{background:var(--color-warning-light);border-left:4px solid var(--color-warning)}.toast-info{background:var(--color-primary-light);border-left:4px solid var(--color-primary)}.toast-icon{flex-shrink:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.toast-body{flex:1}.toast-title{font-weight:var(--font-weight-semibold);font-size:var(--font-size-body);color:var(--color-text-primary)}.toast-message{font-size:var(--font-size-body-sm);color:var(--color-text-secondary);margin-top:var(--space-1)}.toast-close{margin-left:auto;flex-shrink:0;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:var(--radius-xs);transition:color var(--transition-fast)}.toast-close:hover{color:var(--color-text-primary)}.dropdown{position:relative;display:inline-block}.dropdown-menu{position:absolute;top:calc(100% + var(--space-1));left:0;min-width:180px;background:var(--color-bg-card);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-md);z-index:var(--z-dropdown);padding:var(--space-1) 0;display:none}.dropdown-menu.open{display:block}.dropdown-menu-right{left:auto;right:0}.dropdown-item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--font-size-body);color:var(--color-text-body);background:transparent;border:none;width:100%;text-align:left;cursor:pointer;transition:background var(--transition-fast)}.dropdown-item:hover{background:var(--color-bg-section)}.dropdown-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:-2px}.dropdown-item-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.dropdown-item-danger{color:var(--color-error)}.dropdown-item-danger:hover{background:var(--color-error-light)}.dropdown-divider{border:none;border-top:var(--border-width-sm) solid var(--color-border-default);margin:var(--space-1) 0}.tooltip-wrapper{position:relative;display:inline-flex}.tooltip{position:absolute;background:var(--color-text-primary);color:var(--color-text-inverse);font-size:var(--font-size-caption);padding:var(--space-1) var(--space-2);border-radius:var(--radius-xs);white-space:nowrap;z-index:var(--z-dropdown);opacity:0;pointer-events:none;transition:opacity var(--transition-fast),transform var(--transition-fast);transform:scale(.95)}.tooltip-top{bottom:calc(100% + var(--space-2));left:50%;transform:translate(-50%) scale(.95)}.tooltip-bottom{top:calc(100% + var(--space-2));left:50%;transform:translate(-50%) scale(.95)}.tooltip-left{right:calc(100% + var(--space-2));top:50%;transform:translateY(-50%) scale(.95)}.tooltip-right{left:calc(100% + var(--space-2));top:50%;transform:translateY(-50%) scale(.95)}.tooltip-wrapper:hover .tooltip{opacity:1}.tooltip-wrapper:hover .tooltip-top,.tooltip-wrapper:hover .tooltip-bottom{transform:translate(-50%) scale(1)}.tooltip-wrapper:hover .tooltip-left,.tooltip-wrapper:hover .tooltip-right{transform:translateY(-50%) scale(1)}.steps{display:flex;align-items:flex-start;gap:0;counter-reset:step-counter}.step{display:flex;align-items:center;flex:1;gap:var(--space-2);opacity:.5;position:relative}.step:not(:last-child):after{content:"";position:absolute;left:calc(var(--space-8) + var(--space-2));right:calc(-1 * var(--space-2));top:16px;height:2px;background:var(--color-border-default)}.step-active,.step-done{opacity:1}.step-done .step-circle{background:var(--color-success);border-color:var(--color-success);color:var(--color-text-inverse)}.step-circle{width:32px;height:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-full);border:var(--border-width-md) solid var(--color-border-default);background:var(--color-bg-card);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);z-index:1}.step-circle-active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.step-label{font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}.step-active .step-label{color:var(--color-primary);font-weight:var(--font-weight-semibold)}.step-done .step-label{color:var(--color-text-primary)}.steps-vertical{flex-direction:column;align-items:flex-start;gap:var(--space-4)}.steps-vertical .step{flex:none}.steps-vertical .step:after{left:15px;right:auto;top:calc(var(--space-8) + var(--space-2));width:2px;height:calc(100% + var(--space-4))}.pagination{display:flex;align-items:center;gap:var(--space-1)}.page-item{display:inline-flex;align-items:center;justify-content:center;min-width:40px;height:40px;padding:0 var(--space-3);border-radius:var(--radius-sm);border:var(--border-width-sm) solid var(--color-border-default);background:var(--color-bg-card);font-size:var(--font-size-body-sm);color:var(--color-text-body);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast);text-decoration:none;-webkit-user-select:none;user-select:none}.page-item:hover{background:var(--color-bg-section)}.page-item:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.page-active{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.page-active:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.page-disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.page-ellipsis{border:none;background:transparent;cursor:default;color:var(--color-text-secondary)}.breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--space-1);font-size:var(--font-size-body-sm);list-style:none}.breadcrumb-item{display:flex;align-items:center;gap:var(--space-1);color:var(--color-text-secondary);text-decoration:none}.breadcrumb-item a{color:var(--color-text-secondary);text-decoration:none}.breadcrumb-item a:hover{color:var(--color-primary)}.breadcrumb-item:last-child{color:var(--color-text-primary);font-weight:var(--font-weight-semibold)}.breadcrumb-item:last-child a{color:var(--color-text-primary)}.breadcrumb-separator{color:var(--color-text-secondary);font-size:var(--font-size-caption)}.skeleton{background:var(--color-gray-100, #e5e7eb);border-radius:var(--radius-xs);animation:skeleton-pulse 1.5s ease-in-out infinite}.skeleton-text{height:16px;border-radius:var(--radius-xs)}.skeleton-text-lg{height:24px;border-radius:var(--radius-xs)}.skeleton-circle{border-radius:var(--radius-full)}.skeleton-card{height:200px;border-radius:var(--radius-md)}@keyframes skeleton-pulse{0%,to{opacity:1}50%{opacity:.45}}.spinner{display:inline-block;width:24px;height:24px;border:3px solid var(--color-gray-200, #e5e7eb);border-top-color:var(--color-primary);border-radius:var(--radius-full);animation:spinner-spin .8s linear infinite;flex-shrink:0}.spinner-sm{width:16px;height:16px;border-width:2px}.spinner-lg{width:40px;height:40px;border-width:4px}@keyframes spinner-spin{to{transform:rotate(360deg)}}.switch{position:relative;display:inline-flex;align-items:center;width:44px;height:24px;cursor:pointer}.switch input{opacity:0;width:0;height:0;position:absolute}.switch-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-border-default);border-radius:var(--radius-full);transition:background var(--transition-fast)}.switch-slider:before{content:"";position:absolute;width:18px;height:18px;left:3px;top:3px;background:var(--color-text-inverse);border-radius:var(--radius-full);box-shadow:var(--shadow-xs);transition:transform var(--transition-fast)}.switch input:checked+.switch-slider{background:var(--color-primary)}.switch input:checked+.switch-slider:before{transform:translate(20px)}.switch input:focus-visible+.switch-slider{outline:2px solid var(--color-border-focus);outline-offset:2px}.switch input:disabled+.switch-slider{opacity:.5;cursor:not-allowed}.checkbox{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.checkbox input[type=checkbox]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;flex-shrink:0;border:var(--border-width-md) solid var(--color-border-default);border-radius:var(--radius-xs);background:var(--color-bg-input);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast);position:relative}.checkbox input[type=checkbox]:checked{background:var(--color-primary);border-color:var(--color-primary)}.checkbox input[type=checkbox]:checked:after{content:"";position:absolute;left:3px;top:0;width:6px;height:10px;border:2px solid var(--color-text-inverse);border-top:none;border-left:none;transform:rotate(45deg)}.checkbox input[type=checkbox]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.checkbox input[type=checkbox]:disabled{opacity:.5;cursor:not-allowed}.checkbox-label{font-size:var(--font-size-body);color:var(--color-text-body)}.radio{display:inline-flex;align-items:center;gap:var(--space-2);cursor:pointer}.radio input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:18px;height:18px;flex-shrink:0;border:var(--border-width-md) solid var(--color-border-default);border-radius:var(--radius-full);background:var(--color-bg-input);cursor:pointer;transition:border-color var(--transition-fast),border-width var(--transition-fast)}.radio input[type=radio]:checked{border-color:var(--color-primary);border-width:5px}.radio input[type=radio]:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.radio input[type=radio]:disabled{opacity:.5;cursor:not-allowed}.radio-label{font-size:var(--font-size-body);color:var(--color-text-body)}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-4)}.container-sm{max-width:640px}.container-md{max-width:768px}.container-lg{max-width:1024px}.container-xl{max-width:1280px}.container-full{max-width:100%}@media (min-width: 768px){.container{padding:0 var(--space-6)}}@media (min-width: 1024px){.container{padding:0 var(--space-8)}}.grid{display:grid;gap:var(--space-4)}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}@media (min-width: 640px){.grid-2,.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}}.grid-auto-sm{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.grid-auto{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.grid-auto-lg{grid-template-columns:repeat(auto-fill,minmax(360px,1fr))}.grid-equal>*{display:flex;flex-direction:column}.grid-equal>*>*:last-child{margin-top:auto}.layout-sidebar{display:flex;min-height:100vh}.layout-sidebar>.sidebar{width:240px;flex-shrink:0;background:var(--color-bg-card);border-right:var(--border-width-sm) solid var(--color-border-default)}.layout-sidebar>.main{flex:1;min-width:0;padding:var(--space-6)}@media (max-width: 767px){.layout-sidebar{flex-direction:column}.layout-sidebar>.sidebar{width:100%;border-right:none;border-bottom:var(--border-width-sm) solid var(--color-border-default)}}.layout-sidebar-compact>.sidebar{width:64px}@media (max-width: 767px){.layout-sidebar-compact>.sidebar{width:100%}}.layout-topnav{display:flex;flex-direction:column;min-height:100vh}.layout-topnav>.topbar{position:sticky;top:0;z-index:var(--z-sticky);background:var(--color-bg-card);border-bottom:var(--border-width-sm) solid var(--color-border-default);padding:var(--space-3) var(--space-4)}.layout-topnav>.main{flex:1;padding:var(--space-6)}.layout-split{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 768px){.layout-split{grid-template-columns:1fr 1fr}}.layout-content-aside{display:grid;grid-template-columns:1fr;gap:var(--space-6)}@media (min-width: 1024px){.layout-content-aside{grid-template-columns:1fr 300px}}.stack{display:flex;flex-direction:column}.stack-xs>*+*{margin-top:var(--space-1)}.stack-sm>*+*{margin-top:var(--space-2)}.stack-md>*+*{margin-top:var(--space-4)}.stack-lg>*+*{margin-top:var(--space-6)}.stack-xl>*+*{margin-top:var(--space-8)}.section{padding:var(--space-8) 0}.section-sm{padding:var(--space-4) 0}.section-lg{padding:var(--space-12) 0}.flex{display:flex}.flex-col{display:flex;flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.justify-start{justify-content:flex-start}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-between{justify-content:space-between}.flex-1{flex:1}.shrink-0{flex-shrink:0}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.p-0{padding:var(--space-0)}.p-2{padding:var(--space-2)}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.m-0{margin:var(--space-0)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.w-full{width:100%}.max-w-sm{max-width:400px}.max-w-md{max-width:600px}.max-w-lg{max-width:800px}.max-w-xl{max-width:1000px}.hide-mobile{display:none}.show-mobile{display:block}@media (min-width: 768px){.hide-mobile{display:block}.show-mobile,.hide-tablet{display:none}}@media (min-width: 1024px){.hide-tablet{display:block}.hide-desktop{display:none}}.scroll-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-y{overflow-y:auto;-webkit-overflow-scrolling:touch}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.aspect-photo{aspect-ratio:4 / 3}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.line-clamp-2{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.line-clamp-3{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.status-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);color:var(--st-fg);background:var(--st-bg);border:var(--border-width-sm) solid var(--st-bd);border-radius:var(--radius-full);white-space:nowrap}.status-tag:before{content:"";width:6px;height:6px;border-radius:var(--radius-full);background:var(--st-bd)}.notice{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-2);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:var(--border-width-sm) solid;margin-bottom:var(--space-4)}.notice-danger{background:var(--tone-danger-bg);border-color:var(--tone-danger-border);color:var(--tone-danger-fg)}.notice-attention{background:var(--tone-attention-bg);border-color:var(--tone-attention-border);color:var(--tone-attention-fg)}.app{min-height:100vh;background:var(--color-bg-page)}.app-top{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) var(--space-4);background:var(--color-bg-card);border-bottom:var(--border-width-sm) solid var(--color-border-default)}.app-nav,.app-who{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.app-brand{font-weight:var(--font-weight-bold);color:var(--color-text-primary);margin-right:var(--space-2)}.app-link{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);text-decoration:none}.app-link.active{background:var(--color-primary-light);color:var(--color-text-primary)}.app-project{width:auto;padding:var(--space-1) var(--space-2);font-size:var(--font-size-body-sm)}.app-today{margin:0;padding:var(--space-2) var(--space-4);font-size:var(--font-size-body-sm);color:var(--color-text-body);background:var(--color-bg-section)}.app-main{max-width:1100px;margin:0 auto;padding:var(--space-4)}@media (min-width: 640px){.app-main{padding:var(--space-6)}}.login{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--space-4);background:var(--color-bg-page)}.login-card{width:100%;max-width:400px;display:flex;flex-direction:column;gap:var(--space-2)}.login-title{font-size:var(--font-size-h4);color:var(--color-text-primary);margin:0}.login-btn{margin-top:var(--space-2)}.login-fallback{margin-top:var(--space-4);border-top:1px solid var(--color-border);padding-top:var(--space-3)}.login-fallback summary{cursor:pointer}.login-fallback form{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-2)}.screen-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-4)}.screen-title{font-size:var(--font-size-h3);color:var(--color-text-primary);margin:0 0 var(--space-1);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight)}.section-title{font-size:var(--font-size-h5);color:var(--color-text-primary);margin:0 0 var(--space-3)}.sub-title{font-size:var(--font-size-body-sm);color:var(--color-text-secondary);margin:var(--space-3) 0 var(--space-2)}.meta{font-size:var(--font-size-caption);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.sync-line{margin:0 0 var(--space-4);font-size:var(--font-size-body-sm);color:var(--color-text-primary)}.plain-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-2)}.link{color:var(--color-primary-hover)}.tree-card{margin-bottom:var(--space-4)}.tree-group{margin-bottom:var(--space-3)}.tree-group-name{font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);color:var(--color-text-secondary);margin:var(--space-2) 0}.frag{border-left:var(--border-width-md) solid var(--color-border-default);margin-left:var(--space-2)}.frag-removed .frag-title{color:var(--color-text-secondary);text-decoration:line-through}.frag-head{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);background:none;border:none;text-align:left;cursor:pointer;font-family:var(--font-family);border-radius:var(--radius-sm)}.frag-head:hover,.frag-head[aria-expanded=true]{background:var(--color-primary-light)}.frag-code{font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-secondary);font-variant-numeric:tabular-nums}.frag-title{font-size:var(--font-size-body-sm);color:var(--color-text-primary);flex:1 1 200px}.frag-tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.frag-detail{padding:var(--space-2) var(--space-3) var(--space-4) var(--space-6)}.version{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.resolve{display:flex;flex-direction:column;gap:var(--space-2);align-items:flex-start;width:100%}.input-masked{-webkit-text-security:disc;text-security:disc;font-family:var(--font-family);letter-spacing:var(--letter-spacing-wide)}.filters{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);margin-bottom:var(--space-2)}.filter{padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);cursor:pointer;font-family:var(--font-family);font-size:var(--font-size-body-sm);font-weight:var(--font-weight-medium);color:var(--color-text-body);background:var(--color-bg-card);border:var(--border-width-sm) solid var(--color-border-default)}.filter.on{background:var(--color-primary-light);border-color:var(--color-primary);color:var(--color-text-primary)}.filter-frag{display:flex;gap:var(--space-2);align-items:center}.filter-frag .input{width:160px;padding:var(--space-2) var(--space-3);font-size:var(--font-size-body-sm)}.board{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}@media (min-width: 640px){.board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.board{grid-template-columns:repeat(4,minmax(0,1fr))}}.board-col{background:var(--color-bg-section);border-radius:var(--radius-md);padding:var(--space-3);display:flex;flex-direction:column;gap:var(--space-3);min-width:0}.board-col-head{display:flex;align-items:center;gap:var(--space-2);margin:0;font-size:var(--font-size-body-sm)}.ticket-card{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-card);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-xs);text-decoration:none;color:inherit;min-width:0}.ticket-card:hover{border-color:var(--color-border-strong)}.ticket-card:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.ticket-title{font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);overflow-wrap:anywhere}.ticket-cells{display:grid;grid-template-columns:auto 1fr;gap:var(--space-1) var(--space-2);margin:0;align-items:center}.ticket-cells dt{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.ticket-cells dd{margin:0;display:flex;flex-wrap:wrap;gap:var(--space-1);align-items:center;min-width:0}.ticket-cells .status-tag{white-space:normal}.board-closed{margin-top:var(--space-4)}.board-closed summary{cursor:pointer;color:var(--color-text-secondary)}.board-closed-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--space-3);margin-top:var(--space-3)}.form-stack{display:flex;flex-direction:column;gap:var(--space-2)}.plain-fieldset{border:none;padding:0;margin:var(--space-2) 0;display:flex;flex-direction:column;gap:var(--space-2)}.radio{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-body-sm)}.frag-pick{display:flex;flex-direction:column;gap:var(--space-2);padding-left:var(--space-6)}.frag-pick-row{display:flex;gap:var(--space-2)}.chip-remove{font-family:var(--font-family);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);padding:var(--space-1) var(--space-2);border-radius:var(--radius-full);cursor:pointer;color:var(--color-text-primary);background:var(--color-bg-section);border:var(--border-width-sm) solid var(--color-border-strong)}.ticket-card>.status-tag{align-self:flex-start}.detail-title{font-size:var(--font-size-h4);color:var(--color-text-primary);margin:0;letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);overflow-wrap:anywhere}.notice-ok{background:var(--tone-ok-bg);border-color:var(--tone-ok-border);color:var(--tone-ok-fg)}.cells{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-bottom:var(--space-4)}@media (min-width: 640px){.cells{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.cells{grid-template-columns:repeat(3,minmax(0,1fr))}}.cell{display:flex;flex-direction:column;gap:var(--space-2);min-width:0}.cell-name{font-size:var(--font-size-caption);color:var(--color-text-secondary)}.cell .status-tag{white-space:normal}.inline-form{display:inline-flex;flex-wrap:wrap;align-items:center;gap:var(--space-2)}.input-sm{width:auto;max-width:100%;padding:var(--space-1) var(--space-2);font-size:var(--font-size-body-sm)}.tag-link{text-decoration:none}.tag-link:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px;border-radius:var(--radius-full)}.body-part{margin-bottom:var(--space-4)}.body-text{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-family);font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);color:var(--color-text-body);background:var(--color-bg-section);border-radius:var(--radius-sm);padding:var(--space-3);max-height:480px;overflow-y:auto}.body-edit{font-family:var(--font-family);line-height:var(--line-height-relaxed)}.commit-subject{flex:1 1 200px;min-width:0;overflow-wrap:anywhere}.comment{display:flex;flex-direction:column;gap:var(--space-1)}.search{display:flex;gap:var(--space-2);align-items:center;flex:1 1 220px;max-width:360px}.search .input{padding:var(--space-2) var(--space-3);font-size:var(--font-size-body-sm)}.search .filter{white-space:nowrap}.steps{margin:0 0 var(--space-4);padding-left:var(--space-6);color:var(--color-text-body);display:flex;flex-direction:column;gap:var(--space-1)}.f-box{display:flex;flex-direction:column;gap:var(--space-2);margin-top:var(--space-3)}.review-group{margin-top:var(--space-8);display:flex;flex-direction:column;gap:var(--space-3)}.review-card{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-4);min-width:0;background:var(--color-bg-card);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md);scroll-margin-top:var(--space-8)}.review-card:target{border-color:var(--color-primary)}.evidence{display:grid;grid-template-columns:1fr;gap:var(--space-3)}@media (min-width: 640px){.evidence{grid-template-columns:repeat(2,minmax(0,1fr))}}.evidence .body-text{border-left:var(--border-width-md) solid var(--color-border-strong);max-height:240px}.evidence>.meta{grid-column:1 / -1}.approve{display:flex;flex-direction:column;gap:var(--space-2)}.diff{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-1)}.diff-line{display:flex;align-items:flex-start;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-sm);border-left:var(--border-width-md) solid transparent;min-width:0}.diff-removed{background:var(--tone-danger-bg);border-left-color:var(--tone-danger-border)}.diff-added{background:var(--tone-ok-bg);border-left-color:var(--tone-ok-border)}.diff-same .diff-text{color:var(--color-text-secondary)}.diff-text{font-size:var(--font-size-body-sm);line-height:var(--line-height-relaxed);color:var(--color-text-primary);overflow-wrap:anywhere;white-space:pre-wrap}.diff-removed .diff-text{text-decoration:line-through;text-decoration-color:var(--tone-danger-border)}.diff-mark-same{font-size:var(--font-size-caption);color:var(--color-text-secondary);min-width:3.2em;padding-top:var(--space-1)}.diff-line .status-tag{flex-shrink:0}.side{display:flex;flex-direction:column;gap:var(--space-1)}.side-row{display:grid;grid-template-columns:1fr;gap:var(--space-1)}.side-head,.diff-empty{display:none}@media (min-width: 768px){.side-row{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-2)}.side-head{display:grid}.diff-empty{display:block;background:var(--color-bg-section)}}@media (max-width: 767px){.side-row>.diff-same+.diff-same{display:none}}.steps-why{margin:var(--space-1) 0 0}.app-main-wide{max-width:1440px}.home-resume{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);margin-bottom:var(--space-4);background:var(--color-bg-card);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md)}.home-warn{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);font-size:var(--font-size-body-sm);color:var(--color-text-primary);background:var(--color-error-light);border:var(--border-width-sm) solid var(--color-error);border-radius:var(--radius-sm)}.home-resume-row{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.home-resume-lead{display:flex;flex-direction:column;gap:var(--space-1);min-width:0;flex:1 1 320px}.home-resume-aside{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-2)}.home-headline{font-size:var(--font-size-h4);font-weight:var(--font-weight-bold);color:var(--color-text-primary);line-height:var(--line-height-tight)}.home-sub{font-size:var(--font-size-body-sm);color:var(--color-text-secondary)}.home-viewer{display:flex;align-items:center;gap:var(--space-2)}.home-viewer .input{width:auto;padding:var(--space-1) var(--space-3);font-size:var(--font-size-body-sm)}.home-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:var(--space-2)}.home-toggle{display:inline-flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-body-sm);color:var(--color-text-body)}.home-body{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--space-6)}.home-left{display:none}.home-left.open{display:block}.home-side{display:none}.home-map ul{list-style:none}.home-map>ul>li{margin-top:var(--space-2)}.home-meter{width:100%;height:var(--space-2)}.map-sec{width:100%;text-align:left;background:none;border:0;padding:var(--space-1) 0;font:inherit;font-size:var(--font-size-body-sm);font-weight:var(--font-weight-semibold);color:var(--color-text-primary);cursor:pointer}.map-history{opacity:var(--opacity-dim)}.map-groups{padding-left:var(--space-2)}.map-group{display:block;margin-top:var(--space-2)}.map-frag{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:var(--space-2);width:100%;text-align:left;background:none;border:0;border-radius:var(--radius-sm);padding:var(--space-1);font:inherit;font-size:var(--font-size-body-sm);color:var(--color-text-body);cursor:pointer}.map-frag .meta{grid-column:2}.map-frag:hover,.map-frag.here,.map-frag.active{background:var(--color-bg-section)}.map-frag.here{outline:var(--border-width-sm) solid var(--color-primary)}.map-frag.active{font-weight:var(--font-weight-semibold);color:var(--color-text-primary);box-shadow:inset 2px 0 0 var(--color-primary)}.map-dot{width:var(--space-2);height:var(--space-2);margin-top:var(--space-2);border-radius:var(--radius-full);background:var(--st-bd)}.home-doc{min-width:0}.doc-sec{border-top:var(--border-width-sm) solid var(--color-border-default);padding:var(--space-3) 0;scroll-margin-top:var(--space-4)}.doc-history{opacity:var(--opacity-dim)}.doc-sec-title{font-size:var(--font-size-h4)}.doc-sec-title button{background:none;border:0;padding:0;font:inherit;color:inherit;text-align:left;cursor:pointer}.doc-sec-title button:disabled{cursor:default}.doc-md{font-size:var(--font-size-body-sm);color:var(--color-text-body);overflow-wrap:anywhere;max-width:78ch}.doc-md>*+*{margin-top:var(--space-3)}.doc-md h1{font-size:var(--font-size-h3)}.doc-md h3{font-size:var(--font-size-h5);margin-top:var(--space-4)}.doc-md ul,.doc-md ol{padding-left:var(--space-5)}.doc-md li.task-list-item{list-style:none;margin-left:calc(-1 * var(--space-5))}.doc-md blockquote{padding-left:var(--space-3);border-left:var(--border-width-md) solid var(--color-border-strong);color:var(--color-text-secondary)}.doc-md table{display:block;overflow-x:auto;border-collapse:collapse;font-size:var(--font-size-caption)}.doc-md th,.doc-md td{border:var(--border-width-sm) solid var(--color-border-default);padding:var(--space-1) var(--space-2);vertical-align:top}.doc-md th{background:var(--color-bg-section);color:var(--color-text-primary)}.doc-md code{font-family:var(--font-family-mono);font-size:var(--font-size-caption);background:var(--color-bg-section);padding:0 var(--space-1);border-radius:var(--radius-xs)}.doc-md pre{overflow-x:auto;background:var(--color-bg-section);padding:var(--space-3);border-radius:var(--radius-sm)}.doc-md pre code{font-size:var(--font-size-caption);background:none;padding:0}.doc-frag{margin:var(--space-4) 0;padding:var(--space-3);border:var(--border-width-sm) solid var(--color-border-default);border-radius:var(--radius-md);background:var(--color-bg-card);scroll-margin-top:var(--space-4)}.doc-frag.dim{opacity:var(--opacity-dim)}.doc-frag.here{border-color:var(--color-primary)}.doc-frag-title{font-size:var(--font-size-h5)}.frag-band{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-1) 0 var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg-section);border-radius:var(--radius-sm)}.frag-easy{font-size:var(--font-size-body);color:var(--color-text-primary)}.frag-band-row{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-2);font-size:var(--font-size-caption)}.frag-ticket{font-weight:var(--font-weight-semibold)}.home-doc.summary .doc-frag{margin:var(--space-2) 0}.side-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-2);margin:var(--space-2) 0 var(--space-6);font-size:var(--font-size-body-sm)}.link-btn{background:none;border:0;padding:0;font:inherit;color:var(--color-primary);text-align:left;cursor:pointer;text-decoration:underline}.side-empty{display:flex;flex-direction:column;gap:var(--space-1);margin:var(--space-2) 0 var(--space-6)}.doc-history-group{opacity:var(--opacity-dim)}.doc-history-group .doc-sec{border-top:0;padding:var(--space-1) 0 var(--space-1) var(--space-3);opacity:1}@media (min-width: 768px){.home-body{grid-template-columns:240px minmax(0,1fr)}.home-left{display:block}.home-map{position:sticky;top:var(--space-4);max-height:calc(100vh - var(--space-8));overflow-y:auto}.home-map-btn{display:none}}@media (min-width: 1200px){.home-body{grid-template-columns:240px minmax(0,1fr) 260px}.home-side{display:block;position:sticky;top:var(--space-4);align-self:start}}