:root,[data-theme=classic]{--background: .975 .006 265;--foreground: .25 .035 265;--card: .998 .002 265;--card-foreground: .25 .035 265;--popover: .998 .002 265;--popover-foreground: .25 .035 265;--primary: .52 .235 265;--primary-foreground: .995 .002 265;--secondary: .94 .021 265;--secondary-foreground: .36 .09 265;--muted: .95 .009 265;--muted-foreground: .49 .025 265;--accent: .94 .026 265;--accent-foreground: .43 .17 265;--destructive: .55 .2 25;--destructive-foreground: .995 .002 265;--border: .9 .013 265;--input: .86 .02 265;--ring: .52 .235 265;--rail-background: .23 .038 265;--rail-foreground: .97 .007 265;--nav-foreground: .81 .019 265;--nav-muted: .75 .026 265;--nav-hover: .3 .043 265;--nav-selected: .52 .235 265;--nav-selected-foreground: .995 .002 265;--nav-ring: .87 .08 265;--logo-background: .98 .005 265;--logo-foreground: 0 0 0;--session-background: .965 .01 265;--hero-background: .998 .002 265;--hero-foreground: .25 .035 265;--hero-emphasis: .52 .235 265;--hero-muted: .49 .025 265;--hero-border: .998 .002 265;color-scheme:light}[data-theme=ember]{--background: .97679 .00857 84.573;--foreground: .28121 .01626 50.771;--card: .99447 .00569 84.566;--card-foreground: .28121 .01626 50.771;--popover: .99447 .00569 84.566;--popover-foreground: .28121 .01626 50.771;--primary: .54008 .16036 34.126;--primary-foreground: .98757 .00852 67.727;--secondary: .92538 .02385 59.379;--secondary-foreground: .28121 .01626 50.771;--muted: .94254 .01251 75.365;--muted-foreground: .50052 .02489 55.747;--accent: .92538 .02385 59.379;--accent-foreground: .28121 .01626 50.771;--border: .88776 .02028 69.973;--input: .7833 .02857 63.846;--ring: .54008 .16036 34.126;--rail-background: .93676 .01537 77.069;--rail-foreground: .38341 .02454 54.552;--nav-foreground: .38341 .02454 54.552;--nav-muted: .50349 .02681 60.807;--nav-hover: .89611 .01958 72.559;--nav-selected: .28121 .01626 50.771;--nav-selected-foreground: .98757 .00852 67.727;--logo-background: .54008 .16036 34.126;--session-background: .95459 .01247 75.366;--hero-background: .90297 .04203 59.081;--hero-foreground: .27453 .02989 46.208;--hero-emphasis: .49219 .15074 33.771;--hero-muted: .47013 .05866 49.236;--hero-border: .90297 .04203 59.081;--logo-foreground: .98757 .00852 67.727;--nav-ring: .54008 .16036 34.126;--destructive: .55 .2 25;--destructive-foreground: .995 .002 265;color-scheme:light}[data-theme=glacier]{--background: .2289 .0216 222.467;--foreground: .94844 .01378 196.924;--card: .27215 .02614 221.003;--card-foreground: .94844 .01378 196.924;--popover: .27215 .02614 221.003;--popover-foreground: .94844 .01378 196.924;--primary: .84717 .08105 193.769;--primary-foreground: .259 .03039 206.13;--secondary: .36292 .03833 216.779;--secondary-foreground: .94844 .01378 196.924;--muted: .31438 .0295 220.941;--muted-foreground: .76925 .02561 206.168;--accent: .36292 .03833 216.779;--accent-foreground: .94844 .01378 196.924;--border: .41271 .03673 220.039;--input: .53326 .03974 214.384;--ring: .84717 .08105 193.769;--rail-background: .20024 .01982 226.179;--rail-foreground: .88697 .01506 196.885;--nav-foreground: .88697 .01506 196.885;--nav-muted: .74482 .0305 210.061;--nav-hover: .32476 .03136 219.113;--nav-selected: .88458 .06664 181.82;--nav-selected-foreground: .2651 .03191 198.747;--logo-background: .88458 .06664 181.82;--session-background: .26743 .02718 220.023;--hero-background: .34361 .03781 214.498;--hero-foreground: .96092 .01276 190.959;--hero-emphasis: .88458 .06664 181.82;--hero-muted: .83001 .02696 199.59;--hero-border: .34361 .03781 214.498;--logo-foreground: .32545 .04147 210.228;--nav-ring: .88458 .06664 181.82;--destructive: .75 .16 25;--destructive-foreground: .2 .04 25;--hero-border: .47432 .04085 216.705;color-scheme:dark}[data-theme=berry]{--background: .97013 .00793 357.797;--foreground: .31057 .0447 346.518;--card: .98921 .00548 3.334;--card-foreground: .31057 .0447 346.518;--popover: .98921 .00548 3.334;--popover-foreground: .31057 .0447 346.518;--primary: .45815 .15024 3.22;--primary-foreground: .98123 .01093 348.422;--secondary: .91186 .0269 350.916;--secondary-foreground: .31057 .0447 346.518;--muted: .93663 .01554 351.985;--muted-foreground: .50217 .04725 349.186;--accent: .91186 .0269 350.916;--accent-foreground: .31057 .0447 346.518;--border: .87435 .02619 349.816;--input: .75125 .04568 350.623;--ring: .45815 .15024 3.22;--rail-background: .34905 .09953 355.878;--rail-foreground: .93168 .02126 347.3;--nav-foreground: .93168 .02126 347.3;--nav-muted: .83738 .03868 348.113;--nav-hover: .42547 .10271 357.278;--nav-selected: .85969 .06828 353.84;--nav-selected-foreground: .30355 .08842 356.096;--logo-background: .85969 .06828 353.84;--session-background: .9237 .01875 347.448;--hero-background: .87355 .04803 353.028;--hero-foreground: .31931 .08427 354.703;--hero-emphasis: .45815 .15024 3.22;--hero-muted: .46763 .08133 353.07;--hero-border: .87355 .04803 353.028;--logo-foreground: .34905 .09953 355.878;--nav-ring: .85969 .06828 353.84;--destructive: .55 .2 25;--destructive-foreground: .995 .002 265;color-scheme:light}[data-theme=volt]{--background: .9632 .00343 247.859;--foreground: .28536 .03005 254.712;--card: .99385 .00285 264.542;--card-foreground: .28536 .03005 254.712;--popover: .99385 .00285 264.542;--popover-foreground: .28536 .03005 254.712;--primary: .50832 .24252 265.875;--primary-foreground: .9877 .00572 264.533;--secondary: .93095 .02847 268.362;--secondary-foreground: .28536 .03005 254.712;--muted: .93875 .00917 258.336;--muted-foreground: .52313 .03121 255.198;--accent: .93095 .02847 268.362;--accent-foreground: .28536 .03005 254.712;--border: .88828 .01625 253.911;--input: .77824 .02947 256.505;--ring: .50832 .24252 265.875;--rail-background: .93195 .00974 252.814;--rail-foreground: .39591 .03829 253.05;--nav-foreground: .39591 .03829 253.05;--nav-muted: .50767 .03606 252.905;--nav-hover: .89195 .0186 258.355;--nav-selected: .50832 .24252 265.875;--nav-selected-foreground: .9877 .00572 264.533;--logo-background: .50832 .24252 265.875;--session-background: .95291 .01254 255.506;--hero-background: .50832 .24252 265.875;--hero-foreground: .9877 .00572 264.533;--hero-emphasis: .88889 .0577 246.097;--hero-muted: .89996 .0482 271.236;--hero-border: .50832 .24252 265.875;--logo-foreground: .9877 .00572 264.533;--nav-ring: .50832 .24252 265.875;--destructive: .55 .2 25;--destructive-foreground: .995 .002 265;color-scheme:light}.brand-mark{display:inline-block;position:relative;flex-shrink:0;width:38px;height:38px;border-radius:12px;background:oklch(var(--logo-background))}.brand-mark:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;background:oklch(var(--logo-foreground));mask:url("data:image/svg+xml,%3csvg%20xmlns='http://www.w3.org/2000/svg'%20width='1024'%20height='1024'%20viewBox='0%200%201024%201024'%20fill='%23000000'%20role='img'%20aria-labelledby='logo-title'%3e%3ctitle%20id='logo-title'%3eTrade%20Compass%20Agent%3c/title%3e%3cg%20transform='translate(116.006678%20112.000000)%20scale(1.33555927)'%3e%3cpath%20d='M%20276.548%203.096%20C%20230.124%206.228,%20183.925%2020.537,%20145.858%2043.575%20C%2097.995%2072.542,%2058.735%20115.416,%2033.087%20166.729%20C%20-1.644%20236.214,%20-6.955%20313.006,%2017.971%20385.294%20C%2025.839%20408.113,%2036.230%20428.956,%2050.172%20449.884%20C%2073.335%20484.654,%20107.735%20517.364,%20142.222%20537.412%20C%20146.731%20540.033,%20146.878%20540.257,%20145.485%20542.382%20C%20142.102%20547.546,%20139.840%20556.498,%20139.757%20565.054%20C%20139.688%20572.165,%20140.095%20574.528,%20142.170%20579.060%20C%20145.329%20585.960,%20149.989%20590.631,%20156.994%20593.917%20C%20162.414%20596.460,%20162.857%20596.500,%20185.500%20596.500%20L%20208.500%20596.500%20214.267%20593.668%20C%20220.971%20590.376,%20226.038%20584.414,%20228.545%20576.864%20C%20229.845%20572.950,%20230.563%20572.003,%20231.853%20572.501%20C%20236.086%20574.136,%20263.162%20577.953,%20278%20579.006%20C%20301.476%20580.672,%20333.003%20578.854,%20355.500%20574.536%20C%20365.491%20572.618,%20367%20572.618,%20367%20574.533%20C%20367%20577.244,%20371.720%20585.405,%20375.161%20588.642%20C%20376.997%20590.370,%20380.525%20592.845,%20383%20594.142%20C%20387.259%20596.374,%20388.665%20596.517,%20409.253%20596.820%20C%20426.749%20597.077,%20432.061%20596.834,%20436.390%20595.575%20C%20443.435%20593.527,%20450.913%20586.863,%20454.114%20579.779%20C%20456.130%20575.318,%20456.494%20572.950,%20456.461%20564.500%20C%20456.425%20555.449,%20456.106%20553.760,%20453.096%20546.698%20C%20451.267%20542.407,%20449.934%20538.762,%20450.135%20538.598%20C%20450.336%20538.433,%20454.325%20535.898,%20459%20532.963%20C%20500.276%20507.054,%20535.669%20468.915,%20558.444%20425.806%20C%20578.542%20387.764,%20589.167%20347.763,%20590.665%20304.500%20C%20593.173%20232.059,%20569.301%20163.203,%20522.194%20107%20C%20512.517%2095.454,%20492.550%2075.858,%20481%2066.571%20C%20469.818%2057.579,%20447.132%2042.703,%20434%2035.750%20C%20406.417%2021.148,%20372.918%2010.225,%20341.151%205.475%20C%20329.427%203.722,%20305.389%201.976,%20295.500%202.160%20C%20291.650%202.231,%20283.121%202.652,%20276.548%203.096%20M%20215.637%20208.465%20C%20210.904%20210.152,%20206.215%20214.422,%20204.377%20218.718%20C%20203.246%20221.360,%20203.004%20235.858,%20203.022%20299.718%20C%20203.043%20373.410,%20203.142%20377.716,%20204.905%20381.599%20C%20207.031%20386.279,%20210.729%20389.258,%20216.500%20390.939%20C%20219.435%20391.794,%20241.529%20392.024,%20299.500%20391.802%20L%20378.500%20391.500%20382.970%20388.997%20C%20385.697%20387.470,%20388.322%20384.936,%20389.703%20382.497%20L%20391.967%20378.500%20391.984%20299.710%20C%20392%20223.177,%20391.943%20220.809,%20390.023%20217.044%20C%20387.854%20212.794,%20384.333%20209.928,%20379.101%20208.153%20C%20376.644%20207.320,%20354.047%20207.012,%20297.601%20207.044%20C%20233.899%20207.080,%20218.788%20207.342,%20215.637%20208.465%20M%20250.204%20276.128%20C%20247.841%20277.298,%20244.829%20279.669,%20243.510%20281.397%20C%20239.257%20286.974,%20238.512%20295.529,%20241.758%20301.524%20C%20243.391%20304.540,%20248.173%20308.749,%20251.315%20309.936%20C%20256.036%20311.720,%20263.113%20311.187,%20267.470%20308.718%20C%20280.725%20301.211,%20279.597%20282.423,%20265.500%20275.896%20C%20260.226%20273.454,%20255.460%20273.526,%20250.204%20276.128%20M%20328.500%20275.896%20C%20321.271%20279.243,%20317%20285.446,%20317%20292.597%20C%20317%20296.534,%20319.250%20302.513,%20321.788%20305.320%20C%20327.190%20311.293,%20338.260%20312.796,%20345.520%20308.541%20C%20350.464%20305.644,%20352.517%20302.802,%20354.042%20296.747%20C%20356.156%20288.353,%20351.757%20279.611,%20343.541%20275.880%20C%20338.400%20273.544,%20333.568%20273.550,%20328.500%20275.896'%20fill-rule='evenodd'/%3e%3c/g%3e%3c/svg%3e") center / contain no-repeat}:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:var(--ink);background:var(--canvas);font-synthesis:none;line-height:1.6;font-size:16px;font-weight:400;--ink: oklch(var(--foreground));--muted-text: oklch(var(--muted-foreground));--line: oklch(var(--border));--status-success: oklch(.48 .12 155);--status-warning: oklch(.49 .1 78);--brand: oklch(var(--primary));--brand-soft: oklch(var(--secondary));--canvas: oklch(var(--background));--surface: oklch(var(--card));--header: 92px}*{box-sizing:border-box}html,body,#root{height:100%;overflow:hidden}body{margin:0}.app-startup{display:grid;place-items:center;min-height:100dvh;color:var(--muted-text);background:var(--canvas);font-size:13px}.startup-recovery{max-width:320px;padding:24px;text-align:center}.startup-recovery button{margin-top:16px}button,input,textarea{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;color:inherit}button:disabled{opacity:.4;cursor:default}button,a,input,textarea,summary{touch-action:manipulation}:where(button,input,textarea,summary):focus-visible{outline:2px solid var(--brand);outline-offset:3px}svg{width:22px;height:22px;flex-shrink:0}h1,h2,h3,p{margin:0}h1{font-size:28px;line-height:1.25;font-weight:680;letter-spacing:-.035em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}h2{font-size:24px;line-height:1.4;font-weight:650;letter-spacing:-.03em}h3{font-size:14px;line-height:1.6;font-weight:600}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.muted,small{color:var(--muted-text)}.muted{font-size:12px;line-height:1.8;margin-top:8px}.eyebrow{display:block;font-size:10px;font-weight:600;color:var(--muted-text);letter-spacing:.1em}.app-shell{position:relative;top:var(--app-viewport-offset-top, 0px);width:100%;max-width:760px;height:var(--app-viewport-height, 100dvh);margin:0 auto;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas)}.app-header{display:flex;flex:0 0 auto;align-items:center;flex-wrap:wrap;gap:12px;min-height:calc(var(--header) + env(safe-area-inset-top));padding:calc(24px + env(safe-area-inset-top)) calc(22px + env(safe-area-inset-right)) 20px calc(22px + env(safe-area-inset-left));background:var(--canvas);position:relative;z-index:5}.header-title{min-width:0;flex:1}.header-title p{font-size:12px;color:var(--muted-text);margin-top:6px}.header-connection{flex-shrink:0;padding:6px 9px;border:1px solid var(--line);border-radius:20px;color:var(--muted-text);font-size:11px}.header-connection.online{border-color:color-mix(in oklch,var(--status-success) 18%,transparent);color:var(--status-success);background:color-mix(in oklch,var(--status-success) 6%,transparent)}.icon-button{display:grid;place-items:center;border:0;border-radius:14px;background:transparent;width:44px;height:44px;flex-shrink:0}.header-back{margin-left:-8px;background:var(--surface);border:1px solid var(--line)}.new-session-button{color:var(--brand);background:var(--brand-soft)}.new-session-button svg{width:23px;height:23px}.connection-indicator{display:flex;align-items:center;gap:6px}.connection-indicator i{width:6px;height:6px;border-radius:50%;background:var(--muted-text)}.connection-indicator.online i{background:var(--status-success)}.brand-mark{width:38px;height:38px;border-radius:13px}.in-conversation .app-header{--header: 76px;padding-top:calc(12px + env(safe-area-inset-top));padding-bottom:12px;border-bottom:1px solid var(--line)}.in-conversation h1{font-size:17px}.bottom-nav{flex:0 0 auto;padding:10px calc(16px + env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) calc(16px + env(safe-area-inset-left));background:var(--canvas);z-index:6}.nav-track{display:flex;position:relative;padding:5px;isolation:isolate;border:1px solid oklch(var(--border) / .7);border-radius:25px;background:var(--surface);box-shadow:0 4px 18px oklch(var(--foreground) / .045)}.nav-track:before{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:calc((100% - 10px) / 3);border-radius:19px;background:var(--brand)}.nav-track[data-active=notices]:before{transform:translate(100%)}.nav-track[data-active=connection]:before{transform:translate(200%)}.nav-item{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-width:0;min-height:54px;padding:5px 0;border:0;border-radius:18px;background:transparent;color:var(--muted-text);font-size:11px;font-weight:600}.nav-icon{display:grid;place-items:center;width:32px;height:26px;border-radius:10px}.nav-icon svg{width:22px;height:22px}.nav-item.active{color:oklch(var(--primary-foreground))}.nav-item.active .nav-icon{background:transparent}html[data-keyboard-open] .bottom-nav{padding-top:2px;padding-bottom:2px}html[data-keyboard-open] .nav-item{flex-direction:row;min-height:44px;gap:5px}html[data-keyboard-open] .nav-icon{width:30px;height:30px}html[data-keyboard-open] .nav-track{padding-top:2px;padding-bottom:2px;border-radius:17px}html[data-keyboard-open] .nav-track:before{top:2px;bottom:2px;border-radius:13px}html[data-keyboard-open] .in-conversation .app-header{--header: 60px;padding-top:6px;padding-bottom:6px}main{flex:1;min-width:0;min-height:0;overflow:auto;overscroll-behavior-y:contain;padding:12px calc(22px + env(safe-area-inset-right)) 28px calc(22px + env(safe-area-inset-left))}main.chat-main{padding:0;overflow-anchor:none}.app-shell>.app-feedback{flex:0 0 auto;max-height:25%;overflow:auto;margin:8px 16px 0}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin:0 0 16px}.section-heading h2{font-size:14px;font-weight:600;color:var(--muted-text)}.section-heading>span{font-size:11px;color:var(--muted-text);font-variant-numeric:tabular-nums}.primary,.secondary{border-radius:13px;padding:11px 16px;border:1px solid var(--line);font-size:14px;font-weight:550;min-height:44px}.primary{background:var(--brand);color:oklch(var(--primary-foreground));border-color:var(--brand);box-shadow:0 3px 8px oklch(var(--primary) / .1)}.primary:active{filter:brightness(.9)}.secondary{background:var(--surface)}.empty{text-align:center;color:var(--muted-text);font-size:14px;padding:56px 10px}.empty>svg{width:42px;height:42px;stroke-width:1.5;color:var(--brand);margin-bottom:20px}.empty h3{color:var(--ink);font-size:20px;letter-spacing:-.03em;margin-bottom:10px}.empty p{max-width:280px;margin:0 auto;line-height:1.9}.session-create{position:relative;display:flex;align-items:center;gap:16px;width:100%;min-height:130px;margin:4px 0 30px;padding:24px;border:0;border-radius:26px;text-align:left;background:var(--brand);color:oklch(var(--primary-foreground));overflow:hidden;isolation:isolate}.session-create>span:nth-child(2){flex:1;min-width:0}.session-create strong{display:block;font-size:24px;letter-spacing:-.03em;font-weight:650}.session-create small{display:block;color:inherit;opacity:.85;font-size:12px;margin-top:4px}.session-create-icon{display:grid;place-items:center;width:46px;height:54px;border-radius:15px;background:oklch(var(--primary-foreground) / .14);transform:rotate(-7deg)}.session-create-icon svg{width:27px;height:27px;transform:rotate(7deg)}.session-create>svg{width:24px;height:24px;align-self:flex-start;margin-top:4px}.session-create:before,.session-create:after{content:"";position:absolute;z-index:-1;width:150px;height:150px;border:1px solid oklch(var(--primary-foreground) / .13);border-radius:50%;right:-55px;bottom:-85px}.session-create:after{width:205px;height:205px;right:-82px;bottom:-112px}.session-list{display:grid;grid-template-columns:minmax(0,1fr);background:var(--surface);border-radius:22px;padding:0 18px}.session-list button{display:flex;align-items:flex-start;gap:12px;text-align:left;width:100%;min-width:0;border:0;border-bottom:1px solid var(--line);padding:20px 0;background:transparent}.session-list button:first-child{padding-top:20px}.session-list button:last-child{border-bottom:0}.session-list button>div{min-width:0;flex:1}.session-list h3{font-size:16px;line-height:1.55;font-weight:650;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.session-list p{font-size:13px;color:var(--muted-text);overflow:hidden;overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 10px;line-height:1.7}.session-list time{display:block;font-size:11px;color:var(--muted-text);font-variant-numeric:tabular-nums}.session-list button>svg{width:14px;height:18px;margin-top:4px;color:var(--muted-text)}.session-icon{display:grid;place-items:center;width:30px;height:30px;margin-top:1px;border-radius:10px;background:var(--brand-soft);color:var(--brand);flex-shrink:0}.session-icon svg{width:18px;height:18px}.task-card{padding:20px;margin:0;background:transparent;border:0;border-radius:0;overflow-wrap:anywhere}.task-heading{display:flex;align-items:center;gap:10px;margin-bottom:8px}.task-feed{background:var(--surface);border:1px solid oklch(var(--border) / .55);border-radius:22px}.task-card+.task-card{border-top:1px solid var(--line)}.task-card:first-child{border-top-left-radius:22px;border-top-right-radius:22px}.task-card:last-child{border-bottom-left-radius:22px;border-bottom-right-radius:22px}.task-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.task-open-icon{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;color:var(--brand);background:var(--brand-soft)}.task-open-icon svg{width:15px;height:15px}.task-heading h3{min-width:0;font-size:18px;line-height:1.5;font-weight:650;letter-spacing:-.02em}.task-card .markdown{font-size:14px;color:var(--muted-text)}.conversation{display:flex;flex-direction:column;min-height:100%}.transcript{flex:1;min-width:0;padding:24px calc(22px + env(safe-area-inset-right)) 24px calc(22px + env(safe-area-inset-left))}.older{display:block;margin:0 auto 24px;font-size:11px;background:transparent;border-color:transparent;color:var(--muted-text)}.message{display:flex;align-items:flex-start;gap:12px;margin-bottom:32px;overflow-wrap:anywhere}.message:last-child{margin-bottom:0}.message.user{flex-direction:row-reverse}.message-identity{display:inline-flex;align-items:center;gap:8px;color:var(--muted-text);font-size:12px;font-weight:550}.message.user .message-identity,.message.user .message-avatar{display:none}.message.assistant{flex-direction:column}.message.assistant .message-body{width:100%;max-width:100%}.message.assistant .message-bubble{border:0;padding:0;background:transparent}.message-avatar{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;margin-top:3px;border-radius:50%;background:oklch(var(--muted));color:var(--muted-text)}.message-avatar svg{width:15px;height:15px}.message-avatar .brand-mark{width:26px;height:26px;border-radius:8px}.message-avatar .brand-mark:before{top:2px;right:2px;bottom:2px;left:2px}.assistant .message-avatar{background:transparent}.user .message-avatar{background:oklch(var(--muted));color:var(--muted-text)}.message-body{min-width:0;max-width:90%}.message-bubble{background:oklch(var(--muted));border:1px solid var(--line);border-radius:3px 13px 13px;padding:12px}.message.user .message-bubble{background:var(--brand-soft);border:0;color:var(--ink);border-radius:22px 22px 6px;padding:14px 18px}.message-time{display:block;font-size:11px;color:var(--muted-text);margin:8px 2px 0;font-variant-numeric:tabular-nums}.user .message-time{text-align:right}.markdown{font-size:15px;line-height:1.85;overflow-wrap:anywhere}.markdown>*+*{margin-top:10px}.markdown :is(h1,h2,h3,h4){font-size:17px;white-space:normal;font-weight:650}.markdown ul,.markdown ol{padding-left:20px}.markdown li+li{margin-top:4px}.markdown pre{max-width:100%;overflow:auto;padding:10px;background:oklch(var(--muted));border:1px solid var(--line);border-radius:7px}.markdown code{font-size:13px}.markdown table{display:block;overflow:auto;border-collapse:collapse;font-size:13px}.markdown td,.markdown th{border:1px solid var(--line);padding:6px}.markdown blockquote{margin-left:0;margin-right:0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--surface)}.markdown img{max-width:100%}.message-bubble>div+div{margin-top:12px}.message-bubble>div>h3{margin-bottom:4px}.link-text{text-decoration:underline;text-underline-offset:3px}.user .markdown pre,.user .markdown blockquote,.user .message-tools summary{background:oklch(var(--card) / .55);border-color:var(--line);color:inherit}.message-tools{margin-top:14px;font-size:12px;color:var(--muted-text)}.message-tools summary{min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.user .message-tools{color:var(--muted-text)}.message-delivery{display:flex;align-items:center;justify-content:flex-end;gap:4px;margin:8px 2px 0;color:var(--muted-text);font-size:11px}.message-delivery svg{width:13px;height:13px}.turn-feedback{display:flex;align-items:flex-start;gap:12px;padding:6px 0 22px}.turn-avatar{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;color:var(--muted-text)}.turn-avatar .brand-mark{width:30px;height:30px;border-radius:10px}.turn-avatar>svg{width:24px;height:24px}.turn-feedback-body{min-width:0;padding-top:3px}.turn-feedback strong{font-size:15px;font-weight:600}.turn-feedback p{font-size:12px;color:var(--muted-text);line-height:1.7;margin-top:6px}.reply-pulse{display:flex;align-items:center;gap:5px;height:24px;margin-top:10px}.reply-pulse i{width:6px;height:6px;border-radius:50%;background:var(--brand);opacity:.45}.needs-attention .turn-avatar{color:var(--status-warning)}.retry-message{display:inline-flex;align-items:center;gap:6px;padding-left:0;color:var(--brand)}.retry-message svg{width:16px;height:16px}.composer{background:var(--canvas);padding:10px calc(16px + env(safe-area-inset-right)) 2px calc(16px + env(safe-area-inset-left));position:sticky;bottom:0;z-index:3;margin-top:auto}.composer-input{display:flex;align-items:flex-end;gap:8px;padding:7px;border:1px solid var(--line);background:var(--surface);border-radius:24px;box-shadow:0 4px 20px oklch(var(--foreground) / .035)}.composer-input:focus-within{border-color:var(--brand);box-shadow:0 0 0 3px oklch(var(--primary) / .1)}.composer textarea{min-width:0;flex:1;min-height:44px;max-height:150px;field-sizing:content;resize:none;margin:0;padding:10px 12px;font-size:16px;line-height:22px;border:0;background:transparent;border-radius:15px;outline:none}.composer textarea::placeholder{font-size:15px}.send-button{display:flex;align-items:center;justify-content:center;gap:8px;width:44px;height:44px;flex-shrink:0;padding:0;border-radius:17px}.send-button svg{width:19px;height:19px}.composer-hint{font-size:11px;color:var(--muted-text);text-align:center;margin:6px 0 2px}.latest-message{position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;min-height:44px;padding:10px 16px;white-space:nowrap;border:1px solid var(--line);border-radius:24px;background:var(--surface);color:var(--ink);box-shadow:0 3px 14px oklch(var(--foreground) / .09);font-size:13px;font-weight:550}.latest-message.has-unread{background:var(--brand);border-color:var(--brand);color:oklch(var(--primary-foreground))}.latest-message svg{width:17px;height:17px}html[data-keyboard-open] .composer-hint{margin-top:2px}.connect-view{max-width:520px;margin:0 auto}.service-card{background:var(--brand);color:oklch(var(--primary-foreground));border:0;border-radius:26px;padding:20px 22px 2px}.service-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.service-heading h2{font-size:15px;font-weight:600;letter-spacing:0}.service-status{display:inline-flex;align-items:center;gap:6px;padding:5px 9px;border-radius:20px;font-size:11px;font-weight:500;background:oklch(var(--primary-foreground) / .14)}.service-status i{width:5px;height:5px;border-radius:50%;background:currentColor;opacity:.5}.service-status.online i{opacity:1}.device-link{display:flex;align-items:flex-start;justify-content:center;gap:10px;padding:16px 0 10px}.device-end{flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;font-size:12px;overflow-wrap:anywhere}.device-name{max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.device-art{display:grid;place-items:center;width:68px;height:52px;background:oklch(var(--primary-foreground) / .12);border:1px solid oklch(var(--primary-foreground) / .24);border-radius:17px}.device-art svg{width:36px;height:36px;stroke-width:1.2}.phone-art{transform:rotate(7deg);width:44px}.phone-art svg{width:28px;height:35px}.device-path{display:flex;align-items:center;flex:0 1 80px;gap:5px;height:52px}.device-path i{height:1px;flex:1;background:currentColor;opacity:.35}.device-path>span{display:grid;place-items:center;width:25px;height:25px;border:1px solid oklch(var(--primary-foreground) / .35);border-radius:50%}.device-path svg{width:13px;height:13px}.service-actions{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-bottom:6px}.pairing-status{display:inline-flex;align-items:center;gap:6px;font-size:11px;opacity:.85}.pairing-status svg{width:12px;height:12px}.service-card .connection-details,.service-card .connection-details summary,.service-card .refresh-result,.service-card .muted{color:oklch(var(--primary-foreground))}.service-card .danger-link{color:oklch(var(--primary-foreground));text-decoration:underline;text-underline-offset:3px}.service-card .connection-details{border-color:oklch(var(--primary-foreground) / .22)}.service-card .refresh-button{color:oklch(var(--primary-foreground));background:oklch(var(--primary-foreground) / .1);border-color:transparent}.refresh-button{display:flex;align-items:center;gap:6px;font-size:12px;padding:8px 10px;border-radius:12px}.refresh-button svg{width:14px;height:14px}.connection-refresh{display:flex;flex-direction:column;align-items:flex-end;gap:5px}.refresh-result{font-size:11px}.refresh-result:empty{display:none}.connection-card{margin-top:28px;font-size:14px;overflow-wrap:anywhere}.connection-card>h3{display:flex;align-items:center;gap:8px;font-size:14px;margin:0 0 14px 2px}.connection-card h3>svg{width:17px;height:17px;color:var(--muted-text)}.notification-controls{background:var(--surface);border:1px solid oklch(var(--border) / .55);border-radius:20px;padding:0 18px}.notification-row{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:84px;padding:18px 0}.notification-controls>*+*{border-top:1px solid var(--line)}.notification-row strong{font-size:14px;font-weight:550}.notification-description{display:block;font-size:12px;line-height:1.8;color:var(--muted-text);margin-top:4px}.notification-toggle{margin:0;color:var(--ink);cursor:pointer}.notification-toggle input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:48px;height:30px;border-radius:20px;border:0;background:oklch(var(--input));margin:0;padding:3px;flex-shrink:0;cursor:pointer}.notification-toggle input:before{content:"";display:block;height:24px;width:24px;border-radius:50%;background:oklch(var(--card));box-shadow:0 1px 3px oklch(var(--foreground) / .18)}.notification-toggle input:checked{background:var(--brand)}.notification-toggle input:checked:before{transform:translate(18px)}.notification-toggle input:disabled{opacity:.45;cursor:default}.notification-assistance{margin-top:-10px;padding-bottom:10px;color:var(--muted-text);font-size:12px;line-height:1.8}.notification-assistance .field-error{margin:4px 0;font-size:12px}.notification-repair{border:0;background:transparent;color:var(--muted-text);font-size:12px;min-height:44px;padding:8px 0;text-decoration:underline;text-underline-offset:3px}.connection-details{border-top:1px solid var(--line)}.connection-details summary{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--muted-text);list-style:none;padding:14px 0}.connection-details summary>span{flex:1}.connection-details svg{width:15px;height:15px}.connection-details summary>svg:last-child{width:11px}.connection-details[open] summary>svg:last-child{transform:rotate(90deg)}.connection-record{margin:4px 0 16px;display:grid;gap:12px}.connection-record dt{font-size:11px;opacity:.8}.connection-record dd{margin:3px 0 0;font-size:13px;overflow-wrap:anywhere}.endpoint{overflow-wrap:anywhere;font-size:12px}.connection-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--muted-text);margin:24px 0 0}.connection-footnote svg{width:12px;height:12px}label{display:block;font-size:14px;color:var(--muted-text);margin:20px 0 0}input,textarea{display:block;background:var(--surface);border:1px solid var(--line);color:var(--ink);width:100%;border-radius:9px;padding:12px;margin-top:8px;font-size:16px}input::placeholder,textarea::placeholder{color:var(--muted-text)}textarea{resize:vertical;min-height:84px}details{color:var(--muted-text);font-size:13px}summary{cursor:pointer;min-height:44px;padding:10px 0}details p{line-height:1.9;margin:8px 0}details button{margin:8px 0}.install-guide{border:1px solid oklch(var(--border) / .55);background:var(--surface);border-radius:20px;padding:8px 16px;margin-top:24px}.install-guide summary{display:flex;align-items:center;gap:9px;list-style:none;color:var(--muted-text)}:is(.install-guide,.connection-details) summary::-webkit-details-marker{display:none}.install-guide summary>svg{width:18px}.install-guide summary>span{flex:1;font-size:14px;font-weight:550}.install-guide summary span span{display:block;font-size:12px;font-weight:400;color:var(--muted-text);margin-top:2px}.install-guide summary>svg:last-child{width:11px}.install-guide[open] summary>svg:last-child{transform:rotate(90deg)}.install-guide p{font-size:13px}.onboarding .app-header{padding-left:24px;padding-right:24px}.onboarding main{padding:12px 28px 32px}.onboarding .connect-view{max-width:360px}.connection-illustration{display:flex;align-items:center;justify-content:center;margin:18px 0 36px}.connection-illustration span{display:grid;place-items:center;width:70px;height:70px;background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:0 4px 12px #17203304}.connection-illustration svg{width:31px;height:31px;stroke-width:1.2}.connection-illustration span:last-child{width:62px;height:62px;border-radius:20px;background:var(--brand);color:oklch(var(--primary-foreground));border-color:var(--brand);transform:rotate(8deg)}.connection-illustration span:last-child svg{width:26px;height:26px}.connection-illustration i{width:38px;border-top:2px dotted var(--line);margin:0 12px}.setup-progress{display:flex;align-items:center;gap:10px;font-size:12px;color:var(--muted-text);margin-bottom:18px}.setup-progress i{width:20px;height:1px;background:var(--line)}.setup-progress .current{color:var(--ink);font-weight:600}.connect-description{color:var(--muted-text);font-size:15px;line-height:1.85;margin:12px 0 24px}.connect-view>.primary,.connect-view>.secondary{width:100%;margin-top:14px}.connect-primary{display:flex;align-items:center;justify-content:space-between;padding:13px 16px}.connect-primary svg{width:17px;height:17px}.name-field input{padding:12px 14px}.name-field>span{display:block;color:var(--muted-text);font-size:12px;margin:7px 0 16px}.pairing-help{margin-top:16px}.pairing-help textarea{min-height:70px}.pairing-form{margin:28px 0}.code-input{text-align:center;font-family:ui-monospace,monospace;letter-spacing:.25em;padding:14px 6px 14px 14px;font-size:30px;font-weight:550;font-variant-numeric:tabular-nums;border:1px solid var(--line);border-radius:12px}.code-input::placeholder{color:var(--muted-text)}.code-input[aria-invalid=true]{border-color:#b64040}.pairing-form .muted{text-align:center;font-size:11px;margin-top:12px}.field-error{color:oklch(var(--destructive));font-size:13px;margin:12px 0}.pairing-device{text-align:center;color:var(--muted-text);font-size:11px;margin-top:24px}.text-button,.danger-link{display:block;border:0;background:transparent;padding:12px 0;min-height:44px;font-size:12px;color:var(--muted-text)}.text-button{margin:0 auto}.danger-link{color:oklch(var(--destructive))}.notice{background:oklch(var(--muted));border:1px solid var(--line);border-radius:14px;font-size:13px;padding:12px 14px;margin:0 0 18px;overflow-wrap:anywhere}.notice.error{background:oklch(var(--destructive) / .08);color:oklch(var(--destructive));border-color:oklch(var(--destructive) / .25)}.notice small{display:block;margin-top:6px;color:inherit}footer{flex-shrink:0;text-align:center;font-size:9px;letter-spacing:.1em;color:var(--muted-text);padding:18px 20px calc(18px + env(safe-area-inset-bottom))}.app-update{flex:0 0 100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-radius:10px;background:oklch(var(--muted))}.app-update strong{display:block;font-size:13px;font-weight:600}.app-update span{display:block;font-size:12px;line-height:1.7;margin-top:2px;color:var(--muted-text)}.app-update button{flex-shrink:0;border:0;border-radius:8px;background:var(--ink);color:var(--canvas);padding:10px;min-width:44px;min-height:44px;font-size:11px}@media(min-width:600px){main{padding:32px}.app-header{padding-left:28px;padding-right:28px}.transcript{padding:28px}.message-body{max-width:85%}.composer{padding-left:28px;padding-right:28px}}@media(max-width:350px){main{padding-left:12px;padding-right:12px}.app-header{padding-left:12px;padding-right:12px;gap:8px}.transcript{padding-left:10px;padding-right:10px}.message{gap:6px}.message-avatar{width:22px;height:22px}.message-body{max-width:calc(100% - 28px)}.message-bubble{padding:10px}.task-card,.service-card{padding-left:12px;padding-right:12px}.notification-controls{padding:0 12px}.notification-row{gap:8px}.session-list button{gap:10px;padding:16px 0}.session-create{padding:18px 14px;gap:10px;min-height:96px}.session-create strong{font-size:19px}.service-card{padding-left:18px;padding-right:18px}.device-path{flex-basis:60px}.onboarding main{padding-left:22px;padding-right:22px}}@media(prefers-reduced-motion:no-preference){.message-pending,.turn-feedback{animation:compass-reveal .2s cubic-bezier(.22,1,.36,1)}.reply-pulse i{animation:reply-pulse 1.2s ease-in-out infinite}.reply-pulse i:nth-child(2){animation-delay:.15s}.reply-pulse i:nth-child(3){animation-delay:.3s}@keyframes reply-pulse{50%{opacity:1;transform:translateY(-3px)}}.primary,.secondary,.nav-item{transition:background .15s ease,color .15s ease}.notification-toggle input:before{transition:transform .15s ease}}.task-card{position:relative}.task-card-open{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;border:0;border-radius:inherit;background:transparent}.task-card-open:active{background:oklch(var(--primary) / .04)}.task-card:focus-within{border-color:var(--brand)}.task-preview{max-height:5.55em;overflow:hidden;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.task-preview .markdown>*{margin-top:0;margin-bottom:0}.task-preview .markdown :is(h1,h2,h3,h4){font-size:14px;font-weight:500}.result-badge{display:inline-flex;align-items:center;gap:5px;color:var(--muted-text);background:oklch(var(--muted));padding:4px 8px;border-radius:7px;font-size:11px;font-weight:550}.result-badge svg{width:12px;height:12px}.result-badge.result-error{color:oklch(var(--destructive));background:oklch(var(--destructive) / .1)}.result-badge.result-warning{color:var(--status-warning);background:color-mix(in oklch,var(--status-warning) 10%,transparent)}.notice-sheet{position:fixed;inset:auto 0 0;width:100%;max-width:760px;height:min(760px,90dvh);max-height:calc(100dvh - env(safe-area-inset-top) - 24px);margin:0 auto;padding:0;border:0;border-radius:30px 30px 0 0;color:var(--ink);background:var(--surface);overflow:hidden;box-shadow:0 -12px 60px #00000012}.notice-sheet::backdrop{background:#17191e99;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.notice-sheet-surface{display:flex;flex-direction:column;height:100%;min-height:0;padding:0 calc(24px + env(safe-area-inset-right)) 0 calc(24px + env(safe-area-inset-left))}.sheet-grip{display:grid;place-items:center;height:42px;flex-shrink:0}.sheet-grip span{width:44px;height:5px;border-radius:6px;background:var(--line)}.notice-sheet-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:8px 0 22px;flex-shrink:0}.notice-sheet-heading>div{min-width:0}.notice-sheet-heading h2{font-size:21px;line-height:1.5;letter-spacing:-.03em;margin-top:9px;overflow-wrap:anywhere}.sheet-close{width:40px;height:40px;min-width:44px;min-height:44px;border-radius:50%;background:oklch(var(--muted))}.sheet-close svg{width:18px;height:18px}.notice-sheet-content{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:0 0 24px;outline-offset:-2px}.detail-section-title{font-size:11px;letter-spacing:.08em;margin-bottom:12px}.notice-sheet-content .markdown{font-size:15px;color:var(--ink);line-height:1.85}.notice-sheet-content .markdown :is(h1,h2,h3,h4){font-size:16px;color:var(--ink)}.notice-sheet-content .markdown pre{padding:16px;background:oklch(var(--muted));color:var(--ink);border:0;border-radius:12px}.notice-sheet-content .markdown pre code{font-size:12px}.notice-sheet-actions{flex-shrink:0;padding:14px 0 calc(18px + env(safe-area-inset-bottom));border-top:1px solid var(--line)}.notice-sheet-actions>div{display:flex;gap:10px}.notice-sheet-actions button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;min-height:48px;font-size:13px;border-radius:13px}.notice-sheet-actions .secondary{background:oklch(var(--muted));border-color:var(--line)}.notice-sheet-actions svg{width:16px;height:16px}.notice-sheet-actions p{font-size:11px;color:var(--muted-text);margin-bottom:10px}@media(hover:hover){.task-card:hover{background:oklch(var(--primary) / .025)}}@media(max-width:350px){.notice-sheet-surface{padding-left:18px;padding-right:18px}.notice-sheet-heading h2{font-size:19px}.notice-sheet-actions button{font-size:12px}}@media(max-height:500px){.notice-sheet{height:95dvh;max-height:calc(100dvh - env(safe-area-inset-top) - 12px)}.sheet-grip{height:24px}.notice-sheet-heading{padding:0 0 12px}.notice-sheet-heading h2{font-size:17px;margin-top:5px}.notice-sheet-actions{padding-top:10px;padding-bottom:calc(10px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:no-preference){.task-card{transition:transform .12s ease,border-color .15s ease,box-shadow .15s ease}.notice-sheet[open]{animation:sheet-enter .24s cubic-bezier(.2,.7,.2,1)}.notice-sheet[open]::backdrop{animation:shade-enter .2s ease}.notice-sheet[open].is-closing{animation:sheet-exit .18s ease-in forwards}.notice-sheet[open].is-closing::backdrop{animation:shade-exit .18s ease-in forwards}@keyframes sheet-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes sheet-exit{to{transform:translateY(100%)}}@keyframes shade-enter{0%{opacity:0}to{opacity:1}}@keyframes shade-exit{to{opacity:0}}}@media(prefers-reduced-motion:no-preference){.nav-item,.primary,.secondary,.icon-button{transition:background-color .18s,color .18s,transform .22s cubic-bezier(.22,1,.36,1)}.nav-item:active,.primary:active,.icon-button:active{transform:scale(.97)}.nav-item.active svg{animation:compass-select .26s cubic-bezier(.22,1,.36,1)}.sessions-view,.notices-view,.connect-view,.conversation-welcome{animation:compass-reveal .22s cubic-bezier(.22,1,.36,1)}.notification-toggle input:before{transition:transform .2s cubic-bezier(.22,1,.36,1)}@keyframes compass-select{0%{transform:scale(.85)}to{transform:none}}@keyframes compass-reveal{0%{opacity:0;transform:translateY(7px)}to{opacity:1;transform:none}}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}.conversation-welcome>.brand-mark{width:64px;height:64px;border-radius:22px;margin-bottom:24px}.conversation-welcome{padding:32px 0}.conversation-prompts{display:grid;gap:10px;max-width:310px;margin:24px auto 0}.conversation-prompts button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:48px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);text-align:left;font-size:14px;color:var(--ink)}.conversation-prompts svg{width:16px;height:16px;color:var(--brand)}@media(max-height:650px){.conversation-welcome{padding:8px 0}.conversation-welcome>.brand-mark{width:44px;height:44px;border-radius:14px;margin-bottom:12px}.conversation-welcome h3{font-size:18px;margin-bottom:6px}.conversation-welcome p{font-size:13px}.conversation-prompts{margin-top:16px;gap:8px}.conversation-prompts button{min-height:44px;padding:10px 14px}}@media(max-height:500px){.conversation-welcome>.brand-mark{display:none}}.read-state{padding:24px 0;color:var(--muted-text);font-size:14px}.read-state small{display:block;margin-top:8px;font-size:12px}.read-placeholder{display:grid;gap:12px;margin-top:24px}.read-placeholder span{height:14px;border-radius:5px;background:oklch(var(--muted))}.read-placeholder span:first-child{width:65%}.read-placeholder span:last-child{width:82%}.appearance-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.appearance-heading h3{display:flex;align-items:center;gap:8px;font-size:14px}.appearance-reset{min-height:44px;padding:8px 0 8px 12px;border:0;background:transparent;color:var(--muted-text);font-size:12px}.appearance-reset:disabled{opacity:1}.appearance-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 14px;border:0;padding:0;margin:0;min-width:0}.appearance-option{position:relative;margin:0;cursor:pointer;font-size:12px;color:var(--muted-text)}.appearance-preview{display:flex;flex-direction:column;align-items:flex-start;position:relative;height:110px;padding:12px 14px;margin-bottom:9px;border:1px solid oklch(var(--border));border-radius:17px;background:oklch(var(--background));overflow:hidden}.appearance-preview-logo{width:15px;height:15px;flex-shrink:0;border-radius:5px;background:oklch(var(--logo-background))}.appearance-preview-top{display:flex;align-items:center;gap:6px;width:65%}.appearance-preview-title{width:35px;height:5px;border-radius:3px;background:oklch(var(--foreground) / .55)}.appearance-preview-message{width:56%;height:17px;border-radius:7px 7px 2px;margin:10px 0 0 auto;background:oklch(var(--primary))}.appearance-preview-line.short{width:48%;margin-top:4px}.appearance-preview-dock{display:flex;align-items:center;justify-content:space-around;align-self:center;width:70%;height:13px;margin-top:auto;border:1px solid oklch(var(--border));border-radius:6px;background:oklch(var(--card))}.appearance-preview-dock i{width:8px;height:3px;border-radius:2px;background:oklch(var(--muted-foreground) / .5)}.appearance-preview-dock i:first-child{background:oklch(var(--primary))}.appearance-label{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:0 2px}.appearance-swatches{display:inline-flex}.appearance-swatches i{width:9px;height:9px;border-radius:50%;background:oklch(var(--primary));border:1px solid oklch(var(--foreground) / .08)}.appearance-swatches i+i{margin-left:-2px;background:oklch(var(--secondary))}.appearance-swatches i:last-child{background:oklch(var(--foreground))}.appearance-preview-line{width:73%;height:4px;flex-shrink:0;margin:7px 0 0;border-radius:4px;background:oklch(var(--foreground) / .25)}.appearance-check{position:absolute;top:10px;right:10px;display:grid;place-items:center;width:19px;height:19px;border-radius:50%;color:oklch(var(--primary-foreground));background:oklch(var(--primary));opacity:0}.appearance-check svg{width:12px;height:12px;stroke-width:2}.appearance-option input:checked+.appearance-preview{outline:2px solid var(--brand);outline-offset:2px}.appearance-option input:checked+.appearance-preview .appearance-check{opacity:1}.appearance-option input:checked~span:last-child{color:var(--ink);font-weight:600}.appearance-option input:focus-visible+.appearance-preview{outline:3px solid var(--brand);outline-offset:4px}.appearance-hint{margin-top:14px;color:var(--muted-text);font-size:11px}html[data-theme=glacier]{--status-success: oklch(.79 .12 155);--status-warning: oklch(.8 .12 78)}@media(prefers-reduced-motion:no-preference){.session-create,.session-list button,.appearance-preview,.conversation-prompts button{transition:transform .18s cubic-bezier(.22,1,.36,1),background-color .18s}.nav-track:before{transition:transform .24s cubic-bezier(.22,1,.36,1)}.appearance-check{transition:opacity .18s,transform .18s cubic-bezier(.22,1,.36,1);transform:scale(.7)}.appearance-option input:checked+.appearance-preview .appearance-check{transform:scale(1)}.connection-details[open]>:not(summary),.install-guide[open]>:not(summary){animation:compass-reveal .18s cubic-bezier(.22,1,.36,1)}.session-create:active:not(:disabled),.session-list button:active:not(:disabled),.task-card:active,.conversation-prompts button:active{transform:scale(.985)}.read-placeholder{animation:reading 1.4s ease-in-out infinite alternate}@keyframes reading{to{opacity:.45}}.appearance-option:active .appearance-preview{transform:scale(.96)}.nav-icon{transition:background-color .18s}.connection-details summary>svg:last-child,.install-guide summary>svg:last-child{transition:transform .18s cubic-bezier(.22,1,.36,1)}.refresh-button[aria-busy=true] svg{animation:connection-refresh .8s linear infinite}@keyframes connection-refresh{to{transform:rotate(360deg)}}}
