:root{--bg: #0e1116;--text: #f0f4f7;--font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Noto Sans KR", "Segoe UI", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", sans-serif;--font-search-stable: "Malgun Gothic", "Apple SD Gothic Neo", "Segoe UI", sans-serif;font-family:var(--font-sans);line-height:1.5;font-weight:400;font-synthesis:none;font-optical-sizing:auto;text-rendering:optimizeLegibility;-webkit-font-smoothing:auto;-moz-osx-font-smoothing:auto}html{max-width:100%;overflow-x:clip;overflow-y:auto;scrollbar-color:var(--color-accent, var(--color-brand-accent)) color-mix(in srgb,var(--bg, #090d10) 85%,transparent)}body{margin:0;max-width:100%;overflow-x:clip;background:var(--bg);color:var(--text);min-width:0;min-height:100vh}button,input,select,textarea{font:inherit}:where(button:not(:disabled),a[href],select:not(:disabled),summary,[role=button]:not([aria-disabled=true]),[role=tab]:not([aria-disabled=true]),[role=link]:not([aria-disabled=true]),input:is([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):not(:disabled),label:has(input:is([type=checkbox],[type=radio],[type=range],[type=color],[type=file]):not(:disabled))){cursor:pointer}#root{width:1126px;min-width:0;max-width:100%;overflow-x:clip;margin:0 auto;text-align:center;border-inline:1px solid var(--border, #2e303a);min-height:calc(100svh - var(--service-footer-height, 0px));display:flex;flex-direction:column;box-sizing:border-box}html::-webkit-scrollbar{width:11px}html::-webkit-scrollbar-track{background:color-mix(in srgb,var(--bg, #090d10) 88%,transparent)}html::-webkit-scrollbar-thumb{background:var(--color-accent, var(--color-brand-accent));border-radius:0;border:2px solid color-mix(in srgb,var(--bg, #090d10) 88%,transparent)}@property --color-accent{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-accent-hover{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-logo-ink{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-logo-tip{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-selection-mint{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-shell-glow{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-shell-tint{syntax: "<color>"; inherits: true; initial-value: transparent;}@property --color-shell-sheen{syntax: "<color>"; inherits: true; initial-value: transparent;}:root{--dialog-close-size: 30px;--theme-brightness: 100%;--theme-palette-position: 100%;--theme-palette-darkness: calc(100% - var(--theme-palette-position));--theme-mode-progress: 100%;--theme-mode-progress-inverse: calc(100% - var(--theme-mode-progress));--theme-dark-canvas: #18191b;--theme-light-canvas: #f0efed;--theme-dark-canvas-raised: #1c1d1f;--theme-light-canvas-raised: #f6f5f3;--theme-dark-surface: #212224;--theme-light-surface: #faf9f7;--theme-dark-surface-muted: #252628;--theme-light-surface-muted: #eae9e6;--theme-dark-surface-hover: #2b2d30;--theme-light-surface-hover: #e3e2df;--theme-dark-surface-strong: #34363a;--theme-light-surface-strong: #d8d7d3;--theme-dark-text: #ededef;--theme-light-text: #27282b;--theme-dark-text-soft: #bfc0c5;--theme-light-text-soft: #55565b;--theme-dark-text-muted: #96989f;--theme-light-text-muted: #707177;--theme-dark-border: #35373b;--theme-light-border: #d0cfcb;--theme-dark-border-strong: #51545a;--theme-light-border-strong: #a5a49f;--color-brand: #7cb87a;--theme-dark-accent: var(--color-brand);--theme-light-accent: color-mix(in srgb, var(--color-brand) 62%, black);--theme-dark-accent-hover: color-mix(in srgb, var(--color-brand) 80%, white);--theme-light-accent-hover: color-mix(in srgb, var(--color-brand) 48%, black);--theme-dark-violet: #aa91bd;--theme-light-violet: #735b85;--theme-dark-logo-mint: #58c9a9;--theme-light-logo-mint: #15866b;--theme-dark-logo-tip: #d8ead7;--theme-light-logo-tip: #5a9d58;--theme-dark-selection-mint: color-mix(in srgb, var(--color-brand) 16%, transparent);--theme-light-selection-mint: color-mix(in srgb, var(--color-brand) 18%, transparent);--theme-dark-selection-violet: rgb(173 131 255 / 18%);--theme-light-selection-violet: rgb(149 96 235 / 19%);--theme-dark-success: #6ca875;--theme-light-success: #2f7d46;--theme-dark-danger: #d6675f;--theme-light-danger: #b8423c;--theme-dark-info: #58a4d2;--theme-light-info: #2e719a;--theme-dark-chart: #58aee5;--theme-light-chart: #318dc5;--theme-dark-chart-secondary: #477d68;--theme-light-chart-secondary: #648a73;--theme-dark-raid-difficulty-normal: #f0f4f7;--theme-light-raid-difficulty-normal: #52606b;--theme-dark-raid-difficulty-single: #42d6bd;--theme-light-raid-difficulty-single: #087c6c;--theme-dark-raid-difficulty-hard: #f2c94c;--theme-light-raid-difficulty-hard: #8a6200;--theme-dark-raid-difficulty-nightmare: #c69be8;--theme-light-raid-difficulty-nightmare: #8050a3;--theme-dark-raid-difficulty-stage3: #ef9c97;--theme-light-raid-difficulty-stage3: #a94f4c;--color-canvas: color-mix(in srgb, var(--theme-dark-canvas) var(--theme-palette-darkness), var(--theme-light-canvas) var(--theme-palette-position));--color-canvas-raised: color-mix(in srgb, var(--theme-dark-canvas-raised) var(--theme-palette-darkness), var(--theme-light-canvas-raised) var(--theme-palette-position));--color-surface: color-mix(in srgb, var(--theme-dark-surface) var(--theme-palette-darkness), var(--theme-light-surface) var(--theme-palette-position));--color-surface-muted: color-mix(in srgb, var(--theme-dark-surface-muted) var(--theme-palette-darkness), var(--theme-light-surface-muted) var(--theme-palette-position));--color-surface-hover: color-mix(in srgb, var(--theme-dark-surface-hover) var(--theme-palette-darkness), var(--theme-light-surface-hover) var(--theme-palette-position));--color-surface-strong: color-mix(in srgb, var(--theme-dark-surface-strong) var(--theme-palette-darkness), var(--theme-light-surface-strong) var(--theme-palette-position));--color-text: var(--theme-light-text);--color-text-soft: color-mix(in srgb, #34404a var(--theme-mode-progress-inverse), var(--theme-light-text-soft) var(--theme-mode-progress));--color-text-muted: color-mix(in srgb, #3f4b55 var(--theme-mode-progress-inverse), var(--theme-light-text-muted) var(--theme-mode-progress));--color-border: color-mix(in srgb, var(--theme-dark-border) var(--theme-palette-darkness), var(--theme-light-border) var(--theme-palette-position));--color-border-strong: color-mix(in srgb, var(--theme-dark-border-strong) var(--theme-palette-darkness), var(--theme-light-border-strong) var(--theme-palette-position));--color-brand-accent: color-mix(in srgb, color-mix(in srgb, var(--color-brand) 40%, black) var(--theme-mode-progress-inverse), var(--theme-light-accent) var(--theme-mode-progress));--color-accent: var(--color-brand-accent);--color-accent-vivid: var(--color-accent);--color-accent-hover: color-mix(in srgb, color-mix(in srgb, var(--color-brand) 32%, black) var(--theme-mode-progress-inverse), var(--theme-light-accent-hover) var(--theme-mode-progress));--color-accent-soft: color-mix(in srgb, var(--color-accent) 12%, transparent);--color-on-accent: #ffffff;--color-focus: var(--color-accent);--color-success: color-mix(in srgb, #285f39 var(--theme-mode-progress-inverse), var(--theme-light-success) var(--theme-mode-progress));--color-success-soft: color-mix(in srgb, var(--color-success) 11%, transparent);--color-danger: color-mix(in srgb, #963934 var(--theme-mode-progress-inverse), var(--theme-light-danger) var(--theme-mode-progress));--color-danger-soft: color-mix(in srgb, var(--color-danger) 13%, transparent);--color-info: color-mix(in srgb, #245f83 var(--theme-mode-progress-inverse), var(--theme-light-info) var(--theme-mode-progress));--color-info-soft: color-mix(in srgb, var(--color-info) 13%, transparent);--color-shadow: color-mix(in srgb, rgb(0 0 0 / 30%) var(--theme-palette-darkness), rgb(23 32 40 / 7%) var(--theme-palette-position));--color-shadow-strong: color-mix(in srgb, rgb(0 0 0 / 48%) var(--theme-palette-darkness), rgb(23 32 40 / 12%) var(--theme-palette-position));--color-chart: color-mix(in srgb, #286e9a var(--theme-mode-progress-inverse), var(--theme-light-chart) var(--theme-mode-progress));--color-chart-secondary: color-mix(in srgb, var(--theme-dark-chart-secondary) var(--theme-palette-darkness), var(--theme-light-chart-secondary) var(--theme-palette-position));--color-violet: color-mix(in srgb, var(--theme-dark-violet) var(--theme-palette-darkness), var(--theme-light-violet) var(--theme-palette-position));--color-violet-soft: color-mix(in srgb, var(--color-violet) 12%, transparent);--color-hologram-violet: color-mix(in srgb, #a78bfa var(--theme-palette-darkness), #735b85 var(--theme-palette-position));--color-hologram-coral: color-mix(in srgb, #ff987f var(--theme-palette-darkness), #a44834 var(--theme-palette-position));--color-setting-edge: var(--color-border);--color-setting-glass: var(--color-surface);--color-shell-glow: color-mix(in srgb, var(--color-accent) 9%, transparent);--color-shell-tint: color-mix(in srgb, var(--color-accent) 4%, transparent);--color-shell-sheen: color-mix(in srgb, var(--color-accent) 8%, transparent);--color-setting-rail-equipment: color-mix(in srgb, #ff6087 var(--theme-palette-darkness), #b52d53 var(--theme-palette-position));--color-setting-rail-accessory: color-mix(in srgb, #ffb66e var(--theme-palette-darkness), #99561e var(--theme-palette-position));--color-setting-rail-engraving: color-mix(in srgb, #c48bff var(--theme-palette-darkness), #7950a5 var(--theme-palette-position));--color-setting-rail-avatar: color-mix(in srgb, #fa85c3 var(--theme-palette-darkness), #a03e76 var(--theme-palette-position));--color-setting-rail-skill: color-mix(in srgb, #32e5f5 var(--theme-palette-darkness), #00768b var(--theme-palette-position));--color-setting-rail-grid: color-mix(in srgb, #70edbd var(--theme-palette-darkness), #087a59 var(--theme-palette-position));--color-setting-rail-passive: color-mix(in srgb, #7da2ff var(--theme-palette-darkness), #355bb8 var(--theme-palette-position));--color-logo-mint: var(--theme-light-logo-mint);--color-homework-record: var(--color-brand);--color-logo-ink: var(--theme-light-accent);--color-logo-tip: var(--theme-light-logo-tip);--color-analysis-surface: var(--color-surface);--color-selection-mint: color-mix(in srgb, var(--theme-dark-selection-mint) var(--theme-palette-darkness), var(--theme-light-selection-mint) var(--theme-palette-position));--color-selection-violet: color-mix(in srgb, var(--theme-dark-selection-violet) var(--theme-palette-darkness), var(--theme-light-selection-violet) var(--theme-palette-position));--brand-mint-stop: 58%;--brand-soft-stop: 84%;--brand-fade-stop: 100%;--brand-gradient: linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent) var(--brand-mint-stop), color-mix(in srgb, var(--color-accent) 40%, transparent) var(--brand-soft-stop), transparent var(--brand-fade-stop));--selection-surface: linear-gradient(90deg, var(--color-selection-mint) 0%, var(--color-selection-mint) var(--brand-mint-stop), color-mix(in srgb, var(--color-selection-mint) 40%, transparent) var(--brand-soft-stop), transparent var(--brand-fade-stop));--color-raid-difficulty-normal: color-mix(in srgb, var(--theme-dark-raid-difficulty-normal) var(--theme-palette-darkness), var(--theme-light-raid-difficulty-normal) var(--theme-palette-position));--color-raid-difficulty-single: color-mix(in srgb, var(--theme-dark-raid-difficulty-single) var(--theme-palette-darkness), var(--theme-light-raid-difficulty-single) var(--theme-palette-position));--color-raid-difficulty-hard: color-mix(in srgb, var(--theme-dark-raid-difficulty-hard) var(--theme-palette-darkness), var(--theme-light-raid-difficulty-hard) var(--theme-palette-position));--color-raid-difficulty-nightmare: color-mix(in srgb, var(--theme-dark-raid-difficulty-nightmare) var(--theme-palette-darkness), var(--theme-light-raid-difficulty-nightmare) var(--theme-palette-position));--color-raid-difficulty-stage3: color-mix(in srgb, var(--theme-dark-raid-difficulty-stage3) var(--theme-palette-darkness), var(--theme-light-raid-difficulty-stage3) var(--theme-palette-position));--color-rarity-ancient: color-mix(in srgb, #a86f18 var(--theme-mode-progress-inverse), #d59638 var(--theme-mode-progress));--color-rarity-relic: color-mix(in srgb, #844fa0 var(--theme-mode-progress-inverse), #a967c8 var(--theme-mode-progress));--color-rarity-legendary: color-mix(in srgb, #a84f18 var(--theme-mode-progress-inverse), #d97732 var(--theme-mode-progress));--color-item-sheen: rgba(255, 255, 255, .12);--color-item-badge-border: #d6a21d;--color-item-badge-bg: #050708;--color-item-badge-text: #ffe06a;--color-skill-icon-frame: rgba(255, 255, 255, .94);--color-tripod-tier-1: color-mix(in srgb, #176e94 var(--theme-mode-progress-inverse), #1687b8 var(--theme-mode-progress));--color-tripod-tier-2: color-mix(in srgb, #257632 var(--theme-mode-progress-inverse), #2f963f var(--theme-mode-progress));--color-tripod-tier-3: color-mix(in srgb, #93600e var(--theme-mode-progress-inverse), #b97812 var(--theme-mode-progress));--radius: 0px;--control-radius: 0px;--panel-radius: 0px;--shadow-sm: none;--shadow-panel: none;--motion-duration-feedback: .14s;--motion-duration-selection: .21s;--motion-duration-content: .18s;--motion-duration-deploy: .28s;--motion-duration-view: .34s;--motion-duration-search-focus: .56s;--motion-ease-search-focus: cubic-bezier(.25, .1, .25, 1);--motion-duration-theme: .64s;--motion-ease-retract: cubic-bezier(.4, 0, 1, 1);--motion-ease-selection: cubic-bezier(.22, 1, .36, 1);--motion-selection-scale: .72}html[data-theme=dark]{--color-logo-ink: var(--color-brand);--color-logo-mint: color-mix(in srgb, var(--theme-dark-logo-mint) var(--theme-mode-progress-inverse), var(--theme-dark-logo-tip) var(--theme-mode-progress));--color-logo-tip: var(--theme-dark-logo-tip);--color-text: color-mix(in srgb, var(--theme-dark-text) var(--theme-mode-progress-inverse), #ffffff var(--theme-mode-progress));--color-text-soft: color-mix(in srgb, var(--theme-dark-text-soft) var(--theme-mode-progress-inverse), #e4e9ed var(--theme-mode-progress));--color-text-muted: color-mix(in srgb, var(--theme-dark-text-muted) var(--theme-mode-progress-inverse), #cbd3da var(--theme-mode-progress));--color-brand-accent: color-mix(in srgb, var(--theme-dark-accent) var(--theme-mode-progress-inverse), var(--theme-dark-logo-tip) var(--theme-mode-progress));--color-accent: var(--color-brand-accent);--color-accent-vivid: var(--color-accent);--color-accent-hover: color-mix(in srgb, var(--theme-dark-accent-hover) var(--theme-mode-progress-inverse), var(--theme-dark-logo-tip) var(--theme-mode-progress));--color-focus: var(--color-accent-hover);--color-success: color-mix(in srgb, var(--theme-dark-success) var(--theme-mode-progress-inverse), #b7dfbf var(--theme-mode-progress));--color-danger: color-mix(in srgb, var(--theme-dark-danger) var(--theme-mode-progress-inverse), #f2aaa5 var(--theme-mode-progress));--color-info: color-mix(in srgb, var(--theme-dark-info) var(--theme-mode-progress-inverse), #add9f3 var(--theme-mode-progress));--color-chart: color-mix(in srgb, var(--theme-dark-chart) var(--theme-mode-progress-inverse), #b5ddf5 var(--theme-mode-progress));--color-rarity-ancient: color-mix(in srgb, #e2ad56 var(--theme-mode-progress-inverse), #f2d29a var(--theme-mode-progress));--color-rarity-relic: color-mix(in srgb, #c07ce0 var(--theme-mode-progress-inverse), #e1b5f5 var(--theme-mode-progress));--color-rarity-legendary: color-mix(in srgb, #e38b46 var(--theme-mode-progress-inverse), #f4be91 var(--theme-mode-progress));--color-tripod-tier-1: color-mix(in srgb, #35bce9 var(--theme-mode-progress-inverse), #a5e5f8 var(--theme-mode-progress));--color-tripod-tier-2: color-mix(in srgb, #58d46a var(--theme-mode-progress-inverse), #b6eebe var(--theme-mode-progress));--color-tripod-tier-3: color-mix(in srgb, #f0b536 var(--theme-mode-progress-inverse), #f6d993 var(--theme-mode-progress));--color-on-accent: #07150f}:root,html[data-theme],html[data-theme] .homeRoot{--app-bg: var(--color-canvas);--app-surface: var(--color-surface);--app-surface-muted: var(--color-surface-muted);--app-surface-hover: var(--color-surface-hover);--app-main-surface: var(--color-surface);--app-support-surface: transparent;--app-main-shadow: var(--shadow-sm);--app-support-shadow: none;--app-text: var(--color-text);--app-text-soft: var(--color-text-soft);--app-muted: var(--color-text-muted);--app-border: var(--color-border);--app-border-strong: var(--color-border-strong);--app-accent: var(--color-accent);--app-accent-vivid: var(--color-accent-vivid);--app-accent-hover: var(--color-accent-hover);--app-accent-soft: var(--color-accent-soft);--app-violet: var(--color-violet);--app-violet-soft: var(--color-violet-soft);--app-danger: var(--color-danger);--app-shadow-sm: var(--shadow-sm);--app-shadow: var(--shadow-panel);--app-radius: var(--panel-radius);--bg: var(--color-canvas);--bg-mid: var(--color-canvas-raised);--bg-light: var(--color-surface-muted);--bg-dark: var(--color-canvas);--surface: var(--color-surface);--surface-soft: var(--color-surface-muted);--border: var(--color-border);--border-strong: var(--color-border-strong);--text: var(--color-text);--muted: var(--color-text-muted);--title: var(--color-text);--subtitle: var(--color-text-soft);--primary: var(--color-accent);--primary-strong: var(--color-accent-hover);--secondary: var(--color-surface-muted);--point: var(--color-accent);--ring: var(--color-focus);--accent-gold: var(--color-accent);--success-bg: var(--color-success-soft);--success-text: var(--color-success);--danger-bg: var(--color-danger-soft);--danger-text: var(--color-danger);--btn-cream: var(--color-text);--btn-cream-border: var(--color-border-strong);--colors--light-100: var(--color-text);--colors--light-200: var(--color-text-soft);--colors--light-300: var(--color-text-muted);--colors--green: var(--color-accent);--roll-bento-surface: var(--color-surface-muted);--roll-bento-face-base: var(--color-canvas);--roll-page-grad: linear-gradient(var(--color-canvas), var(--color-canvas));--roll-nav-bg: var(--color-surface);--roll-light-300: var(--color-text-muted);--roll-border-line: 1px solid var(--color-border);--roll-nav-border: var(--color-border);--roll-light-100: var(--color-text);--roll-light-100-bright: var(--color-text);--roll-ink: var(--color-text);--roll-ink-muted: var(--color-text-muted);--roll-cream: var(--color-text-soft);--roll-cream-bright: var(--color-text);--color-ark-evolution: var(--color-rarity-ancient);--color-ark-enlightenment: #06b6d4;--color-ark-leap: var(--color-brand-accent);--homework-daily-color: var(--color-ark-evolution);--homework-weekly-color: var(--color-ark-enlightenment);--homework-raid-color: var(--color-ark-leap);--homework-bus-color: var(--color-violet);--homework-gold-color: var(--color-rarity-ancient);--homework-bound-gold-color: var(--color-raid-difficulty-hard)}