@import "https://fonts.googleapis.com/css2?family=DM+Sans:opsz,wght@9..40,400;9..40,500&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--n-50:#fafafa;--n-100:#f5f5f5;--n-200:#e5e5e5;--n-300:#d4d4d4;--n-400:#a3a3a3;--n-500:#737373;--n-600:#525252;--n-700:#404040;--n-800:#262626;--n-900:#171717;--bg:#f6f7f8;--bell-bg:#f5f5f5;--toast-success:#404040;--toast-error:#6b1f1f;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:DM Sans,system-ui,sans-serif}html,body,#root{width:100%;height:100%}.page{background:var(--bg);flex-direction:column;width:100%;min-height:100dvh;display:flex;position:relative;overflow:hidden}.content-top{flex-shrink:0;width:100%;height:clamp(120px,25dvh,220px);overflow:hidden}.content-top__img{object-fit:cover;width:100%;height:100%;display:block}.bell-area{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;display:flex}.bell-wrap{background:0 0;border-radius:50%;flex-shrink:0;width:96px;min-width:96px;height:96px;min-height:96px;transition:transform .18s cubic-bezier(.34,1.4,.64,1);box-shadow:0 2px 12px #1717171a,0 1px 3px #1717170f}.bell-wrap:active{transform:scale(.96)}.bell-btn{appearance:none;background:var(--bell-bg);cursor:pointer;-webkit-tap-highlight-color:transparent;width:100%;height:100%;color:var(--n-700);border:none;border-radius:50%;outline:none;justify-content:center;align-items:center;margin:0;padding:0;transition:none;display:flex;position:relative;overflow:hidden;transform:none}.bell-btn:hover,.bell-btn:active{background:var(--bell-bg);border:none;transform:none}.bell-btn:focus-visible{outline:2px solid var(--n-400);outline-offset:3px}.bell-btn:disabled{opacity:.35;cursor:not-allowed}.bell-btn__overlay{pointer-events:none;background:0 0;border-radius:50%;transition:background .15s;position:absolute;inset:0}.bell-btn:hover .bell-btn__overlay{background:#0000000a}.bell-btn:active .bell-btn__overlay{background:#00000014}.bell-btn__icon{z-index:1;position:relative}@keyframes spin{to{transform:rotate(360deg)}}.bell-btn__icon--spin{animation:.8s linear infinite spin}.bell-caption{color:var(--n-400);letter-spacing:.06em;font-size:11px}.content-bottom{flex-shrink:0;justify-content:center;align-items:center;height:clamp(48px,10dvh,80px);padding:0 28px;display:flex}.welcome{text-align:center}.welcome__title{color:var(--n-600);letter-spacing:.02em;margin-bottom:2px;font-size:13px;font-weight:500}.welcome__message{color:var(--n-500);letter-spacing:.04em;font-size:12px;line-height:1.6}@keyframes shimmer{0%,to{opacity:.25}50%{opacity:.45}}.skeleton{background:var(--n-300);animation:1.6s ease-in-out infinite shimmer}.skeleton--img{border-radius:0;width:100%;height:100%}.skeleton-text{flex-direction:column;align-items:center;gap:6px;width:100%;display:flex}.skeleton--text-lg{border-radius:3px;width:60%;height:10px}.skeleton--text-sm{border-radius:3px;width:40%;height:10px}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.fade-in{animation:.5s forwards fadeIn}.toast{bottom:env(safe-area-inset-bottom,24px);letter-spacing:.03em;text-align:center;max-width:400px;color:var(--n-50);opacity:0;pointer-events:none;z-index:100;border-radius:4px;margin:0 auto 24px;padding:10px 16px;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:11px;transition:opacity .25s,transform .25s;position:fixed;left:20px;right:20px;transform:translateY(8px)}.toast--visible{opacity:1;transform:translateY(0)}.toast--success{background:var(--toast-success)}.toast--error{background:var(--toast-error)}.toast__dot{margin-right:4px}.error-state{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:24px;padding:32px 28px;display:flex}.dot-grid{opacity:.18;grid-template-columns:repeat(7,8px);gap:5px;display:grid}.dot{background:var(--n-700);border-radius:50%;width:8px;height:8px}.error-state__text{text-align:center}.error-state__title{color:var(--n-800);letter-spacing:.02em;margin-bottom:6px;font-size:14px;font-weight:500}.error-state__code{color:var(--n-400);letter-spacing:.03em;font-family:ui-monospace,SF Mono,Cascadia Code,monospace;font-size:11px;line-height:1.7}.error-state__btn{background:var(--n-800);color:var(--n-100);letter-spacing:.08em;cursor:pointer;border:none;border-radius:2px;padding:9px 24px;font-family:inherit;font-size:11px;transition:opacity .15s}.error-state__btn:hover{opacity:.85}.error-state__btn:active{opacity:.7}.inactive-notice{text-align:center}.inactive-notice__text{color:var(--n-400);letter-spacing:.06em;font-size:13px}@media (width>=480px){.page{max-width:430px;min-height:100dvh;margin:0 auto;box-shadow:0 0 0 1px #0000000a,0 8px 40px #00000014}}