/*! tailwindcss v4.3.3 | 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-border-style:solid;--tw-gradient-position:initial;--tw-gradient-from:#0000;--tw-gradient-via:#0000;--tw-gradient-to:#0000;--tw-gradient-stops:initial;--tw-gradient-via-stops:initial;--tw-gradient-from-position:0%;--tw-gradient-via-position:50%;--tw-gradient-to-position:100%;--tw-leading:initial;--tw-font-weight:initial;--tw-tracking: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-content:""}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--container-md:28rem;--container-3xl:48rem;--font-weight-medium:500;--font-weight-semibold:600;--leading-tight:1.25;--leading-snug:1.375;--leading-relaxed:1.625;--radius-md:.375rem;--radius-lg:.5rem;--radius-xl:.75rem;--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);--font-display:"Unbounded Variable", "Arial Black", system-ui, sans-serif;--font-prose:"Literata Variable", "PT Serif", Georgia, serif;--font-ui:"JetBrains Mono Variable", ui-monospace, "SF Mono", Menlo, monospace}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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 components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:0}.isolate{isolation:isolate}.z-40{z-index:40}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.m-0{margin:0}.mx-auto{margin-inline:auto}.mt-0{margin-top:0}.mt-1{margin-top:var(--spacing)}.mt-2{margin-top:calc(var(--spacing) * 2)}.mt-3{margin-top:calc(var(--spacing) * 3)}.mt-5{margin-top:calc(var(--spacing) * 5)}.mt-6{margin-top:calc(var(--spacing) * 6)}.mt-auto{margin-top:auto}.mb-1{margin-bottom:var(--spacing)}.mb-2{margin-bottom:calc(var(--spacing) * 2)}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-4{margin-bottom:calc(var(--spacing) * 4)}.mb-5{margin-bottom:calc(var(--spacing) * 5)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.mb-8{margin-bottom:calc(var(--spacing) * 8)}.ml-auto{margin-left:auto}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.size-2{width:calc(var(--spacing) * 2);height:calc(var(--spacing) * 2)}.size-4{width:calc(var(--spacing) * 4);height:calc(var(--spacing) * 4)}.size-5{width:calc(var(--spacing) * 5);height:calc(var(--spacing) * 5)}.size-8{width:calc(var(--spacing) * 8);height:calc(var(--spacing) * 8)}.size-\[18px\]{width:18px;height:18px}.h-8{height:calc(var(--spacing) * 8)}.min-h-0{min-height:0}.min-h-\[60vh\]{min-height:60vh}.min-h-screen{min-height:100vh}.w-full{width:100%}.max-w-3xl{max-width:var(--container-3xl)}.max-w-64{max-width:calc(var(--spacing) * 64)}.max-w-\[60ch\]{max-width:60ch}.max-w-\[62ch\]{max-width:62ch}.max-w-\[min\(18rem\,calc\(100vw-16px\)\)\]{max-width:min(18rem,100vw - 16px)}.max-w-md{max-width:var(--container-md)}.min-w-0{min-width:0}.min-w-44{min-width:calc(var(--spacing) * 44)}.min-w-48{min-width:calc(var(--spacing) * 48)}.flex-1{flex:1}.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.cursor-pointer{cursor:pointer}.list-none{list-style-type:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-baseline{align-items:baseline}.items-center{align-items:center}.items-start{align-items:flex-start}.items-stretch{align-items:stretch}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--spacing)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-2\.5{gap:calc(var(--spacing) * 2.5)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}.gap-x-3{column-gap:calc(var(--spacing) * 3)}.gap-x-5{column-gap:calc(var(--spacing) * 5)}.gap-x-6{column-gap:calc(var(--spacing) * 6)}.gap-y-1{row-gap:var(--spacing)}.gap-y-1\.5{row-gap:calc(var(--spacing) * 1.5)}.gap-y-2{row-gap:calc(var(--spacing) * 2)}.self-start{align-self:flex-start}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded{border-radius:.25rem}.rounded-full{border-radius:2147483647px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-md{border-radius:var(--radius-md)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-bad{border-color:var(--bad)}.border-line{border-color:var(--line)}.border-ok{border-color:var(--ok)}.border-warn{border-color:var(--warn)}.bg-\[color-mix\(in_srgb\,var\(--warn\)_14\%\,transparent\)\]{background-color:var(--warn)}@supports (color:color-mix(in lab, red, red)){.bg-\[color-mix\(in_srgb\,var\(--warn\)_14\%\,transparent\)\]{background-color:color-mix(in srgb,var(--warn) 14%,transparent)}}.bg-accent{background-color:var(--accent)}.bg-accent-fill{background-color:var(--accent-fill)}.bg-accent-soft{background-color:var(--accent-soft)}.bg-bad{background-color:var(--bad)}.bg-bg{background-color:var(--bg)}.bg-muted{background-color:var(--muted)}.bg-ok{background-color:var(--ok)}.bg-page{background-color:var(--page)}.bg-transparent{background-color:#0000}.bg-warn{background-color:var(--warn)}.to-board{--tw-gradient-to:var(--board);--tw-gradient-stops:var(--tw-gradient-via-stops,var(--tw-gradient-position), var(--tw-gradient-from) var(--tw-gradient-from-position), var(--tw-gradient-to) var(--tw-gradient-to-position))}.p-0{padding:0}.p-1{padding:var(--spacing)}.p-2{padding:calc(var(--spacing) * 2)}.p-3{padding:calc(var(--spacing) * 3)}.p-7{padding:calc(var(--spacing) * 7)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.px-6{padding-inline:calc(var(--spacing) * 6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:calc(var(--spacing) * 3)}.py-4{padding-block:calc(var(--spacing) * 4)}.py-5{padding-block:calc(var(--spacing) * 5)}.py-6{padding-block:calc(var(--spacing) * 6)}.py-8{padding-block:calc(var(--spacing) * 8)}.py-10{padding-block:calc(var(--spacing) * 10)}.py-16{padding-block:calc(var(--spacing) * 16)}.pt-1\.5{padding-top:calc(var(--spacing) * 1.5)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-4{padding-top:calc(var(--spacing) * 4)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-px{padding-top:1px}.pb-2{padding-bottom:calc(var(--spacing) * 2)}.pl-5{padding-left:calc(var(--spacing) * 5)}.text-center{text-align:center}.text-left{text-align:left}.font-display{font-family:Unbounded Variable,Arial Black,system-ui,sans-serif}.font-prose{font-family:Literata Variable,PT Serif,Georgia,serif}.font-ui{font-family:JetBrains Mono Variable,ui-monospace,SF Mono,Menlo,monospace}.text-\[11px\]{font-size:11px}.text-\[12\.5px\]{font-size:12.5px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[20px\]{font-size:20px}.text-\[22px\]{font-size:22px}.text-\[24px\]{font-size:24px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.leading-snug{--tw-leading:var(--leading-snug);line-height:var(--leading-snug)}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.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)}.tracking-\[0\.1em\]{--tw-tracking:.1em;letter-spacing:.1em}.tracking-\[0\.09em\]{--tw-tracking:.09em;letter-spacing:.09em}.text-accent{color:var(--accent)}.text-ink{color:var(--ink)}.text-muted{color:var(--muted)}.text-ok{color:var(--ok)}.text-on-accent{color:var(--on-accent)}.text-page{color:var(--page)}.uppercase{text-transform:uppercase}.no-underline{text-decoration-line:none}.underline-offset-4{text-underline-offset:4px}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px 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)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);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))}.outline-none{--tw-outline-style:none;outline-style:none}.after\:absolute:after{content:var(--tw-content);position:absolute}.after\:inset-0:after{content:var(--tw-content);inset:0}.after\:content-\[\"\"\]:after{--tw-content:"";content:var(--tw-content)}.first\:border-t-0:first-child{border-top-style:var(--tw-border-style);border-top-width:0}@media (hover:hover){.hover\:border-accent:hover{border-color:var(--accent)}.hover\:text-ink:hover{color:var(--ink)}.hover\:underline:hover{text-decoration-line:underline}.hover\:opacity-90:hover{opacity:.9}}.focus\:border-accent:focus{border-color:var(--accent)}.focus\:outline-none:focus{--tw-outline-style:none;outline-style:none}.focus-visible\:outline-2:focus-visible{outline-style:var(--tw-outline-style);outline-width:2px}.focus-visible\:outline-accent:focus-visible{outline-color:var(--accent)}.disabled\:cursor-progress:disabled{cursor:progress}.disabled\:opacity-70:disabled{opacity:.7}.data-\[open\]\:border-accent[data-open]{border-color:var(--accent)}.data-\[open\]\:text-ink[data-open]{color:var(--ink)}@media not all and (width>=40rem){.max-sm\:order-last{order:9999}.max-sm\:-ml-2{margin-left:calc(var(--spacing) * -2)}.max-sm\:hidden{display:none}.max-sm\:basis-full{flex-basis:100%}.max-sm\:self-start{align-self:flex-start}}@media (width>=40rem){.sm\:ml-auto{margin-left:auto}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:w-\[16rem\]{width:16rem}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:grid-cols-\[200px_minmax\(0\,1fr\)\]{grid-template-columns:200px minmax(0,1fr)}.sm\:flex-col{flex-direction:column}.sm\:flex-row{flex-direction:row}.sm\:items-center{align-items:center}.sm\:items-start{align-items:flex-start}.sm\:justify-between{justify-content:space-between}.sm\:gap-1{gap:var(--spacing)}.sm\:gap-5{gap:calc(var(--spacing) * 5)}.sm\:gap-x-5{column-gap:calc(var(--spacing) * 5)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:px-7{padding-inline:calc(var(--spacing) * 7)}}@media (width>=64rem){.lg\:grid-cols-\[minmax\(340px\,38\%\)_minmax\(0\,1fr\)\]{grid-template-columns:minmax(340px,38%) minmax(0,1fr)}.lg\:border-r{border-right-style:var(--tw-border-style);border-right-width:1px}.lg\:border-b-0{border-bottom-style:var(--tw-border-style);border-bottom-width:0}}.\[\&\>svg\]\:block>svg{display:block}.\[\&\>svg\]\:h-8>svg{height:calc(var(--spacing) * 8)}.\[\&\>svg\]\:h-10>svg{height:calc(var(--spacing) * 10)}.\[\&\>svg\]\:w-auto>svg{width:auto}.\[\&\>svg\]\:max-w-full>svg{max-width:100%}}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(data:font/woff2;base64,d09GMgABAAAAAAcwABUAAAAADVQAAAbBAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGkQbgR4cLj9IVkFSYD9NVkFSRgZgP1NUQVSBECcqAFwvZBEICoMkgnELFAAwhH4BNgIkAyIEIAWGEAdnDAcboAsonoWxMy2MW9VSU/H2d24ggnj6P7/qdF8kHtj4XCsDah+E/KT39YIFcHcr5mdFZwLNDw9CeW4KlnBLVwQRet6nWJGSNRWvjZZM5AF9/V+YzdmiNbWZhBUUSOGWSLhW2RoXvEtYlxCEfCMrFAA6BuFam7oKRUZVCFWhRR/qJMlMiCgVZ/4ca0sETSHYgDJIJKezg6AEeH4/UIDkWQgqQABAB41AABe1VKK6dOsdhehnpalC9DfR1iEaDRCEADJ7qqmDPyCAYODEgeBAUIADRQ2tgB4qkWgAgOBp5BnH2tUEgA3ErCKtimIziMYx+tZRkDo+B2CcYroAUAMQQMOC/DExNOyf1AIEqIEEKgEKoAEFyK2JYdUjqxX9gAAwZpyto8zKVlMAICtmCHZvvscvU9uhetlltjPXxFCpcgAT1C41AqC3NxEZR3GGgPFsQPEn9Dv9AAEV1gUdEnSDES/lADn+6DGoZioeqIBCEBwIUIQ/UAa5fLpoEwZQQLIclVoNmiUiAMTkNhAAsaQOgAYUSg6A+hsQAHFIasTfqUaMdhH93bqCn0dv0Y1Mxwz/rMEkngeFGyecLPOg2jTgjVHHlnFn1ePPoBCvIU0PgI97z1hU0OQ8V6Iq/BwEUU8EQ4OB4FQdyadBEOByAhRAIhThj4OXDnAXcgDG2hAxxIQMtyzUgY0DcCA1wwnPy+biZg5xg64AiKelqxEkCD8ATgAKAdzAdMBJoAx4e5naGUU9jSAGahwNjTq+8W7DtfwYMsuPz6g1XPyMe4OHcM9wzZ544OVL2fjTo1fDhz95JRtfunY9r+B6JRd3737xgg3f338+ZMjD5wE2vLjmvqrsfi7KpklBNhwDNs4hLtfZB1nVo/LtXbteDo7bGL+x9LnOu7gSi0s45CJc/mquZ+53Had/3dvtr8Ybttd9ifzjnXq4Zb+pTblf584tP9A9sdAIX89W9cqWOy8urXS6243Og4UTLSdNOtqi74T6Wi+zp5Xr6RpTqLOrX2Wp2FTquoyMtjObjK4jpZMt84p3bd218fcnDp+IoMbXTl0+vgP56caMH6fVqeP+OKNQ34WDI8PmIJDVIAAbW7oRW9vBIzQAYINeo695N38DAQQF1BAAQB1AaXV6TEEMP0RLzQ5ctUHhwY/gB6cDpZRWWNvhvV7xtTdCTx62RTr+t9EROf52+4hqwKoHM4/P3FgXpe6yLMD76VNExDcBX1jIH3Yp7lSX+fKlzCapUmWPbtYsN7eRA47ZYTVbbEp/xcTqp40a3d8kgcC2lmDn2kCI59VnWx1NAZbGgyDNV1vAFJu5FO3miyhkCFmswIrSVn+m4cGofr9T0gtXmTw09dO1a16PkZUSH/IBkrx9G5qSFfLgxvTvUt01arz+FBpnGCEhx00R2RZKkZ2alp0fzE1LDbpKNhShcYSQv0hQG1qZDr/fmZca/ghYVGJxlLKSkix/drZ/c6tCgVkxImp4WHxugc/XJo8s3HRlyqfYLHfRckwVJGlsXycqqOGwidPXFPr25z/Nmxau/p9Rr57aFGS1RW4u7iIFAw1tFS5Mxb/8VkR5k5cXVEauSXY2pXVWSkRkklGk1rBYI0tr8nLTSpb8G+5yhXMADzyTaevXgL1Zp6VZlh0QM3fsx6LChf9nUFEe5Rfxel+//BCekJby74034cm1Sj0pKdGfMTg6JQXHolu80R26VNVeFRGjTGrML/a3KLdYsfRSwdIdF/wS97oFBJCflu4t3XhyfFibNIfWkQCf9r4tAJ9v5YH5D/L/t64YRwELBYDAz9xlvaUoc/8UQJDdHboro2Mz9jFInPDh9H5qASpKQgBOzmMzgG87VkOtVdB9GjGcwLdyIEJCoawjhU8WkKZZWpFBpZQgk2Guk0Ul58N9NCPHEwMP48ikiG6ycNGBbHyygBx4aEJOCsggFw7KkJtCAo/uwQV0olqyQtFmHZtpSTNMxXktRyAaKYo+cK9zaHpJBCK7ld6ZnAkoolP/ZzYvSzUPD8sKk8TLZmFYJCoGZhJ4DGjXa4xuGebQcRBOoWGIwKFaYhqHmCwSTJeiCKMCq0gNAc+GYSrLDBajCqNYJQYHcZXJJ0A4xapUqMKZ6z2NlL69lfVr0u8Nccx9YwPV6tkC81rPZI+nqPdmFSuWYpQISRkjH5QNMRmyUjejicO9FXMknCLnOWQIJNp0jmWMFZiWYyRwhQrhmdU9JWEPp+eCXCSYbnA0cgpOoIp7UWjRYogpltVxkolc5Ld0nsQ2aGrgvbG4QXMT38TJjo3+3UW3hhd38NKijMZseaj+FQn2vbEXAA==)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-cyrillic-wght-normal-C627f1f8.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-vietnamese-wght-normal-rat7GD3o.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-ext-wght-normal-D6H-S6MW.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Unbounded Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/unbounded-latin-wght-normal-D5afBTBx.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-ext-wght-normal-CGKlZYBf.woff2)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-cyrillic-wght-normal-DLqwHbi6.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-ext-wght-normal-e3e57Shi.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-greek-wght-normal-CO1l-giJ.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-vietnamese-wght-normal-LcSrhZ7T.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-ext-wght-normal-BnEbWgdZ.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Literata Variable;font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/literata-latin-wght-normal-DLxlUchJ.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(data:font/woff2;base64,d09GMgABAAAAAAfsABQAAAAAEAwAAAeCAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAGhwbHhwoP0hWQVJbBmA/U1RBVIFiJyYAdC9qEQgKhGSEAAsgADCGCAE2AiQDOgQgBYlMB4EUDAcbLQ4onoexrSC/2ZyLAa8p8VHB8/x3Vue+V0hVJalMJg2nx/TCrQXxBeqLjQG7FyM1WEa/X1tEXN7cFz9EJEMmMUz3RihWSSKeQCbcIou0izz/C8v+fq3VfajEa9gDD11CImXS7qL/RJFVzC1qiB6KmKeD6TZdQ6IRGv78dL6uSVVCfgni5mzu7kcgQBgAEAQTQRCoL++STTYybkJxNfQxAAIAGu8OdEB9teW2jh4BpgDqFjAeSEByW3zFP0CBBgNMsMCGEDjgggdhiEAUAeIIED7ABTDUEnkIE9Q9ahFgKttcVhApo4ACB4qobHaccgDfEjFO6aaWUhjMLt2SyIvHKoDqoA4CSUwEIYQCEjhAO9R1G6keDeDZGjNo+AhxOjCEGTr1WeIF3kYBiLAOKvkJSMiKX0VdAyQt3SDJClCkxJCHkCzfqyVTriJZLcolS32JZHUekq2TYNkYtCtjYHMQXSxGjXDz2t/yLWXzDzxz+o3zFwDEaN23F+13pyMdQAEaSKAR9vcGq4A4MTSKCElGW+M7UcY7xqkggITb28ZJhlqc9q2twYKTt0NjixBgYvO9BIihEBLYuOFXQzfIQ7dXGUEEEgFDooBfAzqiQbpJrhiWSuKJCRFKYbHCyJKI2G5GiZbNAvgAu5pc3vwx4G+g3aDkhklABiSz0BICXrYghtYhx/cdJ+44rY2oZ0aMNRFz3VZjb6W33F3gzltqtOCV8tTHSpOeXuItfvr5lCdfzFpqtEitvqdcdGGFd28ZqqC0tPbeChGXgrIlnhSWu/eUso4uKWFLugyDzQJhflY4659+WjQ++6x72WUMv9G8mw6QJl7BVxX5fe/kpUsOvnZwee9uQ0cGXYd0o89XB2748sDSnt8d2VphdOTTgceDVvOds0v9P/s7HPq15aGun/6Vllb56f1dl0t1LejqrNkpdRZsG8TOnM5vkBG5oiVyVGnS8LHps5cfNWJs6qKPfaNSxiQNBUm3cKNWROr0GSur7Za31k1vieq7LH11VF+jXdRIasRKflc7jkobm1Z9te1IyZA0pDkhLR98+H37Zf1c/8at+dB7x+7GfVyTfJMPiYztsnl59Y5l4j+0n1RXlpHnF3Tq7HecmNF/CJodEMAikruxiyJaGLvHOdAfoA+oDvpjBm2b91cHGRZMU9n25xEU0A8fgEEAdKI3Q1iDtc034sug5YVMkE2jsE+BIkwSoQ3gxXMqz9tELp48bd0cFKOKS7xYjEuXBnZP5ia7DyiO/X/YI+PQSbt2uSdqAkWL9nQbV1XB94/+uPfdZz8dnXYFBYrcTl2SIR/ybxJNJPz/Gupb0JaZeens2ekC7EKr8t+Ls/P5VJPYJdHKyqfg2nqU6bhlidzcddQV/7MmecTzJ5VPcKXkNKSEogHjYFx6QZ7rQ+FSe8njaiNuOnXS8H2ScQ619c2mC3VTtauL0rRbXd/CkSOP37FY9Zkjz8+GibYUMOEWF+RdrFS8Ecv1SHOpPUPZGEIpjPvFyU5cXKjd6OXqorTqy9GwRd++HVufPGnVsW+aO3vggKZ18jR9sXaTC1PWTEsVUaK0FkNySbTQDqlm2PfDjZcu4aalnSLKjnOoYQ0nUlqqXcGpPu/4VgV/xU2pAqW4BW3qzhQ8/hFKhV2qE3+BKAtDqBXjfgnVdH4y0wg5tbVNRenNdTWOrenWLcupQdmsbq5b+18piTe/xRdp1xbILxNPJGInm2z6hoB21Lal0i+ePTtd7B45+3XhFJ329evskXm7qurUVREotqSluSo/L29d3qDhI4YOQqWhI4YNvBNfsMHeXKemXrxQfKeuPOGRVayA3JtkJKEgbPp+dXUDluddutRYLFoXGXWX6N3WFaGLbQtRSitVYNacTNSdy7AaG/HSaUEANcBoGXNdcZvZsOqQ1icBDv21/gzAoYPHH/WDW0qNR3QTYKEAEHig6o13NXbND06CQPlRtYjGNnSktRc09k1mAMDvAlDKfQjgy6fssInlfzmNAjKkDxoxHOBLdVRAIVt9j4qo+hA1w9T1aNBNTUOTTNUHLbqokE+UAfJXCIGw/IxCSL5GRUJeR40rL/UxTm4Q08H6MbCs70ObuNyIIXrINHQYInF06UUlevTjbQzTh5upiDMzMMogUtEnjPs/Y7jAHCJeB0GBHh04tC6FiB6ZFB1oArUSIoFoqhzCeAN6lHwm0T4C3VVPWvjpSMXReuWesMEcoqrmgtNBGd2noWeV0hNAz9rFeShNJxHGsPa3HXeKTk8b55hahySYHaYKKFFLpCfN8rsoaJn01CR04Gkc+5k7KVTCmClX8Q10HCrUEkVlSX+XO33oQR9609tJ516H497WSobWs5Up6TLaS10/dessIskgJSLiDlWvHVUywpkQ7hdPZqGyiEF0uVQerVcPamT1A3eKXdyI1vG9OoflrSXihZ1qqGE3nhmAgiIbRCQgPLEPtOM3UQwTLYaYYomNlpA44opnjV6jkD6id80OOrzf6BzmMD6eEa1zKyeYG1fzfEf16V6jw9XYOaar1/b2kP/IYX8oR2mcFvv2GtBV3JXgd437AQAA)format("woff2-variations");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-cyrillic-wght-normal-D73BlboJ.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-greek-wght-normal-Bw9x6K1M.woff2)format("woff2-variations");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-vietnamese-wght-normal-Bt-aOZkq.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono Variable;font-style:normal;font-display:swap;font-weight:100 800;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}.device{--device-font:system-ui, -apple-system, "Segoe UI", sans-serif;font-family:var(--device-font);color:var(--ink);margin:0 auto}.device button,.device input{font:inherit;color:inherit}.device.is-phone{border:2px solid var(--node-line);background:var(--node);border-radius:32px;gap:6px;width:100%;max-width:320px;padding:10px 10px 12px;display:grid;box-shadow:0 16px 34px -22px #17202a59}.device-notch{background:var(--line);border-radius:3px;width:64px;height:5px;margin:2px auto}.device-status{color:var(--muted);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;padding:0 12px;font-size:11.5px;font-weight:600;display:flex}.device-online{color:var(--ink);display:inline-flex}.device-offline{color:var(--bad)}.device-screen{background:var(--page);border:1px solid var(--line);border-radius:20px;flex-direction:column;height:min(340px,48vh);display:flex;position:relative;overflow:hidden}.device.is-desktop{border:1px solid var(--node-line);background:var(--node);border-radius:10px;max-width:560px;overflow:hidden;box-shadow:0 16px 34px -24px #17202a59}.device.is-desktop .device-screen{border:0;border-radius:0;height:min(340px,52vh)}.device-titlebar{border-bottom:1px solid var(--line);background:var(--page);align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex}.device-dots,.terminal-dots{background:radial-gradient(circle at 5px 5px,#e0605a 4px,#0000 4.5px),radial-gradient(circle at 19px 5px,#e4b54b 4px,#0000 4.5px),radial-gradient(circle at 33px 5px,#5fb85d 4px,#0000 4.5px);flex:none;width:38px;height:10px}.device-name{color:var(--muted);font-weight:600}.device-dock,.device-apps{gap:6px;display:flex}.device-dock{justify-content:center}.device-apps{margin-left:auto}.device-app{appearance:none;border:1px solid var(--line);background:var(--page);cursor:pointer;border-radius:999px;padding:5px 12px;font-size:12.5px}.device-app.active{border-color:var(--accent);background:var(--accent-soft);color:var(--accent);font-weight:600}.device-icon{fill:none;stroke:currentColor;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;flex:none;width:16px;height:16px}.device-signal{flex:none;width:18px;height:14px}.device-signal .bar{fill:var(--line)}.device-signal .bar.full{fill:var(--ink)}.device .ghost,.terminal .ghost{outline:2px dashed var(--accent);outline-offset:2px;border-radius:10px}.screen-head{gap:2px;padding:12px 14px 4px;display:grid}.screen-head h3{letter-spacing:-.01em;overflow-wrap:anywhere;margin:0;font-size:22px;font-weight:700}.screen-back{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:0;justify-self:start;padding:0;font-size:13px}.screen-body{flex:1;grid-template-columns:minmax(0,1fr);align-content:start;gap:6px;padding:4px 10px 14px;font-size:14px;display:grid;overflow-y:auto}.screen-switch,.screen-mine,.screen-networks,.screen-rows,.screen-link,.screen-choices,.screen-servers{background:var(--node);border:1px solid var(--line);border-radius:12px}.screen-switch{justify-content:space-between;align-items:center;padding:10px;font-size:15px;display:flex}.screen-toggle{background:var(--ok);border-radius:12px;flex:none;width:40px;height:24px;position:relative}.screen-toggle:after{content:"";background:#fff;border-radius:50%;width:18px;height:18px;position:absolute;top:3px;right:3px}.screen-group{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:8px 6px 0;font-size:11px;font-weight:600}.screen-mine,.screen-network{grid-template-columns:18px minmax(0,1fr) auto auto auto;align-items:center;gap:8px;padding:10px;font-size:15px;display:grid}.screen-mine.failing{border-color:var(--bad)}.screen-check{color:var(--ok);font-weight:700}.screen-mine.failing .screen-check{color:var(--bad)}.screen-networks{margin:0;padding:0;list-style:none;overflow:hidden}.screen-networks li+li{border-top:1px solid var(--line)}.screen-network{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-columns:minmax(0,1fr) auto auto;width:100%}.screen-network:hover:not(:disabled){background:var(--accent-soft)}.screen-network:disabled{cursor:default}.screen-network-name{text-overflow:ellipsis;white-space:nowrap;font-weight:600;overflow:hidden}.screen-network-status{color:var(--muted);font-size:11.5px;font-weight:400;display:block}.screen-network-status.on{color:var(--ok);font-weight:600}.screen-network-status.bad{color:var(--bad);font-weight:600}.screen-info{appearance:none;color:var(--accent);cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.screen-info .device-icon{width:20px;height:20px}.screen-note{color:var(--muted);margin:4px 6px 0;font-size:11.5px;line-height:1.4}.screen-problem{color:var(--bad);background:var(--bad-soft);border-radius:8px;margin:0;padding:8px 10px;font-size:13px;line-height:1.4}.screen-rows{margin:0;padding:2px 10px}.screen-row{justify-content:space-between;gap:12px;padding:8px 0;display:flex}.screen-row+.screen-row{border-top:1px solid var(--line)}.screen-row dt{color:var(--muted)}.screen-row dd{font-family:var(--font-ui);text-align:right;overflow-wrap:anywhere;margin:0;font-size:13px}.screen-link{appearance:none;cursor:pointer;text-align:left;justify-content:space-between;gap:10px;padding:10px;display:flex}.screen-link-value{color:var(--muted)}.screen-danger{appearance:none;color:var(--bad);text-align:left;cursor:pointer;background:0 0;border:0;padding:10px}.screen-choices{display:grid;overflow:hidden}.screen-choice{appearance:none;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;padding:10px;display:flex}.screen-choice+.screen-choice{border-top:1px solid var(--line)}.screen-radio{border:2px solid var(--node-line);border-radius:50%;flex:none;width:16px;height:16px}.screen-choice.chosen .screen-radio{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 45%, transparent 50%)}.screen-servers{margin:0;padding:0 10px;list-style:none}.screen-servers li{font-family:var(--font-ui);justify-content:space-between;align-items:center;padding:6px 0;font-size:13px;display:flex}.screen-servers li+li{border-top:1px solid var(--line)}.screen-remove{appearance:none;background:var(--bad);color:#fff;cursor:pointer;border:0;border-radius:50%;width:22px;height:22px;line-height:1}.screen-add{gap:6px;display:flex}.screen-add input,.screen-field input,.screen-password input{border:1.5px solid var(--line);background:var(--node);min-width:0;font-family:var(--font-ui);border-radius:10px;flex:1;padding:8px 10px;font-size:14px}.screen-field{color:var(--muted);gap:4px;font-size:12px;display:grid}.screen-field input{color:var(--ink)}.screen-actions{justify-content:flex-end;gap:8px;display:flex}.screen-button{appearance:none;border:1px solid var(--line);background:var(--node);cursor:pointer;border-radius:10px;padding:7px 12px;font-weight:600}.screen-button.primary{border-color:var(--accent-fill);background:var(--accent-fill);color:var(--on-accent)}.screen-button:disabled{opacity:.6;cursor:default}.screen-scrim{background:var(--ink);position:absolute;inset:0}@supports (color:color-mix(in lab, red, red)){.screen-scrim{background:color-mix(in srgb, var(--ink) 22%, transparent)}}.screen-sheet{background:var(--node);border-top:1px solid var(--line);border-radius:18px 18px 0 0;gap:10px;margin:0;padding:10px 14px 16px;display:grid;position:absolute;bottom:0;left:0;right:0;box-shadow:0 -14px 30px -22px #17202a66}.screen-sheet h4{margin:0;font-size:15.5px}.screen-sheet p{margin:0;font-size:13.5px;line-height:1.45}.screen-grab{background:var(--line);border-radius:2px;justify-self:center;width:36px;height:4px}.screen-password{border-radius:10px;align-items:center;display:flex}.screen-password input{border-right:0;border-radius:10px 0 0 10px;font-size:16px}.screen-password.bad input,.screen-password.bad .screen-eye{border-color:var(--bad)}.screen-eye{appearance:none;border:1.5px solid var(--line);background:var(--node);color:var(--muted);cursor:pointer;border-left:0;border-radius:0 10px 10px 0;align-self:stretch;place-items:center;padding:8px 10px;display:grid}.browser-bar{border-bottom:1px solid var(--line);background:var(--node);align-items:center;gap:6px;padding:8px;display:flex}.browser-url{flex:1;gap:4px;min-width:0;display:flex}.browser-url input{border:1px solid var(--line);background:var(--page);min-width:0;font-family:var(--font-ui);border-radius:999px;flex:1;padding:6px 12px;font-size:13px}.browser-url input:read-only{color:var(--muted)}.browser-go,.browser-reload,.browser-lock{appearance:none;border:1px solid var(--line);background:var(--page);cursor:pointer;border-radius:999px;place-items:center;padding:5px 10px;display:grid}.browser-go{color:var(--accent);font-size:12.5px;font-weight:600}.browser-lock{color:var(--ok)}.browser-unsafe{color:var(--muted);white-space:nowrap;align-items:center;gap:4px;font-size:11.5px;display:inline-flex}.browser-bar{container-type:inline-size}@container (width<=380px){.browser-unsafe-text{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}}.browser-content{background:var(--node);flex:1;position:relative;overflow-y:auto}.browser-start{color:var(--muted);text-align:center;margin:0;padding:24px 16px}.browser-page{gap:8px;padding:16px;display:grid}.browser-page p{color:var(--muted);margin:0;line-height:1.45}.browser-page-title{margin:0;font-size:20px;font-weight:700}.browser-page-blocks{grid-template-columns:1fr 1fr;gap:8px;display:grid}.browser-page-blocks span{background:var(--accent-soft);border-radius:8px;height:54px}.browser-form{border:1px solid var(--line);border-radius:12px;gap:8px;padding:12px;display:grid}.browser-form h4{margin:0}.browser-error{align-content:start;gap:8px;padding:18px 16px;display:grid}.browser-error-icon{color:var(--muted)}.browser-error-icon .device-icon{stroke-width:1.6px;width:34px;height:34px}.browser-error-icon.bad{color:var(--bad)}.browser-error-title{margin:0;font-size:16px;font-weight:600;line-height:1.25}.browser-error-line{margin:0;font-size:13.5px;line-height:1.45}.browser-code{font-family:var(--font-ui);color:var(--muted);letter-spacing:.02em;overflow-wrap:anywhere;font-size:11.5px}.browser-why{border-left:3px solid var(--accent);background:var(--accent-soft);border-radius:0 8px 8px 0;margin:4px 0 0;padding:8px 10px;font-size:13px;line-height:1.45}.browser-why-label{font-weight:700}.browser-error.unsafe .browser-error-title{color:var(--bad)}.browser-error>.screen-button{justify-self:start}.browser-certificate{background:var(--node);border:1px solid var(--line);border-radius:12px;gap:8px;padding:12px;display:grid;position:absolute;top:8px;left:8px;right:8px;box-shadow:0 12px 30px -18px #17202a73}.browser-certificate h4{margin:0}.browser-certificate .screen-button{justify-self:end}.browser-picture{border:1px solid var(--line);background:var(--node);text-align:left;border-radius:10px;width:100%;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:11px;overflow:hidden}.browser-picture-bar{border-bottom:1px solid var(--line);background:var(--page);font-family:var(--font-ui);color:var(--muted);text-overflow:ellipsis;white-space:nowrap;padding:4px 8px;overflow:hidden}.browser-picture .browser-page,.browser-picture .browser-error{gap:4px;padding:8px}.browser-picture .browser-page-title,.browser-picture .browser-error-title{font-size:12px}.browser-picture .browser-error-line{font-size:10.5px}.browser-picture .browser-error-icon .device-icon{width:18px;height:18px}.browser-picture .browser-page-blocks span{height:18px}.terminal{--terminal-bg:#0f1419;--terminal-ink:#d7dee6;--terminal-dim:#8a96a3;background:var(--terminal-bg);color:var(--terminal-ink);font-family:var(--font-ui);border:1px solid #27323c;border-radius:10px;font-size:12.5px;line-height:1.5;overflow:hidden}.terminal-head{color:var(--terminal-dim);background:#1a222b;align-items:center;gap:10px;padding:6px 10px;font-size:11.5px;display:flex}.terminal.is-console .terminal-head{color:#f2d28a;background:#3a2a10}.terminal-screen{flex-direction:column-reverse;max-height:min(300px,44vh);padding:8px 12px;display:flex;overflow-y:auto}.terminal-lines{display:grid}.terminal-out,.terminal-cmd{white-space:pre-wrap;overflow-wrap:anywhere;min-height:1.5em}.terminal-prompt{color:#6fd08c;margin-right:8px}.terminal-out.line-ok{color:#6fd08c}.terminal-out.line-symptom,.terminal-out.line-refused,.terminal-out.line-timeout,.terminal-out.line-loopbackOnly,.terminal-out.line-dnsFailed,.terminal-out.line-dnsTimeout,.terminal-out.line-gatewayUnreachable,.terminal-out.line-certProblem{color:#f0a8a0}.terminal-hint{color:#dfe5ff;white-space:normal;background:#7a8bd01f;border-left:3px solid #7a8bd0;margin:2px 0 6px;padding:4px 8px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:12.5px}.terminal-line{align-items:center;gap:0;margin:0;display:flex}.terminal-input{min-width:0;color:var(--terminal-ink);font:inherit;background:0 0;border:0;outline:0;flex:1;padding:2px 0}.terminal-input::placeholder{color:#5d6977}.terminal-input:focus-visible,.terminal-input.ghost{outline:0}.terminal-line:focus-within{box-shadow:inset 0 -1px #3b4652}.terminal-input.ghost::placeholder{color:#9aa6b4;font-style:italic}.terminal-line:has(.terminal-input.ghost){outline-offset:2px;border-radius:6px;outline:2px dashed #7a8bd0}.terminal-key{appearance:none;color:var(--terminal-ink);font:inherit;cursor:pointer;background:#1f2832;border:1px solid #3b4652;border-radius:6px;padding:2px 8px}.terminal-suggestions{border-top:1px solid #27323c;flex-wrap:wrap;gap:6px;padding:8px 12px 10px;display:flex}.terminal-suggestion{appearance:none;color:var(--terminal-ink);font:inherit;cursor:pointer;background:#1a222b;border:1px solid #3b4652;border-radius:999px;align-items:center;gap:6px;padding:3px 10px;font-size:12px;display:inline-flex}.terminal-suggestion:disabled{opacity:.5;cursor:default}.terminal-running{color:var(--terminal-dim);margin:2px 0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:12px}.terminal-suggestion .terminal-new{color:#ffd27a;background:#ffd27a26;border-radius:999px;padding:0 6px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-size:10px}@media (prefers-reduced-motion:no-preference){.device .ghost,.terminal .ghost{animation:1.6s ease-in-out infinite surface-ghost}}@keyframes surface-ghost{50%{outline-color:#0000}}.report-card{border:1px solid var(--line);background:var(--page);border-radius:12px;gap:14px;padding:14px 16px 16px;font-size:13px;display:grid}.report-title{margin:0;font-size:14px}.report-row{gap:6px;min-width:0;display:grid}.report-label{letter-spacing:.02em;color:var(--muted);margin:0;font-size:11.5px;font-weight:700}.report-hint,.report-empty{color:var(--muted);margin:0;font-size:12px}.report-symptom{overflow-wrap:anywhere;margin:0}.report-symptom code{color:var(--bad)}.report-symptom.is-gone{color:var(--ok)}.report-log{color:#d7dee6;max-height:min(260px,40vh);font-family:var(--font-ui);background:#0f1419;border:1px solid #27323c;border-radius:10px;gap:8px;padding:8px 10px;font-size:12px;line-height:1.45;display:grid;overflow-y:auto}.report-command{gap:1px;min-width:0;display:grid}.report-prompt{color:#6fd08c;overflow-wrap:anywhere;margin:0 0 2px}.report-device{color:#8a96a3}.report-line{appearance:none;width:100%;min-width:0;color:inherit;font:inherit;text-align:left;white-space:pre-wrap;overflow-wrap:anywhere;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;padding:1px 6px;display:block}.report-line:hover:not(:disabled){background:#7a8bd01f}.report-line.picked{color:#fff;background:#7a8bd03d;border-color:#7a8bd0}.report-line:disabled{cursor:default}.report-faults{border:1px solid var(--line);border-radius:10px;grid-template-columns:repeat(auto-fit,minmax(min(100%,260px),1fr));display:grid;overflow:hidden}.report-fault{appearance:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer;box-shadow:0 -1px 0 var(--line), -1px 0 0 var(--line);background:0 0;border:0;align-items:center;gap:10px;padding:8px 10px;display:flex}.report-fault.chosen{background:var(--accent-soft)}.report-fault:disabled{cursor:default}.report-radio{border:2px solid var(--node-line);border-radius:50%;flex:none;width:16px;height:16px}.report-fault.chosen .report-radio{border-color:var(--accent);background:radial-gradient(circle, var(--accent) 45%, transparent 50%)}.report-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.report-reply{border-left:3px solid var(--warn);background:var(--board);border-radius:8px;justify-items:start;gap:8px;padding:10px 12px;display:grid}.report-reply.accepted{border-left-color:var(--ok);background:var(--ok-soft)}.report-answer{white-space:pre-wrap;margin:0}.terminal-out.line-wrongGateway{color:#f0a8a0}:root{--pb-zone-home:#e9f0f5;--pb-cloud:#f1f4fc;--pb-cloud-line:#a7b3d9;--pb-sticker:#fbe8a6;--pb-sticker-line:#d3b34a;--pb-sticker-ink:#3a2e05;--pb-shadow:#17202a2e;--pb-dns:#8a4fd1;--pb-arp:#c27c05;--pb-dhcp:#0f8a8a;--pb-icmp:#cf3f36;--pb-tcp:#5a6774;--pb-tls:#148a55;--pb-http:#2b4bd4;--pb-data:#2b4bd4}@media (prefers-color-scheme:dark){:root{--pb-zone-home:#121c26;--pb-cloud:#161e2e;--pb-cloud-line:#3e4d72;--pb-sticker:#4a3f17;--pb-sticker-line:#8a7428;--pb-sticker-ink:#f6e7b4;--pb-shadow:#0000008c;--pb-dns:#b48cf2;--pb-arp:#e8aa3c;--pb-dhcp:#3cc6c6;--pb-icmp:#f2675c;--pb-tcp:#93a0ad;--pb-tls:#3dc48b;--pb-http:#7a8bd0;--pb-data:#7a8bd0}}.packet-board{flex-direction:column;flex:1;min-height:0;display:flex}.pb-stage{-webkit-user-select:none;user-select:none;touch-action:manipulation;flex:1;min-height:300px;position:relative;overflow:hidden}.pb-svg{width:100%;height:100%;display:block;position:absolute;inset:0}.pb-svg text{pointer-events:none}.pb-svg [role=button]{cursor:pointer}.pb-svg [role=button]:focus{outline:none}.pb-svg [role=button]:focus-visible .pb-body,.pb-svg [role=button]:focus-visible .pb-paper,.pb-svg [role=button]:focus-visible .pb-cloud-edge,.pb-svg .pb-link-hit:focus-visible{stroke:var(--accent);stroke-width:3px}.pb-mode{top:12px;right:max(12px, env(safe-area-inset-right,0px));border:1px solid var(--accent);background:var(--page);color:var(--accent);pointer-events:none;border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;position:absolute}.pb-zone .pb-zone-shape{fill:var(--pb-zone-home);stroke:var(--node-line);stroke-opacity:.55;stroke-width:1.4px;stroke-dasharray:2 5;stroke-linecap:round;stroke-linejoin:round}.pb-zone.cafe .pb-zone-shape,.pb-zone.office .pb-zone-shape{fill:var(--pb-zone-home)}@supports (color:color-mix(in lab, red, red)){.pb-zone.cafe .pb-zone-shape,.pb-zone.office .pb-zone-shape{fill:color-mix(in srgb, var(--pb-zone-home) 60%, transparent)}}.pb-zone.docker .pb-zone-shape{fill:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.pb-zone.docker .pb-zone-shape{fill:color-mix(in srgb, var(--accent-soft) 45%, transparent)}}.pb-zone.docker .pb-zone-shape{stroke:var(--accent);stroke-dasharray:6 4}.pb-zone.plan .pb-zone-shape{fill:var(--pb-zone-home);stroke:var(--ink);stroke-opacity:.7;stroke-width:3px;stroke-dasharray:none}.pb-zone.ref-hover .pb-zone-shape{stroke:var(--accent);stroke-opacity:1}.pb-zone-label{font:600 10px var(--font-ui);letter-spacing:.14em;text-transform:uppercase;fill:var(--muted)}.pb-door rect{fill:var(--page);stroke:var(--accent);stroke-width:1.4px}.pb-door text{font:600 10.5px var(--font-ui);fill:var(--accent)}.pb-wall{stroke:var(--ink);stroke-width:6px;stroke-linecap:round;opacity:.75}.pb-wall.hl{stroke:var(--warn);opacity:1}.pb-room rect{fill:none;stroke:none}.pb-room.ref-hover rect{fill:var(--accent-soft);opacity:.6}.pb-room-label{font:600 11px var(--font-ui);fill:var(--muted);letter-spacing:.06em}.pb-ring{fill:none;stroke-width:1.6px;stroke-dasharray:5 5}.pb-ring.band-24{stroke:var(--ok);fill:var(--ok)}@supports (color:color-mix(in lab, red, red)){.pb-ring.band-24{fill:color-mix(in srgb, var(--ok) 6%, transparent)}}.pb-ring.band-5{stroke:var(--accent);fill:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pb-ring.band-5{fill:color-mix(in srgb, var(--accent) 7%, transparent)}}.pb-cloud-edge{fill:none;stroke:var(--pb-cloud-line);stroke-width:4px}.pb-cloud-fill{fill:var(--pb-cloud)}.pb-cloud.hl .pb-cloud-edge,.pb-cloud.ref-hover .pb-cloud-edge,.pb-cloud.cand .pb-cloud-edge{stroke:var(--accent)}.pb-cloud-title{font:600 13px var(--font-ui);fill:var(--ink)}.pb-inner-link{stroke:var(--pb-cloud-line);stroke-width:1.6px;fill:none}.pb-inner-link.lit{stroke:var(--accent);stroke-width:2.4px}.pb-inner-ring{fill:var(--node);stroke:var(--pb-cloud-line);stroke-width:1.6px}.pb-inner-dot{fill:var(--node-line)}.pb-inner.lit .pb-inner-ring{stroke:var(--accent);stroke-width:2.2px}.pb-inner{transform-box:fill-box;transform-origin:50%;animation:.45s ease-out both pb-pop}.pb-link{fill:none;stroke:var(--node-line);stroke-width:2px;stroke-linecap:round;transition:stroke .25s}.pb-link.radio{stroke-width:1.8px}.pb-link.cellular{stroke-dasharray:8 4 2 4}.pb-link.virtual{stroke-dasharray:2 4}.pb-link.down{stroke-dasharray:6 5;stroke:var(--bad);opacity:.7}.pb-link.unknown{stroke-dasharray:4 4;opacity:.6}.pb-link.ghost{stroke:var(--accent);stroke-width:2.4px;stroke-dasharray:7 5;opacity:.85;pointer-events:none}.pb-link.lit{stroke:var(--accent);stroke-width:2.6px}.pb-link.mark-bad{stroke:var(--bad);stroke-width:3px}.pb-link.mark-ok{stroke:var(--ok);stroke-width:3px}.pb-link.mark-info{stroke:var(--accent);stroke-width:3px}.pb-link.mark-warn{stroke:var(--warn);stroke-width:3px;stroke-dasharray:6 4}.pb-link-hit{fill:none;stroke:#0000;stroke-width:18px;stroke-linecap:round;pointer-events:stroke}.pb-link-hit.cand:hover,.pb-link-hit.cand:focus-visible{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pb-link-hit.cand:hover,.pb-link-hit.cand:focus-visible{stroke:color-mix(in srgb, var(--accent) 22%, transparent)}}.pb-link-hit.plug{cursor:pointer}.pb-link-hit.plug:hover,.pb-link-hit.plug:focus-visible{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pb-link-hit.plug:hover,.pb-link-hit.plug:focus-visible{stroke:color-mix(in srgb, var(--accent) 26%, transparent)}}.pb-link-hit.plug.ghost{stroke:var(--accent)}@supports (color:color-mix(in lab, red, red)){.pb-link-hit.plug.ghost{stroke:color-mix(in srgb, var(--accent) 45%, transparent)}}.pb-link-hit.plug.pulse{animation:1.4s ease-in-out infinite pb-pulse}.pb-link-badge{font:600 10px var(--font-ui);fill:var(--muted)}.pb-link-badge.unknown{fill:var(--accent);font-size:13px}.pb-tunnel{fill:none;stroke:var(--accent);stroke-width:1.6px}.pb-tunnel.mesh{stroke-dasharray:5 4}.pb-body{fill:var(--node);stroke:var(--node-line);stroke-width:1.5px;transition:stroke .2s}.pb-node.hl .pb-body,.pb-node.ref-hover .pb-body,.pb-node.selected .pb-body{stroke:var(--accent);stroke-width:2.5px}.pb-node.off .pb-body{stroke-dasharray:5 4}.pb-node.off .pb-icon{opacity:.55}.pb-node.cand .pb-body{stroke:var(--accent);stroke-width:2px}.pb-node.cand:hover .pb-body,.pb-node.clickable:hover .pb-body{stroke:var(--accent);fill:var(--accent-soft)}.pb-node.movable{cursor:grab}.pb-node{animation:.5s ease-out both pb-appear}.pb-icon{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.pb-title{font:600 12.5px var(--font-ui);fill:var(--ink)}.pb-sub{font:400 10.5px var(--font-ui);fill:var(--muted)}.pb-sub.bad{fill:var(--bad);font-weight:600}.packet-board.narrow .pb-title{font-size:11.5px}.packet-board.narrow .pb-sub{font-size:9.5px}.pb-bars rect{fill:var(--line)}.pb-bars rect.on{fill:var(--ink)}.pb-lock path{fill:none;stroke:var(--muted);stroke-width:1.3px}.pb-new rect{fill:var(--accent)}.pb-new text{font:700 9px var(--font-ui);letter-spacing:.06em;text-transform:uppercase;fill:var(--page)}.pb-new-tag{background:var(--accent-fill);color:var(--on-accent);letter-spacing:.06em;text-transform:uppercase;vertical-align:1px;border-radius:999px;margin-left:6px;padding:1px 6px;font-size:9px;font-weight:700}.pb-play .pb-new-tag{background:var(--page);color:var(--accent)}.pb-sticker .pb-paper{fill:var(--pb-sticker);stroke:var(--pb-sticker-line);stroke-width:1.2px}.pb-sticker text{font:700 8.5px var(--font-ui);fill:var(--pb-sticker-ink);letter-spacing:.04em}.pb-sticker text.small{font-size:7.5px;font-weight:500}.pb-sticker .pb-code{stroke:var(--pb-sticker-ink);stroke-width:1px;opacity:.55}.pb-sticker:hover .pb-paper,.pb-sticker.on .pb-paper{stroke:var(--accent);stroke-width:2.2px}.pb-sticker-halo{fill:none;stroke:var(--accent);stroke-width:2.5px;pointer-events:none}.pb-sticker-halo.pulse{animation:1.4s ease-in-out infinite pb-pulse}.pb-sticker-pop{box-sizing:border-box;background:var(--pb-sticker);height:100%;color:var(--pb-sticker-ink);border:1px solid var(--pb-sticker-line);font-family:var(--font-ui);box-shadow:0 14px 30px -14px var(--pb-shadow);border-radius:6px;align-content:start;gap:6px;padding:10px 12px;display:grid}.pb-sticker-head{letter-spacing:.1em;text-transform:uppercase;align-items:center;gap:8px;font-size:10px;font-weight:700;display:flex}.pb-sticker-pop dl{grid-template-columns:auto 1fr;align-items:baseline;gap:2px 10px;margin:0;font-size:12px;display:grid}.pb-sticker-pop dt{opacity:.8}.pb-sticker-pop dd{letter-spacing:.03em;margin:0;font-size:14px;font-weight:700}.pb-sticker-note{opacity:.85;margin:0;font-size:10.5px;line-height:1.35}.pb-x{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;border-radius:4px;margin-left:auto;padding:2px 6px;font-size:17px;line-height:1}.pb-x:hover{background:currentColor}@supports (color:color-mix(in lab, red, red)){.pb-x:hover{background:color-mix(in srgb, currentColor 12%, transparent)}}.pb-halo{fill:none;stroke-width:3px;pointer-events:none}.pb-halo.pulse{animation:1.4s ease-in-out infinite pb-pulse}.pb-halo.info{stroke:var(--accent)}.pb-halo.ok{stroke:var(--ok)}.pb-halo.bad{stroke:var(--bad);animation:.9s ease-out pb-flash}.pb-halo.warn{stroke:var(--warn);stroke-dasharray:6 4}.pb-halo.ink{stroke:var(--ink)}.pb-note{pointer-events:none}.pb-note rect{fill:var(--ink)}.pb-note text{font:600 11px var(--font-ui);fill:var(--page)}.pb-note .pb-stem{stroke:var(--ink);stroke-width:1.5px}.pb-note.bad rect{fill:var(--bad)}.pb-note.bad .pb-stem{stroke:var(--bad)}.pb-note.ok rect{fill:var(--ok)}.pb-note.ok .pb-stem{stroke:var(--ok)}.pb-note.info rect{fill:var(--accent)}.pb-note.info .pb-stem{stroke:var(--accent)}.pb-note.warn rect{fill:var(--warn)}.pb-note.warn text{fill:var(--on-warn)}.pb-note.warn .pb-stem{stroke:var(--warn)}.pb-letter{pointer-events:none;--pb-letter:var(--accent)}.pb-letter.clickable,.pb-letter.grab{pointer-events:auto}.pb-letter.grab{cursor:grab}.pb-letter-body{fill:var(--node);stroke:var(--pb-letter);stroke-width:1.8px}.pb-letter-flap{fill:none;stroke:var(--pb-letter);stroke-width:1.2px;stroke-opacity:.55;stroke-linejoin:round}.pb-letter.reply{--pb-letter:var(--ok)}.pb-letter.lost{--pb-letter:var(--bad);opacity:.45}.pb-letter.stuck{--pb-letter:var(--bad)}.pb-letter.stuck .pb-letter-in{animation:.45s ease-in-out 3 pb-shake}.pb-letter-text{font:500 11.5px var(--font-ui);fill:var(--ink)}.pb-letter-text.b{font-weight:700}.pb-letter-text .k{fill:var(--muted);font-weight:500}.pb-letter-tag rect{fill:var(--pb-letter)}.pb-letter-tag text{font:700 8.5px var(--font-ui);fill:var(--page);letter-spacing:.05em}.pb-letter.proto-dns{--pb-letter:var(--pb-dns)}.pb-letter.proto-arp{--pb-letter:var(--pb-arp)}.pb-letter.proto-dhcp{--pb-letter:var(--pb-dhcp)}.pb-letter.proto-icmp{--pb-letter:var(--pb-icmp)}.pb-letter.proto-tcp{--pb-letter:var(--pb-tcp)}.pb-letter.proto-tls{--pb-letter:var(--pb-tls)}.pb-letter.proto-http,.pb-letter.proto-data{--pb-letter:var(--pb-http)}.pb-letter.reply.proto-http,.pb-letter.reply.proto-data{--pb-letter:var(--ok)}.pb-scan rect{fill:var(--page);stroke:var(--line)}.pb-scan text{font:600 9.5px var(--font-ui);fill:var(--muted)}.pb-scan.open rect{stroke:var(--ok)}.pb-scan.open text{fill:var(--ok)}.pb-scan.closed text{fill:var(--bad)}.pb-draft rect{fill:var(--page);stroke:var(--accent);stroke-dasharray:4 3}.pb-draft text{font:600 10px var(--font-ui);fill:var(--ink)}.pb-draft.cand:hover rect,.pb-draft.cand:focus-visible rect{fill:var(--accent-soft);stroke-width:2px}.pb-draft.mark-info rect{fill:var(--accent-soft);stroke-width:2.4px}.pb-draft.mark-ok rect{stroke:var(--ok);stroke-width:2.4px}.pb-draft.mark-bad rect{stroke:var(--bad);stroke-width:2.4px}.pb-draft.mark-warn rect{stroke:var(--warn);stroke-width:2.4px}.pb-node.draft .pb-body{fill:var(--page);stroke:var(--accent);stroke-dasharray:6 4}.pb-link.draft{stroke-dasharray:6 4}.pb-place{cursor:pointer}.pb-place .pb-body{fill:var(--page);stroke:var(--accent);stroke-width:1.8px;stroke-dasharray:7 5}.pb-place .pb-icon,.pb-place .pb-title{opacity:.75}.pb-place:hover .pb-body,.pb-place:focus-visible .pb-body{fill:var(--accent-soft);stroke-width:2.4px}.pb-place:focus-visible{outline:none}.pb-place.ghost .pb-body{stroke-width:2.6px}.pb-place.pulse{animation:1.4s ease-in-out infinite pb-pulse}.pb-fog{fill:var(--board);opacity:.82;pointer-events:none}.pb-card,.pb-envelope,.pb-legend,.pb-printout,.pb-cert,.pb-run-all{z-index:3;background:var(--page);border:1px solid var(--line);box-shadow:0 16px 34px -22px var(--pb-shadow);border-radius:12px;font-size:12px;position:absolute}.pb-card{gap:8px;width:min(300px,100% - 24px);max-height:calc(100% - 60px);padding:12px 14px;display:grid;top:48px;right:12px;overflow-y:auto}@media (width>=881px){.pb-card:has(.pb-card-table td:nth-child(3)){width:min(344px,100% - 24px)}}.pb-card-head{align-items:flex-start;gap:8px;display:flex}.pb-card h3{font-family:var(--font-display);margin:0;font-size:15px;font-weight:500}.pb-card-note{color:var(--muted);margin:2px 0 0}.pb-card-facts{grid-template-columns:auto 1fr;gap:3px 12px;margin:0;display:grid}.pb-card-facts dt{color:var(--muted)}.pb-card-facts dd{overflow-wrap:anywhere;margin:0;font-weight:600}.pb-card-section{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10px}.pb-card-table table,.pb-run-all table{border-collapse:collapse;width:100%}.pb-card-table td,.pb-run-all td,.pb-run-all th{border-bottom:1px solid var(--line);text-align:left;vertical-align:top;overflow-wrap:anywhere;padding:3px 6px 3px 0}.pb-card-table.asked{outline:2px solid var(--accent);outline-offset:4px;border-radius:4px}.pb-card-table tr.changed td{animation:1.1s ease-in-out 2 pb-blink}.pb-card-table tr.matched td{background:var(--accent-soft);font-weight:600}.pb-empty{color:var(--muted);margin:0}.pb-send{gap:6px;display:grid}.pb-send label{color:var(--muted);gap:3px;display:grid}.pb-send input{font:inherit;border:1.5px solid var(--line);background:var(--node);color:var(--ink);border-radius:8px;padding:7px 9px}.pb-send input:focus{border-color:var(--accent);outline:none}.pb-send input.ghost{border-style:dashed;border-color:var(--accent)}.pb-send input.refused{border-color:var(--bad)}.pb-send-refusal{color:var(--bad);margin:0;font-size:.92em}.pb-envelope{gap:6px;width:min(420px,100% - 24px);max-height:calc(100% - 24px);padding:10px 12px;display:grid;bottom:12px;left:12px;overflow-y:auto}.pb-envelope-head{align-items:center;display:flex}.pb-envelope-head p{margin:0;font-weight:600}.pb-hint{color:var(--muted);margin:0;font-size:11px}.pb-layers{gap:4px;margin:0;padding:0;list-style:none;display:grid}.pb-layer{border:1px solid var(--line);border-left-width:4px;border-radius:8px;grid-template-columns:minmax(96px,auto) 1fr;gap:8px;padding:5px 8px;display:grid}.pb-layer:hover,.pb-layer:focus-visible{background:var(--accent-soft);outline:none}.pb-layer.level-link{border-left-color:var(--pb-arp)}.pb-layer.level-internet{border-left-color:var(--pb-http)}.pb-layer.level-transport{border-left-color:var(--pb-tcp)}.pb-layer.level-application{border-left-color:var(--pb-tls)}.pb-layer.open{background:var(--accent-soft)}.pb-layer.answer{border-color:var(--ok)}.pb-layer.picked{border-color:var(--bad)}.pb-layer-title{font-weight:600}.pb-layer-title small{color:var(--muted);font-weight:400}.pb-fields{color:var(--muted);flex-wrap:wrap;gap:2px 10px;min-width:0;display:flex}.pb-field b{color:var(--ink);overflow-wrap:anywhere;font-weight:600}.pb-field.changed b{background:var(--warn)}@supports (color:color-mix(in lab, red, red)){.pb-field.changed b{background:color-mix(in srgb, var(--warn) 28%, transparent)}}.pb-field.changed b{border-radius:3px;padding:0 2px}.pb-field.key b{outline:2px solid var(--accent);border-radius:3px;padding:0 2px}.pb-layer.sealed{background:repeating-linear-gradient(-45deg, transparent 0 6px, var(--muted) 6px 12px);border-style:dashed dashed dashed solid}@supports (color:color-mix(in lab, red, red)){.pb-layer.sealed{background:repeating-linear-gradient(-45deg, transparent 0 6px, color-mix(in srgb, var(--muted) 10%, transparent) 6px 12px)}}.pb-layer.sealed .pb-fields{display:none}.pb-sealed{color:var(--muted);font-style:italic}.pb-legend{max-width:280px;padding:10px 12px;top:12px;left:12px}.pb-legend ul{gap:3px;margin:6px 0;padding:0;list-style:none;display:grid}.pb-legend li{align-items:center;gap:8px;display:flex}.pb-swatch{border:2px solid var(--pb-http);background:var(--node);border-radius:2px;width:12px;height:9px;display:inline-block}.proto-dns .pb-swatch{border-color:var(--pb-dns)}.proto-arp .pb-swatch{border-color:var(--pb-arp)}.proto-dhcp .pb-swatch{border-color:var(--pb-dhcp)}.proto-tcp .pb-swatch{border-color:var(--pb-tcp)}.proto-tls .pb-swatch{border-color:var(--pb-tls)}.proto-icmp .pb-swatch{border-color:var(--pb-icmp)}.pb-swatch.reply{border-color:var(--ok)}.pb-swatch.lost{border-color:var(--bad);opacity:.5}.pb-printout{color:#d8e1ea;background:#11161c;border-color:#27323c;width:min(420px,100% - 24px);margin:0;bottom:12px;right:12px;overflow:hidden}.pb-printout figcaption{color:#93a0ad;border-bottom:1px solid #27323c;padding:6px 10px;font-size:10.5px}.pb-printout pre{font:11px/1.45 var(--font-ui);white-space:pre-wrap;max-height:180px;margin:0;padding:8px 10px;overflow-y:auto}:is(.pb-stage:has(>.pb-printout),.pb-stage:has(>.pb-cert)){flex-direction:column;display:flex}:is(.pb-stage:has(>.pb-printout)>.pb-svg,.pb-stage:has(>.pb-cert)>.pb-svg){flex:1;height:auto;min-height:0;position:relative;inset:auto}.pb-stage>.pb-printout,.pb-stage>.pb-cert{flex:none;align-self:flex-end;margin:0 12px 12px;position:static}.pb-cert{gap:6px;width:min(360px,100% - 24px);padding:10px 12px;display:grid}.pb-cert-checks{gap:2px;margin:0;padding:0;list-style:none;display:grid}.pb-cert-checks li{align-items:baseline;gap:6px;display:flex}.pb-cert-checks li>span:first-child{text-align:center;width:1em;font-weight:700}.pb-cert-checks li.ok>span:first-child{color:var(--ok)}.pb-cert-checks li.bad{color:var(--bad);font-weight:600}.pb-run-all{max-height:60%;padding:10px 12px;bottom:12px;left:12px;right:12px;overflow-y:auto}.pb-run-all tr.ok td:nth-child(2){color:var(--ok);font-weight:600}.pb-run-all tr.bad td:nth-child(2){color:var(--bad);font-weight:600}.pb-run-all th:nth-child(n+2),.pb-run-all td:nth-child(n+2){white-space:nowrap;overflow-wrap:normal}.pb-run-all tr.ok.blocked td:nth-child(2){color:var(--muted)}.pb-run-target{color:var(--ink);font-weight:600}.pb-run-target:after{content:" · ";color:var(--muted);font-weight:400}.pb-run-path{color:var(--muted)}.pb-tray{background:var(--page);border-top:1px solid var(--line);gap:10px;padding:10px 16px;display:grid}.pb-tray-buttons,.pb-chips{flex-wrap:wrap;gap:6px;display:flex}.pb-chip,.pb-rule{appearance:none;font:inherit;border:1.5px solid var(--line);background:var(--node);color:var(--ink);cursor:grab;border-radius:999px;padding:6px 12px;font-size:12px}.pb-chip.picked,.pb-rule.selected{border-color:var(--accent);background:var(--accent-soft)}.pb-chip.used{opacity:.45}.pb-chip:disabled,.pb-rule:disabled{cursor:default}.pb-rules{gap:6px;display:grid}.pb-rules>div{gap:4px;display:grid}.pb-rule{text-align:left;cursor:pointer;border-radius:8px;grid-template-columns:2ch 1.4fr 1fr 1fr;gap:10px;display:grid}.pb-rule:hover:not(:disabled){border-color:var(--accent)}.pb-rule.right,.pb-slot.right{border-color:var(--ok);background:var(--ok-soft)}.pb-rule.wrong,.pb-slot.wrong{border-color:var(--bad);background:var(--bad-soft)}.pb-slots{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:8px;margin:0;padding:0;list-style:none;display:grid}.pb-slot{border:1.5px dashed var(--line);border-radius:10px;gap:6px;padding:8px;display:grid}.pb-slot-text{white-space:pre-wrap;overflow-wrap:anywhere;font-size:11.5px}.pb-slot-target{appearance:none;font:inherit;border:1px solid var(--line);background:var(--node);color:var(--ink);cursor:pointer;text-align:left;border-radius:8px;padding:6px 8px;font-size:12px}.pb-done{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:10px;display:flex}.pb-builder{gap:8px;display:grid}.pb-transport{gap:8px}.pb-transport-row{flex-wrap:wrap;align-items:center;gap:8px 12px;min-width:0;display:flex}.pb-play{appearance:none;border:1px solid var(--accent-fill);background:var(--accent-fill);color:var(--on-accent);font:inherit;cursor:pointer;white-space:nowrap;border-radius:10px;min-width:128px;padding:9px 16px;font-size:13px;font-weight:600}.pb-play:disabled{opacity:.45;cursor:not-allowed}.pb-play.nudge{animation:1.6s ease-in-out infinite pb-nudge}.pb-transport .btn.pressed{border-color:var(--accent);color:var(--accent);font-weight:600}.pb-counter{color:var(--accent);white-space:nowrap;font-variant-numeric:tabular-nums;font-size:12px;font-weight:600}.pb-caption{min-width:0;font-family:var(--font-prose);flex:260px;align-items:baseline;gap:9px;margin:0;font-size:14.5px;line-height:1.4;display:flex}.pb-dot{background:var(--node-line);border-radius:50%;flex:none;width:9px;height:9px;transform:translateY(1px)}.pb-caption.info .pb-dot{background:var(--accent)}.pb-caption.ok .pb-dot{background:var(--ok)}.pb-caption.bad .pb-dot{background:var(--bad)}.pb-caption.bad{color:var(--bad)}.pb-tools{flex-wrap:wrap;align-items:center;gap:8px 12px;display:flex}@media (width>=881px){.board-side:has(>.surface-host)>.packet-board>.pb-stage{min-height:200px}}@media (width>=1100px){.board-side:has(>.packet-board):has(.surface-panel .device.is-phone){grid-template-rows:minmax(0,1fr) auto auto;grid-template-columns:minmax(0,1fr) minmax(320px,360px);display:grid}.board-side:has(.surface-panel .device.is-phone)>.packet-board{grid-area:1/1}.board-side:has(.surface-panel .device.is-phone)>.pb-transport{grid-area:2/1}.board-side:has(.surface-panel .device.is-phone)>.surface-host{border-top:0;border-left:1px solid var(--line);grid-area:1/2/span 3;max-height:none;overflow-y:auto}.board-side:has(.surface-panel .device.is-phone)>.journal{grid-area:3/1}}@keyframes pb-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes pb-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes pb-pulse{0%,to{stroke-opacity:.25}50%{stroke-opacity:1}}@keyframes pb-flash{0%{stroke-width:7px}to{stroke-width:3px}}@keyframes pb-shake{0%,to{transform:translate(0)}25%{transform:translate(-5px)}75%{transform:translate(5px)}}@keyframes pb-blink{0%,to{background:0 0}50%{background:color-mix(in srgb, var(--warn) 35%, transparent)}}@keyframes pb-nudge{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent)}50%{box-shadow:0 0 0 7px color-mix(in srgb, var(--accent) 0%, transparent)}}@media (width<=880px){.packet-board{flex:none}.pb-stage{width:100%;min-height:0;aspect-ratio:var(--pb-ratio);flex:none;max-height:78vh}:is(.pb-stage:has(>.pb-printout),.pb-stage:has(>.pb-cert)){aspect-ratio:auto;max-height:none}:is(.pb-stage:has(>.pb-printout)>.pb-svg,.pb-stage:has(>.pb-cert)>.pb-svg){width:100%;aspect-ratio:var(--pb-ratio);flex:none;max-height:78vh}.pb-stage>.pb-printout,.pb-stage>.pb-cert{align-self:stretch;width:auto;margin:0 8px 8px}.pb-play{min-width:0}.pb-caption{flex-basis:100%;font-size:14px}.pb-transport-row{padding-inline:0}.pb-envelope{width:auto;max-height:55vh;padding-bottom:max(12px, env(safe-area-inset-bottom,0px));z-index:20;border-radius:16px 16px 0 0;position:fixed;bottom:0;left:0;right:0}.pb-card{width:auto;max-height:calc(100% - 16px);inset:auto 8px 8px}.pb-mode{padding:3px 8px;font-size:10.5px;top:8px;right:8px}.pb-layer{grid-template-columns:1fr;gap:2px}}@media (prefers-reduced-motion:reduce){.pb-node,.pb-inner,.pb-halo.pulse,.pb-halo.bad,.pb-sticker-halo.pulse,.pb-place.pulse,.pb-letter.stuck .pb-letter-in,.pb-play.nudge,.pb-card-table tr.changed td{animation:none}.pb-link,.pb-body{transition:none}}.pb-ladder{background:var(--page);border:1px solid var(--line);box-shadow:0 16px 34px -22px var(--pb-shadow);border-radius:12px;padding:8px;font-size:11.5px}.pb-ladder-title{color:var(--muted);margin:0 0 6px 2px;font-size:10.5px}.pb-rungs{flex-direction:column;gap:4px;margin:0;padding:0;list-style:none;display:flex}.pb-rung{border:1px solid var(--line);background:var(--board);border-radius:8px;grid-template-columns:18px minmax(0,auto);align-items:center;column-gap:7px;padding:4px 8px 4px 5px;display:grid}.pb-rung-mark{border:1.5px solid var(--node-line);border-radius:50%;grid-row:span 2;place-items:center;width:18px;height:18px;font-size:11px;font-weight:700;line-height:1;display:grid}.pb-rung-name{color:var(--ink);font-weight:600}.pb-rung-cmd{max-width:150px;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:10px;overflow:hidden}.pb-rung.idle .pb-rung-name{color:var(--muted)}.pb-rung.seen .pb-rung-mark{border-color:var(--accent);color:var(--accent)}.pb-rung.ok{border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.pb-rung.ok{border-color:color-mix(in srgb, var(--ok) 45%, var(--line))}}.pb-rung.ok{background:var(--ok-soft)}.pb-rung.ok .pb-rung-mark{border-color:var(--ok);background:var(--ok);color:var(--page)}.pb-rung.bad{border-color:var(--bad);background:var(--bad-soft)}.pb-rung.bad .pb-rung-mark{border-color:var(--bad);background:var(--bad);color:var(--page)}.pb-stage:has(>.pb-ladder){grid-template-rows:minmax(0,1fr);grid-template-columns:auto minmax(0,1fr);grid-auto-rows:auto;display:grid}.pb-stage>.pb-ladder{z-index:3;grid-area:1/1;align-self:center;margin:12px 0 12px 12px;position:relative}.pb-stage:has(>.pb-ladder)>.pb-svg{grid-area:1/2;width:100%;height:100%;min-height:0;position:relative;inset:auto}.pb-stage:has(>.pb-ladder)>.pb-printout{grid-column:1/-1;justify-self:end}@media (width<=880px){.pb-stage:has(>.pb-ladder){aspect-ratio:auto;grid-template-rows:auto;grid-template-columns:minmax(0,1fr);max-height:none}.pb-stage>.pb-ladder{order:-1;grid-row:auto;align-self:stretch;margin:8px 8px 0;padding:5px}.pb-ladder-title{display:none}.pb-rungs{flex-direction:row-reverse;gap:3px}.pb-rung{flex:1;grid-template-columns:14px minmax(0,1fr);column-gap:3px;min-width:0;padding:3px}.pb-rung-mark{border-width:1.5px;grid-row:auto;width:14px;height:14px;font-size:9px}.pb-rung-name{overflow-wrap:anywhere;font-size:9.5px;line-height:1.15}.pb-rung-cmd{display:none}.pb-stage:has(>.pb-ladder)>.pb-svg{height:auto;aspect-ratio:var(--pb-ratio);grid-area:auto/1;max-height:78vh}}.panel{gap:10px;display:grid}.panel-heading{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:0;font-size:10.5px}.panel-body{grid-template-columns:minmax(130px,168px) minmax(0,1fr);align-items:start;gap:16px;display:grid}.panel-tabs{border-right:1px solid var(--line);flex-direction:column;gap:2px;padding-right:10px;display:flex}.panel-tab{appearance:none;color:var(--muted);font:inherit;text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:7px;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.panel-tab:hover{color:var(--ink)}.panel-tab.active{border-color:var(--line);background:var(--node);color:var(--ink);font-weight:600}.panel-tab.ghost,.panel-field.ghost>.panel-control,.panel-field.ghost>select,.panel-field.ghost>.panel-segmented,.panel-list.ghost>.panel-table,.panel-list.ghost>.panel-empty{outline:1.5px dashed var(--accent);outline-offset:3px;border-radius:8px}.panel-dirty{color:var(--warn)}.badge-new{background:var(--accent-soft);color:var(--accent);letter-spacing:.02em;border-radius:999px;margin-left:auto;padding:1px 7px;font-size:10px;font-weight:600}.panel-form{gap:12px;min-width:0;max-width:560px;display:grid}.panel-field{gap:5px;min-width:0;display:grid}.panel-label{color:var(--muted);margin:0;font-size:12px}.panel-control{align-items:center;gap:6px;display:flex}.panel-form input:not([type=checkbox]),.panel-form select{width:100%;min-width:0;font:inherit;color:var(--ink);background:var(--node);border:1px solid var(--line);border-radius:8px;padding:7px 10px;font-size:14px}.panel-form input:focus-visible,.panel-form select:focus-visible,.panel-tab:focus-visible,.segment:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.panel-form input:disabled,.panel-form select:disabled{color:var(--muted);background:var(--board)}.panel-field.invalid input,.panel-field.invalid select,.panel-table input[aria-invalid=true]{border-color:var(--bad)}.panel-reveal{flex:none}.panel-segmented{border:1px solid var(--line);background:var(--node);border-radius:8px;width:fit-content;max-width:100%;display:inline-flex;overflow:hidden}.segment{appearance:none;border:0;border-right:1px solid var(--line);color:var(--muted);font:inherit;cursor:pointer;background:0 0;padding:7px 12px;font-size:13px}.segment:last-child{border-right:0}.segment.checked{background:var(--accent-soft);color:var(--ink);font-weight:600}.segment:disabled{cursor:not-allowed}.panel-check label{align-items:center;gap:8px;font-size:14px;display:inline-flex}.panel-info{grid-template-columns:auto minmax(0,1fr);align-items:baseline;gap:10px}.panel-value{overflow-wrap:anywhere;font-size:14px}.panel-table{border-collapse:collapse;width:100%;font-size:13px}.panel-table th{text-align:left;color:var(--muted);padding:0 6px 4px 0;font-size:11.5px;font-weight:500}.panel-table td{vertical-align:top;padding:3px 6px 3px 0}.panel-table.readonly td{border-top:1px solid var(--line);padding-block:6px}.panel-table input,.panel-table select{padding:5px 8px;font-size:13px}.panel-row-actions{width:1%}.panel-empty{color:var(--muted);margin:0;padding:8px 10px;font-size:13px}.panel-add{justify-self:start}.panel-error{color:var(--bad);margin:0;font-size:12.5px}.panel-note{background:var(--board);color:var(--muted);border-radius:8px;margin:0;padding:8px 10px;font-size:13px}.panel-section{color:var(--ink);margin:6px 0 0;font-size:13px;font-weight:600}.panel-note.warn{background:var(--bad-soft);color:var(--ink)}.panel-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;padding-top:4px;display:flex}.panel-saved{color:var(--ok);margin-right:auto;font-size:12.5px}@media (width<=880px){.panel-body{grid-template-columns:minmax(0,1fr);gap:10px}.panel-tabs{border-right:0;border-bottom:1px solid var(--line);scrollbar-width:thin;flex-direction:row;padding:0 0 6px;overflow-x:auto}.panel-tab{flex:none}.badge-new{margin-left:4px}.panel-form{max-width:none}.panel-form input:not([type=checkbox]),.panel-form select{font-size:16px}.panel-table thead{display:none}.panel-table,.panel-table tbody,.panel-table tr,.panel-table td{width:100%;display:block}.panel-table tr{border-top:1px solid var(--line);padding:8px 0;position:relative}.panel-table td{padding:3px 0}.panel-table td[data-label]:before{content:attr(data-label);color:var(--muted);font-size:11px;display:block}.panel-table.readonly td{border-top:0;padding-block:2px}.panel-row-actions{width:auto;position:absolute;top:4px;right:0}}.lesson-main.slides{--toon-bg:#f4eee2;--toon-ink:#3a2a1f;--toon-paper:#fffdf8;--toon-narr:#ffe7a3;--toon-sign:#1f5fbf;--toon-font:system-ui, -apple-system, "Segoe UI", sans-serif}@media (prefers-color-scheme:dark){.lesson-main.slides{--toon-bg:#1a1712}}.lesson-main.slides .board-side{background:var(--toon-bg);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) auto;display:grid}.lesson-main.slides .board-side>.scenario-board{grid-area:1/1}.lesson-main.slides .board-side>.surface-host{border-top:0;border-left:1px solid var(--line);grid-area:1/2;width:min(380px,42vw);max-height:none}.lesson-main.slides .surface-panel{flex:1;min-height:0}.lesson-main.slides .board-side:has(>.scenario-board.is-empty){grid-template-columns:minmax(0,1fr)}.lesson-main.slides .board-side:has(>.scenario-board.is-empty)>.scenario-board{display:none}.lesson-main.slides .board-side:has(>.scenario-board.is-empty)>.surface-host{border-left:0;grid-column:1;width:auto}.scenario-board{min-width:0;min-height:0;position:relative;container-type:size}.scenario-stage{place-items:center;padding:20px;display:grid;position:absolute;inset:0;overflow:auto}.scenario-stage.is-screen{place-items:start center}.scenario-frame{aspect-ratio:4/3;background:#f7f1e5;border-radius:18px;width:min(100cqw - 40px,133.333cqh - 53.3333px);margin:0;animation:.45s both scenario-fade;position:relative;overflow:hidden;box-shadow:0 1px #3a2a1f14,0 18px 40px -26px #3a2a1f8c;container-type:inline-size}.scenario-frame img{object-fit:cover;width:100%;height:100%;display:block;position:absolute;inset:0}.scenario-overlay{font-family:var(--toon-font);color:var(--toon-ink);position:absolute;inset:0}@keyframes scenario-fade{0%{opacity:0}to{opacity:1}}@keyframes scenario-pop{0%{opacity:0;transform:translateY(6px)scale(.92)}to{opacity:1;transform:none}}.scenario-narration{background:var(--toon-narr);border:2.5px solid var(--toon-ink);letter-spacing:.02em;border-radius:6px;max-width:62%;margin:0;padding:.35em .7em;font-size:clamp(10.5px,2.1cqw,15px);font-weight:800;position:absolute;transform:rotate(-1.2deg);box-shadow:3px 3px #3a2a1fd9}.scenario-bubble{background:var(--toon-paper);border:2.5px solid var(--toon-ink);border-radius:18px;margin:0;padding:.55em .8em .6em;font-size:clamp(11px,2.35cqw,17px);font-weight:700;line-height:1.3;animation:.3s cubic-bezier(.3,1.5,.5,1) both scenario-pop;position:absolute;box-shadow:0 4px #3a2a1f29}.scenario-speaker{letter-spacing:.06em;text-transform:uppercase;opacity:.6;margin-bottom:.1em;font-size:.72em;font-weight:800;display:block}.scenario-bubble:before,.scenario-bubble:after{content:"";border-style:solid;position:absolute}.scenario-bubble.tail-bl:before{border-width:16px 14px 0 0;border-color:var(--toon-ink) transparent transparent;bottom:-16px;left:18%}.scenario-bubble.tail-bl:after{border-width:11px 9px 0 0;border-color:var(--toon-paper) transparent transparent;bottom:-10px;left:calc(18% + 3px)}.scenario-bubble.tail-br:before{border-width:16px 0 0 14px;border-color:var(--toon-ink) transparent transparent;bottom:-16px;right:18%}.scenario-bubble.tail-br:after{border-width:11px 0 0 9px;border-color:var(--toon-paper) transparent transparent;bottom:-10px;right:calc(18% + 3px)}.scenario-bubble.tail-tl:before{border-width:0 14px 16px 0;border-color:transparent transparent var(--toon-ink);top:-16px;left:18%}.scenario-bubble.tail-tl:after{border-width:0 9px 11px 0;border-color:transparent transparent var(--toon-paper);top:-10px;left:calc(18% + 3px)}.scenario-bubble.tail-tr:before{border-width:0 0 16px 14px;border-color:transparent transparent var(--toon-ink);top:-16px;right:18%}.scenario-bubble.tail-tr:after{border-width:0 0 11px 9px;border-color:transparent transparent var(--toon-paper);top:-10px;right:calc(18% + 3px)}.scenario-bubble.think{border-style:dashed;border-radius:999px;font-style:italic;font-weight:600}.scenario-bubble.think:before,.scenario-bubble.think:after{border:2.5px solid var(--toon-ink);background:var(--toon-paper);border-radius:50%}.scenario-bubble.think.tail-bl:before,.scenario-bubble.think.tail-br:before{width:12px;height:12px;bottom:-14px}.scenario-bubble.think.tail-bl:after,.scenario-bubble.think.tail-br:after{border-width:2px;width:8px;height:8px;bottom:-26px}.scenario-bubble.think.tail-bl:before{left:16%}.scenario-bubble.think.tail-bl:after{left:10%}.scenario-bubble.think.tail-br:before{right:16%}.scenario-bubble.think.tail-br:after{right:10%}.scenario-bubble.bad{border-color:#cf3f36}.scenario-bubble.bad.tail-bl:before,.scenario-bubble.bad.tail-br:before{border-top-color:#cf3f36}.scenario-zoom{border-radius:12px;gap:.15em;padding:.6em .8em;font-family:system-ui,-apple-system,Segoe UI,sans-serif;font-weight:500;display:grid}.scenario-zoom-line:first-child{color:#6b5a4c;font-size:.78em}.scenario-zoom-line:nth-child(2){font-family:var(--font-ui);white-space:nowrap;font-size:1.05em;font-weight:700}.scenario-zoom-line:nth-child(3){color:#b3261e;font-size:.8em;font-weight:800}.scenario-zoom mark{color:#b3261e;background:#ffd6cf;border-radius:3px;padding:0 1px}.scenario-zoom.on,.scenario-tag.on{outline:3px solid var(--accent);outline-offset:2px}.scenario-tag{white-space:nowrap;background:var(--toon-paper);border:2px solid var(--toon-ink);border-radius:999px;align-items:center;gap:.4em;padding:.15em .65em .2em .45em;font-size:clamp(9.5px,1.75cqw,13px);font-weight:800;display:inline-flex;position:absolute;transform:translate(-50%,-50%)}.scenario-tag-dot{border:1.5px solid var(--toon-ink);border-radius:50%;width:.6em;height:.6em}.scenario-sign{appearance:none;cursor:pointer;text-align:left;background:var(--toon-sign);color:#fff;border:2.5px solid var(--toon-ink);font:700 clamp(9.5px, 1.8cqw, 14px) / 1.25 var(--toon-font);border-radius:8px;padding:.45em .7em .5em;display:grid;position:absolute;box-shadow:0 4px #3a2a1f40}.scenario-sign strong{font-family:var(--font-ui);letter-spacing:.02em;font-size:1.25em}.scenario-sign small{opacity:.85;font-size:.82em}.scenario-sign:hover,.scenario-sign:focus-visible,.scenario-sign.on{outline:3px solid var(--warn);outline-offset:2px}.scenario-sign-pop{z-index:2;background:var(--toon-sign);color:#fff;border:3px solid var(--toon-ink);width:min(320px,100% - 24px);font-family:var(--toon-font);border-radius:12px;gap:6px;padding:14px 18px 16px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-.8deg);box-shadow:0 18px 40px -16px #00000080}.scenario-sign-pop p{margin:0;font-size:13.5px;line-height:1.4}.scenario-sign-head{letter-spacing:.1em;text-transform:uppercase;opacity:.9;align-items:center;font-size:12px;font-weight:800;display:flex}.scenario-sign-close{appearance:none;color:inherit;cursor:pointer;background:0 0;border:0;margin-left:auto;padding:2px 6px;font-size:20px;line-height:1}.scenario-ssid{font-family:var(--font-ui);letter-spacing:.03em;font-size:22px}.scenario-gallery{aspect-ratio:4/3;grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr;gap:3%;width:min(100cqw - 40px,133.333cqh - 53.3333px);display:grid;container-type:inline-size}.scenario-thumb{border:2.5px solid var(--toon-ink);background:#f7f1e5;border-radius:12px;margin:0;animation:.45s both scenario-fade;position:relative;overflow:hidden}.scenario-thumb img{object-fit:cover;width:100%;height:100%;display:block}.scenario-thumb figcaption{background:var(--toon-paper);border:2px solid var(--toon-ink);font:800 clamp(9px, 1.9cqw, 13px) / 1.25 var(--toon-font);color:var(--toon-ink);border-radius:8px;padding:.3em .55em;position:absolute;bottom:6px;left:6px;right:6px}.trap{color:#202124;border:1px solid var(--line);background:#fff;border-radius:14px;grid-template-rows:auto auto;width:min(100%,860px);font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden;box-shadow:0 18px 40px -28px #00000073}.trap-bar{background:#f1f3f4;border-bottom:1px solid #dadce0;align-items:center;gap:10px;padding:8px 12px;font-size:12px;display:flex}.trap-url{color:#3c4043;white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #dadce0;border-radius:999px;flex:1;min-width:0;padding:4px 12px;overflow:hidden}.trap-url strong{font-weight:500}.trap-url.reveal{border-color:#c5221f;box-shadow:0 0 0 3px #fbe6e4}.trap-url.reveal strong{color:#c5221f;font-weight:700}.trap-body{background:linear-gradient(#fff4d6 0,#fff 180px);justify-items:center;gap:14px;padding:18px 16px 22px;display:grid}.trap.decided .trap-body{filter:grayscale(.85);opacity:.45}.trap-prize{text-align:center;gap:4px;display:grid}.trap-prize p,.trap-prize h3{margin:0}.trap-prize h3{font-family:var(--font-display);color:#202124;font-size:clamp(20px,4cqw,30px);line-height:1.1}.trap-prize p{color:#5f6368;font-size:13px}.trap-confetti{letter-spacing:6px;font-size:22px}.trap-timer{color:#c5221f;font-variant-numeric:tabular-nums;font-weight:700}.trap-card{background:#fff;border:1px solid #dadce0;border-radius:10px;gap:10px;width:min(100%,360px);padding:20px 22px 18px;display:grid;box-shadow:0 1px 3px #3c40432e}.trap-card h4{text-align:center;margin:0;font-size:18px;font-weight:400}.trap-logo{text-align:center;letter-spacing:-.3px;font-size:24px;font-weight:500}.trap-letter-0,.trap-letter-3{color:#4285f4}.trap-letter-1,.trap-letter-5{color:#ea4335}.trap-letter-2{color:#fbbc05}.trap-letter-4{color:#34a853}.trap-sub{text-align:center;color:#5f6368;margin:-4px 0 2px;font-size:13px}.trap-field{gap:4px;display:grid}.trap-field label,.trap-label{color:#5f6368;font-size:12px}.trap-field input,.trap-input-empty{font:inherit;color:#202124;background:#fff;border:1px solid #dadce0;border-radius:6px;min-height:40px;padding:10px 12px;font-size:14px}.trap-field input:focus{border-color:#1a73e8;outline:none;box-shadow:0 0 0 1px #1a73e8}.trap-field input.masked{-webkit-text-security:disc}.trap-field input[aria-invalid=true]{border-color:#c5221f}.trap-error{color:#c5221f;min-height:1em;font-size:12px}.trap-row{justify-content:space-between;align-items:center;gap:10px;margin-top:4px;display:flex}.trap-skip,.trap-login{appearance:none;font:inherit;cursor:pointer;border-radius:999px;padding:8px 20px;font-size:13.5px}.trap-skip{color:#1a73e8;background:0 0;border:1px solid #0000;font-weight:500}.trap-skip:hover{background:#f1f6fe}.trap-login{color:#fff;background:#1a73e8;border:1px solid #1a73e8;font-weight:500}.trap-login:hover{background:#185abc}.trap-skip.right,.trap-login.right{outline-offset:2px;outline:3px solid #148a55}.trap-skip.wrong,.trap-login.wrong{outline-offset:2px;outline:3px solid #c5221f}.trap-fine{color:#80868b;text-align:center;max-width:360px;margin:0;font-size:11px}.trap-stamp{font-family:var(--font-display);text-align:center;background:#fffffff0;border:3px solid;border-radius:10px;gap:2px;width:max-content;max-width:90%;margin:0;padding:10px 18px;font-size:clamp(16px,3.4cqw,24px);font-weight:700;line-height:1.2;display:grid;position:absolute;top:58%;left:50%;transform:translate(-50%,-50%)rotate(-6deg)}.trap-stamp small{font-family:var(--font-ui);font-size:12px;font-weight:600}.trap-stamp.ok{color:#148a55}.trap-stamp.bad{color:#c5221f}.scenario-letter{background:var(--node);border:1px solid var(--line);border-radius:14px;gap:12px;width:min(100%,760px);padding:18px 22px 20px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid;box-shadow:0 18px 40px -28px #00000073}.scenario-hot{appearance:none;text-align:left;font:inherit;color:inherit;background:0 0;border:2px dashed #0000;border-radius:8px;justify-self:start;gap:2px;margin:-2px -8px;padding:2px 6px;display:grid}.scenario-hot.pickable{cursor:pointer;border-color:var(--accent)}@supports (color:color-mix(in lab, red, red)){.scenario-hot.pickable{border-color:color-mix(in srgb, var(--accent) 45%, transparent)}}.scenario-hot.pickable:hover,.scenario-hot.pickable:focus-visible{border-color:var(--accent);background:var(--accent-soft)}.scenario-hot:disabled{cursor:default}.scenario-hot.right{border:2.5px solid var(--ok);background:var(--ok-soft)}.scenario-hot.wrong{border:2.5px solid var(--bad);background:var(--bad-soft)}.scenario-hot-note{font:700 11px / 1.35 var(--font-ui)}.scenario-hot.right .scenario-hot-note{color:var(--ok)}.scenario-hot.wrong .scenario-hot-note{color:var(--bad)}.scenario-logo{background:#fff4c9;border:1.5px solid #e5c24a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:20px;display:grid}.scenario-signature{color:var(--muted);font-size:13px;line-height:1.45;display:grid}.scenario-subject{margin:0;font-size:19px;font-weight:700;line-height:1.3}.scenario-from{grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:10px;display:grid}.scenario-who{justify-items:start;gap:2px;min-width:0;display:grid}.scenario-address{font-family:var(--font-ui);background:var(--page);border:1px solid var(--line);overflow-wrap:anywhere;border-radius:6px;padding:2px 7px;font-size:12px}.scenario-to{color:var(--muted);font-size:11.5px}.scenario-time{color:var(--muted);align-self:start;font-size:12px}.scenario-body{gap:.6em;font-size:14.5px;line-height:1.55;display:grid}.scenario-body p{margin:0}.scenario-link{appearance:none;font:inherit;cursor:pointer;justify-self:start}.scenario-link.look-button{color:#fff;background:#2d6cdf;border:0;border-radius:8px;padding:9px 14px;font-size:14px;font-weight:700;display:inline-block}.scenario-link.look-text{color:#2d6cdf;background:0 0;border:0;padding:0;font-weight:600;text-decoration:underline}.scenario-link.look-file{border:1px solid var(--line);background:var(--page);border-radius:10px;align-items:center;gap:8px;padding:8px 12px;font-size:13px;display:inline-flex}.scenario-pdf{color:#fff;background:#d9483b;border-radius:4px;place-items:center;width:26px;height:30px;font-size:9px;font-weight:800;display:grid}.scenario-mailbox{background:var(--node);border:1px solid var(--line);border-radius:14px;grid-template-rows:auto minmax(0,1fr) auto;height:100%;min-height:460px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:grid;overflow:hidden}.scenario-mailbar{border-bottom:1px solid var(--line);background:var(--page);align-items:center;gap:10px;padding:9px 14px;font-size:12.5px;display:flex}.scenario-account{color:var(--muted);font-family:var(--font-ui);overflow-wrap:anywhere;margin-left:auto;font-size:11.5px}.scenario-mail-main{grid-template-columns:minmax(220px,37%) minmax(0,1fr);min-height:0;display:grid}.scenario-inbox{border-right:1px solid var(--line);min-height:0;overflow-y:auto}.scenario-inbox ul{margin:0;padding:0;list-style:none}.scenario-inbox-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);justify-content:space-between;gap:8px;padding:10px 12px 6px;font-size:11px;font-weight:700;display:flex}.scenario-message{appearance:none;border:0;border-top:1px solid var(--line);text-align:left;cursor:pointer;width:100%;font:inherit;color:inherit;background:0 0;grid-template-columns:minmax(0,1fr) auto;gap:1px 8px;padding:10px 12px 10px 14px;display:grid;position:relative}.scenario-message:hover{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.scenario-message:hover{background:color-mix(in srgb, var(--accent-soft) 55%, transparent)}}.scenario-message.open{background:var(--accent-soft)}.scenario-message.open:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.scenario-message.ghost,.scenario-verdict.ghost,.scenario-phone .ghost{outline:2px dashed var(--accent);outline-offset:-3px}.scenario-message-from{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.scenario-message.unread .scenario-message-from:before{content:"";background:var(--accent);vertical-align:1px;border-radius:50%;width:7px;height:7px;margin-right:6px;display:inline-block}.scenario-message-time{color:var(--muted);font-size:11.5px}.scenario-message-subject,.scenario-message-preview{text-overflow:ellipsis;white-space:nowrap;grid-column:1/-1;overflow:hidden}.scenario-message-subject{font-size:13px}.scenario-message-preview{color:var(--muted);font-size:12px}.scenario-mark{letter-spacing:.04em;border-radius:999px;grid-column:1/-1;justify-self:start;margin-top:4px;padding:1px 8px;font-size:10.5px;font-weight:700}.scenario-mark.phish{color:var(--bad);background:var(--bad-soft);border:1px solid var(--bad)}.scenario-mark.real{color:var(--ok);background:var(--ok-soft);border:1px solid var(--ok)}.scenario-mark.wrong{color:var(--warn);border:1px dashed var(--warn)}.scenario-reader{align-content:start;gap:12px;min-height:0;padding:16px 20px 18px;display:grid;position:relative;overflow-y:auto}.scenario-reader.empty{text-align:center;color:var(--muted);align-content:center;place-items:center}.scenario-reader.empty p{margin:0}.scenario-envelope{font-size:28px}.scenario-avatar{color:#fff;border-radius:50%;place-items:center;width:38px;height:38px;font-size:15px;font-weight:800;display:grid}.scenario-sender{appearance:none;border:0;border-bottom:1.5px dashed var(--node-line);font:inherit;color:var(--ink);cursor:pointer;text-align:left;background:0 0;padding:0;font-size:14px;font-weight:700}.scenario-sender:hover{color:var(--accent);border-bottom-color:var(--accent)}.scenario-verdicts{border-top:1px solid var(--line);flex-wrap:wrap;gap:8px;padding-top:10px;display:flex}.scenario-verdict{appearance:none;border:1.5px solid var(--line);background:var(--node);font:inherit;cursor:pointer;border-radius:9px;padding:8px 12px;font-size:13px;font-weight:700}.scenario-verdict.phish{color:var(--bad);border-color:var(--bad)}@supports (color:color-mix(in lab, red, red)){.scenario-verdict.phish{border-color:color-mix(in srgb, var(--bad) 55%, var(--line))}}.scenario-verdict.real{color:var(--ok);border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.scenario-verdict.real{border-color:color-mix(in srgb, var(--ok) 55%, var(--line))}}.scenario-verdict[aria-pressed=true].phish{background:var(--bad-soft)}.scenario-verdict[aria-pressed=true].real{background:var(--ok-soft)}.scenario-verdict:disabled{opacity:.5;cursor:default}.scenario-feedback{border-radius:10px;padding:10px 12px;font-size:13px;line-height:1.45}.scenario-feedback strong{margin-bottom:2px;display:block}.scenario-feedback.ok{background:var(--ok-soft);border:1px solid var(--ok)}.scenario-feedback.fail{background:var(--bad-soft);border:1px solid var(--bad)}.scenario-statusbar{font-family:var(--font-ui);border-top:1px solid var(--line);color:var(--muted);background:var(--page);white-space:nowrap;text-overflow:ellipsis;min-height:27px;padding:5px 12px;font-size:11.5px;overflow:hidden}.scenario-statusbar strong{color:var(--ink);font-weight:600}.scenario-page{z-index:2;background:var(--node);grid-template-rows:auto minmax(0,1fr);display:grid;position:absolute;inset:0}.scenario-page-bar{border-bottom:1px solid var(--line);background:var(--page);align-items:center;gap:8px;padding:8px 12px;display:flex}.scenario-page-url{min-width:0;font-family:var(--font-ui);background:var(--node);border:1px solid var(--line);text-overflow:ellipsis;white-space:nowrap;border-radius:999px;flex:1;padding:5px 12px;font-size:12px;overflow:hidden}.scenario-page-body{align-content:start;justify-items:start;gap:12px;padding:22px;display:grid;overflow-y:auto}.scenario-page-body h4{margin:0;font-size:18px}.scenario-own-site{color:var(--ok);margin:0;font-weight:600}.scenario-fake-form{border:1px solid var(--line);border-radius:12px;gap:8px;width:min(100%,300px);padding:16px;display:grid}.scenario-fake-form span{border:1.5px solid var(--line);background:var(--page);border-radius:8px;height:34px}.scenario-fake-form .go{background:#2d6cdf;border-color:#2d6cdf}.scenario-cardboard{color:#4a3418;background:repeating-linear-gradient(90deg,#f3e3c6 0 10px,#efddbb 10px 20px);border:2px dashed #b98a4e;border-radius:12px;max-width:460px;margin:0;padding:14px 16px;font-size:13.5px;font-weight:700;line-height:1.45}.scenario-phone .device-screen{height:450px}.scenario-phone .scenario-row{grid-template-columns:minmax(0,1fr) auto}.scenario-chevron{color:var(--muted);font-size:18px;line-height:1}.scenario-switch{appearance:none;background:var(--line);cursor:pointer;border:0;border-radius:13px;flex:none;width:42px;height:26px;padding:0;position:relative}.scenario-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:left .2s;position:absolute;top:3px;left:3px;box-shadow:0 1px 2px #00000040}.scenario-switch.on{background:var(--ok)}.scenario-switch.on:after{left:19px}.scenario-switch:disabled{opacity:.45;cursor:not-allowed}.scenario-apps{gap:10px;padding:4px 6px 0;display:flex}.scenario-app{appearance:none;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-items:center;gap:4px;padding:4px;font-size:11.5px;display:grid}.scenario-app-icon{background:var(--accent);color:#fff;border-radius:14px;place-items:center;width:52px;height:52px;font-size:24px;display:grid}.scenario-status-right{align-items:center;gap:6px;display:inline-flex}.scenario-vpn-badge{color:var(--ok);letter-spacing:.04em;border:1.5px solid;border-radius:4px;padding:0 3px;font-size:9.5px;font-weight:800}.scenario-portal{border-top:0;border-radius:0;align-content:start;padding-top:14px;top:0;overflow-y:auto}.scenario-portal-brand{align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.scenario-portal-logo{background:var(--toon-sign);color:#fff;border-radius:8px;place-items:center;width:28px;height:28px;font-size:14px;display:grid}.scenario-portal.is-twin .scenario-portal-logo{background:#e0592a}.scenario-portal-url{font-family:var(--font-ui);color:var(--muted);background:var(--page);border:1px solid var(--line);border-radius:6px;justify-self:start;padding:4px 8px;font-size:10.5px}.scenario-fake-input{border:1.5px solid var(--line);background:var(--page);color:var(--ink);border-radius:10px;padding:9px 11px;font-size:14px}.scenario-danger{color:var(--bad);border-color:var(--bad)}@supports (color:color-mix(in lab, red, red)){.scenario-danger{border-color:color-mix(in srgb, var(--bad) 55%, var(--line))}}.scenario-banner{border-radius:10px;margin:0;padding:8px 10px;font-size:12.5px;line-height:1.4}.scenario-banner.bad{background:var(--bad-soft);color:var(--bad);border:1px solid var(--bad)}.scenario-banner.ok{background:var(--ok-soft);color:var(--ok);border:1px solid var(--ok);font-weight:600}.scenario-draft{border:1px solid var(--line);background:var(--node);border-radius:12px;gap:6px;padding:10px 12px;font-size:13px;display:grid}.scenario-draft-to{color:var(--muted);font-size:12px}.scenario-attachment{border:1px solid var(--line);background:var(--page);border-radius:8px;justify-self:start;padding:4px 8px;font-size:12px}.scenario-sketch{text-align:center;width:min(70%,34em);color:var(--toon-ink);margin:0;font-size:clamp(11px,2.3cqw,17px);font-style:italic;line-height:1.35;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@supports (color:color-mix(in lab, red, red)){.scenario-sketch{color:color-mix(in srgb, var(--toon-ink) 78%, transparent)}}.scenario-sketch{border:2px dashed var(--toon-ink)}@supports (color:color-mix(in lab, red, red)){.scenario-sketch{border:2px dashed color-mix(in srgb, var(--toon-ink) 35%, transparent)}}.scenario-sketch{border-radius:14px;padding:.8em 1em}.lesson-main.slides .screen-button.primary{color:var(--page)}.scenario-window{background:var(--node);border:1px solid var(--line);border-radius:14px;flex-direction:column;height:100%;min-height:460px;font-family:system-ui,-apple-system,Segoe UI,sans-serif;display:flex;overflow:hidden}.scenario-window>.scenario-mailbar{flex:none}.scenario-app-mark{font-size:15px;line-height:1}.scenario-window .ghost{outline:2px dashed var(--accent);outline-offset:2px}.scenario-toast{background:var(--accent-soft);border:1px solid var(--accent);border-radius:12px;flex-wrap:wrap;flex:none;align-items:center;gap:8px;margin:10px 14px 0;padding:8px 12px;display:flex}@supports (color:color-mix(in lab, red, red)){.scenario-toast{border:1px solid color-mix(in srgb, var(--accent) 35%, var(--line))}}.scenario-toast{font-size:13px;line-height:1.4}.scenario-toast-avatar{color:#fff;background:#2f8f7a;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:12px;font-weight:800;display:grid}.scenario-stickers{flex:none;padding:10px 14px 4px}.scenario-stickers-head{color:var(--muted);margin:0 0 8px;font-size:12.5px;line-height:1.4}.scenario-stickers-head strong{color:var(--ink)}.scenario-stickers ul{flex-wrap:wrap;gap:12px;margin:0;padding:0;list-style:none;display:flex}.scenario-sticker{color:#3a2a1f;background:#ffe98f;border-radius:3px 3px 10px;flex:180px;align-content:start;gap:2px;max-width:230px;padding:10px 10px 10px 12px;font-size:12.5px;display:grid;transform:rotate(-1.5deg);box-shadow:0 6px 12px -8px #3a2a1fb3}.scenario-sticker:nth-child(2n){background:#ffd9a8;transform:rotate(1.2deg)}.scenario-sticker strong{font-size:13.5px}.scenario-sticker-url{font-family:var(--font-ui);opacity:.75;overflow-wrap:break-word;font-size:11px}.scenario-sticker-password{font-family:Comic Sans MS,Segoe Print,cursive;font-size:14px;font-weight:700}.scenario-sticker .screen-button{justify-self:start;margin-top:6px;padding:5px 9px;font-size:12px}.scenario-vault-main{border-top:1px solid var(--line);flex:1;grid-template-columns:minmax(220px,40%) minmax(0,1fr);min-height:0;margin-top:10px;display:grid}.scenario-vault-list{border-right:1px solid var(--line);padding:6px 0 10px;overflow-y:auto}.scenario-vault-list ul{margin:0;padding:0;list-style:none}.scenario-vault-group+.scenario-vault-group{border-top:1px solid var(--line);margin-top:8px;padding-top:4px}.scenario-vault-group-head{letter-spacing:.06em;text-transform:uppercase;color:var(--muted);align-items:center;gap:6px;margin:0;padding:8px 12px 4px;font-size:11px;display:flex}.scenario-vault-group-head strong{color:var(--ink)}.scenario-shared-badge{border:1px solid var(--accent);color:var(--accent);text-transform:none;letter-spacing:0;border-radius:999px;padding:0 6px;font-size:10px}.scenario-vault-count{margin-left:auto}.scenario-vault-members,.scenario-vault-empty{color:var(--muted);margin:0;padding:0 12px 6px;font-size:12px}.scenario-entry{appearance:none;width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;grid-template-rows:auto auto;grid-template-columns:30px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:8px 12px;display:grid;position:relative}.scenario-entry:hover{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.scenario-entry:hover{background:color-mix(in srgb, var(--accent-soft) 55%, transparent)}}.scenario-entry.open{background:var(--accent-soft)}.scenario-entry.open:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.scenario-entry-icon{background:var(--page);border:1px solid var(--line);border-radius:8px;grid-row:1/3;place-items:center;width:30px;height:30px;font-size:13px;font-weight:800;display:grid}.scenario-entry-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.scenario-entry-login{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:12px;overflow:hidden}.scenario-entry-badge{color:var(--bad);background:var(--bad-soft);border:1px solid var(--bad);border-radius:999px;grid-area:1/3/3;padding:1px 7px;font-size:10.5px;font-weight:700}.scenario-vault-detail{align-content:start;gap:10px;min-height:0;padding:16px 20px 18px;display:grid;position:relative;overflow-y:auto}.scenario-vault-detail.empty{text-align:center;color:var(--muted);align-content:center;place-items:center}.scenario-vault-detail h3{margin:0;font-size:18px}.scenario-vault-where{color:var(--accent);margin:-4px 0 0;font-size:12.5px;font-weight:600}.scenario-vault-field{border:1px solid var(--line);background:var(--page);border-radius:10px;gap:2px;padding:8px 10px;display:grid}.scenario-vault-label{color:var(--muted);text-transform:uppercase;letter-spacing:.05em;font-size:11px}.scenario-vault-value{font-family:var(--font-ui);overflow-wrap:anywhere;font-size:13.5px}.scenario-vault-value.masked{letter-spacing:.12em}.scenario-vault-note{color:var(--muted);margin:0;font-size:12.5px;line-height:1.4}.scenario-vault-actions{flex-wrap:wrap;justify-content:flex-start}.scenario-vault-sheet{z-index:2;background:var(--node);align-content:start;gap:12px;padding:18px 20px;display:grid;position:absolute;inset:0}.scenario-vault-sheet h4{margin:0;font-size:16px}.scenario-vault-sheet.is-alert h4{color:var(--bad)}.scenario-vault-sheet p{margin:0;font-size:13px;line-height:1.45}.scenario-choice{border:1px solid var(--line);border-radius:12px;justify-items:start;gap:6px;padding:10px 12px;display:grid}.scenario-choice p{color:var(--muted);font-size:12.5px}.scenario-choice .screen-button{text-align:left}.scenario-auth{grid-template-columns:minmax(0,1fr) minmax(240px,300px);align-items:start;gap:16px;height:100%;min-height:460px;display:grid}.scenario-auth .ghost{outline:2px dashed var(--accent);outline-offset:2px}.scenario-site .scenario-page-url{flex:1}.scenario-site-body{align-content:start;gap:8px;padding:16px 20px 20px;display:grid;overflow-y:auto}.scenario-site-name{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);margin:0;font-size:12px;font-weight:700}.scenario-site-body h3{margin:0;font-size:20px}.scenario-site-account{color:var(--muted);margin:0;font-size:12.5px}.scenario-site-section{border:1px solid var(--line);background:var(--page);border-radius:12px;justify-items:start;gap:10px;margin-top:8px;padding:14px 16px;display:grid}.scenario-site-section h4{margin:0;font-size:15px}.scenario-site-section>p{margin:0;font-size:13px;line-height:1.45}.scenario-auth-setup{flex-wrap:wrap;align-items:start;gap:16px;display:flex}.scenario-qr{border:1px solid var(--line);background:#fff;border-radius:8px;flex:none;grid-template-columns:repeat(21,6px);grid-auto-rows:6px;padding:10px;display:grid}.scenario-qr .on{background:#17202a}.scenario-auth-steps{flex:200px;justify-items:start;gap:8px;font-size:13px;line-height:1.45;display:grid}.scenario-auth-steps p{margin:0}.scenario-auth-steps .screen-field{width:min(100%,220px)}.scenario-auth-steps input{border:1.5px solid var(--line);background:var(--node);color:var(--ink);font-family:var(--font-ui);letter-spacing:.18em;border-radius:10px;padding:8px 10px;font-size:18px}.scenario-backup{justify-items:start;gap:8px;font-size:13px;line-height:1.45;display:grid}.scenario-backup p{margin:0}.scenario-backup-codes{font-family:var(--font-ui);border:1px dashed var(--line);background:var(--node);border-radius:10px;grid-template-columns:repeat(2,auto);gap:4px 22px;margin:0;padding:10px 12px;font-size:13px;list-style:none;display:grid}.scenario-auth-phone{margin:0}.scenario-auth-phone .device-screen{min-height:400px}.scenario-auth-phone .screen-body{align-content:start;justify-items:stretch;gap:10px;display:grid}.scenario-otp{border:1px solid var(--line);background:var(--page);border-radius:12px;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2px 10px;padding:10px 12px;display:grid}.scenario-otp-site{font-size:13px;font-weight:700}.scenario-otp-account{color:var(--muted);overflow-wrap:anywhere;grid-column:1;font-size:11.5px}.scenario-otp-code{font-family:var(--font-ui);letter-spacing:.08em;color:var(--accent);grid-column:1;font-size:24px}.scenario-otp-ring{background:conic-gradient(var(--accent) 0 70%, var(--line) 70% 100%);border-radius:50%;grid-area:1/2/4;width:26px;height:26px;-webkit-mask:radial-gradient(circle,#0000 55%,#000 57%);mask:radial-gradient(circle,#0000 55%,#000 57%)}.scenario-request{border:1.5px solid var(--accent);background:var(--node);border-radius:14px;gap:6px;padding:12px;animation:.3s both scenario-pop;display:grid;box-shadow:0 10px 22px -14px #17202a80}.scenario-request strong{font-size:15px}.scenario-request p{margin:0;font-size:12.5px;line-height:1.4}.scenario-request-where{color:var(--muted)}.scenario-request.is-alert{border-color:var(--bad)}.scenario-request.is-alert strong{color:var(--bad)}.scenario-request .screen-actions{flex-wrap:wrap;justify-content:stretch}.scenario-request .screen-button{flex:1}.scenario-chat-body{flex:1;grid-template-columns:minmax(210px,34%) minmax(0,1fr);min-height:0;display:grid}.scenario-chat-list{border-right:1px solid var(--line);overflow-y:auto}.scenario-chat-list ul{margin:0;padding:0;list-style:none}.scenario-chat-tabs{border-bottom:1px solid var(--line);gap:4px;padding:8px 10px;display:flex}.scenario-chat-tab{appearance:none;border:1px solid var(--line);font:inherit;cursor:pointer;color:var(--muted);background:0 0;border-radius:999px;flex:1;padding:5px 8px;font-size:12.5px;font-weight:600}.scenario-chat-tab.active{background:var(--accent);border-color:var(--accent);color:var(--page)}.scenario-chat-note{color:var(--muted);margin:0;padding:8px 12px 4px;font-size:11.5px;line-height:1.4}.scenario-chat-row,.scenario-contact{grid-template-rows:auto auto;grid-template-columns:34px minmax(0,1fr) auto;align-items:center;column-gap:10px;padding:9px 12px;display:grid}.scenario-chat-row{appearance:none;border:0;border-top:1px solid var(--line);width:100%;font:inherit;color:inherit;text-align:left;cursor:pointer;background:0 0;position:relative}.scenario-chat-row:hover{background:var(--accent-soft)}@supports (color:color-mix(in lab, red, red)){.scenario-chat-row:hover{background:color-mix(in srgb, var(--accent-soft) 55%, transparent)}}.scenario-chat-row.open{background:var(--accent-soft)}.scenario-contact{border-top:1px solid var(--line)}.scenario-contact .screen-button{grid-area:1/3/3;padding:5px 9px;font-size:12px}.scenario-chat-avatar{color:#fff;background:#3e5ba9;border-radius:50%;flex:none;grid-row:1/3;place-items:center;width:34px;height:34px;font-size:14px;font-weight:800;display:grid}.scenario-chat-avatar.unknown{background:#8a8f98}.scenario-chat-name{text-overflow:ellipsis;white-space:nowrap;font-size:13.5px;font-weight:700;overflow:hidden}.scenario-chat-sub{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;grid-column:2;font-size:11.5px;overflow:hidden}.scenario-chat-badge{color:var(--warn);border:1px dashed var(--warn);border-radius:999px;grid-area:1/3/3;padding:1px 6px;font-size:10px;font-weight:700}.scenario-chat-main{grid-template-rows:auto minmax(0,1fr) auto;min-height:0;display:grid;position:relative}.scenario-chat-main.empty{color:var(--muted);place-items:center}.scenario-chat-head{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:10px;padding:10px 14px;display:flex}.scenario-chat-who{flex:140px;min-width:0;display:grid}.scenario-chat-who .scenario-chat-sub{white-space:normal;grid-column:auto}.scenario-chat-actions{flex-wrap:wrap;gap:6px;display:flex}.scenario-chat-actions .screen-button{padding:5px 10px;font-size:12.5px}.scenario-chat-messages{background:var(--page);flex-direction:column;gap:8px;padding:14px;display:flex;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.scenario-chat-messages{background:color-mix(in srgb, var(--page) 70%, var(--node))}}.scenario-chat-bubble{border-radius:14px;max-width:82%;margin:0;padding:8px 11px;font-size:13.5px;line-height:1.45;animation:.25s both scenario-pop}.scenario-chat-bubble.in{background:var(--node);border:1px solid var(--line);border-bottom-left-radius:4px;align-self:flex-start}.scenario-chat-bubble.out{background:var(--accent);color:var(--page);border-bottom-right-radius:4px;align-self:flex-end}.scenario-chat-bubble.system{max-width:100%;color:var(--muted);align-self:center;padding:2px 8px;font-size:12px}.scenario-chat-messages .scenario-banner{align-self:stretch}.scenario-chat-replies{border-top:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:6px;padding:10px 14px;display:flex}.scenario-chat-replies .scenario-chat-note{width:100%;padding:0}.scenario-chat-reply{appearance:none;border:1.5px solid var(--accent);color:var(--accent);background:var(--node);font:inherit;text-align:left;cursor:pointer;border-radius:14px;padding:7px 11px;font-size:13px}.scenario-chat-reply:disabled{opacity:.55;cursor:default}.scenario-call{z-index:2;text-align:center;background:var(--node);align-content:center;justify-items:center;gap:10px;padding:24px;display:grid;position:absolute;inset:0}.scenario-call .scenario-chat-avatar{width:64px;height:64px;font-size:26px}.scenario-call>strong{font-size:17px}.scenario-call-number{font-family:var(--font-ui);color:var(--muted);font-size:13px}.scenario-call-words{max-width:440px;margin:0;font-size:14px;line-height:1.5}.scenario-call .scenario-banner{text-align:left;max-width:460px}.scenario-hang-up{background:var(--bad);border-color:var(--bad);color:#fff}.scenario-ai-messages{background:var(--page);flex-direction:column;flex:1;gap:10px;min-height:0;padding:16px;display:flex;overflow-y:auto}@supports (color:color-mix(in lab, red, red)){.scenario-ai-messages{background:color-mix(in srgb, var(--page) 70%, var(--node))}}.scenario-ai-line{align-items:flex-start;gap:8px;max-width:88%;animation:.25s both scenario-pop;display:flex}.scenario-ai-line p{white-space:pre-line;border-radius:14px;margin:0;padding:9px 12px;font-size:13.5px;line-height:1.45}.scenario-ai-line.bot p{background:var(--node);border:1px solid var(--line);border-top-left-radius:4px}.scenario-ai-line.user{flex-direction:row-reverse;align-self:flex-end}.scenario-ai-line.user p{background:var(--accent-soft);border:1px solid var(--accent)}@supports (color:color-mix(in lab, red, red)){.scenario-ai-line.user p{border:1px solid color-mix(in srgb, var(--accent) 40%, var(--line))}}.scenario-ai-line.user p{border-top-right-radius:4px}.scenario-ai-line.user p.is-secret{border-color:var(--bad)}.scenario-ai-mark{color:#fff;background:#6a4fc4;border-radius:8px;flex:none;place-items:center;width:26px;height:26px;font-size:13px;display:grid}.scenario-ai-delete{appearance:none;border:1px solid var(--line);background:var(--node);font:inherit;color:var(--bad);cursor:pointer;border-radius:8px;align-self:center;padding:3px 8px;font-size:11.5px}.scenario-ai-deleted{color:var(--muted);align-self:flex-end;margin:0;font-size:12px;font-style:italic}.scenario-ai-messages .scenario-banner{align-self:flex-end;max-width:88%}.scenario-ai-composer{border-top:1px solid var(--line);flex:none;gap:8px;padding:10px 14px 12px;display:grid}.scenario-ai-input{border:1.5px solid var(--line);color:var(--muted);background:var(--page);border-radius:12px;padding:8px 12px;font-size:13px}.scenario-ai-chips{flex-wrap:wrap;gap:6px;display:flex}.scenario-ai-chip{appearance:none;border:1.5px solid var(--line);background:var(--node);font:inherit;cursor:pointer;text-align:left;border-radius:999px;padding:6px 12px;font-size:12.5px}.scenario-ai-chip.risky{color:var(--bad);border-color:var(--bad)}@supports (color:color-mix(in lab, red, red)){.scenario-ai-chip.risky{border-color:color-mix(in srgb, var(--bad) 45%, var(--line))}}.scenario-ai-chip.safe{color:var(--ok);border-color:var(--ok)}@supports (color:color-mix(in lab, red, red)){.scenario-ai-chip.safe{border-color:color-mix(in srgb, var(--ok) 55%, var(--line))}}.scenario-ai-chip.safe{font-weight:600}.scenario-ai-chip:disabled{opacity:.55;cursor:default}.scenario-ai-notice{color:var(--warn);margin:0;font-size:12.5px}.scenario-crm .scenario-site-body{flex:1;min-height:0}.scenario-crm-form{justify-items:start;gap:10px;width:100%;display:grid}.scenario-crm-form fieldset{border:0;flex-wrap:wrap;align-items:center;gap:6px 14px;margin:0;padding:0;display:flex}.scenario-crm-form legend{float:left;letter-spacing:.05em;text-transform:uppercase;width:100%;color:var(--muted);margin-bottom:2px;font-size:11px;font-weight:700}.scenario-crm-choice{cursor:pointer;border-radius:6px;align-items:center;gap:6px;padding:3px 4px;font-size:13px;display:inline-flex}.scenario-crm-choice input{accent-color:var(--accent);margin:0}.scenario-tokens{gap:10px;width:100%;margin:4px 0 0;padding:0;list-style:none;display:grid}.scenario-token{border:1px solid var(--line);background:var(--node);border-radius:12px;gap:6px;padding:10px 12px;display:grid}.scenario-token.revoked{opacity:.6}.scenario-token-head{justify-content:space-between;gap:8px;display:flex}.scenario-token-status{border:1px solid var(--line);color:var(--muted);border-radius:999px;padding:1px 8px;font-size:11px;font-weight:700}.scenario-token-status.on{color:var(--ok);border-color:var(--ok)}.scenario-token-summary{font-size:12.5px}.scenario-token-value{font-family:var(--font-ui);color:var(--muted);font-size:12px}.scenario-token-saved{color:var(--ok);overflow-wrap:anywhere;margin:0;font-size:12.5px;font-weight:600}.scenario-token-actions{justify-content:flex-start}.scenario-mailbox .ghost{outline:2px dashed var(--accent);outline-offset:2px}.scenario-report{gap:10px;display:grid}.scenario-trash .scenario-message{opacity:.7}.scenario-sessions-bar{border-top:1px solid var(--line);color:var(--muted);background:var(--page);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:6px 12px;font-size:12px;display:flex}.scenario-sessions-toggle{appearance:none;font:inherit;color:var(--accent);cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:12px;font-weight:600;text-decoration:underline}.scenario-sessions{border-top:1px solid var(--line);background:var(--node);justify-items:start;gap:8px;padding:12px 14px;font-size:13px;display:grid}.scenario-sessions ul{gap:4px;width:100%;margin:0;padding:0;list-style:none;display:grid}.scenario-session{border:1px solid var(--line);border-radius:10px;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:6px 10px;display:grid}.scenario-session.stranger{border-color:var(--bad);background:var(--bad-soft)}.scenario-session-name{font-weight:600}.scenario-session-note{color:var(--muted);grid-column:1;font-size:12px}.scenario-session-tag{color:var(--muted);grid-area:1/2/3;align-self:center;font-size:11px;font-weight:700}.scenario-session.stranger .scenario-session-tag{color:var(--bad)}@media (width<=880px){.lesson-main.slides .board-side{flex-direction:column;display:flex}.shows-text .lesson-main.slides .board-side{display:none}.lesson-main.slides .board-side>.surface-host{border-left:0;border-top:1px solid var(--line);width:auto}.lesson-main.slides .step.past{display:none}.scenario-board{container-type:inline-size}.scenario-stage{padding:12px;position:static;overflow:visible}.scenario-frame,.scenario-gallery{width:100%}.scenario-mailbox{height:auto}.scenario-mail-main{grid-template-columns:minmax(0,1fr)}.scenario-inbox{border-right:0;border-bottom:1px solid var(--line);max-height:260px}.scenario-reader{min-height:360px;padding:14px}.scenario-window{height:auto}.scenario-vault-main{grid-template-columns:minmax(0,1fr)}.scenario-vault-list{border-right:0;border-bottom:1px solid var(--line);max-height:280px}.scenario-vault-detail{min-height:320px;padding:14px}.scenario-vault-detail.empty{min-height:140px}.scenario-auth{grid-template-columns:minmax(0,1fr);height:auto}.scenario-auth .scenario-window{min-height:0}.scenario-auth-phone .device-screen{min-height:240px}.scenario-chat-body{grid-template-columns:minmax(0,1fr)}.scenario-chat-list{border-right:0;border-bottom:1px solid var(--line);max-height:260px}.scenario-chat-main{min-height:420px}}@media (width<=600px){.scenario-bubble{border-width:2px;padding:.4em .6em .45em}.scenario-zoom{max-width:72%!important}.scenario-letter{padding:14px}}@media (prefers-reduced-motion:reduce){.scenario-frame,.scenario-thumb,.scenario-bubble{animation:none}.scenario-switch:after{transition:none}}:root{--bg:#edf0ef;--page:#fafbf9;--board:#f4f7f8;--grid:#e0e7ea;--ink:#17202a;--muted:#5a6774;--line:#d2dae0;--node:#fff;--node-line:#8d9ba8;--accent:#2b4bd4;--accent-soft:#e2e7fb;--accent-fill:#2b4bd4;--on-accent:#fafbf9;--tint-1:#eef2fa;--tint-2:#ecf4ee;--tint-3:#f6f1e6;--tint-4:#f6ecee;--tint-5:#f0edf7;--ok:#148a55;--warn:#c27c05;--bad:#cf3f36;--bad-soft:#fbe6e4;--ok-soft:#e0f3e9;--on-warn:#1a1406;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#0e1318;--page:#131a21;--board:#0f151b;--grid:#1a232c;--ink:#e3e9ef;--muted:#93a0ad;--line:#27323c;--node:#182029;--node-line:#536475;--accent:#7a8bd0;--accent-soft:#1c2340;--accent-fill:#4b5db2;--on-accent:#eef1fa;--tint-1:#141b27;--tint-2:#13201b;--tint-3:#1f1c15;--tint-4:#201719;--tint-5:#1a1824;--ok:#3dc48b;--warn:#e8aa3c;--bad:#f2675c;--bad-soft:#3a1715;--ok-soft:#12301f;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}html,body{background:var(--bg);color:var(--ink);font-family:var(--font-ui);-webkit-font-smoothing:antialiased;margin:0;font-size:13px}h1,h2,h3{text-wrap:balance}.module-panel{background:var(--module-tint,var(--tint-1))}.module-tint-1{--module-tint:var(--tint-1)}.module-tint-2{--module-tint:var(--tint-2)}.module-tint-3{--module-tint:var(--tint-3)}.module-tint-4{--module-tint:var(--tint-4)}.module-tint-5{--module-tint:var(--tint-5)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.board-surface{background-color:var(--board);background-image:linear-gradient(var(--grid) 1px, transparent 1px), linear-gradient(90deg, var(--grid) 1px, transparent 1px);background-size:24px 24px}.app-lesson{grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.lesson-page{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid;position:relative}.lesson-main{grid-template-columns:minmax(340px,38%) minmax(0,1fr);min-height:0;display:grid}.btn{appearance:none;border:1px solid var(--line);background:var(--node);color:var(--ink);font:inherit;cursor:pointer;white-space:nowrap;border-radius:8px;align-items:center;gap:6px;padding:7px 11px;font-size:12px;display:inline-flex}.btn:hover:not(:disabled){border-color:var(--node-line)}.btn:disabled{opacity:.42;cursor:not-allowed}.btn.primary{background:var(--accent-fill);border-color:var(--accent-fill);color:var(--on-accent);font-weight:600}.btn.link{color:var(--accent);background:0 0;border-color:#0000;padding-inline:4px}.timeline{background:var(--page);border-bottom:1px solid var(--line);flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 14px;padding:4px 16px;display:flex}.timeline-steps{align-items:center;gap:4px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.timeline-item{flex:0 auto;width:34px;min-width:6px;display:flex}.timeline-item.task{width:21px;min-width:12px}.timeline-step{appearance:none;cursor:pointer;background:0 0;border:0;place-items:center;width:100%;padding:9px 0;display:grid}.timeline-step .bar{background:var(--line);border-radius:3px;width:100%;height:5px;transition:background .2s,height .2s;display:block}.timeline-step.done .bar{background:var(--accent);opacity:.5}.timeline-step.current .bar{background:var(--accent);height:8px}.timeline-step.task .bar{aspect-ratio:1;border-radius:2px;width:11px;max-width:70%;height:auto;transform:rotate(45deg)}.timeline-step:disabled{cursor:not-allowed}.timeline-label{color:var(--muted);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:12px;overflow:hidden}.timeline-label strong{color:var(--ink);font-weight:600}.theory{background:var(--page);border-right:1px solid var(--line);flex-direction:column;min-width:0;min-height:0;display:flex}.theory-scroll{padding:22px 28px 32px max(28px, env(safe-area-inset-left,0px));flex:1;position:relative;overflow-y:auto}.back-link{color:var(--muted);font-size:12px;text-decoration:none}.back-link:hover{color:var(--accent)}.lesson-thumb{aspect-ratio:1200/630;border:1px solid var(--line);object-fit:cover;background:#111a27;border-radius:8px;width:100%;height:auto;display:block}.eyebrow{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:14px 0 0;font-size:10.5px}.lesson-title{font-family:var(--font-display);letter-spacing:-.01em;margin:8px 0 18px;font-size:23px;font-weight:500;line-height:1.22}.fallback-note{border:1px dashed var(--warn);color:var(--muted);border-radius:8px;margin:0 0 14px;padding:8px 10px;font-size:12px}.step{border-top:1px solid var(--line);padding-block:18px}.step h2{letter-spacing:.09em;text-transform:uppercase;color:var(--muted);align-items:baseline;gap:10px;margin:0 0 10px;font-size:11px;font-weight:600;display:flex}.step-number{color:var(--accent);font-variant-numeric:tabular-nums}.step.past{opacity:.5;cursor:pointer;transition:opacity .15s}.step.past:hover{opacity:.8}.step.past .prose{font-size:15px}.prose{font-family:var(--font-prose);max-width:62ch;font-size:16.5px;line-height:1.62}.prose p{margin:0}.prose p+p,.prose p+ul,.prose ul+p{margin-top:.75em}.prose ul{gap:.35em;margin:0;padding-left:1.2em;display:grid}.prose ul+ul{margin-top:.75em}.prose li::marker{color:var(--accent)}.prose strong{font-weight:600}.prose-ref{border-bottom:1.5px dashed var(--accent);cursor:help;border-radius:2px;font-weight:600}.prose-ref:hover,.prose-ref:focus-visible{background:var(--accent-soft)}.step-next{margin-top:16px}.step-next .btn{white-space:normal;text-align:left}.finish{border-top:1px solid var(--line);gap:6px;padding-top:18px;display:grid}.finish p{margin:0}.finish p:not(.eyebrow){font-family:var(--font-prose);font-size:15.5px}.finish a{color:var(--accent);text-underline-offset:3px}.theory-nav{padding:12px 28px 12px max(28px, env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:var(--page);justify-content:space-between;align-items:center;gap:10px;display:flex}.to-board-row,.to-text{display:none}.step-bar{max-height:42dvh;padding:10px max(16px, env(safe-area-inset-right,0px)) 10px max(16px, env(safe-area-inset-left,0px));border-top:1px solid var(--line);background:var(--page);flex-direction:column;gap:8px;display:none;overflow-y:auto}.step-bar-text{font-family:var(--font-prose);-webkit-line-clamp:4;line-clamp:4;-webkit-box-orient:vertical;margin:0;font-size:14.5px;line-height:1.4;display:-webkit-box;overflow:hidden}.step-bar-head{font-family:var(--font-ui);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);font-size:10.5px;font-weight:600}.step-bar-hint,.step-bar-feedback{color:var(--muted);margin:0;font-size:12.5px;line-height:1.45}.step-bar-feedback.failed{color:var(--bad)}.step-bar-feedback.solved{color:var(--ok)}.step-bar-actions{flex-wrap:wrap;gap:8px;display:flex}.nav-text{min-width:0;color:var(--muted);text-align:center;flex:1;font-size:11.5px}.task-card{border:1.5px solid var(--accent);background:var(--node);border-radius:12px;gap:12px;margin-top:16px;padding:16px;display:grid}.task-card.solved{border-color:var(--ok)}.task-head{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.task-card.solved .task-head{color:var(--ok)}.task-head .diamond{background:currentColor;border-radius:1px;flex:none;width:9px;height:9px;transform:rotate(45deg)}.task-head .attempts{color:var(--muted);letter-spacing:.04em;text-transform:none;margin-left:auto;font-weight:500}.task-prompt{font-family:var(--font-prose);margin:0;font-size:16px;font-weight:600;line-height:1.5}.task-how{color:var(--muted);margin:0;font-size:12px}.goals{gap:7px;margin:0;padding:0;list-style:none;display:grid}.goals li{grid-template-columns:18px 1fr;align-items:start;gap:8px;font-size:12.5px;display:grid}.goals .mark{border:1.5px solid var(--node-line);border-radius:50%;place-items:center;width:16px;height:16px;margin-top:1px;font-size:10px;font-weight:700;line-height:1;display:grid}.goals li.met .mark{background:var(--ok);border-color:var(--ok);color:var(--page)}.goals li.failed .mark{background:var(--bad);border-color:var(--bad);color:var(--page)}.goals li.hidden-goal{color:var(--muted)}.goals li.hidden-goal .mark{border-style:dashed}.feedback{border-radius:8px;padding:10px 12px;font-size:12.5px}.feedback.failed{background:var(--bad-soft);border:1px solid var(--bad)}.feedback.solved{background:var(--ok-soft);border:1px solid var(--ok)}.hints{gap:4px;margin:0;padding-left:20px;font-size:12.5px;display:grid}.hints li::marker{color:var(--accent)}.task-actions{flex-wrap:wrap;gap:8px;display:flex}.solved-summary{gap:8px;display:grid}.result{font-variant-numeric:tabular-nums;grid-template-columns:auto 1fr;gap:4px 14px;margin:0;font-size:12.5px;display:grid}.result dt{color:var(--muted)}.result dd{margin:0;font-weight:600}.result .before{color:var(--muted);font-weight:500}.result .after.better{color:var(--ok)}.result .after.worse{color:var(--bad)}.board-side{flex-direction:column;min-width:0;min-height:0;display:flex}.board-wrap{flex:1;grid-template-columns:172px minmax(0,1fr);min-height:0;display:grid}.board-palette{background:var(--page);border-right:1px solid var(--line);flex-direction:column;gap:6px;padding:14px 10px;display:flex;overflow-y:auto}.palette-title{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:6px 4px 2px;font-size:10px}.palette-item{appearance:none;border:1px solid var(--line);background:var(--node);color:var(--ink);text-align:left;font:inherit;cursor:grab;touch-action:none;border-radius:10px;grid-template-columns:24px 1fr;align-items:center;gap:9px;padding:8px;font-size:12px;display:grid}.palette-item:hover:not(:disabled){border-color:var(--accent)}.palette-item:disabled{cursor:not-allowed}.palette-item svg{width:22px;height:22px;stroke:var(--ink);fill:none;stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.palette-item .name{overflow-wrap:anywhere;font-weight:600;display:block}.palette-item .tag{color:var(--muted);letter-spacing:.04em;font-size:10px}.palette-item .tag.new{color:var(--accent);text-transform:uppercase;letter-spacing:.08em;font-weight:600}.board-palette.off .palette-item:not(.locked){opacity:.5}.palette-item.locked{opacity:.6;background:0 0;border-style:dashed}.palette-note{color:var(--muted);margin:0;padding:0 4px;font-size:11px}.board-scroll{display:contents}.board-stage{touch-action:none;-webkit-user-select:none;user-select:none;min-height:0;position:relative;overflow:hidden}.board-svg,.board-particles{width:100%;height:100%;display:block;position:absolute;inset:0}.board-particles{object-fit:contain;pointer-events:none}.mode-chip{border:1px solid var(--line);background:var(--page);color:var(--muted);pointer-events:none;border-radius:999px;padding:5px 10px;font-size:11px;position:absolute;top:12px;left:12px}.mode-chip.edit{color:var(--accent);border-color:var(--accent);font-weight:600}.toast{background:var(--ink);width:max-content;max-width:min(460px,100% - 24px);color:var(--page);z-index:5;border-radius:10px;padding:9px 14px;font-size:12.5px;position:absolute;bottom:14px;left:50%;transform:translate(-50%)}.board-svg .board-node .body{fill:var(--node);stroke:var(--node-line);stroke-width:1.5px}.board-svg .board-node.editable{cursor:grab}.board-svg .board-node.selected .body,.board-svg .board-node.drop-ok .body{stroke:var(--accent);stroke-width:2.5px}.board-svg .board-node.pickable{cursor:pointer}.board-svg .board-node.pickable .body{stroke:var(--accent);stroke-width:2px;stroke-dasharray:6 4}.board-svg .board-node.pickable:hover .body,.board-svg .board-node.pickable:focus-visible .body{stroke-width:3px;stroke-dasharray:none}.board-svg .board-node.pickable:focus-visible{outline:none}.board-svg .board-node.pick-wrong .body{stroke:var(--bad);stroke-width:3px;fill:var(--bad-soft);animation:.9s ease-out pick-flash}.board-svg .board-node.pick-right .body{stroke:var(--ok);stroke-width:3px;fill:var(--ok-soft)}@keyframes pick-flash{0%,40%{fill:var(--bad)}to{fill:var(--bad-soft)}}.board-svg .board-node.drop-no{opacity:.35}.board-svg .board-node.down .body{stroke:var(--bad);stroke-dasharray:5 4}.board-svg .board-node.down .board-icon,.board-svg .board-node.down .title{opacity:.45}.board-svg .board-icon{fill:none;stroke:var(--ink);stroke-width:1.6px;stroke-linecap:round;stroke-linejoin:round}.board-svg .title{font:600 12.5px var(--font-ui);fill:var(--ink)}.board-svg .sub{font:400 11px var(--font-ui);fill:var(--muted);font-variant-numeric:tabular-nums}.board-svg .sub.alert{fill:var(--warn);font-weight:600}.board-svg .board-node.down .sub{fill:var(--bad)}.board-svg .region-zone{pointer-events:none}.board-svg .region-zone rect{fill:var(--accent);fill-opacity:.05;stroke:var(--accent);stroke-opacity:.45;stroke-width:1.2px;stroke-dasharray:6 5}.board-svg .region-zone text{font:600 11px var(--font-ui);letter-spacing:.06em;fill:var(--accent)}.board-svg .region-zone.down rect{fill:var(--bad);stroke:var(--bad)}.board-svg .region-zone.down text{fill:var(--bad)}.board-svg .track{fill:var(--grid)}.board-svg .util{fill:var(--ok)}.board-svg .util.warn{fill:var(--warn)}.board-svg .util.bad{fill:var(--bad)}.board-svg .xmark{stroke:var(--bad);stroke-width:2.2px;stroke-linecap:round}.board-svg .port{fill:var(--page);stroke:var(--accent);stroke-width:2px;cursor:crosshair}.board-svg .port:hover,.board-svg .port-hit:hover+.port{fill:var(--accent)}.board-svg .port-hit{fill:#0000;cursor:crosshair}.board-svg .board-edge{fill:none;stroke:var(--node-line);stroke-width:1.8px}.board-svg .board-edge.selected{stroke:var(--accent);stroke-width:2.6px}.board-svg .board-edge.focus{stroke:var(--bad);stroke-width:2.4px;stroke-dasharray:6 5;animation:1s linear infinite board-dash}@keyframes board-dash{to{stroke-dashoffset:-22px}}.board-svg .board-edge-hit{fill:none;stroke:#0000;stroke-width:18px;cursor:pointer;pointer-events:stroke}.board-svg .arrow-head{fill:var(--node-line)}.board-svg .arrow-head.accent{fill:var(--accent)}.board-svg .edge-label,.board-svg .annotation,.board-svg .halo,.board-svg .ghost,.board-svg .ghost-edge,.board-svg .rubber{pointer-events:none}.board-svg .edge-label rect{fill:var(--page);stroke:var(--line)}.board-svg .edge-label text{font:500 10px var(--font-ui);fill:var(--muted);font-variant-numeric:tabular-nums}.board-svg .annotation rect{fill:var(--ink)}.board-svg .annotation text{font:600 11px var(--font-ui);fill:var(--page)}.board-svg .annotation .stem{stroke:var(--ink);stroke-width:1.5px}.board-svg .annotation.bad rect{fill:var(--bad)}.board-svg .annotation.bad .stem{stroke:var(--bad)}.board-svg .annotation.warn rect{fill:var(--warn)}.board-svg .annotation.warn text{fill:var(--on-warn)}.board-svg .annotation.warn .stem{stroke:var(--warn)}.board-svg .annotation.ok rect{fill:var(--ok)}.board-svg .annotation.ok .stem{stroke:var(--ok)}.board-svg .annotation.info rect{fill:var(--accent)}.board-svg .annotation.info .stem{stroke:var(--accent)}.board-svg .halo{fill:none;stroke-width:3px;animation:1.4s ease-in-out infinite board-pulse}.board-svg .halo.bad{stroke:var(--bad)}.board-svg .halo.warn{stroke:var(--warn)}.board-svg .halo.info{stroke:var(--accent)}.board-svg .halo.ok{stroke:var(--ok)}@keyframes board-pulse{0%,to{stroke-opacity:.2}50%{stroke-opacity:1}}.board-svg .ghost rect{fill:var(--accent-soft);stroke:var(--accent);stroke-width:1.8px;stroke-dasharray:6 5}.board-svg .ghost text{font:600 11.5px var(--font-ui);fill:var(--accent)}.board-svg .ghost-edge{fill:none;stroke:var(--accent);stroke-width:1.8px;stroke-dasharray:6 5}.board-svg .rubber{fill:none;stroke:var(--accent);stroke-width:2px;stroke-dasharray:5 4}.board-svg .delete{cursor:pointer}.board-svg .delete circle{fill:var(--bad)}.board-svg .delete path{stroke:var(--page);stroke-width:2px;stroke-linecap:round}.hud{padding:10px max(16px, env(safe-area-inset-right,0px)) 12px 16px;background:var(--page);border-top:1px solid var(--line);gap:10px;display:grid}.metrics{flex-wrap:wrap;gap:8px 26px;display:flex}.metric{grid-template-columns:auto auto;align-items:end;column-gap:10px;display:grid}.metric .label{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);grid-column:1/-1;font-size:10px}.metric .value{font-variant-numeric:tabular-nums;min-width:6ch;font-size:17px;font-weight:600}.metric .value.warn{color:var(--warn)}.metric .value.bad{color:var(--bad)}.metric.profile .value{font-size:14px;font-weight:500}.spark{width:76px;height:22px;overflow:visible}.spark polyline{fill:none;stroke-width:1.6px;stroke-linejoin:round;stroke-linecap:round}.spark .spark-errors{stroke:var(--bad)}.spark .spark-p95{stroke:var(--accent)}.controls{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.controls .separator{background:var(--line);width:1px;height:22px;margin-inline:4px}.segmented{border:1px solid var(--line);border-radius:8px;display:inline-flex;overflow:hidden}.segmented button{appearance:none;background:var(--node);color:var(--ink);font:inherit;font-variant-numeric:tabular-nums;cursor:pointer;border:0;padding:7px 9px;font-size:12px}.segmented button[aria-pressed=true]{background:var(--accent-fill);color:var(--on-accent);font-weight:600}.legend{color:var(--muted);flex-wrap:wrap;gap:4px 16px;font-size:11px;display:flex}.legend .dot{border-radius:50%;width:8px;height:8px;margin-right:6px;display:inline-block}.legend .dot.ok{background:var(--ok)}.legend .dot.warn{background:var(--warn)}.legend .dot.bad{background:var(--bad)}.journal{max-height:210px;padding:12px max(16px, env(safe-area-inset-right,0px)) 12px 16px;border-top:1px solid var(--line);background:var(--page);grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:12px 28px;font-size:11.5px;display:grid;overflow:auto}.journal h3{letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 6px;font-size:10px;font-weight:600}.journal ol{gap:2px;margin:0;padding-left:22px;display:grid}.journal code{color:var(--accent);font:inherit}.journal .empty,.journal .note{color:var(--muted);margin:0}.journal .note{max-width:80ch;font-family:var(--font-prose);grid-column:1/-1;font-size:13.5px}.quiz-card{border:1.5px solid var(--warn);background:var(--node);border-radius:12px;gap:12px;margin-top:16px;padding:16px;display:grid}.quiz-card.answered.right{border-color:var(--ok)}.quiz-card.answered.wrong{border-color:var(--bad)}.quiz-head{letter-spacing:.09em;text-transform:uppercase;color:var(--warn);align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.quiz-card.answered.right .quiz-head{color:var(--ok)}.quiz-card.answered.wrong .quiz-head{color:var(--bad)}.quiz-head .mark{background:var(--warn);width:18px;height:18px;color:var(--page);border-radius:50%;place-items:center;font-size:11px;display:grid}.quiz-card.answered.right .quiz-head .mark{background:var(--ok)}.quiz-card.answered.wrong .quiz-head .mark{background:var(--bad)}.quiz-question{font-family:var(--font-prose);margin:0;font-size:16px;font-weight:600;line-height:1.5}.quiz-how,.quiz-attempt{color:var(--muted);margin:0;font-size:12px}.quiz-options{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;display:grid}.quiz-option{appearance:none;text-align:left;border:1.5px solid var(--line);background:var(--page);color:var(--ink);font:inherit;cursor:pointer;border-radius:10px;justify-items:start;gap:6px;padding:10px 12px;font-size:13px;display:grid}.quiz-option:hover:not(:disabled){border-color:var(--accent)}.quiz-option:disabled{cursor:default}.quiz-option.wrong{border-color:var(--bad);background:var(--bad-soft)}.quiz-option.right{border-color:var(--ok);background:var(--ok-soft)}.quiz-result{gap:8px;display:grid}.quiz-result p{margin:0}.quiz-wrong{background:var(--bad-soft);border:1px solid var(--bad);border-radius:8px;padding:10px 12px;font-size:12.5px}.quiz-answer{font-size:12.5px;font-weight:600}.quiz-result .prose{font-size:15px}.step-more{border-left:3px solid var(--line);margin-top:12px;padding-left:12px}.more-toggle{appearance:none;color:var(--accent);font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;align-items:baseline;gap:8px;padding:4px 0;font-size:12.5px;display:flex}.more-toggle:before{content:"▸"}.step-more.open .more-toggle:before{content:"▾"}.more-badge{color:var(--muted);font-size:10.5px}.more-body{padding:6px 0 4px}.more-body .prose{font-size:15px}.ask-ai{border:1px solid var(--line);background:var(--node);border-radius:12px;gap:10px;margin-top:18px;padding:14px 16px;display:grid}.ask-ai h3{letter-spacing:.09em;text-transform:uppercase;color:var(--accent);margin:0;font-size:11px}.ask-ai-template{border-left:3px solid var(--accent);background:var(--accent-soft);font-family:var(--font-prose);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:0 8px 8px 0;margin:0;padding:10px 12px;font-size:15px;line-height:1.5}.ask-ai-actions{align-items:center;gap:10px;display:flex}.ask-ai-copied{color:var(--ok);font-size:12px}.surface-host{border-top:1px solid var(--line);background:var(--page);flex-direction:column;flex:0 auto;min-height:0;max-height:46%;display:flex}.surface-tabs{padding:8px max(16px, env(safe-area-inset-right,0px)) 0 16px;border-bottom:1px solid var(--line);flex-wrap:wrap;gap:4px;display:flex}.surface-tab{appearance:none;color:var(--muted);font:inherit;cursor:pointer;background:0 0;border:1px solid #0000;border-bottom:0;border-radius:8px 8px 0 0;padding:7px 12px;font-size:12px}.surface-tab.active{border-color:var(--line);background:var(--node);color:var(--ink);margin-bottom:-1px;font-weight:600}.surface-panel{padding:12px max(16px, env(safe-area-inset-right,0px)) 14px 16px;overflow:auto}.desktop-notice-backdrop{background:#0f172a73;position:fixed;inset:0}.desktop-notice-panel{border:1px solid var(--line);background:var(--page);width:min(360px,100vw - 32px);color:var(--ink);border-radius:14px;gap:12px;padding:20px;display:grid;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 18px 50px #00000040}.desktop-notice-title{margin:0;font-size:18px;font-weight:600}.desktop-notice-body{font-family:var(--font-prose);margin:0;font-size:15.5px;line-height:1.5}.desktop-notice-panel .btn{justify-content:center;justify-self:stretch;min-height:44px}@media (width<=880px){.app-lesson{height:auto;display:block}.lesson-page{display:block}.lesson-main{flex-direction:column;display:flex}.board-side{order:-1}.theory{border-right:0}.shows-board .theory{border-top:1px solid var(--line)}.theory-scroll{padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));overflow:visible}.step.past,.step-next,.task-actions,.nav-prev,.shows-text .board-side,.shows-text .theory-nav{display:none}.to-board-row{padding-bottom:max(20px, env(safe-area-inset-bottom,0px));margin-top:22px;display:block}.to-board{justify-content:center;width:100%;min-height:48px;font-size:15px}.app-lesson:has(.lesson-page.shows-board){grid-template-rows:auto minmax(0,1fr);height:100dvh;display:grid}.lesson-page.shows-board{grid-template-rows:auto minmax(0,1fr);min-height:0;display:grid}.shows-board .lesson-main{min-height:0}.shows-board .board-side{flex:1;min-height:0;overflow-y:auto}.shows-board .board-side>*{flex:none}.shows-board .board-side>.board-wrap{flex:1 0 auto}.shows-board .theory-scroll{display:none}.theory-nav{padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px));padding-bottom:max(12px, env(safe-area-inset-bottom,0px))}.to-text{display:inline-flex}@media (width<=560px){.nav-text{display:none}}.step-bar{display:flex}.board-wrap{flex-direction:column;display:flex}.board-palette{overscroll-behavior-x:contain;scrollbar-width:none;border-right:0;border-bottom:1px solid var(--line);padding:8px max(16px, env(safe-area-inset-right,0px)) 8px max(16px, env(safe-area-inset-left,0px));flex-flow:row;overflow:auto hidden}.palette-title,.palette-note,.palette-item.locked{display:none}.palette-item{flex:none;grid-template-columns:20px auto;gap:7px;padding:6px 10px 6px 8px}.palette-item svg{width:20px;height:20px}.palette-item .name{white-space:nowrap;overflow-wrap:normal}.board-scroll{overscroll-behavior-x:contain;flex:none;display:block;overflow:auto hidden}.board-stage{aspect-ratio:900/560;touch-action:pan-x pan-y pinch-zoom;width:max(100%,720px);display:flow-root;overflow:clip}.mode-chip{width:fit-content;margin:12px 0 0 12px;position:sticky;top:auto;left:12px}.toast{position:fixed}.surface-host{max-height:none}.surface-tabs{padding-inline:max(16px, env(safe-area-inset-left,0px)) max(16px, env(safe-area-inset-right,0px))}.surface-tab{flex:1 1 0}}@media (prefers-reduced-motion:reduce){.board-svg .board-node.pick-wrong .body,.board-svg .halo,.board-svg .board-edge.focus{animation:none}.timeline-step .bar,.step.past{transition:none}}.lesson-excerpt{-webkit-mask-image:linear-gradient(#000 max(25%,100% - 7em),#00000059 calc(100% - 2.5em),#0000);mask-image:linear-gradient(#000 max(25%,100% - 7em),#00000059 calc(100% - 2.5em),#0000)}.offer-how>summary::-webkit-details-marker{display:none}.offer-how>summary:after{content:"›";transition:transform .15s;display:inline-block}.offer-how[open]>summary:after{transform:rotate(90deg)}@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-gradient-position{syntax:"*";inherits:false}@property --tw-gradient-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-via{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --tw-gradient-stops{syntax:"*";inherits:false}@property --tw-gradient-via-stops{syntax:"*";inherits:false}@property --tw-gradient-from-position{syntax:"<length-percentage>";inherits:false;initial-value:0%}@property --tw-gradient-via-position{syntax:"<length-percentage>";inherits:false;initial-value:50%}@property --tw-gradient-to-position{syntax:"<length-percentage>";inherits:false;initial-value:100%}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{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-content{syntax:"*";inherits:false;initial-value:""}