:root{--color-background-primary:oklch(0.985 0.002 106.5);--color-background-secondary:oklch(0.975 0.004 106.5);--color-background-tertiary:oklch(0.965 0.006 106.5);--color-content-primary:oklch(0.145 0.012 106.5);--color-content-secondary:oklch(0.345 0.008 106.5);--color-content-tertiary:oklch(0.545 0.006 106.5);--color-accent-interactive:oklch(0.648 0.215 162.35);--color-success:oklch(0.648 0.166 142.50);--color-warning:oklch(0.747 0.126 58.19);--color-error:oklch(0.637 0.207 29.23);--color-border-primary:oklch(0.85 0.005 106.5 / 0.5);--color-border-secondary:oklch(0.75 0.01 106.5 / 0.3);--color-border-focus:oklch(0.648 0.215 162.35);--font-sans:"Inter",ui-sans-serif,system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--font-size-xs:0.75rem;--font-size-sm:0.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.625;--space-1:0.25rem;--space-2:0.5rem;--space-3:0.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--radius-sm:0.125rem;--radius-base:0.25rem;--radius-md:0.375rem;--radius-lg:0.5rem;--radius-xl:0.75rem;--radius-2xl:1rem;--shadow-sm:0 1px 2px 0 oklch(0.145 0.012 106.5 / 0.05);--shadow-base:0 1px 3px 0 oklch(0.145 0.012 106.5 / 0.1),0 1px 2px -1px oklch(0.145 0.012 106.5 / 0.1);--shadow-md:0 4px 6px -1px oklch(0.145 0.012 106.5 / 0.1),0 2px 4px -2px oklch(0.145 0.012 106.5 / 0.1);--shadow-lg:0 10px 15px -3px oklch(0.145 0.012 106.5 / 0.1),0 4px 6px -4px oklch(0.145 0.012 106.5 / 0.1);--ease-in:cubic-bezier(0.4, 0, 1, 1);--ease-out:cubic-bezier(0, 0, 0.2, 1);--ease-in-out:cubic-bezier(0.4, 0, 0.2, 1);--ease-spring:cubic-bezier(0.68, -0.55, 0.265, 1.55);--duration-fast:150ms;--duration-normal:200ms;--duration-slow:350ms;--scale-hover:1.02;--scale-active:0.98;--translate-y-hover:-2px;--translate-y-active:0px;--breakpoint-sm:640px;--breakpoint-md:768px;--breakpoint-lg:1024px;--breakpoint-xl:1280px}.story-map{font-family:var(--font-sans);background-color:var(--color-background-primary);color:var(--color-content-primary);height:100%;display:flex;flex-direction:column}.story-map.loading{opacity:.6;pointer-events:none}.story-map-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-6);border-bottom:1px solid var(--color-border-primary);background-color:var(--color-background-secondary)}.story-map-title{font-size:var(--font-size-2xl);font-weight:600;line-height:var(--line-height-tight);margin:0;color:var(--color-content-primary)}.story-map-controls{display:flex;gap:var(--space-3)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);border:none;border-radius:var(--radius-md);font-family:inherit;font-size:var(--font-size-sm);font-weight:500;line-height:1;cursor:pointer;transition:all var(--duration-normal) var(--ease-out);text-decoration:none;min-height:44px;min-width:44px}.btn:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.btn-primary{background-color:var(--color-accent-interactive);color:#fff}.btn-primary:hover{background-color:oklch(from var(--color-accent-interactive) l c h / .8);transform:translateY(var(--translate-y-hover))}.btn-primary:active{transform:translateY(var(--translate-y-active))}.btn-secondary{background-color:var(--color-background-tertiary);color:var(--color-content-primary);border:1px solid var(--color-border-primary)}.btn-secondary:hover{background-color:var(--color-border-primary);transform:translateY(var(--translate-y-hover))}.story-map-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);flex:1;padding:var(--space-6);overflow-x:auto;min-height:0}.story-map-column{display:flex;flex-direction:column;background-color:var(--color-background-secondary);border-radius:var(--radius-lg);border:1px solid var(--color-border-primary);overflow:hidden}.story-map-column-header{display:flex;justify-content:space-between;align-items:center;padding:var(--space-4);background-color:var(--color-background-tertiary);border-bottom:1px solid var(--color-border-primary)}.column-title{font-size:var(--font-size-lg);font-weight:600;margin:0;color:var(--color-content-primary)}.column-count{display:flex;align-items:center;justify-content:center;min-width:28px;height:28px;padding:0 var(--space-1);background-color:var(--color-accent-interactive);color:#fff;border-radius:var(--radius-xl);font-size:var(--font-size-xs);font-weight:500;line-height:1}.story-map-dropzone{flex:1;padding:var(--space-4);min-height:200px;display:flex;flex-direction:column;gap:var(--space-3);transition:all var(--duration-normal) var(--ease-out);position:relative}.story-map-dropzone:focus{outline:2px dashed var(--color-border-focus);outline-offset:-2px;background-color:oklch(from var(--color-accent-interactive) l c h / .05)}.story-card{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative;overflow:hidden}.story-card:hover{transform:translateY(var(--translate-y-hover)) scale(var(--scale-hover));box-shadow:var(--shadow-md);border-color:var(--color-border-focus)}.story-card:focus{outline:2px solid var(--color-border-focus);outline-offset:2px;z-index:1}.story-card.dragging{opacity:.5;transform:rotate(2deg) scale(.95);cursor:grabbing;box-shadow:var(--shadow-lg)}.story-card.expanded{z-index:10;transform:scale(1.02);box-shadow:var(--shadow-lg)}.story-card.skeleton{pointer-events:none;user-select:none}.story-card-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.story-priority{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:6px}.priority-high{background-color:var(--color-error)}.priority-medium{background-color:var(--color-warning)}.priority-low{background-color:var(--color-success)}.story-title{font-size:var(--font-size-base);font-weight:600;line-height:var(--line-height-tight);margin:0;flex:1;color:var(--color-content-primary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.story-actions{flex-shrink:0}.story-menu-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:0 0;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);color:var(--color-content-tertiary)}.story-menu-btn:hover{background-color:var(--color-background-tertiary);color:var(--color-content-primary)}.icon-more{width:16px;height:16px}.story-card-content{display:flex;flex-direction:column;gap:var(--space-3)}.story-description{font-size:var(--font-size-sm);line-height:var(--line-height-normal);color:var(--color-content-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.story-metadata{display:flex;align-items:center;gap:var(--space-4);flex-wrap:wrap}.story-tasks{display:flex;align-items:center;gap:var(--space-2)}.task-progress{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs);color:var(--color-content-secondary)}.task-progress-bar{width:60px;height:4px;background-color:var(--color-border-primary);border-radius:var(--radius-xl);overflow:hidden}.task-progress-fill{height:100%;background-color:var(--color-success);transition:width var(--duration-slow) var(--ease-out)}.task-count{font-weight:500}.story-assignee{display:flex;align-items:center;gap:var(--space-2);font-size:var(--font-size-xs)}.assignee-avatar{width:24px;height:24px;border-radius:50%;background-color:var(--color-accent-interactive);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;text-transform:uppercase}.assignee-name{color:var(--color-content-secondary)}.story-due-date{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-xs);color:var(--color-content-secondary)}.story-due-date.overdue{color:var(--color-error)}.icon-calendar{width:12px;height:12px}.story-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.story-tag{display:inline-block;padding:var(--space-1) var(--space-2);background-color:var(--color-background-tertiary);color:var(--color-content-secondary);border-radius:var(--radius-base);font-size:var(--font-size-xs);font-weight:500;line-height:1}.story-card-footer{display:flex;justify-content:flex-end;margin-top:var(--space-3);padding-top:var(--space-3);border-top:1px solid var(--color-border-primary)}.expand-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:0 0;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);color:var(--color-content-tertiary)}.expand-btn:hover{background-color:var(--color-background-tertiary);color:var(--color-content-primary)}.icon-expand{width:16px;height:16px;transition:transform var(--duration-normal) var(--ease-out)}.task-card{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-3);transition:all var(--duration-normal) var(--ease-out);cursor:pointer;position:relative;font-size:var(--font-size-sm)}.task-card:hover{transform:translateY(-1px);box-shadow:var(--shadow-base);border-color:var(--color-border-focus)}.task-card:focus{outline:2px solid var(--color-border-focus);outline-offset:1px}.task-card.completed{opacity:.6}.task-card.dragging{opacity:.5;transform:rotate(-1deg) scale(.95);cursor:grabbing}.task-card-header{display:flex;align-items:flex-start;gap:var(--space-2)}.task-checkbox{display:flex;align-items:flex-start;padding-top:2px}.task-checkbox-input{position:absolute;opacity:0;pointer-events:none}.task-checkbox-label{display:flex;align-items:center;justify-content:center;width:18px;height:18px;border:2px solid var(--color-border-primary);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background-color:transparent}.task-checkbox-input:checked+.task-checkbox-label{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.check-icon{width:12px;height:12px;opacity:0;transform:scale(0);transition:all var(--duration-fast) var(--ease-out)}.task-checkbox-input:checked+.task-checkbox-label .check-icon{opacity:1;transform:scale(1)}.task-content{flex:1;min-width:0}.task-title{font-size:var(--font-size-sm);font-weight:500;line-height:var(--line-height-tight);margin:0 0 var(--space-1) 0;color:var(--color-content-primary);word-wrap:break-word}.task-title.completed{text-decoration:line-through;color:var(--color-content-tertiary)}.task-description{font-size:var(--font-size-xs);line-height:var(--line-height-normal);color:var(--color-content-secondary);margin:0}.task-indicators{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.task-priority,.task-status{width:6px;height:6px;border-radius:50%;flex-shrink:0}.task-menu-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);color:var(--color-content-tertiary)}.task-menu-btn:hover{background-color:var(--color-background-tertiary);color:var(--color-content-primary)}.task-card-footer{display:flex;justify-content:space-between;align-items:center;margin-top:var(--space-2);padding-top:var(--space-2);border-top:1px solid var(--color-border-secondary);font-size:var(--font-size-xs)}.task-metadata{display:flex;align-items:center;gap:var(--space-2)}.assignee-avatar.small{width:20px;height:20px;font-size:9px}.task-estimation{display:flex;align-items:center;gap:var(--space-1);color:var(--color-content-secondary)}.icon-clock{width:10px;height:10px}.task-tags{display:flex;gap:var(--space-1)}.task-tag{padding:1px var(--space-1);background-color:var(--color-background-tertiary);color:var(--color-content-secondary);border-radius:var(--radius-sm);font-size:10px;font-weight:500;line-height:1}.task-tag.more{background-color:var(--color-border-primary)}.task-story{display:flex;align-items:center;gap:var(--space-1);color:var(--color-content-tertiary);max-width:120px}.icon-story{width:10px;height:10px}.story-title{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.drop-zone{border:2px dashed var(--color-border-primary);border-radius:var(--radius-lg);transition:all var(--duration-normal) var(--ease-out);position:relative;background-color:var(--color-background-secondary);min-height:120px;display:flex;align-items:center;justify-content:center}.drop-zone:focus{outline:2px solid var(--color-border-focus);outline-offset:2px}.drop-zone.drag-over{border-color:var(--color-border-focus);background-color:oklch(from var(--color-accent-interactive) l c h / .05)}.drop-zone.valid-drop{border-color:var(--color-success);background-color:oklch(from var(--color-success) l c h / .05)}.drop-zone.invalid-drop{border-color:var(--color-error);background-color:oklch(from var(--color-error) l c h / .05)}.drop-zone-content{width:100%;padding:var(--space-6);text-align:center}.drop-zone-placeholder{color:var(--color-content-tertiary);pointer-events:none;user-select:none}.placeholder-icon{width:48px;height:48px;margin:0 auto var(--space-3);opacity:.5}.placeholder-text{font-size:var(--font-size-sm);margin:0}.drop-zone-items{margin-top:var(--space-4)}.drop-zone-item{background-color:var(--color-background-primary);border:1px solid var(--color-border-primary);border-radius:var(--radius-md);padding:var(--space-3);margin-bottom:var(--space-2);cursor:move;transition:all var(--duration-fast) var(--ease-out)}.drop-zone-item:hover{border-color:var(--color-border-focus);transform:translateY(-1px)}.item-content{display:flex;align-items:center;gap:var(--space-2)}.item-icon{flex-shrink:0;width:16px;height:16px;color:var(--color-content-tertiary)}.item-info{flex:1;min-width:0}.item-title{font-size:var(--font-size-sm);font-weight:500;color:var(--color-content-primary);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.item-description{font-size:var(--font-size-xs);color:var(--color-content-secondary);margin:var(--space-1) 0 0 0}.item-remove{display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;background:0 0;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);color:var(--color-content-tertiary);flex-shrink:0}.item-remove:hover{background-color:var(--color-error);color:#fff}.drop-zone-feedback{position:absolute;top:var(--space-2);right:var(--space-2);z-index:10}.feedback-invalid,.feedback-valid{display:flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-md);font-size:var(--font-size-xs);font-weight:500;white-space:nowrap}.feedback-valid{background-color:var(--color-success);color:#fff}.feedback-invalid{background-color:var(--color-error);color:#fff}.feedback-icon{width:12px;height:12px}.drop-indicator{height:2px;background-color:var(--color-accent-interactive);border-radius:var(--radius-base);margin:var(--space-1) 0;transition:all var(--duration-fast) var(--ease-out)}.drop-indicator-before{margin-top:0}.drop-indicator-after{margin-bottom:0}.skeleton-header{display:flex;align-items:flex-start;gap:var(--space-3);margin-bottom:var(--space-3)}.skeleton-priority{width:8px;height:8px;border-radius:50%;background:linear-gradient(90deg,var(--color-border-primary) 25%,var(--color-border-secondary) 50%,var(--color-border-primary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;flex-shrink:0;margin-top:6px}.skeleton-title{height:20px;background:linear-gradient(90deg,var(--color-border-primary) 25%,var(--color-border-secondary) 50%,var(--color-border-primary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm);flex:1}.skeleton-content{display:flex;flex-direction:column;gap:var(--space-2)}.skeleton-text{height:16px;background:linear-gradient(90deg,var(--color-border-primary) 25%,var(--color-border-secondary) 50%,var(--color-border-primary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm)}.skeleton-text.short{width:60%}.skeleton-metadata{height:14px;background:linear-gradient(90deg,var(--color-border-primary) 25%,var(--color-border-secondary) 50%,var(--color-border-primary) 75%);background-size:200% 100%;animation:skeleton-loading 1.5s infinite;border-radius:var(--radius-sm);width:40%}@keyframes skeleton-loading{0%{background-position:200% 0}100%{background-position:-200% 0}}.story-map :focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.keyboard-active{outline:2px dashed var(--color-accent-interactive);outline-offset:2px}@media (prefers-contrast:high){.drop-zone,.story-card,.task-card{border-width:2px}.story-priority,.task-priority,.task-status{border:1px solid var(--color-content-primary)}}@media (prefers-reduced-motion:reduce){.story-map *{animation-duration:0s!important;animation-iteration-count:1!important;transition-duration:0s!important}.story-card:hover,.task-card:hover{transform:none}}@media (max-width:1280px){.story-map-columns{grid-template-columns:repeat(2,1fr)}}@media (max-width:768px){.story-map-columns{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}.story-map-header{flex-direction:column;gap:var(--space-4);padding:var(--space-4);text-align:center}.story-map-title{font-size:var(--font-size-xl)}.story-card,.task-card{padding:var(--space-3)}.story-metadata{flex-direction:column;align-items:flex-start;gap:var(--space-2)}.task-card-footer{flex-direction:column;align-items:flex-start;gap:var(--space-2)}}@media (max-width:480px){.story-map-controls{flex-direction:column;width:100%;gap:var(--space-2)}.btn{width:100%;justify-content:center}.drop-zone-content{padding:var(--space-4)}.placeholder-icon{width:32px;height:32px}.story-card-header{gap:var(--space-2)}.story-title{font-size:var(--font-size-sm)}.story-description{font-size:var(--font-size-xs)}}@media print{.story-map{background:#fff;color:#000}.item-remove,.story-actions,.story-map-controls,.story-map-header,.task-menu-btn{display:none}.story-card,.task-card{break-inside:avoid;box-shadow:none;border:1px solid #ccc}.drop-zone{border:1px solid #ccc;background:#fff}}.text-item{background:var(--color-background-secondary);border:1px solid var(--color-border-secondary);min-height:200px;display:flex;flex-direction:column;padding:var(--space-4);position:relative;cursor:pointer;transition:all var(--transition-fast, 150ms ease)}.text-item:hover{transform:translateY(-2px);box-shadow:var(--shadow-md,0 4px 12px rgba(0,0,0,.1));border-color:var(--color-border-focus)}.text-content{flex:1;display:flex;flex-direction:column;gap:var(--space-3)}.markdown-content{flex:1;color:var(--color-content-primary);font-size:var(--font-size-base);line-height:var(--line-height-relaxed);text-align:left;word-wrap:break-word;overflow-y:auto}.markdown-content p{margin:0 0 var(--space-2) 0}.markdown-content p:last-child{margin-bottom:0}.markdown-content h1,.markdown-content h2,.markdown-content h3{color:var(--color-content-primary);font-weight:600;margin:var(--space-3) 0 var(--space-2) 0}.markdown-content h1{font-size:var(--font-size-xl)}.markdown-content h2{font-size:var(--font-size-lg)}.markdown-content h3{font-size:var(--font-size-base)}.markdown-content ol,.markdown-content ul{margin:var(--space-2) 0;padding-left:var(--space-4)}.markdown-content li{margin-bottom:var(--space-1)}.markdown-content blockquote{border-left:4px solid var(--color-border-focus);padding-left:var(--space-3);margin:var(--space-2) 0;color:var(--color-content-secondary);font-style:italic}.markdown-content code{background:var(--color-background-tertiary);padding:var(--space-1) var(--space-2);border-radius:4px;font-family:var(--font-mono);font-size:var(--font-size-sm)}.markdown-content pre{background:var(--color-background-tertiary);padding:var(--space-3);border-radius:6px;overflow-x:auto;margin:var(--space-2) 0}.markdown-content pre code{background:0 0;padding:0;border-radius:0}