.install-dialog { width:min(560px,calc(100% - 32px)); max-height:calc(100dvh - 48px); overflow:auto; padding:30px; border:1px solid #d9d8d0; border-radius:18px; background:#f4f1eb; color:#172321; font-family:'DM Sans',sans-serif; box-shadow:0 24px 80px #17232133; }
.install-dialog::backdrop { background:#17232199; }
.install-dialog h2 { font-family:'Fraunces',Georgia,serif; font-size:30px; line-height:1.2; margin:12px 0; }
.install-dialog p,.install-dialog li { font-size:15px; line-height:1.65; }
.install-dialog ol { padding-left:22px; }
.install-dialog li { padding:6px 0; }
.install-dialog label { display:block; margin-top:20px; font-size:13px; font-weight:700; }
.install-dialog select { width:100%; margin-top:8px; padding:12px; border:1px solid #66736f; border-radius:8px; background:white; color:#172321; font:inherit; }
.install-dialog .install-close { float:right; border:0; background:transparent; padding:8px; font:inherit; color:#183b45; cursor:pointer; }
.guide-button { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:11px 17px; border:1px solid #183b45; border-radius:8px; background:#183b45; color:white; font:inherit; font-weight:600; text-decoration:none; cursor:pointer; }
.guide-button.secondary { background:transparent; color:#183b45; }
.install-dialog .guide-button { margin:8px 8px 0 0; }
.install-dialog [hidden] { display:none; }
.install-dialog :focus-visible,.getting-started :focus-visible { outline:3px solid #b66a42; outline-offset:4px; }
.install-note { padding:12px 14px; border-left:3px solid #b66a42; background:#e9e5dc; }
.getting-started { margin-bottom:24px; padding:20px 24px; border:1px solid #d9d8d0; border-left:4px solid #b66a42; border-radius:12px; background:#fffdf8; }
.getting-started summary { cursor:pointer; font-weight:700; color:#183b45; }
.getting-started summary span { margin-left:12px; font-size:12px; font-weight:400; color:#66736f; }
.getting-started ol { margin:18px 0; padding-left:22px; list-style:decimal; }
.getting-started li { padding:5px 0; line-height:1.6; }
.getting-started p { max-width:850px; font-size:13px; line-height:1.7; color:#4c5b56; margin:16px 0; }
.getting-started .guide-button { margin:4px 8px 0 0; font-size:14px; }
@media(max-width:500px) { .install-dialog { padding:22px; } .getting-started { padding:18px; } .getting-started summary span { display:block; margin:6px 0 0; } }