:root{--canvas: #e4e8e5;--screen: #fbfcfb;--surface: #ffffff;--surface-sunken: #f4f8f5;--ink: #0b0f0d;--ink-2: #3a443e;--ink-3: #5c6b63;--muted: #8a948e;--muted-2: #aab4ae;--hairline-ink: #c3ccc6;--green: #00a67a;--green-bright: #00c08a;--green-deep: #00875f;--green-ink: #0b4a38;--green-tint: #f0f7f3;--green-tint-2: #e7efea;--orange: #c2410c;--orange-tint: #fbf1e7;--purple: #6d28d9;--purple-tint: #ede7f5;--blue: #2563eb;--blue-tint: #e4ebf5;--pink: #be185d;--pink-tint: #f7e4ec;--red-live: #e53e3e;--line: rgba(11, 15, 13, .08);--line-soft: rgba(11, 15, 13, .06);--line-strong: rgba(11, 15, 13, .12);--line-input: rgba(11, 15, 13, .12);--r-sm: 10px;--r-md: 14px;--r-lg: 16px;--r-xl: 20px;--r-2xl: 22px;--r-pill: 999px;--sh-card: 0 1px 2px rgba(11, 15, 13, .04);--sh-raise: 0 1px 2px rgba(11, 15, 13, .04), 0 20px 40px -20px rgba(11, 15, 13, .18);--sh-cta-green: 0 10px 26px -8px rgba(0, 192, 138, .6);--sh-cta-dark: 0 10px 26px -10px rgba(11, 15, 13, .5);--font-sans: "Pretendard Variable", Pretendard, -apple-system, "Malgun Gothic", sans-serif;--font-mono: "Space Grotesk", ui-monospace, monospace;--app-max: 460px}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{background:var(--canvas);font-family:var(--font-sans);color:var(--ink);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}a{color:var(--green-deep);text-decoration:none}button,input,textarea,select{font:inherit;color:inherit}.app{width:100%;max-width:var(--app-max);margin:0 auto;min-height:100vh;min-height:100dvh;background:var(--screen);display:flex;flex-direction:column;position:relative}@media (min-width: 520px) and (max-width: 899px){.app{box-shadow:0 30px 70px -34px #00000059}}@media (min-width: 900px){.app--form{max-width:680px;background:var(--canvas)}.app--wide{max-width:1200px;background:var(--canvas)}.app--wide.app--canvas{max-width:1520px}}.no-scrollbar::-webkit-scrollbar{width:0;height:0}.no-scrollbar{scrollbar-width:none}.li{width:100%;border:1px solid var(--line-input);border-radius:13px;padding:12px 14px;font-size:14px;color:var(--ink);background:var(--surface);outline:none;font-family:inherit;transition:border-color .15s,box-shadow .15s}.li:focus{border-color:var(--green);box-shadow:0 0 0 3px #00a67a21}.li::placeholder{color:var(--muted-2)}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--sh-card)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:none;cursor:pointer;font-weight:800;font-family:inherit;border-radius:var(--r-md);transition:transform .1s ease,box-shadow .15s ease,background .15s ease}.btn:active{transform:translateY(1px)}.btn:disabled{opacity:.5;cursor:default}.btn-block{width:100%;padding:16px;font-size:15px}.btn-primary{background:var(--green-bright);color:#04120c;box-shadow:var(--sh-cta-green)}.btn-dark{background:var(--ink);color:#fff;box-shadow:var(--sh-cta-dark)}.btn-ghost{background:var(--surface);color:var(--ink-2);border:1px solid var(--line-strong)}.mono{font-family:var(--font-mono)}.muted{color:var(--muted)}.pill{display:inline-flex;align-items:center;gap:5px;border-radius:var(--r-pill);font-weight:800;font-size:11px;padding:3px 10px}@keyframes vwpulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.7);opacity:.3}}@keyframes vwup{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.live-dot{width:5px;height:5px;border-radius:var(--r-pill);background:currentColor;animation:vwpulse 1.4s infinite;flex:none}@media (min-width: 900px){.mobile-only{display:none}}.skeleton{background:linear-gradient(90deg,#eef2ef 25%,#f7f9f8 37%,#eef2ef 63%);background-size:400% 100%;animation:skeleton-wave 1.4s ease infinite;border-radius:8px}.skeleton--dark{background:linear-gradient(90deg,#ffffff14 25%,#ffffff29 37%,#ffffff14 63%);background-size:400% 100%;animation:skeleton-wave 1.4s ease infinite;border-radius:8px}@keyframes skeleton-wave{0%{background-position:100% 50%}to{background-position:0 50%}}.pad{padding:6px 20px 28px}.iq-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.riot-grid{display:grid;grid-template-columns:1fr;gap:20px}@media (min-width: 900px){.iq-grid{grid-template-columns:repeat(4,1fr)}.riot-grid{grid-template-columns:1.3fr 1fr;align-items:start}}.form-card-head{display:none}@media (min-width: 900px){.form-card{background:var(--surface);border:1px solid #e4eae6;border-radius:20px;padding:26px;box-shadow:var(--sh-card)}.form-card-head{display:block;margin-bottom:18px}}@media (prefers-reduced-motion: reduce){*,:before,:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}