/* Shared compact entrance. Content stays limited to the example, steps and action. */
dialog.start-screen{width:min(580px,calc(100vw - 32px));max-height:90dvh;margin:auto;padding:0;border:1px solid #dce3e7;border-radius:12px;background:#fff;color:#192a32;box-shadow:0 20px 80px #162b382b;overflow:auto;font:14px/1.55 -apple-system,BlinkMacSystemFont,'Segoe UI','Noto Sans JP',sans-serif;text-align:left}
dialog.start-screen::backdrop{background:#1e354a38;backdrop-filter:blur(3px)}
.start-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:18px 24px;border-bottom:1px solid #dce3e7}
.start-brand{display:flex;align-items:center;flex-wrap:wrap;gap:9px;row-gap:3px;min-width:0;font-size:17px;font-weight:750;letter-spacing:-.5px}.start-brand img{width:27px;height:30px}.start-beta{font-size:9px;letter-spacing:.1px;padding:2px 5px;border-radius:3px;background:#edf4f7;color:#7993a1;font-weight:600;white-space:nowrap;line-height:1.3}
.start-close{display:grid;place-items:center;width:32px;height:32px;min-height:0;padding:7px;border:0;border-radius:8px;background:transparent;color:#5c6a72;flex:none}.start-close:hover{background:#e7edf0}.start-close svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.65}
.start-body{padding:22px 24px 20px}.start-visual{position:relative;aspect-ratio:2/1;background:#eef3f6;border-radius:8px;overflow:hidden;margin:0 0 20px;display:grid;place-items:center}.start-visual>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.start-visual .start-placeholder{width:55px;height:60px;opacity:.6}
.start-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;list-style:none;margin:0;padding:0;width:100%}.start-steps li{min-width:0}.start-step-title{display:flex;align-items:center;justify-content:center;gap:8px;min-height:40px;padding:9px 5px;background:#189ed0;color:#fff;border-radius:8px;font-size:13px;font-weight:650;white-space:nowrap}.start-step-title b{font-size:12px;font-weight:650}
.start-footer{padding:0 24px 20px;background:#fff}.start-terms{font-size:12px;line-height:1.8;color:#5c6a72;margin:0 0 12px;text-align:center}.start-terms a{text-decoration:underline;text-underline-offset:3px}.start-primary{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;padding:12px 18px;border:0;border-radius:8px;background:#189ed0;color:#fff;font-family:inherit;font-size:14px;line-height:1.4;font-weight:650;cursor:pointer}.start-primary:hover:not(:disabled){background:#117ca6;color:#fff}.start-encouragement{margin:10px 0 0;font-size:12px;text-align:center;color:#5c6a72}.start-screen button:focus-visible{outline:3px solid #08779e;outline-offset:3px}
@media(max-width:590px){dialog.start-screen{width:calc(100vw - 24px);max-height:92dvh}.start-heading{padding:15px 18px}.start-body{padding:18px}.start-footer{padding:0 18px 18px}.start-steps{gap:8px}.start-step-title{font-size:11px;gap:5px}.start-visual{margin-bottom:17px}.start-brand{font-size:16px}.start-terms{font-size:11px}}
@media(max-width:360px){.start-heading{padding-inline:14px}.start-body{padding-inline:14px}.start-footer{padding-inline:14px}.start-brand{font-size:15px;gap:6px}.start-beta{font-size:8px}.start-step-title{gap:4px;font-size:10px}}
@media(prefers-reduced-motion:reduce){.start-screen *{transition:none!important}}