:root{--font: -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Pretendard Variable", Pretendard, "Noto Sans KR", sans-serif;--phone-w: 402px;--phone-h: 874px;--phone-radius: 56px;--safe-top: 58px;--safe-bottom: 34px;--nc-top: 48px;--sys-blue: #0a84ff;--sys-green: #34c759;--sys-red: #ff3b30;--sys-yellow: #ffcc00;--label: #000;--label-2: rgba(60, 60, 67, .6);--label-3: rgba(60, 60, 67, .3);--bg-grouped: #f2f2f7;--bg: #fff;--separator: rgba(60, 60, 67, .29);--glass: rgba(245, 245, 245, .42);--glass-dark: rgba(30, 30, 30, .35);--icon-radius: 22.5%;--page-bg: #101014}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#root{height:100%;margin:0}body{font-family:var(--font);background:var(--page-bg);color:var(--label);-webkit-font-smoothing:antialiased;overscroll-behavior:none;user-select:none;-webkit-user-select:none;touch-action:manipulation}button{font:inherit;color:inherit;border:0;background:none;padding:0;cursor:pointer}.stage{min-height:100%;display:grid;place-items:center;padding:24px;background:radial-gradient(1200px 600px at 20% 10%,#2a2440 0%,transparent 60%),radial-gradient(900px 600px at 90% 90%,#1d3340 0%,transparent 60%),var(--page-bg)}.device{position:relative;width:calc(var(--phone-w) + 24px);height:calc(var(--phone-h) + 24px);padding:12px;border-radius:calc(var(--phone-radius) + 12px);background:linear-gradient(145deg,#3a3a3e,#1a1a1c 40%,#2c2c30);box-shadow:0 0 0 2px #0b0b0c inset,0 40px 80px #0000008c,0 0 0 1px #ffffff14}.screen{position:relative;width:var(--phone-w);height:var(--phone-h);border-radius:var(--phone-radius);overflow:hidden;background:#000;isolation:isolate}.island{position:absolute;top:11px;left:50%;translate:-50% 0;width:124px;height:36px;border-radius:20px;background:#000;z-index:100;pointer-events:none}.side-button{position:absolute;right:-3px;top:220px;width:4px;height:96px;border-radius:0 3px 3px 0;background:#2a2a2d}@media(max-width:500px),(pointer:coarse)and (max-height:500px){html,body{position:fixed;top:0;right:0;bottom:0;left:0;overflow:hidden}.stage{padding:0;display:block;height:100dvh;background:#000}.device{width:100%;height:100%;padding:0;border-radius:0;background:none;box-shadow:none}.screen{width:100%;height:100%;border-radius:0}.island,.side-button,.fake-status{display:none!important}:root{--safe-top: max(env(safe-area-inset-top), 12px);--safe-bottom: max(env(safe-area-inset-bottom), 10px);--nc-top: calc(max(env(safe-area-inset-top), 4px) + 2px) }}.wallpaper{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(120% 70% at 20% 0%,#ff9a8b 0%,transparent 55%),radial-gradient(90% 60% at 100% 40%,#ffd28a 0%,transparent 60%),radial-gradient(120% 80% at 0% 100%,#6f86d6 0%,transparent 60%),linear-gradient(180deg,#f6a57f,#b67fb8,#4b5fa8)}.shake{animation:shake .42s cubic-bezier(.36,.07,.19,.97) both}@keyframes shake{10%,90%{transform:translate(-2px)}20%,80%{transform:translate(4px)}30%,50%,70%{transform:translate(-10px)}40%,60%{transform:translate(10px)}}button:focus{outline:none}