:root{color-scheme:light;--blue:#1687f8;--ink:#1d1d1f;--muted:#6e6e73;--line:#e5e5e7;--surface:#f5f5f7}*{box-sizing:border-box}html{background:var(--surface)}body{margin:0;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"PingFang SC","Helvetica Neue",Arial,sans-serif;background:linear-gradient(#fff 0,#fff 500px,var(--surface) 500px);-webkit-font-smoothing:antialiased}.page{width:min(100%,720px);margin:auto;padding:28px 22px calc(38px + env(safe-area-inset-bottom))}.back-link{display:inline-block;color:var(--blue);text-decoration:none;margin-bottom:20px}.app-header{display:flex;align-items:center;gap:24px;padding:12px 0 30px}.app-icon{width:138px;height:138px;border-radius:31px;box-shadow:0 8px 28px rgba(24,39,75,.13)}.eyebrow{color:var(--blue);font-size:13px;font-weight:700}.app-header h1{font-size:36px;margin:6px 0 8px}.app-header p{color:var(--muted);line-height:1.55;margin:0 0 18px}.primary-button,.secondary-button{appearance:none;border:0;border-radius:12px;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer}.primary-button{padding:12px 25px;background:var(--blue);color:#fff}.guide-card,.notice-card{margin-top:18px;padding:25px;border-radius:22px;background:#fff}.guide-card h2,.notice-card h2{font-size:24px;margin:0 0 14px}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:14px;padding:15px 0}.steps li+li{border-top:1px solid var(--line)}.steps>li>span{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#eaf4ff;color:var(--blue);font-weight:800}.steps li.is-current>span{background:var(--blue);color:#fff;box-shadow:0 0 0 5px #eaf4ff}.steps li.is-done>span{background:#28a768;color:#fff}.steps strong{font-size:17px}.steps p,.notice-card p{color:var(--muted);line-height:1.6;margin:5px 0 0}.secondary-button{display:block;width:100%;margin-top:18px;padding:13px;background:#e9e9ed;color:#555}.footer{text-align:center;color:#999;font-size:13px;margin-top:26px}.guide-modal[hidden]{display:none}.guide-modal{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:22px}.modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.45);backdrop-filter:blur(3px)}.modal-panel{position:relative;width:min(100%,350px);padding:24px;border-radius:22px;background:rgba(250,250,252,.97);box-shadow:0 22px 70px rgba(0,0,0,.32);text-align:center}.progress{display:flex;gap:6px;margin-bottom:20px}.progress span{height:4px;flex:1;border-radius:3px;background:#d8d8dc}.progress span.is-done{background:var(--blue)}.modal-step{display:inline-block;color:var(--blue);font-size:13px;font-weight:700}.modal-panel h2{font-size:24px;margin:7px 0 10px}.modal-panel>p{color:var(--muted);line-height:1.6;margin:0 0 19px}.modal-actions{display:grid;gap:9px}.modal-actions button,.modal-actions a{appearance:none;border:0;border-radius:12px;padding:12px;font-family:inherit;font-size:16px;font-weight:600;cursor:pointer;background:var(--blue);color:#fff;text-decoration:none}.modal-actions button.is-secondary,.modal-actions a.is-secondary{background:#e9e9ed;color:#333}.modal-later{appearance:none;border:0;background:transparent;color:#777;padding:15px 0 0;font-family:inherit;font-size:14px;cursor:pointer}@media(max-width:520px){.page{padding:20px 16px 32px}.app-header{align-items:flex-start;gap:16px}.app-icon{width:102px;height:102px;border-radius:23px}.app-header h1{font-size:28px}.app-header p{font-size:14px}.guide-card,.notice-card{padding:21px 18px}.guide-modal{align-items:flex-end;padding:12px}.modal-panel{width:100%;padding-bottom:calc(22px + env(safe-area-inset-bottom))}}