:root{--bg-base: #060b28;--bg-top: #0f1535;--bg-gradient: radial-gradient(circle at 18% 12%, rgba(67, 24, 255, .34) 0%, rgba(67, 24, 255, 0) 36%), radial-gradient(circle at 92% 90%, rgba(0, 117, 255, .26) 0%, rgba(0, 117, 255, 0) 40%), linear-gradient(160deg, #0f1535 0%, #060b28 100%);--bg-gradient-mobile: radial-gradient(circle at 20% 8%, rgba(67, 24, 255, .36) 0%, rgba(67, 24, 255, 0) 40%), radial-gradient(circle at 90% 70%, rgba(0, 117, 255, .26) 0%, rgba(0, 117, 255, 0) 45%), linear-gradient(170deg, #0f1535 0%, #060b28 100%);--surface-rail: rgba(10, 15, 48, .38);--surface-card: linear-gradient(127deg, rgba(6, 11, 40, .94) 19%, rgba(10, 14, 35, .49) 77%);--surface-popover: rgba(12, 18, 54, .94);--surface-popover-strong: rgba(12, 18, 54, .96);--surface-control: rgba(15, 21, 53, .8);--surface-tile: rgba(255, 255, 255, .04);--surface-scrim: rgba(3, 6, 20, .62);--border-faint: rgba(255, 255, 255, .05);--border-soft: rgba(255, 255, 255, .08);--border: rgba(255, 255, 255, .12);--blur-glass: blur(14px);--blur-popover: blur(16px);--c-primary: #0075ff;--c-cyan: #21d4fd;--c-indigo: #4318ff;--c-violet: #9f7aea;--c-amber: #ffb547;--c-red: #e5484d;--c-red-dot: #e31a1a;--c-green: #01b574;--grad-primary: linear-gradient(135deg, #0075ff 0%, #21d4fd 100%);--grad-avatar-me: linear-gradient(135deg, #4318ff 0%, #9f7aea 100%);--t-strong: #ffffff;--t-body: #c7cfe2;--t-muted: #a0aec0;--t-subtle: #8f9bb3;--t-faint: #7d88a6;--font-sans: "Plus Jakarta Sans", "Noto Sans KR", sans-serif;--font-icon: "Material Symbols Rounded";--fw-regular: 400;--fw-semibold: 600;--fw-bold: 700;--fw-heavy: 800;--r-sm: 10px;--r-md: 12px;--r-btn: 14px;--r-tile: 16px;--r-pop: 18px;--r-card: 20px;--r-rail: 24px;--r-sheet: 28px;--r-pill: 999px;--rail-w: 88px;--rail-btn: 48px;--header-h: 56px;--control-h: 44px;--page-pad: 24px;--m-header-h: 64px;--m-bar-h: 72px;--m-fab: 64px;--ease-standard: cubic-bezier(.2, 0, 0, 1);--ease-emphasized: cubic-bezier(.05, .7, .1, 1);--ease-draw: cubic-bezier(.4, 0, .2, 1);--dur-fast: .14s;--dur-base: .22s;--dur-panel: .32s;--dur-sheet: .36s;--shadow-pop: 0 20px 50px rgba(0, 0, 0, .5);--shadow-drop: 0 24px 60px rgba(0, 0, 0, .55);--shadow-active: 0 8px 20px rgba(0, 117, 255, .35);--divider: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .14) 50%, rgba(255, 255, 255, 0) 100%)}html,*{scrollbar-width:thin;scrollbar-color:rgba(143,155,179,.35) transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#8f9bb347;border-radius:999px;border:2px solid transparent;background-clip:padding-box}@media (hover: hover){::-webkit-scrollbar-thumb:hover{background:#21d4fd8c;background-clip:padding-box;border:2px solid transparent}}::-webkit-scrollbar-corner{background:transparent}.noscroll{scrollbar-width:none}.noscroll::-webkit-scrollbar{display:none}.ms{font-family:var(--font-icon);font-weight:400;font-style:normal;line-height:1;display:inline-block;font-size:22px;font-variation-settings:"FILL" 1,"wght" 400,"opsz" 24}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--c-cyan);outline-offset:2px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}body{margin:0;background:#060b28}#app{width:100%;height:100vh;height:100dvh}a{color:#21d4fd;text-decoration:none}@media (hover: hover){a:hover{color:#fff}}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font-family:inherit;cursor:pointer}