@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-ext-wght-normal-BOeWTOD4.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-cyrillic-wght-normal-DqGufNeO.woff2)format("woff2-variations");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-ext-wght-normal-DlzME5K_.woff2)format("woff2-variations");unicode-range:U+1F??}@font-face{font-family:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-greek-wght-normal-CkhJZR-_.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-vietnamese-wght-normal-CBcvBZtf.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-ext-wght-normal-DO1Apj_S.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:Inter Variable;font-style:normal;font-display:swap;font-weight:100 900;src:url(/assets/inter-latin-wght-normal-Dx4kXJAl.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: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}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--font:"Inter Variable", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-display:"Unbounded Variable", var(--font);--ink:#000;--paper:#fff;--fog:#f2f2f2;--smoke:#6e6e6e;--hairline:#d9d9d9;--alarm:#e0261b;--on-alarm:#fff;--smoke-on-ink:#9a9a9a;--ink-soft:color-mix(in srgb, var(--paper) 18%, transparent);--ink-hover:color-mix(in srgb, var(--ink) 80%, var(--paper));--veil:color-mix(in srgb, var(--paper) 84%, transparent);--focus:var(--ink);--ease:cubic-bezier(.2, .9, .2, 1);--page-x:16px}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--ink:#fff;--paper:#000;--fog:#161616;--smoke:#9a9a9a;--hairline:#2e2e2e;--alarm:#ff4a3d;--on-alarm:#000;--smoke-on-ink:#6e6e6e}}@media (min-width:900px){:root{--page-x:32px}}@media (min-width:1280px){:root{--page-x:48px}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}html,body{height:100%}body{background:var(--paper);color:var(--ink);font:400 16px/1.5 var(--font);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-tap-highlight-color:transparent;margin:0}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit}:focus-visible{outline:2px solid var(--focus);outline-offset:3px}[hidden]{display:none!important}.sr-only,.visually-hidden-input,.chat-title{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.icon{flex:none;display:block}.noscript{max-width:560px;padding:0 var(--page-x);margin:15vh auto 0}.btn{min-height:48px;font:500 16px/1.2 var(--font);white-space:nowrap;-webkit-user-select:none;user-select:none;border:2px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;text-decoration:none;transition:background-color .15s,border-color .15s,color .15s;display:inline-flex}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--ink);color:var(--paper)}.btn-primary:hover{background:var(--ink-hover)}.btn-secondary{border-color:var(--ink);color:var(--ink);background:0 0}.btn-secondary:hover{background:var(--fog)}.btn-danger{background:var(--alarm);color:var(--on-alarm)}.btn-danger:hover{background:color-mix(in srgb, var(--alarm) 86%, var(--ink))}.btn-lg{min-height:56px;padding:0 28px}.icon-btn{width:44px;height:44px;color:inherit;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;padding:0;transition:background-color .15s;display:inline-grid}.icon-btn:hover{background:var(--hover,var(--fog))}.chip-btn{min-height:32px;color:inherit;font:500 13px/1 var(--font);white-space:nowrap;background:0 0;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px;text-decoration:none;transition:background-color .15s;display:inline-flex}.chip-btn:hover{background:var(--hover,var(--fog))}.link-btn{min-height:32px;color:inherit;font:600 13px/1 var(--font);text-underline-offset:3px;background:0 0;border:0;padding:0 4px;text-decoration:underline}@media (pointer:coarse){.chip-btn,.link-btn{min-height:44px}}.loader{background:var(--hairline);border-radius:999px;flex:none;width:56px;height:8px;display:inline-block;position:relative;overflow:hidden}.loader:after{content:"";border-radius:inherit;background:var(--ink);width:20px;animation:travel .9s var(--ease) infinite alternate;position:absolute;top:0;bottom:0;left:0;right:auto}.loader-sm{width:28px;height:6px}.loader-sm:after{width:10px}.screen{min-height:100vh;min-height:100dvh;padding:max(20px, env(safe-area-inset-top)) max(var(--page-x), env(safe-area-inset-right)) max(32px, env(safe-area-inset-bottom)) max(var(--page-x), env(safe-area-inset-left));grid-template-rows:auto 1fr auto;display:grid}.screen-top{align-items:center;min-height:48px;display:flex}.brand{flex:none;display:block}.logo-tile{fill:var(--ink)}.logo-glyph{fill:var(--paper)}.logo-word{fill:var(--ink)}.credit{color:var(--smoke);margin:0;font-size:13px}.credit a{color:inherit;text-underline-offset:3px;text-decoration:underline}.credit a:hover{color:var(--ink)}.screen-foot{text-align:center;padding-top:16px}.app-foot{padding:0 var(--page-x) 14px;text-align:center;grid-area:foot;display:none}.app[data-layout=wide] .app-foot{display:block}.screen-card{align-self:center;align-items:flex-start;gap:16px;width:min(640px,100%);margin:0 auto;padding:48px 0}.screen-station{border:2px solid var(--ink);border-radius:22%;place-items:center;width:72px;height:72px;margin-bottom:16px;display:grid}.screen-station[data-tone=done]{background:var(--ink);color:var(--paper)}.screen-station[data-tone=danger]{border-color:var(--alarm);color:var(--alarm)}.screen-title{font:500 clamp(31px, 6vw, 49px) / 1.05 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}.screen-title:focus{outline:none}.screen-card>.screen-title+.screen-text{margin-top:12px}.screen-text{text-wrap:pretty;max-width:34em;margin:0;font-size:20px;line-height:1.45}.screen-actions{flex-wrap:wrap;gap:12px;margin-top:16px;display:flex}@media (max-width:479.98px){.screen-actions{flex-direction:column;align-self:stretch}}.screen-loading{grid-template-rows:1fr}.screen-loading .screen-card{text-align:center;align-items:center;gap:20px}.screen-status{color:var(--smoke);margin:0}.screen-note{background:var(--ink);color:var(--paper);border-radius:999px;align-items:center;gap:10px;margin:0;padding:10px 18px;font-size:13px;font-weight:500;display:inline-flex}.welcome{--tube:6px}.welcome-body{flex-direction:column;align-self:center;gap:28px;width:min(640px,100%);margin:0 auto;padding:20px 0 40px;display:flex}.welcome-art{align-items:center;width:min(100%,340px);display:flex}.welcome-station{background:var(--ink);width:80px;height:80px;color:var(--paper);border-radius:22%;flex:none;place-items:center;display:grid}.welcome-station[data-device=phone]{width:60px;height:60px}.welcome-station .icon{width:46%;height:46%}.welcome-tube{min-width:88px;height:var(--tube);background:var(--ink);flex:1;position:relative}.welcome-capsule{border:2px solid var(--ink);background:var(--paper);border-radius:999px;place-items:center;width:64px;height:36px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.welcome-title{max-width:13em}.welcome-lead{text-wrap:pretty;max-width:30em;margin:16px 0 0;font-size:18px;line-height:1.45}.welcome-actions{flex-direction:column;gap:12px;margin-top:28px;display:flex}.welcome-hint{max-width:30em;color:var(--smoke);text-wrap:pretty;margin:16px 0 0}.welcome-alt{margin:8px 0 0}.welcome-alt .link-btn{min-height:44px;padding:0;font-size:15px}.hint-host{color:var(--ink);white-space:nowrap;font-weight:600}.pair-card{--pair-port:200px;text-align:center;flex-direction:column;align-items:center;width:min(100%,320px);display:flex}.pair-card:focus{outline:none}.pair-port{width:var(--pair-port);height:var(--pair-port);padding:calc(var(--pair-port) * .075);background:var(--ink);color:var(--paper);border-radius:22%;flex:none;position:relative}.pair-qr{border-radius:calc(var(--pair-port) * .06);background:#fff;width:100%;height:100%;overflow:hidden}.pair-qr svg{width:100%;height:100%;display:block}.pair-card:not([data-state=ready]) .pair-qr{visibility:hidden}.pair-status{flex-direction:column;justify-content:center;align-items:center;padding:12%;display:flex;position:absolute;top:0;bottom:0;left:0;right:0}.pair-card[data-state=ready] .pair-status .loader,.pair-card[data-state=expired] .pair-status .loader{display:none}.pair-note{text-wrap:balance;margin:0;font-size:15px;font-weight:500;line-height:1.4}.pair-note:not(:empty){margin-top:16px}.pair-card[data-state=expired] .pair-note{font:500 clamp(18px, calc(var(--pair-port) * .075), 25px) / 1.1 var(--font-display);letter-spacing:-.02em;margin-top:0}.pair-renew{background:var(--paper);color:var(--ink);margin-top:20px}.pair-renew:hover{background:var(--fog)}.pair-tube{width:var(--tube);background:var(--ink);flex:none;height:24px}.pair-code{border:2px solid var(--ink);min-width:7.6em;min-height:2.1em;font:500 clamp(22px, calc(var(--pair-port) * .1), 36px) / 1 var(--font-display);letter-spacing:.06em;font-variant-numeric:tabular-nums;white-space:nowrap;-webkit-user-select:all;user-select:all;border-radius:999px;justify-content:center;align-items:center;gap:.5em;margin:0;padding:0 .9em;display:flex}.pair-card:not([data-state=ready]) .pair-code{border-color:var(--hairline)}.pair-text{color:var(--smoke);text-wrap:balance;margin:16px 0 0;font-size:15px;line-height:1.45}@media (min-width:480px){.welcome-actions{flex-flow:wrap}}@media (min-width:900px) and (min-height:501px){.welcome{--tube:8px}.welcome-body{--port:clamp(232px, min(25vw, 42vh), 380px);--gap:clamp(64px, 7vw, 120px);grid-template-columns:var(--port) var(--gap) minmax(0, 760px);align-items:center;gap:0;width:100%;margin:0;padding:24px 0 48px;display:grid}.welcome-art{flex-direction:column;grid-column:1;justify-self:start;width:auto;height:clamp(420px,64vh,620px)}.welcome-station{width:calc(var(--port) * .62);height:calc(var(--port) * .62)}.welcome-station[data-device=phone]{width:calc(var(--port) * .4);height:calc(var(--port) * .4)}.welcome-tube{width:var(--tube);min-width:0;height:auto;min-height:120px}.welcome-capsule{width:52px;height:88px}.welcome-copy{grid-area:1/3}.pair-card{--pair-port:var(--port);width:var(--port);grid-area:1/1}.pair-tube{height:36px}.welcome-title{font-size:clamp(39px,3.6vw,61px)}.welcome-lead{margin-top:24px;font-size:20px}.welcome-actions{margin-top:36px}}@media (max-height:500px){.welcome{padding-top:max(12px, env(safe-area-inset-top));padding-bottom:max(16px, env(safe-area-inset-bottom))}.welcome-body{gap:16px;padding:8px 0 16px}.welcome-title{max-width:16em;font-size:clamp(24px,5.5vh,31px)}.welcome-lead{margin-top:10px;font-size:16px}.welcome-actions{margin-top:18px}.welcome-actions .btn{min-height:48px;padding:0 22px}.welcome-hint{margin-top:10px}.welcome-alt{margin-top:4px}.pair-card{--pair-port:min(180px, 40vh)}.pair-tube{height:16px}.pair-text{display:none}}@media (max-height:500px) and (max-width:559.98px){.welcome-art{width:min(100%,260px)}.welcome-station{width:56px;height:56px}.welcome-station[data-device=phone]{width:42px;height:42px}.welcome-capsule{width:52px;height:30px}}@media (max-height:500px) and (min-width:560px){.welcome-body{grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:clamp(32px,6vw,64px);width:min(860px,100%);display:grid}.welcome-copy{grid-area:1/2}.pair-card{grid-area:1/1;width:auto}.welcome-art{flex-direction:column;width:auto;height:min(220px,56vh)}.welcome-station{width:64px;height:64px}.welcome-station[data-device=phone]{width:44px;height:44px}.welcome-tube{width:var(--tube);min-width:0;height:auto;min-height:40px}.welcome-capsule{width:34px;height:56px}}.screen-note .loader,.banner .loader,.pair-status .loader,.btn-primary .loader{background:var(--ink-soft)}.screen-note .loader:after,.banner .loader:after,.pair-status .loader:after,.btn-primary .loader:after{background:var(--paper)}.app{--tube:6px;--stub:14px;height:100vh;grid-template:"brand controls""usage usage""strip strip""banner banner""main main"minmax(0,1fr)"foot foot"/minmax(0,1fr) auto;height:100dvh;display:grid;overflow:hidden}.app[data-layout=wide]{--tube:8px;--stub:20px}.topbar{min-width:0;padding:20px var(--page-x);grid-area:brand;align-items:center;gap:24px;display:flex}.topbar-mark{display:none}.topbar-mark .logo-mark{display:block}.brand-tagline{max-width:32ch;color:var(--smoke);margin:0;font-size:13px;line-height:1.4;display:none}.app[data-layout=wide][data-phase=waiting] .brand-tagline{display:block}.app[data-layout=wide][data-usage=shown] .brand-tagline{display:none}.session-controls{padding:20px var(--page-x) 20px 0;grid-area:controls;align-items:center;gap:12px;display:flex}.timer-wrap{align-items:center;gap:12px;margin:0;display:flex}.timer-label{color:var(--smoke);white-space:nowrap;font-size:13px}@media (min-width:1200px){.app[data-layout=wide][data-timer=pending] .timer-label{text-align:right;text-wrap:balance;white-space:normal;max-width:25em;line-height:1.35}}@media (max-width:1199.98px){.app[data-timer=pending] .timer-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (max-width:1023.98px){.app[data-usage=shown] .timer-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.timer-capsule{background:var(--fog);height:44px;color:var(--ink);border-radius:999px;align-items:center;gap:12px;padding:0 16px 0 18px;transition:background-color .3s,color .3s;display:inline-flex}.timer{min-width:3.6em;font:500 16px/1 var(--font-display);font-variant-numeric:tabular-nums}.timer-gauge{background:var(--hairline);border-radius:999px;width:64px;height:8px;position:relative;overflow:hidden}.timer-gauge-fill{border-radius:inherit;background:var(--ink);transform-origin:0;transition:transform 1s linear;position:absolute;top:0;bottom:0;left:0;right:0}.app[data-timer=warning] .timer-capsule{background:var(--ink);color:var(--paper)}.app[data-timer=warning] .timer-gauge{background:var(--ink-soft)}.app[data-timer=warning] .timer-gauge-fill{background:var(--paper)}.end-btn{min-height:44px;padding:0 20px}.end-btn .icon{display:none}.usage{--usage-dot:8px;--usage-bg:var(--fog);--usage-track:var(--hairline);--usage-sending:var(--smoke);background:var(--usage-bg);height:44px;color:var(--ink);white-space:nowrap;border-radius:999px;flex:none;align-items:center;gap:12px;padding:0 16px 0 18px;transition:background-color .3s,color .3s;display:inline-flex}.usage-text{align-items:baseline;gap:6px;display:inline-flex}.usage-used{font:500 16px/1 var(--font-display);font-variant-numeric:tabular-nums}.usage-limit{color:var(--smoke);font-size:13px;line-height:1}.usage-gauge{width:80px;height:var(--usage-dot);background:var(--usage-track);border-radius:999px;position:relative;overflow:hidden}.usage-fill{border-radius:inherit;background:var(--ink);width:0;transition:width .4s var(--ease);position:absolute;top:0;bottom:0;left:0;right:auto}.usage-fill-sending{--stripe:color-mix(in srgb, var(--usage-sending) 55%, var(--usage-track));background:var(--usage-sending) linear-gradient(-45deg, var(--stripe) 25%, transparent 25% 50%, var(--stripe) 50% 75%, transparent 75%) 0 0 / 16px 16px}.usage[data-sending=true] .usage-fill:not(.usage-fill-sending){box-shadow:2px 0 0 var(--usage-bg)}.usage[data-sending=true] .usage-fill-sending{animation:.6s linear infinite stripes-sm}.usage[data-state=high],.usage[data-state=full]{--usage-bg:var(--ink);--usage-track:var(--ink-soft);--usage-sending:var(--smoke-on-ink);color:var(--paper)}.usage[data-state=high] .usage-limit{color:var(--smoke-on-ink)}.usage[data-state=high] .usage-fill:not(.usage-fill-sending),.usage[data-state=full] .usage-fill:not(.usage-fill-sending){background:var(--paper)}.usage[data-state=full] .usage-used{font:600 14px/1 var(--font)}.usage-row{grid-area:usage}.banner{background:var(--ink);color:var(--paper);border-radius:999px;grid-area:banner;justify-self:center;align-items:center;gap:12px;margin:0 16px 12px;padding:10px 20px;font-size:14px;font-weight:500;line-height:1.3;display:inline-flex}.workspace{grid-area:main;min-width:0;min-height:0}.device-strip{grid-area:strip;display:none}.app[data-layout=narrow] .topbar{min-height:calc(64px + env(safe-area-inset-top));padding:env(safe-area-inset-top) 0 0 max(16px, env(safe-area-inset-left))}.app[data-layout=narrow] .session-controls{padding:env(safe-area-inset-top) max(8px, env(safe-area-inset-right)) 0 0;gap:4px}.app[data-layout=narrow] .timer-label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.app[data-layout=narrow] .timer-capsule{gap:10px;height:40px;padding:0 14px 0 16px}.app[data-layout=narrow] .timer{font-size:15px}.app[data-layout=narrow] .timer-gauge{width:40px;height:6px}.app[data-layout=narrow] .end-btn{border-color:#0000;width:44px;padding:0}.app[data-layout=narrow] .end-btn .icon{display:block}.app[data-layout=narrow] .end-btn .btn-label{display:none}.app[data-layout=narrow] .usage{--usage-dot:6px;gap:10px;height:40px;padding:0 14px 0 16px}.app[data-layout=narrow] .usage-used{font-size:15px}.app[data-layout=narrow] .usage-gauge{width:48px}.app[data-layout=narrow] .session-controls .usage{margin-left:4px}.app[data-layout=narrow] .usage-row{padding:0 max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left))}.app[data-layout=narrow] .usage-row .usage{height:36px;display:flex}.app[data-layout=narrow] .usage-row .usage-gauge{flex:1;width:auto}.app[data-layout=narrow][data-phase=waiting]:not([data-feed=open]) .usage-row{display:none}@media (max-width:639.98px){.app .topbar .brand{display:none}.app .topbar-mark{display:block}}.app[data-layout=narrow][data-phase=session] .device-strip,.app[data-layout=narrow][data-feed=open] .device-strip{padding:0 max(16px, env(safe-area-inset-right)) 12px max(16px, env(safe-area-inset-left));border-bottom:1px solid var(--hairline);align-items:center;gap:8px;display:flex}.strip-devices{scrollbar-width:none;flex:1;min-width:0;position:relative;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000);mask-image:linear-gradient(90deg,#000 calc(100% - 20px),#0000)}.strip-devices::-webkit-scrollbar{display:none}.chip-connect{flex:none;min-height:40px;padding:0 16px 0 12px;font-size:14px}.strip-scan{border:2px solid var(--ink)}@media (pointer:coarse){.chip-connect{min-height:44px}}@media (max-width:379.98px){.chip-connect{width:44px;min-height:44px;padding:0}.chip-connect>span{display:none}}.app[data-layout=narrow] .workspace{flex-direction:column;display:flex}.app[data-layout=narrow] .side,.app[data-layout=narrow] .devices-card{display:none}.app[data-layout=narrow] .chat{flex:1}.app[data-layout=narrow][data-phase=waiting][data-feed=closed] .side{overscroll-behavior:contain;flex:1;display:block;overflow-y:auto}.app[data-layout=narrow][data-phase=waiting][data-feed=closed] .chat{display:none}.app[data-layout=narrow] .connect-card{padding:16px max(16px, env(safe-area-inset-right)) calc(32px + env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left))}.app[data-layout=wide][data-phase=session] .workspace{grid-template-columns:clamp(280px,22vw,340px) minmax(0,1fr);display:grid}.app[data-layout=wide][data-phase=session] .side{min-height:0;padding:8px 32px 32px var(--page-x);overscroll-behavior:contain;border-right:1px solid var(--hairline);flex-direction:column;gap:48px;display:flex;overflow-y:auto}.app[data-layout=wide][data-phase=session] .chat{min-height:0;padding:0 var(--page-x) 24px;flex-direction:column;display:flex}.app[data-layout=wide][data-phase=waiting] .workspace{--port:clamp(232px, min(25vw, 42vh), 380px);--gap:clamp(64px, 7vw, 120px);--run:calc(var(--port) / 2 + var(--gap) / 2);--bend:52px;--bend-r:28px;padding:4px var(--page-x) 24px;grid-template-rows:auto minmax(220px,1fr);display:grid;overflow-y:auto}.app[data-layout=wide][data-phase=waiting] .devices-card{display:none}.app[data-layout=wide][data-phase=waiting] .chat{grid-template-columns:var(--port) var(--gap) minmax(0, 680px);grid-template-rows:var(--bend) minmax(0, 1fr) auto;grid-template-areas:". . .""hint feed feed"".composer composer";min-height:0;display:grid;position:relative}.app[data-layout=wide][data-phase=waiting] .chat:before,.app[data-layout=wide][data-phase=waiting] .chat:after{content:"";border:0 solid var(--ink);pointer-events:none;position:absolute}.app[data-layout=wide][data-phase=waiting] .chat:before{top:0;left:calc(var(--port) / 2 - var(--tube) / 2);width:calc(var(--run) / 2 + var(--tube));height:var(--bend);border-bottom-width:var(--tube);border-left-width:var(--tube);border-bottom-left-radius:var(--bend-r)}.app[data-layout=wide][data-phase=waiting] .chat:after{top:calc(var(--bend) - var(--tube));left:calc(var(--port) / 2 + var(--run) / 2);width:calc(var(--run) / 2 + var(--tube) / 2);height:calc(var(--bend-r) + var(--tube) + 2px);border-top-width:var(--tube);border-right-width:var(--tube);border-top-right-radius:var(--bend-r)}.app[data-layout=wide][data-phase=waiting] .chat-head{grid-area:hint}.app[data-layout=wide][data-phase=waiting] .chat-hint{text-align:right;text-wrap:pretty;max-width:17em;margin:0 0 0 auto;padding:24px 32px 0 0;display:block}.app[data-layout=wide][data-phase=waiting] .feed-wrap{--spine-x:calc(var(--gap) / 2 - var(--tube) / 2);grid-area:feed}.app[data-layout=wide][data-phase=waiting] .feed-wrap:before{top:var(--bend-r);border-radius:0 0 999px 999px}.app[data-layout=wide][data-phase=waiting] .composer{padding-left:calc(var(--gap) / 2 - var(--tube) / 2);grid-area:composer}.app[data-layout=wide][data-phase=waiting] .feed-empty{display:none}.card-title{justify-content:space-between;align-items:baseline;gap:12px;margin:0 0 20px;font-size:16px;font-weight:600;line-height:1.3;display:flex}.card-count{color:var(--smoke);font-variant-numeric:tabular-nums;font-size:13px;font-weight:500}.card-note{color:var(--smoke);text-wrap:pretty;margin:16px 0 0;font-size:13px;line-height:1.4}.device-list{margin:0;padding:0;list-style:none}.devices-card .device-list{flex-direction:column;gap:16px;display:flex}.devices-card .device{grid-template-columns:48px minmax(0,1fr) auto;align-items:center;column-gap:14px;display:grid;position:relative}.device-remove{color:var(--smoke)}.devices-card .device-remove{width:36px;height:36px;margin-right:-6px}@media (pointer:coarse){.devices-card .device-remove{width:44px;height:44px}}.device-remove:hover{color:var(--ink)}.device-tile{border:2px solid var(--ink);border-radius:22%;place-items:center;width:48px;height:48px;display:grid}.device[data-self=true] .device-tile{background:var(--ink);color:var(--paper)}.status-dot{border:2px solid var(--ink);background:var(--paper);border-radius:50%;flex:none;width:12px;height:12px}.device[data-online=true] .status-dot{background:var(--ink)}.devices-card .status-dot{box-shadow:0 0 0 3px var(--paper);position:absolute;top:38px;left:38px}.device-you{display:none}.device-text{flex-direction:column;min-width:0;display:flex}.device-name{white-space:nowrap;text-overflow:ellipsis;font-weight:500;line-height:1.3;overflow:hidden}.device-note{color:var(--smoke);font-size:13px;line-height:1.4}.device-strip .device-list{gap:20px;padding-right:20px;display:flex}.device-strip .device{flex:none;align-items:center;gap:8px;height:44px;font-size:15px;display:flex;position:relative}.device-strip .device-remove{border-radius:999px;width:auto;height:auto;position:absolute;top:0;bottom:0;left:0;right:0}.device-strip .device-remove:hover{background:0 0}.device-strip .device-remove:focus-visible{outline-offset:-2px}.device-strip .device-remove .icon,.device-strip .device-tile{display:none}.device-strip .status-dot{width:10px;height:10px}.device-strip .device-name{max-width:180px}.device-strip .device-you{font-weight:500;display:inline}.device-strip .device-note,.device-strip .device[data-self=true] .device-name{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.connect-card{container:connect/inline-size}.connect{--port:min(100cqi, 320px);flex-direction:column;align-items:flex-start;gap:24px;width:100%;display:flex}.connect-title{font:500 31px/1.05 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}.connect-title:focus{outline:none}.connect-lead{max-width:34em;color:var(--smoke);text-wrap:pretty;margin:12px 0 0}.qr-frame{width:var(--port);height:var(--port);padding:calc(var(--port) * .075);background:var(--ink);border-radius:22%;flex:none;position:relative}.qr{border-radius:calc(var(--port) * .06);background:#fff;width:100%;height:100%;overflow:hidden}.qr svg{width:100%;height:100%;display:block}.qr-enlarge,.connect-tube,.open-feed{display:none}.steps{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex}.steps li{grid-template-columns:36px minmax(0,1fr);align-items:baseline;display:grid}.step-num{font:500 20px/1 var(--font-display)}.connect-actions{flex-wrap:wrap;gap:12px;width:100%;max-width:560px;display:flex}.connect-actions .btn{white-space:normal;text-align:center;padding:0 16px}.connect[data-touch=true] .connect-actions .btn{flex:auto}.link-line{flex-wrap:wrap;align-items:center;gap:12px 20px;width:100%;display:flex}.link-line .link-row{flex:360px;min-width:0}.link-line .connect-actions{flex:1 0 auto;width:auto}@container connect (width<=479.98px){.connect-actions{flex-direction:column}}@container connect (width<=299.98px){.connect-actions .btn{gap:6px;padding:0 12px;font-size:15px}}.connect-alt{max-width:34em;color:var(--smoke);text-wrap:pretty;margin:0}.connect:not([data-mode=hero]) .connect-alt{display:none}.link-row{background:var(--fog);border-radius:999px;align-items:center;gap:4px;width:100%;max-width:560px;padding:4px;display:flex}.join-link{font-variant-numeric:tabular-nums;border-radius:999px;flex:auto;align-items:center;gap:10px;min-width:0;min-height:44px;padding:0 8px 0 14px;font-weight:500;text-decoration:none;display:flex}.join-link .icon{color:var(--smoke)}.join-link:hover .join-link-text{text-underline-offset:3px;text-decoration:underline}.join-link-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.join-link-proto{display:none}.link-actions{flex:none;gap:4px;display:flex}.link-actions .btn{min-height:44px;padding:0 18px}.link-actions .btn .icon{display:none}.lan-hint{border:2px solid var(--hairline);border-radius:999px;align-items:center;gap:8px;margin:0;padding:6px 14px;font-size:13px;line-height:1.4;display:inline-flex}@container connect (width<=479.98px){.connect:not([data-mode=compact]) .link-row{background:0 0;border-radius:0;flex-wrap:wrap;gap:8px;padding:0}.connect:not([data-mode=compact]) .join-link{background:var(--fog);flex-basis:100%;min-height:48px;padding:0 18px}.connect:not([data-mode=compact]) .link-actions{flex:100%;gap:8px}.connect:not([data-mode=compact]) .link-actions .btn{flex:1 1 0;min-height:48px}.connect:not([data-mode=compact]) .link-actions .btn .icon{display:block}}.app[data-layout=narrow] .connect[data-mode=hero] .open-feed{width:100%;max-width:560px;display:inline-flex}@container connect (width>=700px){.app[data-layout=wide] .connect[data-mode=hero]{--port:clamp(232px, min(25vw, 42vh), 380px);grid-template-columns:var(--port) var(--gap) minmax(0, 680px);grid-template-rows:auto auto auto auto auto 1fr 40px;grid-template-areas:"port.head""port.steps""port.alt""port.link""port.hint""port. ."". . .";align-items:start;gap:0;display:grid}.app[data-layout=wide] .connect[data-mode=hero][data-touch=true]{grid-template-rows:auto auto auto auto auto auto 1fr 40px;grid-template-areas:"port.head""port.more""port.steps""port.alt""port.link""port.hint""port. ."". . ."}.app[data-layout=wide] .connect[data-mode=hero][data-touch=true] .connect-actions{grid-area:more;margin:0 0 36px}.app[data-layout=wide] .connect[data-mode=hero][data-touch=false] .connect-actions .btn{text-underline-offset:3px;background:0 0;border:0;min-height:32px;padding:0;font-weight:600;text-decoration:underline}.app[data-layout=wide] .connect[data-mode=hero] .connect-head{grid-area:head;margin-bottom:36px}.app[data-layout=wide] .connect[data-mode=hero] .connect-title{font-size:clamp(39px,3.6vw,61px)}.app[data-layout=wide] .connect[data-mode=hero] .qr-frame{grid-area:port}.app[data-layout=wide] .connect[data-mode=hero] .connect-tube{width:var(--tube);margin-top:var(--port);background:var(--ink);grid-area:1/1/-1;place-self:stretch center;display:block}.app[data-layout=wide] .connect[data-mode=hero] .steps{grid-area:steps;margin-bottom:36px}.app[data-layout=wide] .connect[data-mode=hero]:has(.connect-alt) .steps{margin-bottom:16px}.app[data-layout=wide] .connect[data-mode=hero] .connect-alt{grid-area:alt;max-width:40em;margin-bottom:28px}.app[data-layout=wide] .connect[data-mode=hero] .link-line{grid-area:link}.app[data-layout=wide] .connect[data-mode=hero] .link-line .connect-actions{flex-grow:0}.app[data-layout=wide] .connect[data-mode=hero] .lan-hint{grid-area:hint;justify-self:start;margin-top:16px}}.connect[data-mode=compact]{--port:104px;grid-template-columns:var(--port) minmax(0, 1fr);grid-template-areas:"port head""link link""hint hint";align-items:center;gap:16px;display:grid}.connect[data-mode=compact][data-touch=true]{grid-template-areas:"more more""port head""link link""hint hint"}.connect[data-mode=compact][data-touch=true] .connect-actions{grid-area:more}.connect[data-mode=compact] .connect-actions{gap:8px}.connect[data-mode=compact] .connect-actions .btn{min-height:44px;font-size:15px}.connect[data-mode=compact] .connect-head{grid-area:head}.connect[data-mode=compact] .connect-title{font:600 16px/1.3 var(--font);letter-spacing:0}.connect[data-mode=compact] .connect-lead{margin-top:4px;font-size:13px;line-height:1.4}.connect[data-mode=compact] .qr-frame{grid-area:port}.connect[data-mode=compact] .steps{display:none}.connect[data-mode=compact] .link-line{grid-area:link;row-gap:16px}.connect[data-mode=compact] .join-link{font-size:13px}.connect[data-mode=compact] .copy-link{width:44px;padding:0}.connect[data-mode=compact] .copy-link .icon{display:block}.connect[data-mode=compact] .copy-link .btn-label{display:none}.connect[data-mode=compact] .lan-hint{grid-area:hint;justify-self:start}.connect[data-mode=compact] .qr-enlarge{border-radius:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.qr-enlarge-badge{border:2px solid var(--ink);background:var(--paper);width:32px;height:32px;color:var(--ink);border-radius:50%;place-items:center;transition:background-color .15s;display:grid;position:absolute;bottom:-8px;right:-8px}.qr-enlarge:hover .qr-enlarge-badge{background:var(--fog)}.connect[data-mode=sheet]{--port:min(100cqi, 300px);gap:20px}.connect[data-mode=sheet] .connect-title{padding-right:40px;font-size:25px;line-height:1.1}.connect[data-mode=sheet] .steps{display:none}.chat{flex-direction:column;min-width:0;min-height:0;display:flex}.chat-hint{display:none}.feed-wrap{--spine-x:max(16px, env(safe-area-inset-left));--lane:calc(var(--spine-x) + var(--tube) + var(--stub));flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.feed-wrap:before{content:"";top:0;bottom:0;left:var(--spine-x);width:var(--tube);background:var(--ink);pointer-events:none;border-radius:999px;position:absolute}.feed{min-height:0;padding:20px max(16px, env(safe-area-inset-right)) 20px 0;overscroll-behavior:contain;flex-direction:column;flex:1;display:flex;overflow-y:auto}.feed:focus-visible{outline-offset:-4px}.feed-list{padding:0 0 0 var(--lane);flex-direction:column;gap:16px;margin:auto 0 0;list-style:none;display:flex}.feed-empty{max-width:calc(var(--lane) + 30rem);padding:24px 0 24px var(--lane);margin:auto 0}.feed-empty-title{font:500 25px/1.1 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0 0 8px}.feed-empty-hint{color:var(--smoke);text-wrap:pretty;margin:0}.app[data-layout=wide][data-phase=session] .feed-wrap{--spine-x:calc(50% - var(--tube) / 2);--lane:calc(50% + var(--tube) / 2 + var(--stub))}.app[data-layout=wide][data-phase=session] .feed{scrollbar-gutter:stable both-edges;padding:24px 0}.app[data-layout=wide][data-phase=session] .feed-list{width:100%;max-width:760px;margin:auto auto 0;padding:0}.app[data-layout=wide][data-phase=session] .msg{width:calc(50% - var(--tube) / 2 - var(--stub))}.app[data-layout=wide][data-phase=session] .msg[data-own=false]{align-self:flex-start;align-items:flex-end}.app[data-layout=wide][data-phase=session] .msg[data-own=true]{align-self:flex-end}.app[data-layout=wide][data-phase=session] .msg[data-own=false] .bubble:before{left:100%;right:auto}.app[data-layout=wide][data-phase=session] .feed-empty{width:100%;max-width:760px;padding-left:calc(50% + var(--tube) / 2 + var(--stub));margin:auto auto 0}.jump-latest{bottom:16px;left:var(--lane);background:var(--ink);height:40px;color:var(--paper);--focus:var(--ink);border:0;border-radius:999px;align-items:center;gap:8px;padding:0 18px 0 14px;font-size:14px;font-weight:500;display:inline-flex;position:absolute}.app[data-layout=wide][data-phase=session] .jump-latest{left:50%;transform:translate(-50%)}@media (pointer:coarse){.jump-latest{height:44px}}.msg{flex-direction:column;align-items:flex-start;min-width:0;display:flex;position:relative}.msg.is-grouped{margin-top:-8px}.msg-from{max-width:100%;color:var(--smoke);white-space:nowrap;text-overflow:ellipsis;margin:0 0 6px;padding:0 14px;font-size:13px;font-weight:500;line-height:20px;overflow:hidden}.msg.is-grouped .msg-from{display:none}.bubble{--muted:var(--smoke);--hover:var(--fog);--focus:var(--ink);--glyph:var(--fog);border:2px solid var(--ink);background:var(--paper);min-width:0;max-width:min(100%,560px);color:var(--ink);border-radius:27px;flex-wrap:wrap;align-items:center;column-gap:12px;padding:9px 9px 9px 20px;display:flex;position:relative}.msg[data-own=true] .bubble{--muted:var(--smoke-on-ink);--hover:var(--ink-soft);--focus:var(--paper);--glyph:var(--ink-soft);background-color:var(--ink);color:var(--paper)}.bubble:before{content:"";width:calc(var(--stub) + var(--tube) / 2 + 2px);background:var(--ink);height:4px;position:absolute;top:21px;right:100%}.msg-text{white-space:pre-wrap;overflow-wrap:anywhere;flex:auto;min-width:0;margin:0;padding:3px 4px 3px 0;line-height:24px}.msg-text.is-collapsed{max-height:15em;overflow:hidden;-webkit-mask-image:linear-gradient(#000 60%,#0000);mask-image:linear-gradient(#000 60%,#0000)}.msg-foot{flex-wrap:wrap;flex:none;align-items:center;gap:2px 4px;max-width:100%;min-height:32px;margin-left:auto;display:flex}.msg-foot:has(.more-btn){flex-basis:100%}.more-btn{margin-right:auto}.msg-time{color:var(--muted);font-variant-numeric:tabular-nums;padding:0 6px;font-size:13px}.msg-actions{gap:2px;display:flex}.msg-status{color:var(--muted);align-items:center;gap:6px;padding:0 6px;font-size:13px;display:inline-flex}.msg[data-pending=true]:not([data-status=failed]) .bubble{background-image:linear-gradient(-45deg, var(--ink-soft) 25%, transparent 25% 50%, var(--ink-soft) 50% 75%, transparent 75%);background-size:24px 24px;animation:.9s linear infinite stripes}.msg[data-status=failed] .bubble,.msg[data-state=error] .bubble{--muted:var(--alarm);--hover:var(--fog);--focus:var(--ink);--glyph:var(--fog);border-color:var(--alarm);background:var(--paper);color:var(--ink)}.msg[data-status=failed] .msg-status{font-weight:600}.bubble-file{border-radius:999px;width:min(100%,380px);padding:6px;display:block}.bubble-file:before{top:calc(50% - 2px)}.file-row{align-items:center;gap:12px;min-height:48px;display:flex}.file-icon{background:var(--glyph);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;display:grid}.file-info{flex-direction:column;flex:1;gap:2px;min-width:0;padding:4px 0;display:flex}.file-name{overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:15px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.file-name-tail{white-space:nowrap}.file-meta{color:var(--muted);font-variant-numeric:tabular-nums;flex-wrap:wrap;align-items:center;gap:0 12px;font-size:13px;line-height:1.4;display:flex}.file-percent{font-weight:600}.msg[data-state=error] .file-meta{flex-wrap:nowrap;align-items:flex-start;gap:0 6px;font-weight:600}.msg[data-state=error] .file-meta .icon{margin-top:1px}.dl-btn{background:var(--ink);width:48px;height:48px;color:var(--paper);border-radius:50%;flex:none;place-items:center;transition:background-color .15s;display:grid}.dl-btn:hover{background:var(--ink-hover)}.msg[data-own=true] .dl-btn{background:var(--paper);color:var(--ink)}.msg[data-own=true] .dl-btn:hover{background:var(--fog)}.file-actions{flex:none;gap:2px;display:flex}.thumb{background:var(--fog);aspect-ratio:4/3;border-radius:32px;width:min(100%,380px);margin-bottom:8px;display:block;overflow:hidden}.thumb img{object-fit:cover;width:100%;height:100%;display:block}.progress{background:var(--ink-soft);border-radius:999px;height:8px;margin:4px 26px 6px 66px;overflow:hidden}.progress-bar{border-radius:inherit;background-color:var(--paper);background-image:linear-gradient(-45deg, var(--smoke-on-ink) 25%, transparent 25% 50%, var(--smoke-on-ink) 50% 75%, transparent 75%);background-size:16px 16px;width:0;height:100%;transition:width .25s ease-out}.msg[data-state=uploading] .progress-bar,.msg[data-state=processing] .progress-bar{animation:.6s linear infinite stripes-sm}.msg[data-state=error] .progress{display:none}.composer{padding:8px max(16px, env(safe-area-inset-right)) max(12px, env(safe-area-inset-bottom)) max(16px, env(safe-area-inset-left));flex:none}.app[data-layout=wide] .composer{padding-bottom:0;padding-right:0}.app[data-layout=wide][data-phase=session] .composer{width:100%;max-width:760px;margin:0 auto;padding:12px 0 0}.composer-row{border:2px solid var(--ink);background:var(--paper);border-radius:28px;align-items:flex-end;gap:4px;padding:4px;display:flex}.composer-row:has(.composer-input:focus-visible){box-shadow:0 0 0 2px var(--focus)}.composer-field{flex:1;min-width:0;display:flex}.composer-input{min-width:0;min-height:44px;max-height:166px;color:var(--ink);resize:none;background:0 0;border:0;outline:0;flex:1;padding:10px 6px;font-size:16px;line-height:24px;display:block;overflow-y:hidden}.composer-input:focus-visible{outline:none}.composer-input.is-scrolling{overflow-y:auto}.composer-input::placeholder{color:var(--smoke);opacity:1}.send-btn{background:var(--ink);width:44px;height:44px;color:var(--paper);border:0;border-radius:50%;flex:none;place-items:center;transition:background-color .15s,color .15s;display:grid}.send-btn:hover:not(:disabled){background:var(--ink-hover)}.send-btn:disabled{background:var(--fog);color:var(--smoke);cursor:default}.composer-note{color:var(--smoke);text-align:right;font-variant-numeric:tabular-nums;margin:6px 24px 0;font-size:13px}.composer-note.is-error{color:var(--alarm);font-weight:600}.drop-overlay{z-index:60;background:var(--veil);opacity:0;visibility:hidden;pointer-events:none;place-items:center;padding:24px;transition:opacity .15s,visibility 0s .15s;display:grid;position:fixed;top:0;bottom:0;left:0;right:0}.drop-overlay.is-visible{opacity:1;visibility:visible;transition:opacity .15s}.drop-box{background:var(--ink);width:min(400px,100%);color:var(--paper);text-align:center;aspect-ratio:1;border-radius:22%;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:40px 32px;display:flex}.drop-icon{margin-bottom:16px}.drop-title{font:500 25px/1.1 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}.drop-subtitle{color:var(--smoke-on-ink);text-wrap:balance;margin:0}.modal{border:2px solid var(--ink);background:var(--paper);width:min(440px,100vw - 32px);max-width:calc(100vw - 32px);max-height:calc(100dvh - 32px);color:var(--ink);border-radius:32px;margin:auto;padding:0;overflow:auto}.modal::backdrop{background:var(--veil)}.modal[open]{animation:modal-in .2s var(--ease)}.modal.is-fallback{z-index:100;height:-moz-fit-content;height:fit-content;box-shadow:0 0 0 100vmax var(--veil);position:fixed;top:0;bottom:0;left:0;right:0}.modal-body{flex-direction:column;align-items:flex-start;gap:12px;padding:32px;display:flex}.modal-title{font:500 25px/1.1 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}.modal-text{text-wrap:pretty;margin:0}.modal-actions{flex-wrap:wrap;justify-content:flex-end;gap:12px;width:100%;margin-top:16px;display:flex}@media (max-width:480px){.modal-body{padding:28px 24px 24px}.modal-actions{flex-direction:column-reverse}.modal-actions .btn{width:100%}}.code-field{flex-direction:column;align-self:stretch;gap:8px;margin-top:8px;display:flex}.code-input{border:2px solid var(--ink);background:var(--paper);width:100%;min-height:64px;color:var(--ink);font:500 26px/1 var(--font-display);letter-spacing:.12em;text-align:center;text-transform:uppercase;border-radius:999px;padding:0 20px}.code-input:focus-visible{box-shadow:0 0 0 2px var(--focus);outline:none}.code-input[aria-invalid=true]{border-color:var(--alarm)}.code-input[aria-invalid=true]:focus-visible{box-shadow:0 0 0 2px var(--alarm)}.code-error{color:var(--alarm);text-align:center;text-wrap:balance;margin:0;font-size:14px;font-weight:600;line-height:1.4}.code-dialog .btn[aria-disabled=true]{cursor:progress}.sheet{width:min(480px,100vw - 32px);position:fixed}.sheet-body{padding:32px;container:connect/inline-size}.sheet-close{position:absolute;top:16px;right:16px}@media (max-width:899.98px){.sheet{width:100%;max-width:100%;max-height:calc(100dvh - 24px);padding-bottom:env(safe-area-inset-bottom);border-width:2px 0 0;border-radius:32px 32px 0 0;margin:auto 0 0}.sheet[open]{animation:sheet-in .26s var(--ease)}.sheet-body{padding:28px max(24px, env(safe-area-inset-right)) 24px max(24px, env(safe-area-inset-left))}}.scanner{--ink:#fff;--paper:#000;--fog:#161616;--smoke:#9a9a9a;--hairline:#2e2e2e;--ink-soft:color-mix(in srgb, var(--paper) 18%, transparent);--ink-hover:color-mix(in srgb, var(--ink) 80%, var(--paper));--focus:var(--ink);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;z-index:100;background:var(--paper);width:100%;max-width:none;height:100%;max-height:none;color:var(--ink);border:0;margin:0;padding:0;position:fixed;top:0;bottom:0;left:0;right:0;overflow:hidden}.scanner::backdrop{background:#000}.scanner-view{position:absolute;top:0;bottom:0;left:0;right:0;overflow:hidden}.scanner-video{object-fit:cover;width:100%;height:100%;display:block}.scanner-port{--size:min(72vw, 50vh, 340px);width:var(--size);height:var(--size);border:6px solid var(--ink);border-radius:22%;position:absolute;top:44%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 100vmax #00000094}.scanner-bottom{padding:24px max(24px, env(safe-area-inset-right)) max(40px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left));text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex;position:absolute;top:auto;bottom:0;left:0;right:0}.scanner-row{flex-direction:column;align-items:center;gap:16px;display:flex}.scanner-code{background:var(--paper)}.scanner-code:hover{background:var(--fog)}.scanner-hint{max-width:22em;font:500 18px/1.3 var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin:0}.scanner-notice{background:var(--ink);color:var(--paper);border-radius:999px;margin:0;padding:10px 20px;font-size:15px;font-weight:500;line-height:1.35}.scanner-notice:empty{display:none}.scanner-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right));border:2px solid var(--ink);background:var(--paper);width:48px;height:48px;color:var(--ink);position:absolute}.scanner-error{--column:296px;height:100%;padding:88px max(24px, env(safe-area-inset-right), calc(50% - var(--column))) max(40px, env(safe-area-inset-bottom)) max(24px, env(safe-area-inset-left), calc(50% - var(--column)));overscroll-behavior:contain;flex-direction:column;align-items:flex-start;gap:16px;display:none;overflow-y:auto}.scanner-error>*{flex:none}.scanner-error>:first-child{margin-top:auto}.scanner-error>:last-child{margin-bottom:auto}.scanner[data-state=error] .scanner-error{display:flex}.scanner[data-state=error] .scanner-view,.scanner[data-state=error] .scanner-bottom{display:none}@media (min-height:501px) and (max-height:640px){.scanner-port{top:42%}.scanner-bottom,.scanner-row{gap:10px}.scanner-bottom{padding-bottom:max(24px, env(safe-area-inset-bottom))}}@media (max-height:500px){.scanner-port{--size:min(72vw, 40vh, 340px);top:40%}.scanner-bottom{padding-top:12px;padding-bottom:max(16px, env(safe-area-inset-bottom));gap:10px}.scanner-hint{max-width:32em;font-size:16px}.scanner-row{flex-direction:row;gap:20px}.scanner-error{padding-top:72px;padding-right:max(76px, env(safe-area-inset-right), calc(50% - var(--column)));gap:12px}.scanner-error .screen-station{display:none}.scanner-error .screen-title{margin-top:auto;font-size:31px}}.toasts{z-index:80;top:calc(16px + env(safe-area-inset-top));pointer-events:none;flex-direction:column;align-items:center;gap:8px;width:min(460px,100vw - 32px);display:flex;position:fixed;left:50%;transform:translate(-50%)}.toast{background:var(--ink);max-width:100%;min-height:48px;color:var(--paper);pointer-events:auto;animation:toast-in .2s var(--ease);border-radius:999px;align-items:center;gap:12px;padding:8px 22px 8px 8px;font-size:15px;font-weight:500;line-height:1.35;transition:opacity .2s,transform .2s;display:flex}.toast.is-leaving{opacity:0;transform:translateY(-6px)}.toast-icon{background:var(--ink-soft);border-radius:50%;flex:none;place-items:center;width:32px;height:32px;display:grid}.toast[data-tone=error]{background:var(--alarm);color:var(--on-alarm)}.toast[data-tone=error] .toast-icon{background:color-mix(in srgb, var(--on-alarm) 20%, transparent)}.msg.is-arriving{animation:arrive-right .22s var(--ease) both}.app[data-layout=wide][data-phase=session] .msg[data-own=false].is-arriving{animation-name:arrive-left}@keyframes arrive-right{0%{opacity:0;transform:translate(-28px)}}@keyframes arrive-left{0%{opacity:0;transform:translate(28px)}}@keyframes travel{to{transform:translate(180%)}}@keyframes stripes{to{background-position:24px 0}}@keyframes stripes-sm{to{background-position:16px 0}}@keyframes toast-in{0%{opacity:0;transform:translateY(-8px)}}@keyframes modal-in{0%{opacity:0;transform:translateY(8px)}}@keyframes sheet-in{0%{transform:translateY(100%)}}@media (prefers-reduced-motion:reduce){.msg.is-arriving,.toast,.modal[open],.sheet[open],.msg[data-pending=true] .bubble,.usage-fill-sending,.progress-bar{animation:none!important}.loader:after{animation-duration:2.4s}.btn,.toast,.drop-overlay,.timer-capsule,.timer-gauge-fill,.usage,.usage-fill,.progress-bar{transition:none}}