/*! tailwindcss v4.1.17 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-serif:ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-blue-50:oklch(97% .014 254.604);--color-blue-900:oklch(37.9% .146 265.522);--color-gray-100:oklch(96.7% .003 264.542);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-700:oklch(37.3% .034 259.733);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-md:28rem;--container-lg:32rem;--container-4xl:56rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75/1.125);--font-weight-medium:500;--font-weight-semibold:600;--radius-xl:.75rem;--ease-out:cubic-bezier(0,0,.2,1);--animate-pulse:pulse 2s cubic-bezier(.4,0,.6,1)infinite;--animate-bounce:bounce 1s infinite;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){-webkit-appearance:button;appearance:button}::file-selector-button{-webkit-appearance:button;appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing)*0)}.right-4{right:calc(var(--spacing)*4)}.bottom-4{bottom:calc(var(--spacing)*4)}.isolate{isolation:isolate}.z-50{z-index:50}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.mx-4{margin-inline:calc(var(--spacing)*4)}.mx-auto{margin-inline:auto}.mt-0\.5{margin-top:calc(var(--spacing)*.5)}.mt-1{margin-top:calc(var(--spacing)*1)}.mt-4{margin-top:calc(var(--spacing)*4)}.mt-5{margin-top:calc(var(--spacing)*5)}.mt-12{margin-top:calc(var(--spacing)*12)}.mb-1{margin-bottom:calc(var(--spacing)*1)}.mb-2{margin-bottom:calc(var(--spacing)*2)}.mb-4{margin-bottom:calc(var(--spacing)*4)}.ml-1{margin-left:calc(var(--spacing)*1)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.h-screen{height:100vh}.max-h-72{max-height:calc(var(--spacing)*72)}.max-h-80{max-height:calc(var(--spacing)*80)}.max-h-96{max-height:calc(var(--spacing)*96)}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-4xl{max-width:var(--container-4xl)}.max-w-lg{max-width:var(--container-lg)}.max-w-md{max-width:var(--container-md)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing)*0)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.shrink{flex-shrink:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.animate-bounce{animation:var(--animate-bounce)}.animate-pulse{animation:var(--animate-pulse)}.resize{resize:both}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-1\.5{gap:calc(var(--spacing)*1.5)}.gap-2{gap:calc(var(--spacing)*2)}.gap-3{gap:calc(var(--spacing)*3)}.gap-4{gap:calc(var(--spacing)*4)}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:calc(var(--spacing)*4)}.gap-y-2{row-gap:calc(var(--spacing)*2)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-gray-100{border-color:var(--color-gray-100)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black)40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-gray-100{background-color:var(--color-gray-100)}.bg-white{background-color:var(--color-white)}.p-2{padding:calc(var(--spacing)*2)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-8{padding:calc(var(--spacing)*8)}.px-1\.5{padding-inline:calc(var(--spacing)*1.5)}.px-4{padding-inline:calc(var(--spacing)*4)}.px-6{padding-inline:calc(var(--spacing)*6)}.py-0\.5{padding-block:calc(var(--spacing)*.5)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.py-3{padding-block:calc(var(--spacing)*3)}.pt-2{padding-top:calc(var(--spacing)*2)}.pt-24{padding-top:calc(var(--spacing)*24)}.pb-6{padding-bottom:calc(var(--spacing)*6)}.text-center{text-align:center}.text-left{text-align:left}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-pre-line{white-space:pre-line}.text-black{color:var(--color-black)}.text-blue-900{color:var(--color-blue-900)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-700{color:var(--color-gray-700)}.opacity-0{opacity:0}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.outline-none{--tw-outline-style:none;outline-style:none}@media (hover:hover){.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}:root{--paper:#fafaf7;--paper-2:#f1efe9;--card:#fff;--ink:#131211;--ink-2:#5a554d;--stone:#6b6155;--line:#e3e0d8;--sumi-ink:#f0ede6;--gold:#a8842c;--gold-strong:#7d5e1c;--gold-bright:#d2ac49;--indigo:#3f5a72;--ok:#2f6b4a;--warn:#8c5a2b;--danger:#b3261e;--danger-strong:#8c1d17;--font-serif:"Hiragino Mincho ProN","Yu Mincho","BIZ UDMincho","Noto Serif JP",serif;--font-sans:"Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic Medium","BIZ UDPGothic","Meiryo","Noto Sans JP",sans-serif;--font-mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;--font-japanese:var(--font-sans);--cell-min-height:80px;--bg-primary:var(--card);--bg-secondary:var(--paper);--bg-hover:var(--paper-2);--bg-active:var(--line);--text-primary:var(--ink);--text-secondary:var(--ink-2);--text-tertiary:var(--stone);--border-color:var(--line);--border-light:var(--paper-2);--accent-color:#2383e2;--accent-light:#e8f4fd;--primary-color:#2383e2;--primary-light:#e8f4fd;--diff-add-bg:#e6ffec;--diff-add-border:#1f883d;--diff-add-text:#116329;--diff-del-bg:#ffebe9;--diff-del-border:#cf222e;--diff-del-text:#a40e26;--diff-chg-bg:#fff8c5;--diff-chg-border:#9a6700;--diff-chg-text:#633c01}body{font-family:var(--font-japanese);background-color:var(--bg-secondary);color:var(--text-primary);font-size:14px}.flow-grid-wrapper{position:relative}.flow-grid{background-color:#0000;outline:none;gap:16px;padding:8px;display:grid;position:relative}.flow-grid:focus{outline:none}.lane-header{color:#374151;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;align-items:stretch;gap:8px;min-width:120px;padding:.5rem .75rem;font-size:13px;font-weight:500;transition:all .2s;display:flex}.lane-header.primary{background-color:var(--primary-light);border-color:#93c5fd}.lane-header.assignee-lane{color:#fff;text-align:center;background:#191919;border:none;justify-content:center;font-weight:600;position:relative}.lane-header.assignee-lane .assignee-name-display{text-align:center;flex:1;justify-content:center;align-items:center;display:flex}.lane-header.assignee-lane .lane-edit-icon{color:#ffffff80;cursor:pointer;background:#ffffff1a;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .15s;display:flex;position:absolute;bottom:6px;right:8px}.lane-header.assignee-lane .lane-edit-icon:hover{color:#fff;background:#ffffff40;transform:scale(1.1)}.lane-header.assignee-lane .lane-delete-icon{color:#ffffff59;cursor:pointer;background:#ffffff14;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;padding:0;transition:all .15s;display:flex;position:absolute;bottom:6px;right:30px}.lane-header.assignee-lane .lane-delete-icon:hover{color:#fff;background:#dc3c3cd9;transform:scale(1.1)}.lane-delete-dialog{background:var(--panel-bg,#fff);color:var(--text-color,#1a1a1a);border-radius:12px;width:calc(100% - 32px);max-width:420px;padding:22px 24px;box-shadow:0 12px 40px #00000047}.lane-delete-dialog h3{margin:0 0 10px;font-size:16px;font-weight:700}.lane-delete-dialog p{margin:0 0 18px;font-size:13.5px;line-height:1.7}.lane-delete-note{color:var(--muted-color,#888);font-size:12px}.lane-delete-actions{flex-direction:column;gap:8px;display:flex}.lane-delete-purge{color:#c0392b;cursor:pointer;background:0 0;border:1px solid #c0392b66;border-radius:8px;padding:9px 14px;font-size:13px;transition:all .15s}.lane-delete-purge:hover{background:#c0392b14;border-color:#c0392bb3}.lane-header.assignee-lane .assignee-drag-handle{color:#fff6;cursor:grab;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:16px;height:20px;padding:0;transition:all .15s;display:flex;position:absolute;top:50%;left:4px;transform:translateY(-50%)}.lane-header.assignee-lane .assignee-drag-handle:hover{color:#fffc;background:#ffffff1a}.lane-header.assignee-lane .assignee-drag-handle:active{cursor:grabbing}.lane-header.assignee-lane.dragging{opacity:.5;transform:scale(.98)}.lane-header.assignee-lane.drag-over{box-shadow:inset 0 0 0 2px #ffffff80}.order-header.step-lane{background:var(--bg-hover);color:var(--text-secondary);font-weight:400}.lane-header.dragging{opacity:.5;border:2px dashed #3b82f6;transition:transform .15s,opacity .15s;transform:scale(.95)}.lane-header.drag-over{background-color:#eff6ff;border-color:#3b82f6;transform:scale(1.02);box-shadow:0 0 0 3px #3b82f64d}.lane-header{transition:transform .2s,box-shadow .2s,background-color .15s}.lane-drag-handle{cursor:grab;color:#9ca3af;border-radius:4px;justify-content:center;align-items:center;padding:0 2px;transition:all .15s;display:flex}.lane-drag-handle:hover{color:#6b7280;background:#0000000d}.lane-drag-handle:active{cursor:grabbing;color:#374151}.lane-content{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lane-header .lane-label{color:var(--primary-color);text-transform:uppercase;letter-spacing:.5px;font-size:10px;font-weight:400}.lane-header .lane-display{justify-content:space-between;align-items:center;gap:4px;display:flex}.lane-header .lane-name{color:#1e40af;font-size:14px;font-weight:600}.lane-actions{opacity:0;align-items:center;gap:2px;transition:opacity .15s;display:flex}.lane-header:hover .lane-actions{opacity:1}.lane-header .lane-edit-btn,.lane-header .lane-delete-btn{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:2px;transition:all .15s;display:flex}.lane-header .lane-edit-btn:hover{color:var(--primary-color);background:#2563eb1a}.lane-header .lane-delete-btn:hover{color:#ef4444;background:#ef44441a}.lane-delete-menu{flex-direction:column;gap:4px;animation:.15s ease-out fadeIn;display:flex}.lane-delete-menu-header{color:#6b7280;font-size:11px;font-weight:500}.lane-delete-menu-options{flex-wrap:wrap;gap:4px;display:flex}.lane-delete-menu-option{cursor:pointer;font-size:11px;font-weight:500;font-family:var(--font-japanese);color:#374151;white-space:nowrap;background:#fff;border:1px solid #d1d5db;border-radius:4px;padding:3px 8px;transition:all .15s}.lane-delete-menu-option:hover{background:#f3f4f6;border-color:#9ca3af}.lane-delete-menu-option.danger{color:#dc2626;background:#fef2f2;border-color:#fca5a5}.lane-delete-menu-option.danger:hover{background:#fee2e2;border-color:#f87171}.lane-delete-menu-option.cancel{color:#6b7280;background:#f3f4f6}.lane-delete-menu-option.cancel:hover{background:#e5e7eb}.lane-header .lane-edit-container{align-items:center;gap:4px;display:flex}.lane-header .lane-edit-input{color:#1e40af;border:1px solid var(--primary-color);font-size:14px;font-weight:600;font-family:var(--font-japanese);background:#fff;border-radius:4px;flex:1;padding:2px 4px}.lane-header .lane-edit-input:focus{outline:none;box-shadow:0 0 0 2px #2563eb33}.lane-header .lane-save-btn{color:#fff;background:var(--primary-color);cursor:pointer;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;display:flex}.lane-header .lane-save-btn:hover{background:#1d4ed8}.lane-header.corner{background-color:#0000;border:none}.lane-add-btn{background:var(--bg-secondary);border:2px dashed var(--border-color);color:var(--text-tertiary);cursor:pointer;border-radius:6px;justify-content:center;align-items:center;min-width:100px;padding:8px 16px;transition:all .15s;display:flex}.lane-add-btn:hover{background:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.order-header{color:#6b7280;text-align:center;background-color:#f3f4f6;border:1px solid #e5e7eb;border-radius:6px;min-width:100px;padding:.5rem .75rem;font-size:12px;font-weight:400}.node-cell{min-height:var(--cell-min-height);background:0 0;border:none;min-width:160px;padding:0;position:relative}.node-cell.empty{cursor:pointer;min-height:var(--cell-min-height);background-color:#fafafa;border:2px dashed #e5e7eb;border-radius:8px;transition:all .15s}.node-cell.empty:hover{background-color:#f0f9ff;border-color:#93c5fd}.task-box{background:var(--bg-primary);border:1px solid var(--border-color);min-height:var(--cell-min-height);height:var(--cell-min-height);border-radius:6px;transition:all .15s;display:flex;overflow:hidden;box-shadow:0 1px 2px #0000000a}.task-box:hover{border-color:var(--text-tertiary);box-shadow:0 2px 4px #0000000f}.task-box.focused{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light)}.flow-grid:focus-within .task-box.focused{box-shadow:0 0 0 2px var(--accent-light),0 0 0 4px var(--accent-color)}.keycap-hint{letter-spacing:.02em;color:var(--text-secondary,#64748b);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e2e8f0);opacity:.8;pointer-events:none;white-space:nowrap;z-index:2;border-radius:4px;justify-content:center;align-items:center;padding:1px 5px;font-size:9.5px;font-weight:600;line-height:1.3;display:inline-flex;position:absolute;box-shadow:0 1px 2px #0000000f}.keycap-hint.is-dormant{opacity:.22;box-shadow:none;border-color:#0000}.keycap-hint.kc-below{top:calc(100% + 1px);left:16px}.keycap-hint.kc-right{top:72%;left:calc(100% + 3px);transform:translateY(-50%)}.keycap-hint.kc-above{bottom:calc(100% + 1px);left:16px}.keycap-hint.kc-left{top:72%;right:calc(100% + 3px);transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){.keycap-hint{transition:opacity .12s,box-shadow .12s,border-color .12s}}.selection-count{color:#fff;background:#3b82f6;border:2px solid #fff;border-radius:9px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 4px;font-size:.6875rem;font-weight:600;display:flex;position:absolute;top:-6px;right:-6px;box-shadow:0 1px 3px #0003}.flow-grid .node-cell:focus-within .task-box{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f633,0 4px 6px -1px #0000001a}.task-content{flex-direction:column;flex:1;padding:8px;display:flex;position:relative}.node-textarea{resize:none;width:100%;min-height:40px;font-family:var(--font-japanese);color:var(--text-primary);background:0 0;border:none;flex:1;padding:0;font-size:14px;line-height:1.5}.node-textarea:focus{outline:none}.node-textarea::placeholder{color:var(--text-tertiary)}.task-actions{opacity:0;justify-content:flex-end;gap:4px;margin-top:4px;transition:opacity .15s;display:flex}.task-box:hover .task-actions,.node-cell:focus-within .task-actions{opacity:1}.subtask-btn{color:var(--text-secondary);background:var(--bg-hover);cursor:pointer;border:1px solid #0000;border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:11px;transition:all .1s;display:flex}.subtask-btn:hover{color:var(--accent-color);background:var(--accent-light);border-color:#0000}.task-actions.has-subtasks{opacity:1}.task-actions.has-subtasks .subtask-btn{color:var(--text-secondary);background:0 0;padding:2px 0}.task-actions.has-subtasks .subtask-count{background:0 0;padding:0;font-size:11px;font-weight:600}.task-box:hover .task-actions.has-subtasks .subtask-count,.node-cell:focus-within .task-actions.has-subtasks .subtask-count{background:var(--bg-active);padding:0 3px;font-size:10px;font-weight:400}.task-actions.has-subtasks .subtask-label{display:none}.task-box:hover .task-actions.has-subtasks .subtask-btn,.node-cell:focus-within .task-actions.has-subtasks .subtask-btn{background:var(--bg-hover);padding:2px 6px}.task-box:hover .task-actions.has-subtasks .subtask-label,.node-cell:focus-within .task-actions.has-subtasks .subtask-label{display:inline}.subtask-count{background:var(--bg-active);min-width:14px;color:var(--text-secondary);text-align:center;font-variant-numeric:tabular-nums;border-radius:7px;padding:0 3px;font-size:10px;line-height:14px}.subtask-btn:hover .subtask-count{background:var(--bg-primary);color:var(--accent-color)}.task-stack-edge{height:var(--cell-min-height);border:1px solid var(--border-color);background:var(--bg-active);pointer-events:none;border-radius:6px;transition:transform .12s ease-out;position:absolute;top:0;left:0;right:0;transform:translate(4px,7px)}.node-cell:hover .task-stack-edge,.node-cell.focused .task-stack-edge,.node-cell:focus-within .task-stack-edge{transform:translate(6px,10px)}.task-stack-edge.settling{animation:.4s cubic-bezier(.22,1,.36,1) stack-edge-settle}@keyframes stack-edge-settle{0%{transform:translate(8px,15px)}to{transform:translate(4px,7px)}}@media (prefers-reduced-motion:reduce){.task-stack-edge{transition:none}.task-stack-edge.settling{animation:none}.node-cell:hover .task-stack-edge,.node-cell.focused .task-stack-edge,.node-cell:focus-within .task-stack-edge{transform:translate(4px,7px)}}.empty-cell-content{color:var(--border-color);height:100%;min-height:calc(var(--cell-min-height) - 4px);border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:20px;transition:all .1s;display:flex}.empty-cell-content:hover{color:var(--accent-color)}.empty-cell-content.focused{outline:2px solid var(--accent-color);outline-offset:2px;background-color:var(--accent-light)}.flow-grid.panning{cursor:grabbing!important}.flow-grid.panning *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.keyboard-hint{background:var(--bg-primary);width:288px;max-width:calc(100vw - 2rem);color:var(--text-secondary);z-index:40;border:1px solid var(--border-color);border-radius:10px;padding:10px 12px;position:fixed;bottom:3rem;right:1rem;box-shadow:0 1px 2px #0000000a,0 8px 24px #0000001a}.keyboard-hint-head{border-bottom:1px solid var(--border-light,var(--border-color));justify-content:space-between;align-items:center;margin-bottom:8px;padding-bottom:8px;display:flex}.keyboard-hint-title{letter-spacing:.01em;color:var(--text-primary);font-size:11.5px;font-weight:700}.keyboard-hint-rows{grid-template-columns:auto auto 1fr;align-items:center;gap:6px 8px;display:grid}.hint-lead{color:var(--accent-color);background:var(--accent-light,#2563eb1a);white-space:nowrap;border-radius:999px;justify-self:start;padding:1px 7px;font-size:10px;font-weight:700}.hint-desc{color:var(--text-secondary);font-size:11.5px;line-height:1.4}.keyboard-hint kbd{text-align:center;background:var(--bg-hover);min-width:20px;color:var(--text-primary);border:1px solid var(--border-color);border-radius:4px;justify-self:center;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.hint-more{color:var(--text-secondary);border:1px solid var(--border-color);cursor:pointer;white-space:nowrap;background:0 0;border-radius:6px;padding:2px 8px;font-size:10.5px;font-weight:600}.hint-more:hover{color:var(--accent-color);background:var(--bg-hover);border-color:var(--accent-color)}.hint-collapse-toggle{width:18px;height:18px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:6px;padding:0;font-size:10px;line-height:1;display:inline-flex}.hint-collapse-toggle:hover{color:var(--accent-color);background:var(--bg-hover)}.keyboard-hint-head .keyboard-hint-title{margin-right:auto}.keyboard-hint-head{transition:padding-bottom .15s,margin-bottom .15s,border-bottom-color .15s}.keyboard-hint.is-collapsed .keyboard-hint-head{border-bottom-color:#0000;margin-bottom:0;padding-bottom:0}.flow-header{border-bottom:1px solid var(--border-light);background:var(--bg-primary);flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 20px;display:flex}.flow-header-left{align-items:center;gap:8px;display:flex}.header-back-btn{width:28px;height:28px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;transition:all .1s;display:flex}.header-back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.flow-title{color:var(--text-secondary);margin:0;font-size:16px;font-weight:500}.flow-title-editable{cursor:text;border:1px solid #0000;border-radius:6px;margin:0 -4px;padding:2px 4px;transition:background .12s,border-color .12s}.flow-title-editable:hover{color:var(--text-primary);background:var(--bg-hover)}.flow-title-input{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--accent-color);border-radius:6px;outline:none;min-width:12ch;margin:0 -4px;padding:2px 4px;font-family:inherit;font-size:16px;font-weight:500}.flow-title-container{align-items:center;gap:8px;display:flex}.flow-header-actions{gap:8px;display:flex}.header-btn{border:1px solid var(--border-color);color:var(--text-secondary);cursor:pointer;font-size:13px;font-family:var(--font-japanese);background:0 0;border-radius:6px;align-items:center;gap:6px;padding:6px 10px;transition:all .1s;display:flex}.header-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.undo-redo-group{align-items:center;gap:2px;margin-right:4px;display:flex}.undo-redo-group .header-btn{padding:6px 8px}.undo-redo-group .header-btn:disabled{opacity:.35;cursor:default}.undo-redo-group .header-btn:disabled:hover{color:var(--text-secondary);background:0 0}.header-btn-danger{color:var(--text-tertiary,var(--text-secondary))}.header-btn-danger:hover{color:#dc2626;background:#dc262614;border-color:#dc262680}.content-breadcrumb{color:var(--text-tertiary);align-items:center;gap:4px;margin-bottom:12px;font-size:12px;display:flex}.content-breadcrumb .breadcrumb-label{color:var(--text-secondary);font-weight:500}.content-breadcrumb .breadcrumb-item{align-items:center;gap:4px;display:flex}.content-breadcrumb .breadcrumb-link{color:var(--text-tertiary);cursor:pointer;font-size:12px;font-family:var(--font-japanese);background:0 0;border:none;border-radius:4px;padding:2px 4px;transition:all .1s}.content-breadcrumb .breadcrumb-link:hover{color:var(--text-primary);background:var(--bg-hover)}.content-breadcrumb .breadcrumb-current{color:var(--text-secondary);font-weight:500}.flow-card{background:var(--bg-primary);border:1px solid var(--border-color);color:inherit;align-items:center;gap:1rem;padding:12px 16px;text-decoration:none;transition:all .1s;display:flex}.flow-card:hover{background:var(--bg-hover);border-color:var(--stone)}.flow-card-icon{color:var(--indigo)}.flow-card-title{color:var(--ink)}.flow-card-meta{color:var(--stone)}.flow-card-rename{color:var(--ink);background:var(--card);border:1px solid var(--indigo);outline:none;padding:2px 6px}.flow-card-badge{color:var(--stone);background:var(--paper-2);border:1px solid var(--line);padding:1px 6px;font-size:10px;font-weight:500}.flow-card-action{color:var(--stone)}.flow-card-action:hover{color:var(--indigo)}.flow-card-action-danger:hover{color:#b3261e}.flow-arrows{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;top:0;left:0}.flow-arrows.flow-arrows-provisional .flow-arrow{stroke:#b8bcc4;stroke-width:1.25px;stroke-dasharray:4 5;opacity:.5;animation:.7s linear infinite flow-arrows-march}.flow-arrows.flow-arrows-provisional .flow-arrow-halo,.flow-arrows.flow-arrows-provisional .arrow-label-chip,.flow-arrows.flow-arrows-provisional .flow-arrow-hit{display:none}.flow-arrows.flow-arrows-provisional .flow-arrow{marker-end:none}@keyframes flow-arrows-march{to{stroke-dashoffset:-18px}}.flow-arrows.flow-arrows-snap .flow-arrow{animation:.24s cubic-bezier(.22,1,.36,1) flow-arrows-snap}@keyframes flow-arrows-snap{0%{opacity:.45}to{opacity:1}}@media (prefers-reduced-motion:reduce){.flow-arrows.flow-arrows-provisional .flow-arrow,.flow-arrows.flow-arrows-snap .flow-arrow{animation:none}}.flow-arrow{fill:none;stroke:#a3a3a0;stroke-width:1.5px;transition:d .3s ease-out,opacity .2s,stroke .2s}.flow-arrow.ghost{stroke:#c4c4c1;opacity:.8}.flow-arrow.highlighted{stroke:var(--accent-color);opacity:1;stroke-width:2px}.node-cell.focused{z-index:2}.task-tree-sidebar{background:var(--bg-secondary);border-right:1px solid var(--border-light);flex-direction:column;width:260px;min-width:260px;height:100%;display:flex;overflow:hidden}.sidebar-header{background:0 0;border-bottom:none;padding:12px 14px}.sidebar-header h3{color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:14px;font-weight:600}.sidebar-content{flex:1;padding:0;overflow-y:auto}.tree-node{cursor:pointer;border-radius:4px;align-items:center;gap:6px;margin:1px 4px;padding:4px 8px;transition:background .1s;display:flex}.tree-node:hover{background:var(--bg-hover)}.tree-node.active{background:var(--bg-active)}.tree-node.root{padding-left:8px}.tree-expand-btn{width:20px;height:20px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.tree-expand-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.tree-expand-placeholder{flex-shrink:0;width:20px;height:20px}.tree-icon{color:var(--text-tertiary);flex-shrink:0}.tree-node.active .tree-icon{color:var(--text-secondary)}.tree-node-label{color:var(--text-primary);text-align:left;text-overflow:ellipsis;white-space:nowrap;cursor:pointer;font-size:14px;font-weight:400;font-family:var(--font-japanese);background:0 0;border:none;flex:1;padding:0;overflow:hidden}.tree-node.workflow .tree-node-label{font-weight:500}.tree-node.active .tree-node-label{color:var(--text-primary);font-weight:500}.tree-delete-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .1s;display:none}.tree-node:hover .tree-delete-btn{display:flex}.tree-delete-btn:hover{color:#eb5757;background:#eb57571a}.tree-edit-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .1s;display:none}.tree-node:hover .tree-edit-btn{display:flex}.tree-edit-btn:hover{color:var(--accent-color);background:var(--accent-light)}.tree-clone-btn{color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;padding:4px;transition:all .1s;display:none}.tree-node:hover .tree-clone-btn{display:flex}.tree-clone-btn:hover{color:#059669;background:#d1fae5}.sidebar-section-header{color:var(--text-secondary);text-transform:none;letter-spacing:normal;border-bottom:none;justify-content:space-between;align-items:center;margin-top:4px;padding:8px 14px;font-size:12px;font-weight:500;display:flex}.sidebar-add-btn{width:22px;height:22px;color:var(--text-tertiary);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:0;transition:all .1s;display:flex}.sidebar-add-btn:hover{background:var(--bg-hover);color:var(--text-secondary)}.sidebar-add-form{background:0 0;border-bottom:none;padding:8px 14px}.sidebar-add-form input{border:1px solid var(--border-color);width:100%;font-size:14px;font-family:var(--font-japanese);background:var(--bg-primary);color:var(--text-primary);border-radius:4px;padding:6px 10px}.sidebar-add-form input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light);outline:none}.sidebar-add-actions{gap:8px;margin-top:8px;display:flex}.sidebar-add-actions button{cursor:pointer;font-size:13px;font-family:var(--font-japanese);border-radius:4px;flex:1;padding:6px 12px;font-weight:500;transition:all .1s}.sidebar-add-actions button:first-child{background:var(--accent-color);color:#fff;border:none}.sidebar-add-actions button:first-child:hover:not(:disabled){background:#1a73d1}.sidebar-add-actions button:first-child:disabled{background:var(--text-tertiary);cursor:not-allowed}.sidebar-add-actions button:last-child{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.sidebar-add-actions button:last-child:hover{background:var(--bg-hover)}.sidebar-mode-section{margin-bottom:4px}.sidebar-mode-header{width:100%;color:var(--text-primary);cursor:pointer;text-align:left;font-size:13px;font-weight:600;font-family:var(--font-japanese);background:0 0;border:none;align-items:center;gap:6px;padding:10px 14px;transition:background .1s;display:flex}.sidebar-mode-header:hover{background:var(--bg-hover)}.sidebar-mode-icon{font-size:14px}.sidebar-mode-title{flex:1}.sidebar-mode-count{color:var(--text-tertiary);background:var(--bg-hover);border-radius:10px;margin-right:4px;padding:2px 6px;font-size:11px;font-weight:500}.sidebar-mode-content{padding-left:4px}.sidebar-empty-message{color:var(--text-tertiary);padding:12px 20px;font-size:12px;font-style:italic}.sidebar-create-proposal-btn{width:calc(100% - 28px);color:var(--accent-color);background:var(--accent-light);border:1px dashed var(--accent-color);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-japanese);border-radius:6px;align-items:center;gap:6px;margin:8px 14px;padding:8px 12px;transition:all .15s;display:flex}.sidebar-create-proposal-btn:hover{background:var(--accent-color);color:#fff;border-style:solid}.execution-order-badge{min-width:18px;height:18px;color:var(--text-secondary);background:var(--bg-hover);border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;padding:0 5px;font-size:11px;font-weight:500;display:flex}.tree-node.active .execution-order-badge{background:var(--bg-active);color:var(--text-primary)}.step-indicator{color:var(--text-tertiary);background:0 0;border-radius:4px;flex-shrink:0;margin-left:auto;padding:2px 6px;font-size:10px}.tree-node.active .step-indicator{color:var(--text-secondary)}.workflow-name-input{color:var(--text-primary);background:var(--bg-primary);border:1px solid var(--accent-color);font-size:14px;font-weight:500;font-family:var(--font-japanese);border-radius:4px;flex:1;padding:2px 6px}.workflow-name-input:focus{box-shadow:0 0 0 2px var(--accent-light);outline:none}.execution-order-list{position:relative}.execution-order-list>div{will-change:transform}.flow-editor-layout{flex:1;display:flex;overflow:hidden}.empty-state{height:100%;min-height:400px;color:var(--text-tertiary);text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:40px;display:flex}.empty-state svg{opacity:.4;color:var(--text-tertiary);margin-bottom:16px}.empty-state h3{color:var(--text-secondary);margin:0 0 8px;font-size:16px;font-weight:500}.empty-state p{color:var(--text-tertiary);max-width:280px;margin:0;font-size:14px;line-height:1.5}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.animate-slide-in{animation:.2s ease-out slide-in}.animate-fade-in{animation:.15s ease-out fade-in}.animate-scale-in{animation:.2s ease-out scale-in}.empty-cell{min-height:var(--cell-min-height);cursor:pointer;background:#00000005;border:1px dashed #0000001a;border-radius:8px;min-width:160px;transition:all .15s}.empty-cell:hover{background:#3b82f60d;border-color:#3b82f64d}.empty-cell.focused{background:#3b82f61a;border:2px dashed #3b82f6}.assignee-name{cursor:pointer;border-radius:4px;padding:2px 4px;transition:background-color .15s}.assignee-name:hover{background-color:#3b82f61a}.assignee-input{width:100%;font-size:inherit;font-weight:inherit;font-family:var(--font-japanese);text-align:center;background:#fff;border:1px solid #3b82f6;border-radius:4px;padding:2px 4px}.assignee-input:focus{outline:none;box-shadow:0 0 0 2px #3b82f633}.modal-overlay{z-index:1000;background:#0000004d;justify-content:center;align-items:center;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.modal-content{background:var(--bg-primary);border-radius:8px;min-width:300px;padding:20px;box-shadow:0 4px 20px #00000026}.modal-title{color:var(--text-primary);margin:0 0 16px;font-size:16px;font-weight:600}.modal-input{border:1px solid var(--border-color);width:100%;font-size:14px;font-family:var(--font-japanese);background:var(--bg-primary);color:var(--text-primary);box-sizing:border-box;border-radius:6px;padding:8px 12px}.modal-input:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light);outline:none}.modal-actions{justify-content:flex-end;gap:8px;margin-top:16px;display:flex}.modal-btn-cancel,.modal-btn-save{cursor:pointer;font-size:13px;font-family:var(--font-japanese);border-radius:6px;padding:8px 16px;font-weight:500}.modal-btn-cancel{background:var(--bg-primary);color:var(--text-secondary);border:1px solid var(--border-color)}.modal-btn-cancel:hover{background:var(--bg-hover)}.modal-btn-save{background:var(--accent-color);color:#fff;border:none}.modal-btn-save:hover{background:#1a73d1}.assignee-picker{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;min-width:240px;animation:.15s ease-out scale-in;overflow:hidden;box-shadow:0 4px 20px #00000026}.assignee-picker:focus{outline:none}.assignee-picker-header{color:var(--text-secondary);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);padding:10px 14px;font-size:12px;font-weight:500}.assignee-picker-list{max-height:240px;overflow-y:auto}.assignee-picker-option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.assignee-picker-option:hover,.assignee-picker-option.selected{background:var(--bg-hover)}.assignee-picker-option.selected{background:var(--accent-light)}.assignee-picker-option.has-task{color:var(--text-secondary)}.assignee-picker-icon{color:var(--text-tertiary);flex-shrink:0}.assignee-picker-icon.add{color:var(--accent-color)}.assignee-picker-name{color:var(--text-primary);flex:1;font-size:14px}.assignee-picker-badge{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:4px;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:flex}.assignee-picker-add-form{padding:12px 14px}.assignee-picker-input{border:1px solid var(--accent-color);background:var(--bg-primary);width:100%;color:var(--text-primary);font-size:14px;font-family:var(--font-japanese);border-radius:6px;padding:8px 10px}.assignee-picker-input:focus{box-shadow:0 0 0 2px var(--accent-light);outline:none}.assignee-picker-add-hint{color:var(--text-tertiary);text-align:center;margin-top:8px;font-size:11px}.assignee-picker-footer{color:var(--text-tertiary);background:var(--bg-secondary);border-top:1px solid var(--border-light);text-align:center;padding:8px 14px;font-size:11px}.assignee-picker-shortcut{color:var(--text-tertiary);background:var(--bg-hover);border-radius:4px;margin-left:auto;padding:2px 6px;font-family:monospace;font-size:11px;font-weight:500}.task-autocomplete{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;min-width:260px;max-width:360px;animation:.15s ease-out scale-in;overflow:hidden;box-shadow:0 4px 20px #00000026}.task-autocomplete-list{max-height:280px;overflow-y:auto}.task-autocomplete-option{cursor:pointer;align-items:center;gap:10px;padding:10px 14px;transition:background .1s;display:flex}.task-autocomplete-option:hover,.task-autocomplete-option.selected{background:var(--bg-hover)}.task-autocomplete-option.selected{background:var(--accent-light)}.task-autocomplete-icon{flex-shrink:0}.task-autocomplete-icon.project{color:var(--accent-color)}.task-autocomplete-icon.template{color:var(--text-tertiary)}.task-autocomplete-text{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:14px;overflow:hidden}.task-autocomplete-count{color:var(--text-tertiary);flex-shrink:0;font-size:11px}.task-autocomplete-badge{color:var(--text-tertiary);background:var(--bg-secondary);border-radius:4px;flex-shrink:0;padding:2px 6px;font-size:10px}.task-autocomplete-footer{color:var(--text-tertiary);background:var(--bg-secondary);border-top:1px solid var(--border-light);text-align:center;padding:8px 14px;font-size:11px;line-height:1.6}.task-autocomplete-footer-hint{opacity:.75}.view-mode-switcher{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:4px;padding:4px;display:flex}.view-mode-btn{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-japanese);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.view-mode-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.view-mode-btn.active{background:var(--bg-primary);color:var(--accent-color);box-shadow:0 1px 3px #0000001a}.view-mode-key{width:18px;height:18px;color:var(--text-tertiary);background:var(--bg-hover);border-radius:4px;justify-content:center;align-items:center;font-family:monospace;font-size:11px;font-weight:600;display:inline-flex}.view-mode-btn.active .view-mode-key{background:var(--accent-light);color:var(--accent-color)}.metrics-summary{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;margin-bottom:16px;padding:12px 16px}.metrics-title{color:var(--text-secondary);margin-bottom:10px;font-size:12px;font-weight:600}.metrics-grid{gap:24px;display:flex}.metrics-item{flex-direction:column;gap:2px;display:flex}.metrics-label{color:var(--text-tertiary);font-size:11px}.metrics-value{color:var(--text-primary);align-items:center;gap:8px;font-size:14px;font-weight:500;display:flex}.metrics-change{border-radius:4px;align-items:center;gap:2px;padding:2px 6px;font-size:12px;font-weight:600;display:flex}.metrics-change.positive{color:#059669;background:#d1fae5}.metrics-change.negative{color:#dc2626;background:#fee2e2}.metrics-trend{flex-shrink:0}.metrics-trend.down{color:#059669}.metrics-trend.up{color:#dc2626}.metrics-trend.neutral{color:var(--text-tertiary)}.workflow-mode-badge{border-radius:4px;margin-left:6px;padding:2px 6px;font-size:10px;font-weight:500}.workflow-mode-badge.current{color:#6b7280;background:#f3f4f6}.workflow-mode-badge.proposal{background:var(--accent-light);color:var(--accent-color)}button.workflow-mode-badge.toggleable{cursor:pointer;border:1px dashed #0000;transition:border-color .12s,filter .12s}button.workflow-mode-badge.toggleable:hover{filter:brightness(.96);border-color:currentColor}.workflow-mode-selector{gap:4px;margin-top:8px;display:flex}.workflow-mode-option{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);cursor:pointer;font-size:12px;font-weight:500;font-family:var(--font-japanese);border-radius:4px;flex:1;padding:6px 12px;transition:all .15s}.workflow-mode-option:hover{background:var(--bg-hover)}.workflow-mode-option.active{background:var(--accent-light);border-color:var(--accent-color);color:var(--accent-color)}.task-box.diff-added{background:var(--diff-add-bg);border-color:var(--diff-add-border)}.task-box.diff-removed{background:var(--diff-del-bg);border-color:var(--diff-del-border);opacity:.55}.task-box.diff-removed .node-textarea{text-decoration:line-through}.task-box.diff-removed textarea{pointer-events:none}.task-box.diff-removed:hover:after{content:"削除予定";background:var(--diff-del-border);color:#fff;white-space:nowrap;z-index:100;pointer-events:none;border-radius:4px;padding:4px 8px;font-size:11px;animation:.15s ease-out fade-in;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.task-box.diff-modified{background:var(--diff-chg-bg);border-color:var(--diff-chg-border)}.task-box.diff-unchanged{opacity:.6}.diff-legend{background:var(--bg-secondary);border-radius:6px;gap:16px;margin-bottom:12px;padding:8px 12px;font-size:12px;display:flex}.diff-legend-item{align-items:center;gap:6px;display:flex}.diff-legend-color{border-radius:3px;width:12px;height:12px}.diff-legend-color.added{background:var(--diff-add-border)}.diff-legend-color.removed{background:var(--diff-del-border)}.diff-legend-color.modified{background:var(--diff-chg-border)}.diff-legend-color.unchanged{background:var(--border-color)}.diff-legend-label{color:var(--text-secondary)}.editor-mode-tabs{background:var(--bg-secondary);border-radius:6px;gap:2px;padding:2px;display:flex}.view-segment{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:2px;padding:2px;display:inline-flex}.view-segment-tab{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;align-items:center;gap:5px;padding:4px 12px;font-size:12.5px;font-weight:600;transition:background .12s,color .12s;display:inline-flex}.view-segment-tab:hover:not(:disabled):not(.active){color:var(--text-primary);background:var(--bg-hover)}.view-segment-tab.active{color:var(--text-primary);background:var(--bg-primary);box-shadow:0 1px 2px #00000014}.view-segment-tab:disabled{opacity:.45;cursor:not-allowed}.workflow-role-icon{font-size:11px;line-height:1}.workflow-role-badge{color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;align-items:center;gap:5px;max-width:240px;padding:4px 12px;font-size:12.5px;font-weight:600;display:inline-flex}.workflow-role-badge-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-mode-tab{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-japanese);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.editor-mode-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.editor-mode-tab.active{background:var(--bg-active);color:var(--text-primary)}.view-mode-tabs{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:8px;gap:4px;padding:4px;display:flex}.view-mode-tab{color:var(--text-secondary);cursor:pointer;font-size:13px;font-weight:500;font-family:var(--font-japanese);background:0 0;border:none;border-radius:6px;align-items:center;gap:6px;padding:6px 12px;transition:all .15s;display:flex}.view-mode-tab:hover{background:var(--bg-hover);color:var(--text-primary)}.view-mode-tab.active{background:var(--bg-primary);color:var(--accent-color);box-shadow:0 1px 3px #0000001a}.editor-mode-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.editor-mode-tab.active{color:var(--accent-color);background:var(--bg-primary);box-shadow:0 1px 2px #0000000d}.compare-view{flex-direction:column;gap:16px;height:100%;display:flex}.compare-panels{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;display:grid}.compare-panel{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.compare-panel-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-color);align-items:center;gap:8px;padding:12px 16px;display:flex}.compare-panel-icon{font-size:16px}.compare-panel-title{color:var(--text-secondary);font-size:13px;font-weight:600}.compare-panel-workflow{color:var(--text-primary);font-size:14px;font-weight:500}.compare-panel-content{flex:1;overflow:auto}.compare-panel-content .flow-grid-wrapper{height:100%}.node-text-readonly{color:var(--text-primary);min-height:40px;padding:8px 10px;font-size:14px;line-height:1.5}.node-text-readonly .text-placeholder{color:var(--text-tertiary);font-style:italic}.compare-grid-container{flex:1;padding:16px;overflow:auto}.compare-grid{background:var(--border-color);border:1px solid var(--border-color);border-radius:6px;gap:1px;display:grid;overflow:hidden}.compare-grid-corner{background:var(--bg-secondary);padding:8px}.compare-grid-header{background:var(--bg-secondary);color:var(--text-secondary);text-align:center;padding:8px 12px;font-size:12px;font-weight:500}.compare-grid-row-header{background:var(--bg-secondary);color:var(--text-secondary);align-items:center;padding:8px 12px;font-size:12px;font-weight:500;display:flex}.compare-grid-cell{background:var(--bg-primary);min-height:60px;padding:8px}.compare-grid-cell.diff-added{background:var(--diff-add-bg)}.compare-grid-cell.diff-removed{background:var(--diff-del-bg)}.compare-grid-cell.diff-modified{background:var(--diff-chg-bg)}.compare-grid-cell.diff-unchanged{opacity:.6}.compare-task-box{background:var(--bg-primary);border:1px solid var(--border-color);color:var(--text-primary);border-radius:4px;padding:8px 10px;font-size:13px;line-height:1.4}.compare-task-empty{color:var(--text-tertiary);font-style:italic}.compare-metrics{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;padding:16px 20px}.compare-metrics-title{color:var(--text-primary);margin-bottom:16px;font-size:14px;font-weight:600}.compare-metrics-grid{gap:32px;margin-bottom:16px;display:flex}.compare-metric-item{flex-direction:column;gap:4px;display:flex}.compare-metric-label{color:var(--text-tertiary);font-size:12px}.compare-metric-values{align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.compare-metric-before{color:var(--text-secondary)}.compare-metric-arrow{color:var(--text-tertiary);font-size:14px}.compare-metric-after{color:var(--text-primary)}.compare-metric-change{color:var(--text-secondary);align-items:center;gap:4px;font-size:12px;font-weight:500;display:flex}.compare-metric-change.positive{color:#059669}.compare-legend{border-top:1px solid var(--border-color);gap:16px;padding-top:12px;display:flex}.compare-legend-item{color:var(--text-secondary);align-items:center;gap:6px;font-size:12px;display:flex}.compare-legend-color{border-radius:3px;width:12px;height:12px}.compare-legend-color.added{background:#059669}.compare-legend-color.removed{background:#dc2626}.compare-legend-color.modified{background:#d97706}.outline-view{background:var(--bg-primary);border:1px solid var(--border-color);border-radius:8px;min-height:400px;padding:16px}.outline-empty{height:100%;min-height:200px;color:var(--text-tertiary);flex-direction:column;justify-content:center;align-items:center;display:flex}.outline-empty p{font-size:14px;font-style:italic}.outline-item{border-radius:4px;align-items:flex-start;gap:8px;padding:2px 0;transition:background-color .1s;display:flex}.outline-item:hover{background-color:var(--bg-hover)}.outline-bullet{color:var(--text-tertiary);-webkit-user-select:none;user-select:none;flex-shrink:0;padding-top:2px;font-size:16px;line-height:1.5}.outline-textarea{resize:none;min-height:24px;font-family:var(--font-japanese);color:var(--text-primary);background:0 0;border:1px solid #0000;border-radius:4px;flex:1;padding:4px 8px;font-size:14px;line-height:1.5;transition:all .1s}.outline-textarea:focus{border-color:var(--accent-color);background:var(--bg-primary);box-shadow:0 0 0 2px var(--accent-light);outline:none}.outline-textarea::placeholder{color:var(--text-tertiary)}.outline-text-readonly{color:var(--text-primary);cursor:pointer;border-radius:4px;flex:1;padding:4px 8px;font-size:14px;line-height:1.5;transition:background-color .1s}.outline-text-readonly:hover{background-color:var(--bg-hover)}.outline-placeholder{color:var(--text-tertiary);font-style:italic}.outline-children{margin-top:4px}.impact-dashboard{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-top:1px solid var(--border-color);z-index:1000;background:#fffffff2;animation:.2s ease-out slide-up;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 20px #0000001a}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}.impact-dashboard-content{align-items:stretch;gap:16px;max-width:1200px;margin:0 auto;padding:12px 24px;display:flex}.impact-metric-card{background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:6px;flex-direction:column;flex:1;gap:4px;min-width:140px;padding:10px 12px;transition:all .15s;display:flex}.impact-metric-card:hover{background:var(--bg-hover);border-color:var(--text-tertiary)}.impact-metric-label{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:500}.impact-metric-values{color:var(--text-primary);align-items:center;gap:6px;font-size:16px;font-weight:600;display:flex}.impact-metric-before{color:var(--text-secondary);font-weight:500}.impact-metric-after{color:var(--text-primary)}.impact-metric-arrow{color:var(--text-tertiary);font-weight:400}.impact-metric-change{border-radius:4px;align-self:flex-start;padding:2px 6px;font-size:12px;font-weight:600;transition:all .15s}.impact-metric-change.positive{color:#059669;background:#d1fae5}.impact-metric-change.negative{color:#dc2626;background:#fee2e2}.outline-item.diff-removed{opacity:.4;pointer-events:none;text-decoration:line-through}.outline-item.diff-added{background-color:#dcfce7;border-left:3px solid #16a34a;border-radius:4px;padding-left:5px}.outline-item.diff-modified{background-color:#fef9c3;border-left:3px solid #ca8a04;border-radius:4px;padding-left:5px}.diff-indicator{background:#f59e0b;border-radius:50%;width:8px;height:8px;margin-left:8px;animation:2s infinite pulse;display:inline-flex}@keyframes pulse{50%{opacity:.5}}.diff-original-text{color:var(--text-tertiary);margin-top:2px;font-size:12px;font-style:italic}.help-overlay{z-index:2000;background:#00000080;justify-content:center;align-items:center;animation:.15s ease-out fade-in;display:flex;position:fixed;top:0;right:0;bottom:0;left:0}.help-content{background:var(--bg-primary);border-radius:12px;width:90%;max-width:560px;max-height:80vh;padding:24px;animation:.2s ease-out scale-in;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.help-header{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.help-header h2{color:var(--text-primary);margin:0;font-size:18px;font-weight:600}.help-close-button{width:32px;height:32px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;transition:all .1s;display:flex}.help-close-button:hover{background:var(--bg-hover);color:var(--text-primary)}.help-shortcuts{flex-direction:column;gap:20px;display:flex}.help-section h3{color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;margin:0 0 8px;font-size:12px;font-weight:600}.help-legend,.help-action{border-radius:4px;grid-template-columns:84px minmax(0,1fr);align-items:start;gap:3px 12px;padding:6px 8px;display:grid}.help-legend{color:var(--text-tertiary);letter-spacing:.03em;border-bottom:1px solid var(--border-color);grid-template-columns:84px 116px minmax(0,1fr);margin-bottom:2px;padding-bottom:6px;font-size:11px}.help-ways{grid-template-columns:116px minmax(0,1fr);align-items:center;gap:10px;min-height:22px;display:grid}.help-ways kbd{justify-self:start}.help-action{transition:background-color .1s}.help-action:hover{background-color:var(--bg-hover)}.help-intent{color:var(--text-primary);padding-top:2px;font-size:13px;font-weight:600}.help-desc{color:var(--text-secondary);grid-column:2;font-size:13px;line-height:1.5}.help-pointer{color:var(--text-secondary);align-items:center;gap:5px;font-size:12px;display:inline-flex}.action-figure{color:var(--text-tertiary);flex-shrink:0}.help-principle{color:var(--text-secondary);margin:0 0 8px;padding:0 8px;font-size:12px;line-height:1.6}.help-action kbd,.help-shortcut kbd{min-width:28px;height:24px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);box-shadow:0 1px 0 var(--border-color);border-radius:4px;justify-content:center;align-items:center;padding:0 8px;font-family:monospace;font-size:12px;font-weight:500;display:inline-flex}.help-footer{border-top:1px solid var(--border-color);text-align:center;margin-top:16px;padding-top:12px}.help-hint{color:var(--text-tertiary);font-size:12px}.help-hint kbd{min-width:20px;height:18px;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-color);border-radius:3px;justify-content:center;align-items:center;margin:0 2px;padding:0 4px;font-family:monospace;font-size:11px;display:inline-flex}.export-panel{z-index:45;background:#fff;border-left:1px solid #e5e7eb;outline:none;flex-direction:column;width:420px;animation:.18s ease-out slide-in-right;display:flex;position:fixed;top:0;bottom:0;right:0;box-shadow:-8px 0 24px #00000014}@keyframes slide-in-right{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}.export-panel-header{border-bottom:1px solid #f3f4f6;align-items:center;gap:12px;padding:14px 16px;display:flex}.export-panel-header h2{color:#111827;flex:1;margin:0;font-size:15px;font-weight:700}.export-format-tabs{background:#f3f4f6;border-radius:6px;gap:2px;padding:2px;display:flex}.export-format-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:none;border-radius:5px;padding:3px 10px;font-size:11px;font-weight:600}.export-format-tabs button.active{color:#111827;background:#fff;box-shadow:0 1px 2px #00000014}.export-close-btn{color:#9ca3af;cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px}.export-close-btn:hover{color:#4b5563;background:#f3f4f6}.export-preview-nav{color:#6b7280;justify-content:center;align-items:center;gap:10px;padding:8px;font-size:11px;display:flex}.export-preview-nav button{color:#4b5563;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:4px;padding:3px;display:flex}.export-preview-nav button:disabled{opacity:.35;cursor:default}.export-preview{background:#f9fafb;flex:1;justify-content:center;align-items:flex-start;padding:0 16px;display:flex;overflow:auto}.export-preview svg{background:#fff;border:1px solid #e5e7eb;border-radius:6px;width:100%;height:auto;margin:12px 0;box-shadow:0 1px 4px #0000000f}.export-preview-continuous{align-items:flex-start}.export-preview-continuous svg{width:auto;max-width:100%;height:auto;max-height:100%}.export-preview-scroll{justify-content:flex-start}.export-preview-scroll svg{flex:none;max-width:none;height:320px}.export-actions{border-top:1px solid #f3f4f6;flex-direction:column;gap:8px;padding:14px 16px;display:flex}.export-actions button{color:#374151;cursor:pointer;background:#fff;border:1px solid #e5e7eb;border-radius:8px;align-items:center;gap:8px;padding:9px 12px;font-size:12.5px;font-weight:600;transition:background .12s;display:flex}.export-actions button:hover{background:#f9fafb}.export-actions .export-action-primary{color:#fff;background:#191919;border-color:#191919}.export-actions .export-action-primary:hover{background:#2d2d2d}.export-actions kbd{background:#00000014;border:none;border-radius:4px;padding:1px 5px;font-size:10px}.export-action-primary kbd{background:#fff3}.export-note{text-align:center;color:#9ca3af;margin:2px 0 0;font-size:11px}.export-actions .export-action{text-align:left;align-items:center;gap:10px;width:100%;padding:10px 12px;transition:background .12s,box-shadow .12s,transform 80ms;display:flex}.export-action-icon{flex:none;justify-content:center;align-items:center;display:inline-flex}.export-action-body{flex-direction:column;flex:auto;align-items:flex-start;gap:2px;min-width:0;display:flex}.export-action-label{font-size:12.5px;font-weight:600;line-height:1.3}.export-action-sub{color:#787774;white-space:normal;font-size:11px;font-weight:400;line-height:1.35}.export-action-primary .export-action-sub{color:#ffffffb8}.export-action-kbd{flex:none;margin-left:auto}.export-actions .export-action-insert-ready{background:#fbfbfa;border-color:#d4d4d1}.export-actions .export-action-insert-ready:hover{background:#f4f4f2}.export-actions .export-action:disabled{opacity:.7;cursor:default}.export-actions .export-action:focus-visible{box-shadow:0 0 0 2px var(--accent-light,#e8f4fd),0 0 0 3px var(--accent-color,#2383e2);outline:none}.export-actions .export-action:active{transform:translateY(.5px)}.export-insert{flex-direction:column;gap:8px;display:flex}.export-insert-unsupported{color:#787774;background:#f7f7f5;border-radius:8px;margin:0;padding:8px 12px;font-size:11.5px;line-height:1.5}.export-insert-secondary{justify-content:space-between;align-items:center;gap:8px;padding:0 2px;display:flex}.export-insert-links{flex:none;gap:4px;display:flex}.export-target-restore{flex:none;color:var(--diff-del-text,#a40e26)!important;background:0 0!important;border-color:#0000!important;padding:6px 8px!important;font-size:11px!important;font-weight:600!important}.export-target-restore:hover{background:#fbeef0!important}.export-insert-links .export-target-change{background:0 0!important;border-color:#0000!important;padding:6px 8px!important}.export-insert-links .export-target-change:hover{background:#f1f1ef!important}.export-insert-new{color:#787774;margin:0;padding:0 4px;font-size:11.5px;line-height:1.5}.export-create-new{text-underline-offset:2px;cursor:pointer;text-decoration:underline;color:#37352f!important;background:0 0!important;border:none!important;padding:0 2px!important;font-size:11.5px!important;font-weight:600!important}.export-create-new:hover{color:#000!important}.export-create-new:disabled{cursor:default;text-decoration:none;color:#b0afac!important}.export-spin{animation:.9s linear infinite export-spin}@keyframes export-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.export-spin{animation:none}.export-actions .export-action{transition:box-shadow .12s}.export-actions .export-action:active{transform:none}}.node-cell.branch-target,.empty-cell.branch-target{outline-offset:2px;background:#fffbeb;border-radius:8px;outline:2px dashed #f59e0b}.flow-arrow.return{stroke-dasharray:6 4;stroke:#dc2626}.arrow-label-chip rect{fill:#fff;stroke:#94a3b8;stroke-width:1px}.arrow-label-chip rect.return{stroke:#dc2626}.arrow-label-chip text{fill:#374151;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:11px}.arrow-key-hint rect{fill:#f8fafc;stroke:#cbd5e1;stroke-width:1px;pointer-events:none}.arrow-key-hint text{letter-spacing:.02em;fill:#64748b;text-anchor:middle;dominant-baseline:central;pointer-events:none;font-size:10.5px;font-weight:600}.branch-picker{z-index:30;background:#fff;border:1px solid #e5e7eb;border-radius:10px;width:300px;padding:12px 14px;position:absolute;top:56px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0000001f}.branch-picker-header{color:#d97706;align-items:center;gap:6px;margin-bottom:8px;font-size:12px;font-weight:700;display:flex}.branch-picker input{border:1px solid #d1d5db;border-radius:6px;outline:none;width:100%;padding:6px 8px;font-size:13px}.branch-picker input:focus{border-color:#f59e0b;box-shadow:0 0 0 2px #f59e0b26}.branch-picker-hint{color:#6b7280;margin-top:8px;font-size:11px}.branch-picker-hint kbd{background:#f3f4f6;border-radius:3px;padding:1px 4px;font-size:10px}.branch-picker-note{color:#9ca3af;margin-top:6px;font-size:10px;line-height:1.5}.outline-branch-chip{color:#b45309;white-space:nowrap;background:#fffbeb;border:1px solid #f59e0b;border-radius:8px;align-self:center;align-items:center;margin-left:6px;padding:1px 7px;font-size:10px;display:inline-flex}.task-box.diff-moved{background:#f5f3ff;border-color:#8b5cf6}.task-box.diff-moved-modified{border-color:var(--diff-chg-border);background:var(--diff-chg-bg)}.compare-legend-color.moved{background:#f5f3ff;border:1px solid #8b5cf6}.compare-changelog{background:#fafafa;border-left:1px solid #e5e7eb;flex-shrink:0;width:260px;padding:12px;overflow-y:auto}.compare-changelog-title{color:#374151;margin-bottom:8px;font-size:12px;font-weight:700}.compare-changelog ul{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.compare-changelog-item{text-align:left;color:#374151;cursor:pointer;background:#fff;border:1px solid #0000;border-radius:6px;width:100%;padding:6px 8px;font-size:11px;line-height:1.5;display:block}.compare-changelog-item:hover{border-color:#d1d5db}.compare-changelog-item.added{border-left:3px solid #22c55e}.compare-changelog-item.removed{border-left:3px solid #ef4444}.compare-changelog-item.modified{border-left:3px solid #f59e0b}.compare-changelog-item.moved,.compare-changelog-item.moved-modified{border-left:3px solid #8b5cf6}.storage-banner{z-index:40;justify-content:center;align-items:center;gap:10px;padding:5px 16px;font-size:11px;display:flex;position:fixed;bottom:0;left:0;right:0}.storage-banner.warning{background:var(--paper-2);border-top:1px solid var(--warn);color:var(--warn)}.storage-banner.connected{background:var(--paper-2);border-top:1px solid var(--ok);color:var(--ok);opacity:.9}.storage-banner button{color:inherit;cursor:pointer;background:0 0;border:1px solid;align-items:center;gap:4px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.storage-banner.warning button:hover{background:var(--line)}.export-colormode{color:#4b5563;cursor:pointer;align-items:center;gap:6px;padding:0 2px;font-size:11.5px;display:flex}.export-colormode input{accent-color:#191919}.export-target{gap:6px;display:flex}.export-target>button:first-child{flex:1}.export-target-change{flex:none;color:#6b7280!important;padding:9px 10px!important;font-size:11px!important}.transpose-toggle{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-items:center;gap:7px;padding:5px 10px;font-size:12px;transition:border-color .12s,background .12s;display:flex}.transpose-toggle:hover{background:#f9fafb;border-color:#9ca3af}.transpose-axes b{color:#111827;font-weight:700}.transpose-toggle kbd{color:#6b7280;background:#f3f4f6;border-radius:4px;padding:1px 5px;font-size:10px}.flow-arrow-halo{fill:none;stroke:#fff;stroke-width:5px;stroke-linejoin:round;opacity:.85;pointer-events:none}.flow-arrow-hit{fill:none;stroke:#0000;stroke-width:14px;pointer-events:stroke;cursor:pointer}.flow-arrow.selected{stroke:#2563eb;stroke-width:2.5px}.connect-handle{cursor:crosshair;opacity:0;z-index:5;pointer-events:none;background:0 0;border:none;width:32px;height:32px;padding:0;transition:opacity .12s;position:absolute;top:50%;right:-16px;transform:translateY(-50%)}.connect-handle:before{content:"";background:#fff;border:2px solid #3b82f6;border-radius:50%;width:14px;height:14px;margin:-7px 0 0 -7px;position:absolute;top:50%;left:50%;box-shadow:0 1px 2px #0f172a2e}.node-cell:hover .connect-handle,.node-cell.focused .connect-handle{opacity:1;pointer-events:auto}.connect-handle:hover:before{background:#3b82f6}.connect-handle.armed{opacity:1;pointer-events:auto}.connect-handle.armed:before{background:#3b82f6;box-shadow:0 0 0 3px #3b82f640}.flow-grid-connecting .node-cell,.flow-grid-connecting .task-box,.flow-grid-connecting .node-textarea{cursor:crosshair}.connect-drag-line{stroke:#3b82f6;stroke-width:2px;stroke-dasharray:6 4;pointer-events:none}.lane-context{color:#9ca3af;white-space:nowrap;text-overflow:ellipsis;max-width:140px;margin-top:1px;font-size:9px;font-weight:400;display:block;overflow:hidden}.drilldown-context{color:#6b7280;background:#f8fafc;border:1px solid #e2e8f0;border-left:3px solid #94a3b8;border-radius:6px;align-items:baseline;gap:4px;margin-bottom:6px;padding:6px 12px;font-size:12px;display:flex}.drilldown-context-parent{color:#1f2937;font-weight:700}.drilldown-context-note{color:#9ca3af;font-size:11px}.flow-header{flex-wrap:wrap;row-gap:6px}.help-panel{z-index:44;background:#fff;border-left:1px solid #e5e7eb;width:340px;animation:.15s ease-out slide-in-right;position:fixed;top:0;bottom:0;right:0;overflow-y:auto;box-shadow:-6px 0 20px #0000000f}.help-panel .help-content{box-shadow:none;border-radius:0;width:100%;max-width:none;max-height:none}.breadcrumb-assignee{color:#9ca3af;margin-left:6px;font-size:11px;font-weight:400}.compare-view{padding-bottom:56px}.compare-align-btn{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;margin-left:12px;padding:3px 10px;font-size:11px;font-weight:600}.compare-align-btn:hover{background:#f9fafb;border-color:#9ca3af}.tk-overlay{background:#1312118c;position:absolute;top:0;right:0;bottom:0;left:0}.tk-dialog{background:var(--card);border:1px solid var(--ink);width:100%;position:relative}.tk-dialog-body{padding:24px}.tk-dialog-foot{background:var(--paper-2);border-top:1px solid var(--line);justify-content:flex-end;gap:12px;padding:16px 24px;display:flex}.tk-dialog-title{color:var(--ink);font-size:17px;font-weight:600}.tk-dialog-text{color:var(--ink-2);margin-top:8px;font-size:13px;line-height:1.7}.tk-dialog-icon{background:var(--paper-2);border:1px solid var(--line);color:var(--stone);padding:8px;display:inline-flex}.tk-dialog-icon-danger{color:#b3261e}.tk-dialog-icon-info{color:var(--indigo)}.tk-btn{cursor:pointer;border:1px solid #0000;padding:8px 16px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.tk-btn-ghost{color:var(--ink-2);background:var(--card);border-color:var(--line)}.tk-btn-ghost:hover{background:var(--paper-2);border-color:var(--stone)}.tk-btn-ink{color:var(--sumi-ink);background:var(--ink);border-color:var(--ink)}.tk-btn-ink:hover{background:var(--ink-2);border-color:var(--ink-2)}.tk-btn-indigo{color:var(--sumi-ink);background:var(--indigo);border-color:var(--indigo)}.tk-btn-indigo:hover{opacity:.88}.tk-btn-danger{color:var(--sumi-ink);background:#b3261e;border-color:#b3261e}.tk-btn-danger:hover{background:#8c1d17;border-color:#8c1d17}.tk-btn:disabled{color:var(--stone);background:var(--paper-2);border-color:var(--line);cursor:not-allowed}.tk-dialog-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:20px;display:flex}.tk-dialog-close{color:var(--stone);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .12s}.tk-dialog-close:hover{color:var(--ink)}.tk-dialog-note{color:var(--stone);background:var(--paper-2);border-top:1px solid var(--line);padding:12px 20px;font-size:11.5px}.tk-quiet{color:var(--stone)}.tk-accent{color:var(--indigo)}.tk-note{background:var(--card);border:1px solid var(--line);padding:10px 16px}.tk-note-title{color:var(--ink)}.tk-note-body{color:var(--ink-2)}.tk-note-orphan{background:var(--paper-2);border-color:var(--warn)}.tk-note-orphan-label{color:var(--warn);align-items:center;gap:6px;margin-bottom:4px;font-size:11.5px;font-weight:500;display:flex}.tk-listitem{text-align:left;background:var(--card);border:1px solid var(--line);cursor:pointer;width:100%;padding:12px 16px;transition:background .12s,border-color .12s}.tk-listitem:hover{background:var(--paper-2);border-color:var(--indigo)}.tk-listitem-title{color:var(--ink)}.tk-toast{background:var(--card);border:1px solid var(--line);border-left-width:3px;align-items:center;gap:12px;padding:12px 16px;display:flex}.tk-toast-success{border-left-color:var(--ok)}.tk-toast-error{border-left-color:var(--danger)}.tk-toast-info{border-left-color:var(--indigo)}.tk-toast-icon-ok{color:var(--ok)}.tk-toast-icon-danger{color:var(--danger)}.tk-toast-icon-info{color:var(--indigo)}.tk-toast-text{color:var(--ink)}.tk-toast-close{color:var(--stone);cursor:pointer;background:0 0;border:none;padding:4px;transition:color .12s,background .12s}.tk-toast-close:hover{color:var(--ink);background:var(--paper-2)}.tk-save-ok{color:var(--ok)}.tk-save-error{color:var(--danger)}.tk-linkbtn{color:var(--indigo);cursor:pointer;background:0 0;border:none;padding:8px 12px;font-weight:500;transition:color .12s}.tk-linkbtn:hover{color:var(--gold-strong);text-decoration:underline}.tk-dropoverlay{z-index:40;border:2px dashed var(--indigo);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#3f5a721a;justify-content:center;align-items:center;display:flex;position:absolute;top:0;right:0;bottom:0;left:0}.tk-dropoverlay-inner{color:var(--indigo);flex-direction:column;align-items:center;gap:8px;display:flex}.tk-empty{text-align:center;border:2px dashed var(--line);padding:64px 0;transition:border-color .12s,background .12s}.tk-empty:hover{border-color:var(--stone)}.tk-empty.is-dragging{border-color:var(--indigo);background:var(--paper-2)}.tk-empty-icon{color:var(--line)}.tk-empty.is-dragging .tk-empty-icon{color:var(--indigo)}.tk-empty-title{color:var(--ink);font-weight:500}.tk-empty-hint{color:var(--stone)}.tk-choice{text-align:left;cursor:pointer;border:1px solid #0000;width:100%;padding:12px 16px;font-size:13px;font-weight:500;transition:background .12s,border-color .12s,color .12s}.tk-choice-note{opacity:.85;margin-top:2px;font-size:11px;display:block}.tk-choice-primary{color:var(--sumi-ink);background:var(--indigo);border-color:var(--indigo)}.tk-choice-primary:hover{opacity:.88}.tk-choice-danger{color:var(--ink-2);background:var(--card);border-color:var(--line)}.tk-choice-danger:hover{color:#8c1d17;background:var(--paper-2);border-color:#b3261e}.tk-choice-quiet{color:var(--stone);background:0 0}.tk-choice-quiet:hover{background:var(--paper-2);color:var(--ink)}.home-hero{text-align:center;background:var(--paper);border:1px solid var(--line);margin-bottom:32px;padding:40px 20px 32px}.home-brand{justify-content:center;align-items:center;gap:14px;display:flex}.home-seal{flex-shrink:0;width:40px;height:40px}.home-title{font-family:var(--font-serif);color:var(--ink);letter-spacing:-.03em;font-size:36px;font-weight:500}.home-status{font-family:var(--font-mono);letter-spacing:.12em;color:var(--stone);align-items:center;gap:8px;margin-top:16px;font-size:10px;display:inline-flex}.home-status-dot{background:var(--indigo);border-radius:50%;width:6px;height:6px}.home-tagline{font-family:var(--font-serif);color:var(--ink);letter-spacing:.02em;margin-top:12px;font-size:18px;font-weight:600}.home-privacy{color:var(--stone);align-items:center;gap:5px;margin-top:10px;font-size:12.5px;display:inline-flex}.home-features{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:18px;display:flex}.home-features span{color:var(--ink-2);background:var(--card);border:1px solid var(--line);align-items:center;gap:5px;padding:5px 12px;font-size:12px;display:inline-flex}.home-cta{justify-content:center;gap:10px;margin-top:22px;display:flex}.home-cta-primary{color:var(--sumi-ink);background:var(--ink);border:1px solid var(--ink);cursor:pointer;align-items:center;gap:7px;padding:12px 26px;font-size:14px;font-weight:600;transition:background .12s,border-color .12s;display:inline-flex}.home-cta-primary:hover{background:var(--ink-2);border-color:var(--ink-2)}.home-cta-secondary{color:var(--ink);background:var(--card);border:1px solid var(--ink-2);cursor:pointer;padding:10px 18px;font-size:14px;font-weight:600;transition:border-color .12s,color .12s}.home-cta-secondary:hover{border-color:var(--gold);color:var(--gold-strong)}.home-subcopy{color:var(--ink-2);margin-top:10px;font-size:14px;line-height:1.7}.home-subcopy strong{color:var(--ink);font-weight:700}.home-cta-secondary-row{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.home-cta-link{color:var(--indigo);cursor:pointer;background:0 0;border:none;padding:4px 6px;font-size:13px;font-weight:600;transition:color .12s}.home-cta-link:hover{color:var(--gold-strong);text-decoration:underline}.home-cta-sep{color:var(--line);font-size:12px}.home-features{opacity:.85}.home-createform{background:var(--card);border:1px solid var(--line);margin-bottom:24px;padding:16px}.home-createform-label{color:var(--ink-2);margin-bottom:8px;font-size:13px;font-weight:500;display:block}.home-createform-input{color:var(--ink);background:var(--card);border:1px solid var(--line);outline:none;flex:1;padding:8px 12px;transition:border-color .12s}.home-createform-input:focus{border-color:var(--indigo)}.home-createform-submit{color:var(--sumi-ink);background:var(--ink);border:1px solid var(--ink);cursor:pointer;padding:8px 16px;transition:opacity .12s}.home-createform-submit:hover:not(:disabled){opacity:.85}.home-createform-submit:disabled{color:var(--stone);background:var(--paper-2);border-color:var(--line);cursor:not-allowed}.home-createform-cancel{color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);cursor:pointer;padding:8px 16px;transition:background .12s}.home-createform-cancel:hover{background:var(--line)}.home-list-header{border-bottom:1px solid var(--gold);justify-content:space-between;align-items:center;margin-bottom:12px;padding-bottom:8px;display:flex}.home-list-header h2{color:var(--ink);font-size:16px;font-weight:700}.home-list-actions{gap:6px;display:flex}.home-list-actions button{color:var(--stone);border:1px solid var(--line);cursor:pointer;background:0 0;align-items:center;gap:5px;padding:5px 10px;font-size:12px;display:inline-flex}.home-list-actions button:hover{background:var(--paper-2);color:var(--ink)}.home-list-actions button:disabled{opacity:.5}.home-footer{color:var(--stone)}.home-footer-kbd{color:var(--ink-2);background:var(--paper-2);border:1px solid var(--line);font-family:var(--font-mono);padding:2px 6px;font-size:11px}.home-footer-action{color:var(--stone)}.home-footer-action:hover{color:var(--ink)}.order-header{justify-content:center;align-items:center;display:flex}.compare-toolbar{background:#fafafa;border-top:1px solid #e5e7eb;align-items:center;gap:16px;padding:8px 16px;display:flex}.compare-align-primary{color:#fff;cursor:pointer;background:#191919;border:none;border-radius:8px;padding:8px 18px;font-size:13px;font-weight:700;transition:background .12s}.compare-align-primary:hover{background:#2d2d2d}.help-panel{width:630px}.help-panel .help-shortcuts{padding:16px;display:block}.help-panel .help-section{margin-bottom:16px}.help-panel .help-shortcut kbd{white-space:nowrap}.header-export-btn{color:#fff;cursor:pointer;background:#191919;border:none;border-radius:8px;align-items:center;gap:6px;padding:6px 14px;font-size:12.5px;font-weight:700;transition:background .12s;display:inline-flex}.header-export-btn:hover{background:#2d2d2d}.header-export-btn kbd{background:#fff3;border-radius:4px;padding:1px 5px;font-size:10px}.header-btn.attention,.header-export-btn.attention,.transpose-toggle.attention,.view-mode-tab.attention{border-color:#f59e0b;position:relative}.header-btn.attention:after,.header-export-btn.attention:after,.transpose-toggle.attention:after,.view-mode-tab.attention:after{content:"";background:#f59e0b;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite attention-pulse;position:absolute;top:-4px;right:-4px}@keyframes attention-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(1.6)}}@media (prefers-reduced-motion:reduce){.header-btn.attention:after,.header-export-btn.attention:after,.transpose-toggle.attention:after,.view-mode-tab.attention:after{animation:none}}.task-detached-dot{pointer-events:none;z-index:6;background:#f59e0b;border-radius:50%;width:9px;height:9px;animation:1.6s ease-in-out infinite attention-pulse;position:absolute;top:-3px;right:-3px}.flow-grid-has-detached .connect-handle:after{content:"";pointer-events:none;border:2px solid #3b82f6;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:1.6s ease-in-out infinite connect-handle-halo;position:absolute;top:50%;left:50%}@keyframes connect-handle-halo{0%,to{opacity:.55;transform:scale(1)}50%{opacity:0;transform:scale(1.7)}}@media (prefers-reduced-motion:reduce){.task-detached-dot{animation:none}.flow-grid-has-detached .connect-handle:after{opacity:.55;animation:none;transform:scale(1)}}.ripple-host{position:relative}.ripple-clip{border-radius:inherit;pointer-events:none;position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.ripple{opacity:.22;pointer-events:none;background:currentColor;border-radius:50%;animation:.45s cubic-bezier(.2,.7,.35,1) forwards ripple-spread;position:absolute;transform:scale(0)}@keyframes ripple-spread{to{opacity:0;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.ripple{animation:none;display:none}}.draft-panel{background:var(--bg-primary);width:460px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);font-family:var(--font-japanese);border-radius:12px;padding:20px 22px 18px;animation:.16s ease-out draft-pop;overflow-y:auto;box-shadow:0 10px 40px #00000038}@keyframes draft-pop{0%{opacity:0;transform:translateY(6px)scale(.985)}to{opacity:1;transform:translateY(0)scale(1)}}.draft-panel-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}.draft-panel-header h2{color:var(--text-primary);align-items:center;gap:7px;margin:0;font-size:16px;font-weight:700;display:flex}.draft-panel-header h2 svg{color:var(--accent-color)}.draft-close-btn{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;display:flex}.draft-close-btn:hover{background:var(--bg-hover)}.draft-target{color:var(--text-secondary);margin:0 0 14px;font-size:12.5px}.draft-target strong{color:var(--text-primary)}.draft-step{margin-bottom:16px}.draft-step-title{color:var(--text-primary);align-items:center;gap:8px;margin-bottom:8px;font-size:13px;font-weight:600;display:flex}.draft-step-num{background:var(--accent-color);color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:19px;height:19px;font-size:11px;font-weight:700;display:inline-flex}.draft-copy-btn{font-size:13px;font-weight:600;font-family:var(--font-japanese);border:1px solid var(--accent-color);background:var(--accent-light,#2563eb14);color:var(--accent-color);cursor:pointer;border-radius:7px;align-items:center;gap:7px;padding:8px 14px;transition:background .12s,color .12s,border-color .12s;display:inline-flex}.draft-copy-btn:hover{background:var(--accent-color);color:#fff}.draft-copy-btn.copied{color:#16a34a;background:#16a34a1a;border-color:#16a34a}.draft-note{color:var(--text-secondary);margin:8px 0 0;font-size:11.5px;line-height:1.6}.draft-note-privacy{align-items:center;gap:4px;display:inline-flex}.draft-split-note{color:var(--text-primary);background:var(--accent-light,#2563eb14);border:1px solid var(--border-color);border-radius:7px;margin:10px 0 0;padding:8px 10px;font-size:12px;line-height:1.6}.draft-split-note strong{color:var(--accent-color)}.draft-textarea{box-sizing:border-box;width:100%;font-size:13px;line-height:1.7;font-family:var(--font-japanese);border:1px solid var(--border-color);background:var(--bg-primary);color:var(--text-primary);resize:vertical;border-radius:8px;padding:10px 12px}.draft-textarea:focus{border-color:var(--accent-color);box-shadow:0 0 0 2px var(--accent-light,#2563eb26);outline:none}.draft-preview{border:1px solid var(--border-color);background:var(--bg-hover);border-radius:8px;margin-top:10px;padding:10px 12px}.draft-preview-counts{color:var(--text-secondary);flex-wrap:wrap;gap:12px;font-size:12.5px;display:flex}.draft-preview-counts b{color:var(--text-primary);font-size:14px}.draft-warn{color:#b45309}.draft-findings{flex-direction:column;gap:4px;margin:8px 0 0;padding:0;list-style:none;display:flex}.draft-finding{color:var(--text-secondary,#64748b);background:var(--bg-secondary,#f8fafc);border-left:2px solid #cbd5e1;border-radius:4px;align-items:baseline;gap:6px;padding:4px 8px;font-size:11.5px;line-height:1.5;display:flex}.draft-finding.is-fail{color:#7f1d1d;border-left-color:#dc2626}.draft-finding.is-warn{border-left-color:#f59e0b}.draft-finding-lines{font-variant-numeric:tabular-nums;color:var(--text-tertiary,#94a3b8);flex:none;font-size:10.5px}.draft-lane-chips{flex-wrap:wrap;gap:5px;margin-top:9px;display:flex}.draft-lane-chip{background:var(--accent-light,#2563eb1a);color:var(--accent-color);border-radius:999px;padding:2px 9px;font-size:11.5px;font-weight:600}.draft-preview-flow{color:var(--text-primary);word-break:break-word;margin-top:9px;font-size:12px;line-height:1.6}.draft-preview-role{background:var(--accent-light);color:var(--accent-color);vertical-align:1px;border-radius:4px;margin-right:6px;padding:1px 6px;font-size:10px;font-weight:600;display:inline-block}.draft-actions{border-top:1px solid var(--border-color);justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding-top:14px;display:flex}.draft-mode{color:var(--text-secondary);gap:14px;font-size:12.5px;display:flex}.draft-mode label{cursor:pointer;align-items:center;gap:5px;display:inline-flex}.draft-actions-btns{gap:8px;display:flex}.modal-btn-save:disabled{opacity:.5;cursor:not-allowed}.home-beta{vertical-align:super;font-family:var(--font-sans);color:var(--stone);background:var(--paper-2);border:1px solid var(--line);margin-left:4px;padding:1px 7px;font-size:12px;font-weight:700;display:inline-block}.node-cell.has-nudge{z-index:30}.nudge-card{z-index:1;width:max-content;max-width:330px;font-family:var(--font-japanese);background:var(--bg-primary,#fff);border:1px solid var(--border-color,#e9e9e7);pointer-events:none;border-left:3px solid #f59e0b;border-radius:8px;align-items:flex-start;gap:8px;padding:9px 10px 9px 11px;display:flex;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 10px 28px #00000029,0 2px 6px #00000014}.nudge-card-action,.nudge-card-dismiss{pointer-events:auto}.nudge-card-message{color:var(--text-primary,#37352f);word-break:normal;overflow-wrap:anywhere;line-break:strict;margin:0;font-size:12px;line-height:1.65}.nudge-card-actions{flex-shrink:0;align-items:center;gap:2px;display:flex}.nudge-card-action{font-family:var(--font-japanese);white-space:nowrap;color:#fff;cursor:pointer;background:#191919;border:none;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:600;transition:background .12s}.nudge-card-action:hover{background:#2d2d2d}.nudge-card-dismiss{color:var(--text-tertiary,#9b9a97);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:3px;transition:color .12s,background .12s;display:inline-flex}.nudge-card-dismiss:hover{color:var(--text-secondary,#787774);background:var(--bg-hover,#f1f1ef)}@media (prefers-reduced-motion:no-preference){.nudge-card{animation:.16s ease-out nudge-card-in}}@keyframes nudge-card-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.nudge-line{font-family:var(--font-japanese);color:var(--text-secondary,#787774);background:var(--bg-secondary,#fbfbfa);border:1px solid var(--border-light,#f0f0ef);border-radius:6px;align-items:flex-start;gap:7px;margin-top:10px;padding:8px 10px;font-size:11.5px;line-height:1.65;display:flex}.nudge-line-icon{color:var(--text-tertiary,#9b9a97);flex-shrink:0;margin-top:1px}.nudge-line strong{color:var(--text-primary,#37352f);font-weight:600}.nudge-line-action{border:1px solid var(--border-light,#e5e7eb);color:var(--text-secondary,#4b5563);cursor:pointer;background:#fff;border-radius:6px;flex:none;margin-left:auto;padding:3px 9px;font-size:11px;transition:border-color .12s}.nudge-line-action:hover{border-color:#9ca3af}.export-insert-orientation{flex-direction:column;gap:8px;margin-top:8px;display:flex}.export-orientation-toggle{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:8px;align-self:flex-start;align-items:center;gap:6px;padding:4px 9px;font-size:11px;transition:border-color .12s,background .12s;display:flex}.export-orientation-toggle:hover{background:#f9fafb;border-color:#9ca3af}.export-orientation-badge{color:#92400e;background:#fffbeb;border:1px solid #fcd34d;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;margin:0;padding:6px 10px;font-size:12px;line-height:1.5;display:flex}.export-orientation-badge button{color:#92400e;cursor:pointer;background:#fff;border:1px solid #f59e0b;border-radius:6px;flex:none;padding:3px 9px;font-size:11px}.export-orientation-badge button:hover{background:#fef3c7}.export-orientation-note{color:#6b7280;margin:0 16px 8px;font-size:11px;line-height:1.6}.export-orientation-overflow{color:#4b5563;background:#f9fafb;border:1px solid #e5e7eb;border-radius:8px;flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:7px 10px;font-size:11px;line-height:1.6;display:flex}.export-orientation-overflow button{color:#374151;cursor:pointer;background:#fff;border:1px solid #d1d5db;border-radius:6px;padding:3px 9px;font-size:11px}.export-orientation-overflow button:hover{border-color:#9ca3af}.export-colormode-note{color:#9ca3af;margin-left:22px;font-size:10px;line-height:1.5;display:block}.node-cell:not(.empty) .task-box{cursor:grab}.node-cell:focus-within .node-textarea{cursor:text}.task-box:hover{transform:translateY(-1px)}.task-box{position:relative}.task-box:before{content:"";background:var(--text-tertiary);opacity:0;pointer-events:none;border-radius:2px;width:3px;height:56%;transition:opacity .12s;position:absolute;top:22%;left:4px}.node-cell:not(.empty):hover .task-box:before{opacity:.5}.node-cell:focus-within .task-box:before{opacity:.65}@keyframes drag-lift-hint{0%,to{transform:translateY(0)}45%{transform:translateY(-1.5px)}}.node-cell.drag-lift-hint .task-box{animation:.4s ease-out drag-lift-hint}.node-cell.drag-source .task-box{opacity:.35;box-shadow:none;transform:none}.node-cell.drag-source-gone .task-box{opacity:0}.node-cell.drag-source .connect-handle,.node-cell.drag-source .task-actions,.node-cell.drag-source .keycap-hint,.node-cell.drag-source-gone .connect-handle,.node-cell.drag-source-gone .task-actions,.node-cell.drag-source-gone .keycap-hint{display:none}.node-cell.drag-shifted{z-index:1;transition:transform .18s cubic-bezier(.2,0,0,1)}.flow-grid-dragging .flow-arrows{opacity:.15;transition:opacity .12s}.drag-slot{border:2px dashed var(--accent-color);background:var(--accent-light);opacity:.5;pointer-events:none;z-index:3;border-radius:6px;animation:.1s ease-out drag-slot-appear;position:absolute}.drag-slot.for-swap{border-style:solid}@keyframes drag-slot-appear{0%{transform:scale(1.02)}to{transform:scale(1)}}.drag-step-line{background:var(--accent-color);opacity:.45;pointer-events:none;z-index:3;position:absolute}.drag-paper{z-index:60;pointer-events:none;background:var(--bg-primary);border:1px solid var(--accent-color);color:var(--text-primary);border-radius:6px;align-items:center;padding:8px;font-size:14px;line-height:1.5;display:flex;position:fixed;top:0;left:0;transform:translate(-9999px,-9999px)rotate(.6deg)scale(1.02);box-shadow:0 8px 24px #00000024}.drag-paper.settling{transition:rotate .16s ease-out,scale .16s ease-out;rotate:none;scale:1}.drag-paper-text{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.drag-verb{letter-spacing:.02em;white-space:nowrap;background:var(--accent-color);color:#fff;border-radius:5px;padding:3px 9px;font-size:11.5px;font-weight:600;line-height:1.4;position:absolute;top:calc(100% + 6px);left:0;box-shadow:0 2px 6px #0000002e}.drag-verb.is-nowhere{background:var(--text-tertiary)}.drag-paper.is-nowhere{opacity:.55}body.is-grid-dragging{cursor:grabbing;-webkit-user-select:none;user-select:none}body.is-grid-dragging .task-box{cursor:grabbing}.node-cell.undo-sliding{z-index:1;transition:transform .16s cubic-bezier(.2,0,0,1)}.node-cell.undo-settling .task-box{animation:.16s cubic-bezier(.22,1,.36,1) undo-settle}@keyframes undo-settle{0%{opacity:.55;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.node-cell.undo-tinting .task-box{animation:.12s ease-out undo-tint}@keyframes undo-tint{0%{opacity:.6}to{opacity:1}}@media (prefers-reduced-motion:reduce){.task-box:hover{transform:none}.task-box:before{transition:none}.node-cell.drag-lift-hint .task-box{animation:none}.node-cell.drag-shifted{transition:none}.drag-slot{animation:none}.flow-grid-dragging .flow-arrows{transition:none}.drag-paper{rotate:none;scale:1}.drag-paper.settling,.node-cell.undo-sliding{transition:none}.node-cell.undo-settling .task-box,.node-cell.undo-tinting .task-box{animation:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}