.install-app-button{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;padding:8px 14px;border:1px solid var(--line,#c5c7af);border-radius:9px;background:var(--surface,#faf9ee);color:var(--forest,#353d22);font:inherit;font-size:14px;font-weight:650;cursor:pointer;touch-action:manipulation}.install-app-button[hidden]{display:none}.install-app-button svg{width:19px;height:19px}.install-app-button:active,.install-guide button:active{transform:scale(.97)}
.install-guide{box-sizing:border-box;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);padding:20px;border:1px solid var(--line,#c5c7af);border-radius:18px;background:var(--paper,#eeeee2);color:var(--ink,#292e20);overflow:auto;overscroll-behavior:contain}.install-guide::backdrop{background:rgb(20 25 15 / .55)}.install-guide [hidden]{display:none!important}.install-guide-top{display:flex;align-items:center;justify-content:space-between;gap:12px}.install-guide h2{font-size:22px;line-height:1.2;letter-spacing:-.03em;margin:0}.install-guide h3{font-size:18px;margin:0 0 6px;line-height:1.3}.install-guide p{font-size:15px;line-height:1.5;color:var(--muted,#4b523b);margin:0 0 12px}.install-guide button{font:inherit;min-height:44px;min-width:44px;border:1px solid var(--line,#c5c7af);border-radius:8px;background:transparent;color:inherit;cursor:pointer;touch-action:manipulation}.install-guide button:focus-visible,.install-guide summary:focus-visible{outline:3px solid var(--focus,#846122);outline-offset:3px}.install-guide .install-close{border:0;font-size:28px;line-height:1;flex:none}.install-devices{display:flex;gap:8px;margin:16px 0}.install-devices button{padding:8px 12px;font-size:14px;flex:1}.install-devices button[aria-pressed=true],.install-step-buttons button[aria-current=true]{background:var(--forest,#353d22);color:var(--paper,#eeeee2);border-color:var(--forest,#353d22)}
.install-demo{display:flex;justify-content:center;padding:0 0 16px}.install-phone{position:relative;box-sizing:border-box;width:224px;height:210px;overflow:hidden;border:2px solid var(--ink,#292e20);border-radius:22px;background:var(--surface,#faf9ee);font-size:12px;isolation:isolate}.install-address{position:absolute;top:9px;left:12px;right:12px;text-align:center;border-radius:9px;background:var(--line-soft,#dedfcd);padding:5px}.install-screen{position:absolute;inset:44px 12px 10px;opacity:0;transform:translateY(12px);transition:opacity 220ms cubic-bezier(.23,1,.32,1),transform 220ms cubic-bezier(.23,1,.32,1);pointer-events:none}.install-guide[data-step="0"] .install-screen-0,.install-guide[data-step="1"] .install-screen-1,.install-guide[data-step="2"] .install-screen-2{opacity:1;transform:translateY(0)}.install-screen>strong{display:block;margin:5px 0 10px;font-size:15px}.install-mock-search{border:1px solid var(--line,#c5c7af);border-radius:6px;padding:5px;color:var(--muted,#4b523b)}.install-mock-tiles{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:7px}.install-mock-tiles span{padding:5px;border:1px solid var(--line,#c5c7af);border-radius:5px}.install-mock-toolbar{display:flex;justify-content:space-between;align-items:center;margin-top:5px}.install-mock-toolbar>span{width:36px;height:28px;display:grid;place-items:center}.install-demo svg{width:20px;height:20px;flex:none}.install-highlight{outline:2px solid var(--forest,#353d22);outline-offset:2px;border-radius:4px}.install-mock-row{display:flex;align-items:center;gap:8px;padding:8px 2px;border-bottom:1px solid var(--line,#c5c7af);font-size:11px}.install-mock-row.install-highlight{margin-top:7px;border:0;padding:8px 4px}.install-sheet-handle{width:30px;height:3px;background:var(--line,#c5c7af);border-radius:3px;margin:0 auto 5px}.install-confirm-top{display:flex;justify-content:space-between;margin:2px 0 14px}.install-confirm-top b{padding:2px 5px}.install-mock-switch{margin-left:auto;display:block;width:28px;height:16px;background:var(--forest,#353d22);border:1px solid var(--forest,#353d22);border-radius:10px}.install-mock-switch:after{content:'';display:block;width:12px;height:12px;margin:1px 1px 1px auto;background:var(--paper,#eeeee2);border-radius:50%}.install-step-text{min-height:108px}.install-guide-controls{display:flex;align-items:center;justify-content:space-between;gap:8px}.install-step-buttons{display:flex;gap:4px}.install-guide [data-guide-play]{padding:6px;font-size:13px;border:0}.install-guide .install-next{padding:8px 14px;background:var(--forest,#353d22);color:var(--paper,#eeeee2);border-color:var(--forest,#353d22);font-weight:650}.install-help{margin-top:12px;border-top:1px solid var(--line,#c5c7af)}.install-help summary{font-size:14px;min-height:44px;display:flex;align-items:center;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.install-help p{font-size:14px}.install-guide [data-guide-other]{padding-top:4px}
@media(max-width:360px){.install-guide{padding:14px}.install-guide h2{font-size:20px}.install-guide-controls{gap:4px}.install-step-buttons button{min-width:44px}.install-guide .install-next{padding:8px}.install-guide [data-guide-play]{font-size:12px}}
@media(prefers-reduced-motion:reduce){.install-screen{transition:none}.install-guide [data-guide-play]{display:none}.install-app-button:active,.install-guide button:active{transform:none}}
@media(max-height:650px){.install-demo{padding-bottom:12px}.install-phone{height:185px}.install-step-text{min-height:0}.install-mock-tiles span:nth-child(n+3){display:none}}
