.connection-home{padding-top:56px}.install-visual{min-height:220px}.install-preview{border:1px solid var(--line);background:var(--paper);text-align:center;border-radius:18px;width:min(100%,300px);overflow:hidden;box-shadow:0 18px 55px #00000014}.install-preview-bar{border-bottom:1px solid var(--line);gap:5px;padding:12px;display:flex}.install-preview-bar span{background:var(--muted);opacity:.45;border-radius:50%;width:5px;height:5px}.install-preview-connection{justify-content:center;align-items:center;gap:14px;padding:27px 12px 8px;display:flex}.install-preview-connection>svg{color:var(--muted)}.install-preview-connection>svg,.install-preview-connection>img{flex-shrink:0}.install-preview p{color:var(--muted);margin:8px 0 18px;font-size:13px}.install-preview-lines{justify-items:center;gap:7px;padding-bottom:24px;display:grid}.install-preview-lines span{background:var(--line);border-radius:9px;width:54%;height:5px}.install-preview-lines span:last-child{width:35%}.installation-fallback{margin-top:14px}.installation-fallback summary{cursor:pointer;color:var(--muted);padding:10px 0;font-size:14px}.installation-fallback .copy-panel{margin-top:8px}.connection-home .hero{gap:50px;min-height:500px}.connection-home h1{font-size:clamp(38px,4.8vw,62px)}.connection-home .lead{max-width:490px;font-size:17px}.connection-home .hero-art{justify-self:center;width:100%;max-width:380px}.connection-home .hero{isolation:isolate;position:relative}.connection-home .hero-art:before{display:none}.light-ribbon{z-index:-1;width:80%;height:auto;color:var(--accent);opacity:.42;pointer-events:none;position:absolute;top:20%;right:-2%;overflow:hidden}.ribbon-volume{fill:currentColor;opacity:.035}.ribbon-edge{stroke:currentColor;stroke-width:1.1px;opacity:.34}.ribbon-secondary{stroke:var(--muted);stroke-width:.8px;opacity:.13}.connection-loading{min-height:26px;color:var(--muted);margin:8px 0 0;font-size:14px}.connection-inline{isolation:isolate;--client-accent:var(--accent);position:relative}.connection-inline[data-client=claude]{--client-accent:var(--lightningcss-light,#945137)var(--lightningcss-dark,#dca080)}.connection-inline[data-client=chatgpt]{--client-accent:var(--ink)}.connection-inline[data-client=cursor]{--client-accent:var(--lightningcss-light,#526072)var(--lightningcss-dark,#aab6c8)}.connection-inline[data-client=claude] .guide-content h3{font-family:Georgia,serif;font-weight:500}.commerce-details{z-index:-1;pointer-events:none;color:var(--muted);opacity:.18;position:absolute;inset:0 -8%;overflow:clip}.commerce-details svg{width:105px;position:absolute}.detail-parcel{top:57%;left:0;transform:rotate(-14deg)}.detail-label{top:24%;right:0;transform:rotate(14deg)}.connection-inline .guide-step[aria-current=step]{color:var(--client-accent);border-bottom-color:var(--client-accent)}.connection-inline .eyebrow{color:var(--client-accent)}.connection-inline .guide-visual{background:0 0;padding:16px}.client-connector-badge{border:1px solid var(--line);background:var(--surface);border-radius:14px;align-items:center;gap:14px;padding:10px 18px;font-size:13px;display:flex}.client-connector-badge>span{border-left:1px solid var(--line);padding-left:14px}.connection-inline .guide-mascot:before{opacity:.08;background:var(--client-accent)}.design-workbench .design-controls{max-width:700px;margin:auto}.design-workbench .palette-preview{margin-bottom:60px}.admin-home h1{font-size:clamp(34px,4vw,48px)}.admin-entry{border:1px solid var(--line);background:var(--surface);border-radius:20px;justify-content:space-between;align-items:center;gap:24px;margin-top:32px;padding:26px;text-decoration:none;display:flex}.admin-entry h2{margin:0}.admin-entry p{color:var(--muted);margin:8px 0 0}.admin-entry span{color:var(--accent);white-space:nowrap}.admin-roadmap{color:var(--muted);margin-top:40px}.admin-roadmap h2{color:var(--ink);font-size:18px}.art-filter-defs{pointer-events:none;width:0;height:0;position:absolute;overflow:hidden}.connection-entry{max-width:540px}.connect-buttons{flex-wrap:wrap;align-items:flex-start;gap:8px;display:flex}.connect-button{background:var(--surface);width:auto;color:var(--ink);border:1px solid var(--line);text-align:left;border-radius:12px;justify-content:flex-start;align-items:center;min-height:44px;padding:8px 12px;font-size:13px;font-weight:600;text-decoration:none;transition:border-color .2s,background .2s,transform .2s;display:flex}.connect-button:active{transform:scale(.985)}.connect-button[aria-expanded=true],.connect-button:hover{border-color:var(--accent);background:var(--tint)}.connect-button .client-brand{justify-content:flex-start;gap:8px;width:auto}.connection-entry .connect-button .client-logo{border-radius:7px;width:26px;height:26px;padding:3px}.connection-entry .connect-button .client-logo img,.connection-entry .connect-button .client-logo .cursor-mark{width:20px;height:20px}.connection-other-apps summary{border:1px solid var(--line);cursor:pointer;min-height:44px;color:var(--muted);border-radius:12px;align-items:center;gap:7px;padding:8px 11px;font-size:13px;list-style:none;display:flex}.connection-other-apps summary::-webkit-details-marker{display:none}.connection-other-apps summary svg{transition:transform .2s}.connection-other-apps[open]{flex-basis:100%}.connection-other-apps[open] summary{width:fit-content}.connection-other-apps[open] summary svg{transform:rotate(180deg)}.connection-other-apps summary.is-selected{border-color:var(--accent);color:var(--ink)}.connection-other-options{flex-wrap:wrap;gap:8px;padding-top:8px;animation:.2s guide-appear;display:flex}.connection-other-options .connect-button{gap:14px}.connection-other-options .connect-button>span{color:var(--muted);font-size:12px;font-weight:400}.connect-button:focus-visible,.connection-other-apps summary:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.connection-preview-note{color:var(--muted);margin:0 0 22px;font-size:12px}.connection-footnote{color:var(--muted);margin:16px 0 0;font-size:12px}.connection-inline{border-top:1px solid var(--line);max-width:920px;margin:50px auto 0;padding-top:32px;scroll-margin-top:24px}.connection-inline:focus{outline:none}.connection-motion{overflow-anchor:none;display:flow-root}.connection-guide-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:28px;display:flex}.connection-guide-header p{margin:0 0 7px}.connection-guide-header h2{margin:0;font-size:25px}.guide-current{grid-template-columns:minmax(0,.95fr) minmax(0,1fr);align-items:center;gap:38px;display:grid}.guide-visual{background:var(--tint);border-radius:28px;justify-content:center;align-items:center;min-height:270px;padding:28px;display:flex}.guide-visual.avatar-visual{background:0 0}.guide-visual.message-visual{background:0 0;padding:0}.guide-mascot{isolation:isolate;position:relative}.guide-mascot:before{content:"";background:var(--hero-glow);filter:blur(36px);opacity:var(--ambient-glow,.5);z-index:-1;border-radius:50%;position:absolute;inset:22% 10%}.guide-connection-map{color:var(--muted);flex-direction:column;align-items:center;gap:14px;display:flex}.guide-connection-map .brand{color:var(--ink)}.guide-connection-map small{font-size:12px}.guide-content{min-width:0}.openai-mode{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.openai-mode button{min-height:44px;padding:9px 12px;font-size:12px}.guide-progress{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:22px;display:grid}.guide-step{color:var(--muted);border:0;border-bottom:2px solid var(--line);background:0 0;border-radius:0;gap:6px;min-height:44px;padding:8px 4px;font-size:12px}.guide-step[aria-current=step]{color:var(--accent);border-bottom-color:var(--accent)}.guide-step span{font-weight:700}.guide-current{animation:.3s cubic-bezier(.22,1,.36,1) guide-appear}.guide-brand-picture{justify-content:center;align-items:center;gap:18px;min-height:130px;margin-bottom:20px;display:flex}.guide-brand-picture>strong{font-family:var(--font-heading), sans-serif;letter-spacing:-.04em;font-size:21px}.connection-inline:focus,.guide-content h3:focus{outline:none}.connection-line{background:var(--line);width:32px;height:1px}.guide-mascot{justify-content:center;align-items:center;gap:12px;margin-bottom:18px;display:flex}.guide-mascot img{object-fit:contain;width:220px;height:220px}.guide-mascot p{max-width:130px;font-size:17px;font-weight:600}.first-chat-message{background:var(--tint);color:var(--ink);border-radius:20px 20px 4px;margin:0 0 24px;padding:25px;font-size:20px}.guide-current h3{font-size:21px}.guide-description{color:var(--muted);margin:12px 0 22px;font-size:16px}.guide-address{gap:12px;display:grid}.guide-address code{border:1px solid var(--line);background:var(--paper);overflow-wrap:anywhere;border-radius:12px;padding:14px;font-size:14px}.guide-primary{margin-bottom:16px}.prompt-copy{border:1px solid var(--line);background:var(--surface);overflow-wrap:anywhere;border-radius:18px 18px 4px;padding:18px;font-size:14px}.guide-message{background:var(--surface);border:1px solid var(--line);border-radius:22px;width:100%;max-width:350px;padding:22px}.guide-message p{margin:0;font-size:16px;line-height:1.7}.guide-message .message-label{color:var(--muted);margin-bottom:16px;font-size:14px;font-weight:600;display:block}.guide-message button{width:100%;margin-top:20px}.copy-panel{border:1px solid var(--line);background:var(--surface);border-radius:15px;width:100%;min-width:0;overflow:hidden}.copy-panel-header{justify-content:space-between;align-items:center;gap:12px;padding:9px 10px 9px 14px;font-size:13px;font-weight:600;display:flex}.copy-panel .copy-panel-button{border-radius:9px;flex-shrink:0;justify-content:center;align-items:center;gap:6px;min-width:116px;min-height:44px;padding:7px 10px;font-size:12px;display:inline-flex}.copy-panel-window{position:relative}.copy-panel-text{border-top:1px solid var(--line);white-space:pre-wrap;overflow-wrap:anywhere;max-height:116px;color:var(--ink);scrollbar-width:thin;margin:0;padding:13px 14px 16px;font-family:inherit;font-size:14px;line-height:1.65;transition:max-height .24s;display:block;overflow:auto}.copy-panel[data-kind=code] .copy-panel-text{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:12px}.copy-panel-text:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.copy-panel.is-expanded .copy-panel-text{max-height:min(60vh,500px)}.copy-panel-fade{bottom:0;background:linear-gradient(transparent, var(--surface) 95%);pointer-events:none;height:42px;position:absolute;inset-inline:0}.copy-panel .copy-panel-expand{width:100%;min-height:40px;color:var(--muted);border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;justify-content:center;align-items:center;gap:7px;padding:8px 12px;font-size:12px;display:flex}.copy-panel-expand svg{transition:transform .2s}.copy-panel.is-expanded .copy-panel-expand svg{transform:rotate(180deg)}.copy-panel-status{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.copy-panel-error{color:var(--ink);margin:0;padding:10px 14px;font-size:13px}.guide-visual.message-visual .copy-panel{max-width:380px}.guide-hint{color:var(--muted);font-size:15px}.guide-hint a{white-space:nowrap}.guide-actions{flex-wrap:wrap;gap:10px;display:flex}.copy-status{min-height:24px;color:var(--accent);margin:12px 0;font-size:14px}.guide-navigation{justify-content:flex-end;gap:10px;padding:20px 0;display:flex}.connection-help{border-top:1px solid var(--line);margin-top:28px;padding-top:20px}.connection-help summary{min-height:48px;color:var(--ink);justify-content:space-between;align-items:center;gap:16px;padding:0;font-size:14px;list-style:none;display:flex}.connection-help summary::-webkit-details-marker{display:none}.connection-help summary svg{flex-shrink:0;transition:transform .2s}.connection-help[open] summary svg{transform:rotate(180deg)}.connection-help p{color:var(--muted);font-size:13px}@keyframes guide-appear{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.mascot-scene .mascot-body{animation:none}.mascot-scene img.mascot-orbit{pointer-events:none;width:23%;height:auto;animation:9s ease-in-out infinite orbit-drift;position:absolute}.orbit-shirt{--orbit-tilt:-9deg;top:12%;left:0}.orbit-bag{--orbit-tilt:8deg;top:29%;right:-1%;animation-delay:-3s!important}.orbit-shoe{--orbit-tilt:-6deg;top:54%;left:-3%;animation-delay:-5s!important}@keyframes orbit-drift{0%,to{transform:translateY(0) rotate(var(--orbit-tilt))}50%{transform:translateY(-16px) rotate(calc(var(--orbit-tilt) + 12deg))}}.palette-preview{border:1px solid var(--line);background:var(--surface);border-radius:22px;max-width:700px;margin:0 auto 32px;padding:22px}.palette-preview h2{margin:0;font-size:21px}.palette-preview p{color:var(--muted);margin:8px 0 18px;font-size:13px}.palette-presets{gap:8px;margin-bottom:16px;display:flex}.palette-swatch{background:0 0;border:2px solid #0000;border-radius:50%;width:46px;min-height:46px;padding:5px}.palette-swatch[aria-pressed=true]{border-color:var(--ink)}.palette-swatch span{background:oklch(.7 .13 var(--swatch-hue));border-radius:50%;width:32px;height:32px}.palette-preview input[type=range]{accent-color:var(--accent);padding:0}.palette-end{justify-content:space-between;align-items:center;font-size:13px;display:flex}.appearance-options{border-top:1px solid var(--line);margin-top:14px;padding-top:14px}.appearance-options summary{justify-content:space-between;align-items:center;gap:12px;min-height:44px;list-style:none;display:flex}.appearance-options summary::-webkit-details-marker{display:none}.appearance-options summary svg{flex-shrink:0;transition:transform .2s}.appearance-options[open] summary svg{transform:rotate(180deg)}.appearance-options h3{margin-top:24px}.weather-options{margin-top:18px}.weather-select{margin-top:6px;position:relative}.weather-select select{appearance:none;background:var(--surface);border-radius:14px;padding-right:44px}.weather-select svg{pointer-events:none;color:var(--muted);position:absolute;top:50%;right:14px;transform:translateY(-50%)}.appearance-options p{font-size:14px}.avatar-roles{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.avatar-roles figure{text-align:center;min-width:0;margin:0;position:relative}.avatar-roles img{width:110px;max-width:100%;height:auto;margin:auto;display:block}.avatar-roles figcaption{margin-top:6px;font-size:13px}@media (max-width:760px){.connection-home .commerce-details{opacity:.1;inset:0}.connection-home .commerce-details svg{width:70px}.connection-home .detail-parcel{top:70%;left:-35px}.connection-home .detail-label{right:-30px}.connection-home .light-ribbon{width:100%;top:28%;right:0}.connection-home{padding:28px 22px 32px}.connection-home .hero{flex-direction:column;align-items:stretch;gap:0;min-height:0;display:flex}.hero-copy{display:contents}.connection-home h1{order:1;margin:12px 0 18px;font-size:clamp(32px,8vw,46px)}.connection-home .lead{order:2;margin:0 0 10px;font-size:16px}.connection-home .hero-art{order:3;width:100%;max-width:280px;margin:0 auto 16px}.connection-entry{order:4;max-width:none}.connect-button{min-height:44px;padding:8px 10px;font-size:13px}.copy-panel .copy-panel-button{min-height:44px}.connection-inline{margin-top:38px;padding-top:24px;scroll-margin-top:18px}.connection-guide-header{align-items:flex-start}.connection-guide-header h2{font-size:20px}.connection-guide-header .client-logo{width:32px;height:32px;padding:4px}.connection-guide-header .client-logo img{width:24px;height:24px}.connection-guide-header .client-brand{gap:8px}.connection-guide-header .text-button{text-align:right;font-size:12px}.guide-current{grid-template-columns:1fr;gap:24px}.guide-visual{border-radius:22px;min-height:200px;padding:22px}.guide-mascot{margin:0}.guide-mascot img{width:180px;height:180px}.guide-brand-picture{gap:10px;min-height:105px}.guide-brand-picture>strong{font-size:18px}.guide-brand-picture .client-brand{gap:6px;font-size:14px}.guide-brand-picture .client-logo{width:36px;height:36px;padding:4px}.guide-brand-picture .client-logo img{width:28px;height:28px}.connection-line{width:16px}.guide-actions{flex-direction:column}.guide-navigation button{flex:1}.guide-navigation{padding:18px 0}}