@font-face{font-family:Nunito;src:url('assets/fonts/Nunito-Medium.ttf');font-weight:500;font-display:swap}
@font-face{font-family:Nunito;src:url('assets/fonts/Nunito-ExtraBold.ttf');font-weight:800;font-display:swap}
@font-face{font-family:Lora;src:url('assets/fonts/Lora-SemiBold.ttf');font-weight:600;font-display:swap}
:root{--body-scale:1;color-scheme:light}
*{box-sizing:border-box}html{scroll-padding-top:80px}body{margin:0;background:#e9f3f6;color:#172c4b;font:500 16px/1.5 Nunito,system-ui,sans-serif;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}
.phone-header{display:flex;align-items:center;gap:16px;padding:18px 16px;max-width:1280px;margin:auto}.phone-header img{width:105px;height:65px;object-fit:contain}.phone-header h1{font-size:21px;margin:0;line-height:1.2}.phone-header p{font-size:13px;margin:5px 0 0;color:#526c80}
main{max-width:1280px;margin:auto;padding:0 10px 24px}.phone-guide{font-size:14px;max-width:780px;padding:0 6px;margin:0 0 12px}.phone-note{font-size:13px;color:#526c80;text-align:center;margin:18px 8px}
.phone-jumps{position:sticky;top:0;z-index:10;display:flex;gap:8px;padding:8px 0;background:#e9f36fee}.phone-jumps button{flex:1;min-height:44px;background:#fffaf0;border:1px solid #d5bd83;border-radius:12px;color:#172c4b;font:800 14px Nunito,system-ui;touch-action:manipulation}.phone-jumps button:focus-visible{outline:3px solid #1b83c4;outline-offset:2px}
#phone-error{padding:16px;background:#fff2dc;border-radius:12px}