@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&display=swap";@import "https://fonts.googleapis.com/css2?family=M+PLUS+Rounded+1c:wght@500;700&display=swap" (min-width:641px);@import "https://fonts.googleapis.com/css2?family=DM+Mono:ital,wght@0,400;0,500;1,400&display=swap";@layer components;@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{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--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}}}@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-mono:"DM Mono", monospace;--spacing:.25rem;--radius-sm:.25rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-display:"Fredoka", "M PLUS Rounded 1c", sans-serif;--font-jp:"M PLUS Rounded 1c", sans-serif}}@layer base{*,:after,:before{box-sizing:border-box;border:0 solid;margin:0;padding:0}::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;-webkit-text-decoration:inherit;-webkit-text-decoration: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]){appearance:button}::file-selector-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 utilities{.visible{visibility:visible}.fixed{position:fixed}.relative{position:relative}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.table{display:table}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.border{border-style:var(--tw-border-style);border-width:1px}.pr-1{padding-right:calc(var(--spacing) * 1)}.pr-2{padding-right:calc(var(--spacing) * 2)}.pr-3{padding-right:calc(var(--spacing) * 3)}.pr-4{padding-right:calc(var(--spacing) * 4)}.pr-5{padding-right:calc(var(--spacing) * 5)}.pr-6{padding-right:calc(var(--spacing) * 6)}.pr-7{padding-right:calc(var(--spacing) * 7)}.pr-8{padding-right:calc(var(--spacing) * 8)}.pr-9{padding-right:calc(var(--spacing) * 9)}.pr-10{padding-right:calc(var(--spacing) * 10)}.pr-11{padding-right:calc(var(--spacing) * 11)}.pr-12{padding-right:calc(var(--spacing) * 12)}.pr-13{padding-right:calc(var(--spacing) * 13)}.pr-14{padding-right:calc(var(--spacing) * 14)}.pr-15{padding-right:calc(var(--spacing) * 15)}.pr-16{padding-right:calc(var(--spacing) * 16)}.pr-18{padding-right:calc(var(--spacing) * 18)}.pr-19{padding-right:calc(var(--spacing) * 19)}.pr-20{padding-right:calc(var(--spacing) * 20)}.pr-21{padding-right:calc(var(--spacing) * 21)}.pr-22{padding-right:calc(var(--spacing) * 22)}.pr-23{padding-right:calc(var(--spacing) * 23)}.pr-24{padding-right:calc(var(--spacing) * 24)}.pr-25{padding-right:calc(var(--spacing) * 25)}.pr-26{padding-right:calc(var(--spacing) * 26)}.pr-27{padding-right:calc(var(--spacing) * 27)}.pr-28{padding-right:calc(var(--spacing) * 28)}.pr-29{padding-right:calc(var(--spacing) * 29)}.pr-30{padding-right:calc(var(--spacing) * 30)}.pr-32{padding-right:calc(var(--spacing) * 32)}.pr-33{padding-right:calc(var(--spacing) * 33)}.pr-34{padding-right:calc(var(--spacing) * 34)}.pr-35{padding-right:calc(var(--spacing) * 35)}.pr-36{padding-right:calc(var(--spacing) * 36)}.pr-37{padding-right:calc(var(--spacing) * 37)}.pr-38{padding-right:calc(var(--spacing) * 38)}.pr-39{padding-right:calc(var(--spacing) * 39)}.pr-40{padding-right:calc(var(--spacing) * 40)}.pr-41{padding-right:calc(var(--spacing) * 41)}.pr-42{padding-right:calc(var(--spacing) * 42)}.pr-43{padding-right:calc(var(--spacing) * 43)}.pr-44{padding-right:calc(var(--spacing) * 44)}.pr-45{padding-right:calc(var(--spacing) * 45)}.pr-46{padding-right:calc(var(--spacing) * 46)}.pr-47{padding-right:calc(var(--spacing) * 47)}.pr-48{padding-right:calc(var(--spacing) * 48)}.pr-49{padding-right:calc(var(--spacing) * 49)}.pr-50{padding-right:calc(var(--spacing) * 50)}.pr-51{padding-right:calc(var(--spacing) * 51)}.pr-52{padding-right:calc(var(--spacing) * 52)}.pr-53{padding-right:calc(var(--spacing) * 53)}.pr-54{padding-right:calc(var(--spacing) * 54)}.pr-55{padding-right:calc(var(--spacing) * 55)}.pr-56{padding-right:calc(var(--spacing) * 56)}.pr-57{padding-right:calc(var(--spacing) * 57)}.pr-58{padding-right:calc(var(--spacing) * 58)}.pr-59{padding-right:calc(var(--spacing) * 59)}.pr-60{padding-right:calc(var(--spacing) * 60)}.pr-61{padding-right:calc(var(--spacing) * 61)}.pr-62{padding-right:calc(var(--spacing) * 62)}.pr-63{padding-right:calc(var(--spacing) * 63)}.pr-64{padding-right:calc(var(--spacing) * 64)}.pr-65{padding-right:calc(var(--spacing) * 65)}.pr-66{padding-right:calc(var(--spacing) * 66)}.pr-67{padding-right:calc(var(--spacing) * 67)}.pr-68{padding-right:calc(var(--spacing) * 68)}.pr-69{padding-right:calc(var(--spacing) * 69)}.pr-70{padding-right:calc(var(--spacing) * 70)}.pr-71{padding-right:calc(var(--spacing) * 71)}.pr-91{padding-right:calc(var(--spacing) * 91)}.pr-92{padding-right:calc(var(--spacing) * 92)}.pr-93{padding-right:calc(var(--spacing) * 93)}.pr-94{padding-right:calc(var(--spacing) * 94)}.pr-95{padding-right:calc(var(--spacing) * 95)}.pr-96{padding-right:calc(var(--spacing) * 96)}.pr-97{padding-right:calc(var(--spacing) * 97)}.pr-98{padding-right:calc(var(--spacing) * 98)}.pr-99{padding-right:calc(var(--spacing) * 99)}.pr-100{padding-right:calc(var(--spacing) * 100)}.pr-101{padding-right:calc(var(--spacing) * 101)}.pr-102{padding-right:calc(var(--spacing) * 102)}.pr-103{padding-right:calc(var(--spacing) * 103)}.pr-104{padding-right:calc(var(--spacing) * 104)}.pr-105{padding-right:calc(var(--spacing) * 105)}.pr-106{padding-right:calc(var(--spacing) * 106)}.pr-107{padding-right:calc(var(--spacing) * 107)}.pr-108{padding-right:calc(var(--spacing) * 108)}.pr-109{padding-right:calc(var(--spacing) * 109)}.pr-110{padding-right:calc(var(--spacing) * 110)}.pr-111{padding-right:calc(var(--spacing) * 111)}.pr-112{padding-right:calc(var(--spacing) * 112)}.pr-113{padding-right:calc(var(--spacing) * 113)}.pr-114{padding-right:calc(var(--spacing) * 114)}.pr-115{padding-right:calc(var(--spacing) * 115)}.pr-116{padding-right:calc(var(--spacing) * 116)}.pr-117{padding-right:calc(var(--spacing) * 117)}.pr-118{padding-right:calc(var(--spacing) * 118)}.pr-119{padding-right:calc(var(--spacing) * 119)}.pr-120{padding-right:calc(var(--spacing) * 120)}.pr-121{padding-right:calc(var(--spacing) * 121)}.pr-122{padding-right:calc(var(--spacing) * 122)}.pr-123{padding-right:calc(var(--spacing) * 123)}.pr-124{padding-right:calc(var(--spacing) * 124)}.pr-125{padding-right:calc(var(--spacing) * 125)}.pr-126{padding-right:calc(var(--spacing) * 126)}.pr-127{padding-right:calc(var(--spacing) * 127)}.pr-128{padding-right:calc(var(--spacing) * 128)}.pr-129{padding-right:calc(var(--spacing) * 129)}.pr-130{padding-right:calc(var(--spacing) * 130)}.pr-131{padding-right:calc(var(--spacing) * 131)}.pr-132{padding-right:calc(var(--spacing) * 132)}.pr-133{padding-right:calc(var(--spacing) * 133)}.pr-134{padding-right:calc(var(--spacing) * 134)}.pr-135{padding-right:calc(var(--spacing) * 135)}.pr-136{padding-right:calc(var(--spacing) * 136)}.pr-137{padding-right:calc(var(--spacing) * 137)}.pr-138{padding-right:calc(var(--spacing) * 138)}.pr-139{padding-right:calc(var(--spacing) * 139)}.pr-140{padding-right:calc(var(--spacing) * 140)}.pr-141{padding-right:calc(var(--spacing) * 141)}.pr-142{padding-right:calc(var(--spacing) * 142)}.pr-143{padding-right:calc(var(--spacing) * 143)}.pr-144{padding-right:calc(var(--spacing) * 144)}.pr-145{padding-right:calc(var(--spacing) * 145)}.pr-146{padding-right:calc(var(--spacing) * 146)}.pr-147{padding-right:calc(var(--spacing) * 147)}.pr-148{padding-right:calc(var(--spacing) * 148)}.pr-149{padding-right:calc(var(--spacing) * 149)}.pr-150{padding-right:calc(var(--spacing) * 150)}.pr-151{padding-right:calc(var(--spacing) * 151)}.pr-152{padding-right:calc(var(--spacing) * 152)}.pr-153{padding-right:calc(var(--spacing) * 153)}.pr-154{padding-right:calc(var(--spacing) * 154)}.pr-155{padding-right:calc(var(--spacing) * 155)}.pr-156{padding-right:calc(var(--spacing) * 156)}.pr-157{padding-right:calc(var(--spacing) * 157)}.pr-158{padding-right:calc(var(--spacing) * 158)}.pr-159{padding-right:calc(var(--spacing) * 159)}.pr-160{padding-right:calc(var(--spacing) * 160)}.pr-161{padding-right:calc(var(--spacing) * 161)}.pr-162{padding-right:calc(var(--spacing) * 162)}.pr-163{padding-right:calc(var(--spacing) * 163)}.pr-164{padding-right:calc(var(--spacing) * 164)}.pr-165{padding-right:calc(var(--spacing) * 165)}.pr-166{padding-right:calc(var(--spacing) * 166)}.pr-167{padding-right:calc(var(--spacing) * 167)}.pr-168{padding-right:calc(var(--spacing) * 168)}.pr-169{padding-right:calc(var(--spacing) * 169)}.pr-170{padding-right:calc(var(--spacing) * 170)}.pr-171{padding-right:calc(var(--spacing) * 171)}.pr-172{padding-right:calc(var(--spacing) * 172)}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);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}}html,body,#root{height:100%;overflow:hidden}:root{--bg:#eef0f4;--surface:#fff;--text:#1a1a2e;--text-sub:#6b6b82;--ink:#1a1a2e;--border:#1a1a2e;--border-light:#d8d8e8;--accent:#e4000f;--accent-hi:#ff3b4e;--thread-si:#e84500;--thread-pr:#009e5c;--thread-gp:#05c;--thread-ai:#6b21a8;--thread-mm:#c80;--shadow-sm:2px 2px 0 var(--ink);--shadow-md:3px 3px 0 var(--ink);--shadow-lg:4px 4px 0 var(--ink);--radius-sm:6px;--radius:10px;--radius-lg:16px;--link-dim:#1a1a2e1a;--link-hi:#e4000fd9}.dark{--bg:#12131e;--surface:#1e2036;--text:#f0eef8;--text-sub:#8888a8;--ink:#f0eef833;--border:#f0eef82e;--border-light:#f0eef814;--accent:#ff3b4e;--accent-hi:#ff6070;--thread-si:#ff6b3d;--thread-pr:#00d97e;--thread-gp:#48f;--thread-ai:#c084fc;--thread-mm:#fb0;--shadow-sm:2px 2px 0 #00000080;--shadow-md:3px 3px 0 #00000080;--shadow-lg:4px 4px 0 #00000080;--link-dim:#f0eef812;--link-hi:#ff3b4ecc}*{box-sizing:border-box}body{font-family:var(--font-jp);background:var(--bg);color:var(--text);font-size:13px}.n-btn{border-radius:var(--radius-sm);border:2px solid var(--border);box-shadow:var(--shadow-sm);background:var(--surface);color:var(--text);font-family:var(--font-display);cursor:pointer;white-space:nowrap;-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;gap:5px;padding:5px 14px;font-size:12px;font-weight:600;transition:box-shadow 80ms,transform 80ms;display:inline-flex}.n-btn:hover{box-shadow:3px 3px 0 var(--ink);transform:translate(-.5px,-.5px)}.n-btn:active{box-shadow:none;transform:translate(2px,2px)}.n-btn.active{background:var(--accent);color:#fff;border-color:var(--text)}.perf-hud{z-index:50;color:#fff;pointer-events:none;background:#000000b3;border-radius:6px;margin:0;padding:6px 8px;font:11px/1.4 ui-monospace,monospace;position:fixed;bottom:8px;left:8px}::-webkit-scrollbar{width:5px;height:5px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:99px}button,.n-btn{transition:all 80ms}.app{background:var(--bg);height:100%;color:var(--text);font-family:var(--font-jp);flex-direction:column;display:flex}.app-header{background:var(--surface);border-bottom:2px solid var(--border);min-height:56px;box-shadow:0 2px 0 var(--border);z-index:10;flex-wrap:wrap;flex-shrink:0;align-items:center;gap:8px;padding:0 16px;display:flex;position:relative}.brand{align-items:baseline;gap:8px;margin-right:4px;display:flex}.brand-main{font-family:var(--font-display);color:var(--accent);letter-spacing:.5px;font-size:18px;font-weight:700;line-height:1}.brand-sub{font-family:var(--font-display);color:var(--text);letter-spacing:.3px;font-size:14px;font-weight:600}.brand-range{font-family:var(--font-mono);color:var(--text-sub);letter-spacing:1px;margin-left:2px;font-size:10px}.vsep{background:var(--border-light);width:1px;height:28px;margin:0 4px}.chips{flex-wrap:wrap;gap:6px;display:flex}.thread-chip{border:2px solid var(--chip-color);box-shadow:2px 2px 0 var(--chip-color);border-radius:20px;align-items:center;gap:5px;padding:4px 10px;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.thread-chip{box-shadow:2px 2px 0 color-mix(in srgb, var(--chip-color) 33%, transparent)}}.thread-chip{background:var(--chip-color)}@supports (color:color-mix(in lab, red, red)){.thread-chip{background:color-mix(in srgb, var(--chip-color) 10%, transparent)}}.thread-chip{color:var(--chip-color);font-family:var(--font-display);cursor:pointer;white-space:nowrap;font-size:12px;font-weight:600;transition:all .12s}.thread-chip .dot{background:var(--chip-color);border-radius:50%;flex-shrink:0;width:8px;height:8px}.thread-chip[aria-pressed=false]{border-color:var(--border-light);box-shadow:none;background:var(--bg);color:var(--text-sub);opacity:.55;font-weight:400;text-decoration:line-through}.span-pill{background:var(--bg);border:1px solid var(--border-light);font-family:var(--font-mono);color:var(--text-sub);white-space:nowrap;border-radius:20px;padding:3px 10px;font-size:10px}.search-wrap{position:relative}.search-wrap input{border:2px solid var(--border-light);background:var(--bg);color:var(--text);font-family:var(--font-jp);border-radius:6px;outline:none;width:130px;padding:5px 10px 5px 28px;font-size:12px}.search-wrap input:focus{border-color:var(--accent)}.search-wrap input::placeholder{color:var(--text-sub)}.search-icon{color:var(--text-sub);pointer-events:none;font-size:13px;position:absolute;top:50%;left:9px;transform:translateY(-50%)}.n-btn:disabled{opacity:.5;cursor:default}.timeline-container{flex-direction:column;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.hint{font-family:var(--font-mono);color:var(--text-sub);background:var(--surface);pointer-events:none;opacity:.85;z-index:5;border-radius:4px;padding:2px 6px;font-size:10px;position:absolute;bottom:60px;left:10px}.n-btn.quiet{border-color:var(--border-light);box-shadow:none;font-family:var(--font-mono);letter-spacing:1px;font-size:10px}@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-border-style{syntax:"*";inherits:false;initial-value:solid}@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}.drawer-backdrop{-webkit-backdrop-filter:blur(1px);backdrop-filter:blur(1px);z-index:40;background:#0000002e;position:absolute;inset:0}@media (min-width:900px){.drawer-backdrop{display:none}}.drawer{background:var(--surface);border-left:2px solid var(--border);z-index:50;flex-direction:column;width:380px;max-width:100vw;transition:transform .24s cubic-bezier(.4,0,.2,1),width .2s;display:flex;position:absolute;top:0;bottom:0;right:0;overflow:hidden;transform:translate(105%)}.drawer.wide{width:min(640px,100vw)}.drawer.open{transform:translate(0);box-shadow:-6px 0 24px #0000002e}.drawer-head{border-bottom:2px solid var(--border);flex-shrink:0;justify-content:space-between;align-items:center;padding:10px 14px 10px 16px;display:flex}.drawer-title{font-family:var(--font-mono);letter-spacing:2px;color:var(--text-sub);font-size:9px}.drawer-close{border:2px solid var(--border);background:var(--bg);width:28px;height:28px;color:var(--text);cursor:pointer;box-shadow:2px 2px 0 var(--border);font-size:14px;font-family:var(--font-display);border-radius:6px;justify-content:center;align-items:center;font-weight:700;display:flex}.drawer-close:hover{background:var(--accent);color:#fff;border-color:var(--accent)}.drawer-content{flex:1;overflow-y:auto}.panel-body{padding:16px}.section-label{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-sub);align-items:center;gap:6px;margin-bottom:8px;font-size:9px;display:flex}.date-badge{background:var(--accent);color:#fff;font-family:var(--font-mono);border:2px solid var(--border);box-shadow:3px 3px 0 var(--border);border-radius:8px;padding:4px 12px;font-size:14px;font-weight:500;display:inline-block}.row-button{all:unset;cursor:pointer;width:100%;display:block}.row-button:hover div:first-child{color:var(--accent)}.linked-card{text-align:left;cursor:pointer;background:var(--surface);border:2px solid var(--card-color);width:100%;box-shadow:2px 2px 0 var(--card-color);font:inherit;color:inherit;border-radius:10px;margin-bottom:8px;padding:10px 12px;transition:all .1s;display:block}.linked-card:hover{box-shadow:3px 3px 0 var(--card-color);transform:translate(-1px,-1px)}.source-badge{border:1px solid var(--border-light);background:color-mix(in srgb, var(--text) 4%, transparent);font-family:var(--font-mono);color:var(--text-sub);letter-spacing:.3px;border-radius:6px;flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:18px;padding:6px 10px;font-size:9.5px;display:flex}.source-tier{border:1px solid;border-radius:4px;padding:1px 6px;font-weight:500}.source-tier[data-tier=primary]{color:#007a48}.dark .source-tier[data-tier=primary]{color:#00d97e}.source-link{color:var(--accent);margin-left:auto;font-weight:500;text-decoration:none}.source-link:hover{text-decoration:underline}.sql-console textarea{width:100%;font-family:var(--font-mono);border:2px solid var(--border);background:var(--bg);color:var(--text);resize:vertical;border-radius:8px;outline:none;margin:10px 0;padding:10px 12px;font-size:12px;line-height:1.5}.sql-console textarea:focus{border-color:var(--accent)}.db-status{font-family:var(--font-mono);color:var(--text-sub);margin-bottom:8px;font-size:10px;display:block}.db-status.ok{color:#007a48}.dark .db-status.ok{color:#00d97e}.db-status.err{color:var(--accent)}.preset-row{flex-wrap:wrap;gap:6px;display:flex}.preset{font:inherit;cursor:pointer;border:1.5px solid var(--border-light);background:var(--bg);color:var(--text);border-radius:20px;padding:3px 9px;font-size:11px}.preset:hover{border-color:var(--accent);color:var(--accent)}.sql-actions{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sql-actions .hint{color:var(--text-sub);font-size:10.5px}.sql-error{font-family:var(--font-mono);color:var(--accent);white-space:pre-wrap;margin:0 0 12px;font-size:11px}.sql-meta{font-family:var(--font-mono);color:var(--text-sub);margin-bottom:6px;font-size:10px}.sql-result table{border-collapse:collapse;width:100%;font-size:11.5px}.sql-result th,.sql-result td{text-align:left;border-bottom:1px solid var(--border-light);vertical-align:top;white-space:nowrap;text-overflow:ellipsis;max-width:320px;padding:5px 8px;overflow:hidden}.sql-result th{font-family:var(--font-mono);color:var(--text-sub);letter-spacing:.5px;border-bottom:2px solid var(--border);font-size:10px}.sql-result tr.clickable{cursor:pointer}.sql-result tr.clickable:hover td{background:color-mix(in srgb, var(--accent) 8%, transparent)}.mini svg,.minimap{touch-action:none}@media (max-width:640px){.app-header{gap:6px;min-height:0;padding:6px 10px}.brand{margin-right:0}.brand-sub,.brand-range,.vsep,.span-pill{display:none}.chips{scrollbar-width:none;flex-wrap:nowrap;flex-basis:100%;order:10;padding-bottom:2px;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.thread-chip{padding:3px 8px;font-size:11px}.search-wrap input{width:78px;padding:3px 6px 3px 24px;font-size:16px}.search-icon{font-size:11px;left:7px}.n-btn{box-shadow:1px 1px 0 var(--ink);padding:4px 7px;font-size:11px}.zoom-btn{min-width:28px;padding:4px 5px}.app-header .n-btn:nth-last-child(2){padding:4px 6px}.theme-toggle{display:none}.drawer{border-left:0;border-top:2px solid var(--border);border-radius:14px 14px 0 0;width:100%;height:62%;inset:auto 0 0;transform:translateY(105%)}.drawer.wide{width:100%;height:78%}.drawer.open{transform:translateY(0);box-shadow:0 -6px 24px #0000002e}.drawer-head{padding:8px 12px 8px 14px}.panel-body{padding:12px}.sql-console textarea{font-size:16px}.hint{display:none}}.board{overscroll-behavior:contain;touch-action:pan-x pan-y;scrollbar-width:none;-webkit-overflow-scrolling:touch;cursor:grab;-webkit-user-select:none;user-select:none;background:var(--bg);flex:1;min-height:0;position:relative;overflow:auto}.board::-webkit-scrollbar{display:none}.board.dragging{cursor:grabbing}.board.over-chip{cursor:pointer}.board-content{position:relative}.axis-strip{z-index:3;background:var(--surface);position:sticky;top:0}.axis-corner{z-index:4;box-sizing:border-box;background:var(--surface);border-right:2px solid var(--border);border-bottom:2px solid var(--border);height:100%;font-family:var(--font-mono);letter-spacing:2px;color:var(--text-sub);justify-content:center;align-items:center;font-size:8px;display:flex;position:sticky;left:0}.axis-tiles,.axis-ghost{transform-origin:0 0;height:100%;position:absolute;top:0;overflow:hidden}.body{position:relative}.lane-labels{z-index:2;background:var(--surface);border-right:2px solid var(--border);box-sizing:border-box;position:sticky;left:0}.lane-label{box-sizing:border-box;border-top:1px solid var(--border-light);flex-direction:column;justify-content:center;align-items:center;gap:2px;padding:4px 8px 4px 12px;display:flex;position:absolute;left:0;right:0}.lane-bar{background:var(--lane);border-radius:2px;width:4px;position:absolute;top:4px;bottom:4px;left:0}.lane-name{font-family:var(--font-jp);color:var(--lane);text-align:center;font-size:12px;font-weight:700;line-height:1.2}.lane-en{font-family:var(--font-mono);letter-spacing:1.5px;color:var(--text-sub);font-size:8px}.lane-label.narrow{padding:4px 2px 4px 8px}.lane-label.narrow .lane-name{writing-mode:vertical-rl;letter-spacing:1px;font-size:11px}.lanes{position:absolute;top:0}.lane-stripe{border-top:1px solid var(--border-light);position:absolute;left:0;right:0}.tile-host,.tile-ghost{transform-origin:0 0;position:absolute;inset:0}.tile{pointer-events:none;display:block;position:absolute}.overlay{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}