/* Wish Bell native UI flow. Scoped to introduction, Notes story and system alerts. */
:root{--wb-blue:#007aff;--wb-separator:rgba(60,60,67,.19)}
#screen[data-view="intro"]{background:#fff!important}
#screen[data-view="intro"] #wallpaper{display:none!important}
#screen[data-view="intro"] .game-onboard{
  width:100%;height:100%;padding:0!important;margin:0;display:flex;align-items:stretch;
  flex-direction:column;overflow:auto;background:#fff!important;color:#1c1c1e;
  font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;
}
.wb-setup{width:100%;max-width:480px;margin:auto;padding:48px 23px max(32px,env(safe-area-inset-bottom,16px));display:flex;flex-direction:column;min-height:100%;justify-content:center;gap:0}
.wb-setup-brand{text-align:center;margin:0 0 33px}
.wb-setup-symbol{font-size:18px;color:#26262a;letter-spacing:-.3px;display:block;margin-bottom:11px;font-weight:600}
.wb-setup-brand h1{font-weight:700;font-size:34px;line-height:1.1;letter-spacing:-1.35px;margin:0 0 9px;color:#151518}
.wb-setup-brand p{font-size:13px;line-height:1.5;color:#8e8e93;margin:0}
.wb-form-label{font-size:12px;line-height:20px;color:#888890;font-weight:550;margin:0 0 9px 5px}
.wb-field-group{display:flex;flex-direction:column;background:#f5f5f7;border-radius:13px;margin:0 0 23px;overflow:hidden;border:1px solid #ededf0}
.wb-field-row{display:flex;align-items:center;gap:13px;min-height:58px;padding:0 15px}
.wb-field-row+.wb-field-row{border-top:1px solid var(--wb-separator)}
.wb-field-row label{width:84px;flex:none;font-size:14px;font-weight:550;color:#333338}
.wb-field-row input{appearance:none;-webkit-appearance:none;background:none;border:0;outline:0;width:100%;min-width:0;flex:1;padding:15px 0;font-family:inherit;font-size:15px;color:#16161a}
.wb-field-row input::placeholder{color:#adaeb6}
.wb-route-label{display:flex;align-items:center;justify-content:space-between;margin:1px 5px 12px;color:#83838b;font-size:12px}
.wb-route-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}
.wb-route{background:#fff;border:1px solid #ededf0;border-radius:16px;padding:12px 3px 10px;display:flex;flex-direction:column;align-items:center;gap:9px;min-width:0;color:#303038;position:relative;cursor:pointer;font-size:12px;font-weight:600;transition:background .15s,border-color .15s}
.wb-route .avatar{width:64px!important;height:64px!important;border-radius:50%!important;overflow:hidden;display:grid;place-items:center;flex:none}
.wb-route .avatar img{width:100%;height:100%;object-fit:cover}
.wb-route[aria-pressed="true"]{border-color:#007aff;background:#f6faff;box-shadow:0 0 0 .5px #007aff}
.wb-route-check{position:absolute;top:6px;right:6px;border-radius:50%;height:17px;width:17px;background:#007aff;color:white;display:grid;place-items:center;font-size:11px;font-weight:700}
.wb-submit{appearance:none;border:0;border-radius:14px;min-height:50px;display:block;width:100%;background:#007aff;color:#fff;font:600 16px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:-.1px;margin-top:25px;cursor:pointer}
.wb-submit:disabled{background:#d9dce1;cursor:not-allowed}
.wb-setup-foot{color:#999ba3;text-align:center;font-size:11px;margin:14px 0 0}
.wb-invalid{min-height:17px;margin:8px 4px 0;color:#d72834;font-size:12px;text-align:center}
.wb-modal-backdrop{position:absolute;inset:0;z-index:200;background:rgba(0,0,0,.27);backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px);display:flex;align-items:center;justify-content:center;padding:23px}
.wb-alert{background:rgba(249,249,249,.96);color:#1c1c1e;border-radius:14px;width:100%;max-width:285px;box-shadow:0 12px 45px rgba(0,0,0,.12);overflow:hidden;text-align:center;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif}
.wb-alert-main{padding:19px 19px 18px}
.wb-alert h2{margin:0 0 5px;font-size:17px;line-height:21px;letter-spacing:-.32px;font-weight:650}
.wb-alert p{margin:0;font-size:13px;line-height:18px;color:#3b3b42}
.wb-alert-actions{display:flex;align-items:stretch;border-top:.5px solid rgba(60,60,67,.26)}
.wb-alert-actions>button{width:50%;border:0;padding:13px 7px;min-height:45px;background:transparent;color:var(--wb-blue);font:400 17px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;cursor:pointer}
.wb-alert-actions>button+button{border-left:.5px solid rgba(60,60,67,.26);font-weight:600}
.wb-alert-actions>.single{width:100%}
.wb-notes{background:#fff!important;color:#1c1c1e!important;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Text","PingFang SC",sans-serif;display:flex;flex-direction:column}
.wb-notes-top{padding:4px 18px 10px;min-height:52px;display:flex;align-items:center;justify-content:space-between;background:white;flex:none;border-bottom:.5px solid #eeeeef}
.wb-notes-top button{border:0;background:transparent;color:#db9c23;font-size:16px;display:flex;gap:5px;align-items:center;min-height:40px;padding:0 4px;cursor:pointer}
.wb-notes-top span{font-size:13px;color:#8e8e93}
.wb-notes-scroll{padding:23px 23px 55px;overflow-y:auto;flex:1;min-height:0}
.wb-notes-date{font-size:12px;text-align:center;color:#97979f;margin:0 0 25px}
.wb-notes h1{font-size:29px;letter-spacing:-.9px;line-height:1.18;font-weight:720;margin:0 0 13px}
.wb-notes h2{font-size:16px;letter-spacing:-.25px;margin:24px 0 8px;font-weight:660}
.wb-notes p{font-size:15px;line-height:1.72;color:#494950;margin:0 0 13px;white-space:pre-line}
.wb-notes-detail{font-size:13px!important;color:#85858d!important}
.wb-note-divider{height:.5px;background:#e5e5e9;margin:20px 0}
.wb-note-label{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#9b9ba2;margin-bottom:8px}
.wb-notes .wb-option{display:flex;align-items:center;text-align:left;gap:10px;width:100%;border:0;background:#f5f5f7;border-radius:11px;min-height:46px;padding:12px 13px;font:500 13px -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;color:#2b2b2f;cursor:pointer;margin:7px 0}
.wb-option em{font-size:11px;font-style:normal;color:#007aff;font-weight:650;flex:none}
.wb-option:disabled{color:#9b9ba0}
.wb-notes-foot{font-size:12px;color:#8e8e93;display:flex;align-items:center;gap:7px;margin:18px 0}
.wb-note-btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:46px;border-radius:12px;border:1px solid #ececef;background:#f7f7f9;color:#007aff;font-size:15px;font-weight:580;margin:9px 0;cursor:pointer}
.wb-note-btn.primary{background:#007aff;color:white;border-color:#007aff}
.wb-notes button:focus-visible,.wb-route:focus-visible,.wb-submit:focus-visible{outline:3px solid #a5ceff;outline-offset:2px}
@media(max-width:400px){.wb-setup{padding:38px 19px 24px}.wb-route-grid{gap:8px}.wb-route .avatar{height:57px!important;width:57px!important}.wb-route{gap:6px}.wb-setup-brand{margin-bottom:21px}}


/* System story alerts: compact iOS notification/alert hierarchy, not a Notes editor. */
.wb-modal-backdrop{background:rgba(5,6,12,.27);backdrop-filter:blur(7px) saturate(.85);-webkit-backdrop-filter:blur(7px) saturate(.85);z-index:220}
.wb-story-dialog{width:100%;max-width:300px;background:rgba(248,248,250,.96);border-radius:15px;box-shadow:0 18px 58px rgba(0,0,0,.14)}
.wb-story-dialog .wb-alert-main{padding:20px 18px 18px;max-height:min(47vh,410px);overflow-y:auto;scrollbar-width:none}
.wb-story-dialog .wb-alert-main::-webkit-scrollbar{display:none}
.wb-story-heading{font:600 10px/15px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;letter-spacing:.11em;color:#8e8e93;margin:0 0 9px}
.wb-story-dialog h2{font-size:17px;font-weight:650;line-height:23px;letter-spacing:-.45px;margin:0 0 8px}
.wb-story-dialog .wb-alert-description{font-size:13px;line-height:1.6;white-space:pre-line;overflow-wrap:anywhere;color:#343439}
.wb-alert-actions.wb-stacked{flex-direction:column}
.wb-alert-actions.wb-stacked button{width:100%;min-height:45px;border-left:0;border-top:.5px solid rgba(60,60,67,.25);white-space:normal;line-height:1.3;padding:11px 12px;font-size:15px}
.wb-alert-actions.wb-stacked button:first-child{border-top:0}
.wb-alert-actions:not(.wb-stacked) button{white-space:normal;line-height:1.2}
.wb-alert-actions button:active{background:rgba(0,122,255,.06)}
.wb-story-resume{position:absolute;z-index:45;top:58px;right:19px;min-height:32px;padding:7px 11px;border:1px solid rgba(0,122,255,.16);border-radius:999px;background:rgba(255,255,255,.91);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#007aff;font:600 12px -apple-system,BlinkMacSystemFont,"SF Pro Text",sans-serif;box-shadow:0 2px 12px rgba(0,0,0,.07);cursor:pointer}
.wb-archive-entry{border-bottom:.5px solid #e9e9eb;padding:13px 0 15px}
.wb-archive-entry:first-of-type{margin-top:12px}
.wb-archive-entry .wb-note-label{margin-bottom:7px}
.wb-archive-entry p{white-space:pre-line;color:#39393d;font-size:14px;line-height:1.65;margin:0}
.wb-notes-top strong{font-size:15px;letter-spacing:-.2px;font-weight:650}
@media(max-width:600px){.wb-story-resume{top:clamp(30px,6dvh,54px)}}

/* iOS setup: two separate visible fields, independent of old grouped form styles. */
#screen[data-view="intro"] .wb-setup{min-height:100%;justify-content:center}
#screen[data-view="intro"] .wb-fields{display:flex!important;flex-direction:column!important;gap:10px!important;margin:0 0 23px;min-height:0;flex:none}
#screen[data-view="intro"] .wb-form-field{display:flex!important;flex-direction:column!important;gap:6px!important;min-height:73px!important;max-height:none!important;height:auto!important;padding:10px 14px!important;background:#f6f6f8!important;border:1px solid #e5e7eb!important;border-radius:12px!important;visibility:visible!important;overflow:visible!important}
#screen[data-view="intro"] .wb-form-field>span{font:600 11px/16px -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;color:#898d96}
#screen[data-view="intro"] .wb-form-field>input{display:block!important;width:100%!important;flex:none!important;min-height:32px!important;height:32px!important;background:transparent!important;border:0!important;padding:4px 0!important;margin:0!important;outline:0!important;color:#262b31!important;-webkit-text-fill-color:#262b31!important;font-size:16px!important;opacity:1!important;visibility:visible!important}
#screen[data-view="intro"] .wb-form-field:focus-within{border-color:#6a9ddb!important;box-shadow:0 0 0 1px #6a9ddba8}
#screen[data-view="intro"] .wb-submit{background:#007aff!important;color:#fff!important;min-height:50px!important;opacity:1!important}
#screen[data-view="intro"] .wb-invalid{min-height:17px}
@media(max-height:860px){#screen[data-view="intro"] .wb-setup{justify-content:flex-start;min-height:min-content;padding-top:29px!important}#screen[data-view="intro"] .wb-setup-brand{margin-bottom:16px}#screen[data-view="intro"] .wb-fields{gap:8px!important;margin-bottom:15px}#screen[data-view="intro"] .wb-form-field{min-height:62px!important;padding:6px 12px!important}#screen[data-view="intro"] .wb-route{padding:8px 3px}#screen[data-view="intro"] .wb-route .avatar{width:55px!important;height:55px!important}#screen[data-view="intro"] .wb-submit{margin-top:10px!important}}