/*! tailwindcss v4.2.4 | MIT License | https://tailwindcss.com */
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:"Inter", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif;--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-lg:1.125rem;--text-lg--line-height:calc(1.75 / 1.125);--text-xl:1.25rem;--text-xl--line-height:calc(1.75 / 1.25);--text-2xl:1.5rem;--text-2xl--line-height:calc(2 / 1.5);--text-3xl:1.875rem;--text-3xl--line-height:calc(2.25 / 1.875);--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--radius-lg:.5rem;--radius-xl:.75rem;--shadow-sm:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-md:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a, 0 4px 6px -4px #0000001a;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.top-0{top:calc(var(--spacing) * 0)}.top-1{top:calc(var(--spacing) * 1)}.top-1\/2{top:50%}.right-0{right:calc(var(--spacing) * 0)}.right-1{right:calc(var(--spacing) * 1)}.bottom-0{bottom:calc(var(--spacing) * 0)}.left-0{left:calc(var(--spacing) * 0)}.left-1{left:calc(var(--spacing) * 1)}.z-10{z-index:10}.z-50{z-index:50}.container{width:100%}@media (width>=40rem){.container{max-width:40rem}}@media (width>=48rem){.container{max-width:48rem}}@media (width>=64rem){.container{max-width:64rem}}@media (width>=80rem){.container{max-width:80rem}}@media (width>=96rem){.container{max-width:96rem}}.mx-1{margin-inline:calc(var(--spacing) * 1)}.mx-auto{margin-inline:auto}.mb-3{margin-bottom:calc(var(--spacing) * 3)}.mb-6{margin-bottom:calc(var(--spacing) * 6)}.ml-auto{margin-left:auto}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline-flex{display:inline-flex}.h-5{height:calc(var(--spacing) * 5)}.h-7{height:calc(var(--spacing) * 7)}.h-8{height:calc(var(--spacing) * 8)}.h-12{height:calc(var(--spacing) * 12)}.h-14{height:calc(var(--spacing) * 14)}.h-full{height:100%}.min-h-screen{min-height:100vh}.w-1\/4{width:25%}.w-5{width:calc(var(--spacing) * 5)}.w-7{width:calc(var(--spacing) * 7)}.w-8{width:calc(var(--spacing) * 8)}.w-12{width:calc(var(--spacing) * 12)}.w-full{width:100%}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-max{min-width:max-content}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y)}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.justify-start{justify-content:flex-start}.gap-1{gap:calc(var(--spacing) * 1)}.gap-2{gap:calc(var(--spacing) * 2)}.gap-3{gap:calc(var(--spacing) * 3)}.gap-4{gap:calc(var(--spacing) * 4)}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)))}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-x-auto{overflow-x:auto}.overflow-x-scroll{overflow-x:scroll}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-full{border-radius:3.40282e38px}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-t{border-top-style:var(--tw-border-style);border-top-width:1px}.border-b{border-bottom-style:var(--tw-border-style);border-bottom-width:1px}.border-b-4{border-bottom-style:var(--tw-border-style);border-bottom-width:4px}.border-\[color\:var\(--color-toolbar-button-bg\)\]{border-color:var(--color-toolbar-button-bg)}.border-\[color\:var\(--color-toolbar-button-border\)\]{border-color:var(--color-toolbar-button-border)}.border-\[var\(--color-growth-badge-border\)\]{border-color:var(--color-growth-badge-border)}.border-\[var\(--color-primary-yellow\)\]{border-color:var(--color-primary-yellow)}.bg-\[var\(--color-bg-hover\)\]{background-color:var(--color-bg-hover)}.bg-\[var\(--color-bg-surface\)\]{background-color:var(--color-bg-surface)}.bg-\[var\(--color-growth-badge-bg\)\]{background-color:var(--color-growth-badge-bg)}.bg-\[var\(--color-primary-yellow\)\]{background-color:var(--color-primary-yellow)}.bg-\[var\(--color-toolbar-accent-bg\)\]{background-color:var(--color-toolbar-accent-bg)}.bg-\[var\(--color-toolbar-bg\)\]{background-color:var(--color-toolbar-bg)}.bg-\[var\(--color-toolbar-button-bg\)\]{background-color:var(--color-toolbar-button-bg)}.bg-transparent{background-color:#0000}.p-4{padding:calc(var(--spacing) * 4)}.px-2{padding-inline:calc(var(--spacing) * 2)}.px-3{padding-inline:calc(var(--spacing) * 3)}.px-4{padding-inline:calc(var(--spacing) * 4)}.px-5{padding-inline:calc(var(--spacing) * 5)}.py-1{padding-block:calc(var(--spacing) * 1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:calc(var(--spacing) * 2)}.py-3{padding-block:calc(var(--spacing) * 3)}.pt-2{padding-top:calc(var(--spacing) * 2)}.pt-5{padding-top:calc(var(--spacing) * 5)}.pt-16{padding-top:calc(var(--spacing) * 16)}.pb-6{padding-bottom:calc(var(--spacing) * 6)}.text-center{text-align:center}.text-2xl{font-size:var(--text-2xl);line-height:var(--tw-leading,var(--text-2xl--line-height))}.text-3xl{font-size:var(--text-3xl);line-height:var(--tw-leading,var(--text-3xl--line-height))}.text-lg{font-size:var(--text-lg);line-height:var(--tw-leading,var(--text-lg--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.\[font-size\:var\(--font-size-body-sm\)\]{font-size:var(--font-size-body-sm)}.\[font-size\:var\(--font-size-caption\)\]{font-size:var(--font-size-caption)}.text-\[calc\(var\(--font-size-caption\)\*0\.72\)\]{font-size:calc(var(--font-size-caption) * .72)}.leading-none{--tw-leading:1;line-height:1}.leading-tight{--tw-leading:var(--leading-tight);line-height:var(--leading-tight)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.font-medium{--tw-font-weight:var(--font-weight-medium);font-weight:var(--font-weight-medium)}.font-semibold{--tw-font-weight:var(--font-weight-semibold);font-weight:var(--font-weight-semibold)}.whitespace-nowrap{white-space:nowrap}.text-\[var\(--color-growth-badge-label\)\]{color:var(--color-growth-badge-label)}.text-\[var\(--color-growth-badge-text\)\]{color:var(--color-growth-badge-text)}.text-\[var\(--color-primary-black\)\]{color:var(--color-primary-black)}.text-\[var\(--color-primary-yellow\)\]{color:var(--color-primary-yellow)}.text-\[var\(--color-text-primary\)\]{color:var(--color-text-primary)}.text-\[var\(--color-text-secondary\)\]{color:var(--color-text-secondary)}.text-\[var\(--color-text-tertiary\)\]{color:var(--color-text-tertiary)}.text-\[var\(--color-toolbar-accent-text\)\]{color:var(--color-toolbar-accent-text)}.text-\[var\(--color-toolbar-button-muted\)\]{color:var(--color-toolbar-button-muted)}.text-\[var\(--color-toolbar-button-text\)\]{color:var(--color-toolbar-button-text)}.text-\[var\(--color-toolbar-divider\)\]{color:var(--color-toolbar-divider)}.text-\[var\(--color-toolbar-icon\)\]{color:var(--color-toolbar-icon)}.text-\[var\(--color-toolbar-text\)\]{color:var(--color-toolbar-text)}.text-\[var\(--font-size-body-lg\)\]{color:var(--font-size-body-lg)}.text-\[var\(--font-size-body-sm\)\]{color:var(--font-size-body-sm)}.text-\[var\(--font-size-caption\)\]{color:var(--font-size-caption)}.shadow-2xl{--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-lg{--tw-shadow:0 10px 15px -3px var(--tw-shadow-color,#0000001a), 0 4px 6px -4px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.shadow-sm{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-colors{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-opacity{transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-transform{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}@media (hover:hover){.hover\:bg-\[var\(--color-bg-active\)\]:hover{background-color:var(--color-bg-active)}.hover\:bg-\[var\(--color-toolbar-accent-bg-hover\)\]:hover{background-color:var(--color-toolbar-accent-bg-hover)}.hover\:bg-\[var\(--color-toolbar-button-bg-hover\)\]:hover{background-color:var(--color-toolbar-button-bg-hover)}}@media (width>=40rem){.sm\:right-2{right:calc(var(--spacing) * 2)}.sm\:left-2{left:calc(var(--spacing) * 2)}.sm\:block{display:block}.sm\:hidden{display:none}.sm\:h-8{height:calc(var(--spacing) * 8)}.sm\:h-14{height:calc(var(--spacing) * 14)}.sm\:w-8{width:calc(var(--spacing) * 8)}.sm\:w-12{width:calc(var(--spacing) * 12)}.sm\:w-14{width:calc(var(--spacing) * 14)}.sm\:w-auto{width:auto}.sm\:flex-1{flex:1}.sm\:justify-between{justify-content:space-between}.sm\:gap-2{gap:calc(var(--spacing) * 2)}.sm\:gap-3{gap:calc(var(--spacing) * 3)}.sm\:gap-4{gap:calc(var(--spacing) * 4)}.sm\:px-3{padding-inline:calc(var(--spacing) * 3)}.sm\:px-4{padding-inline:calc(var(--spacing) * 4)}.sm\:px-6{padding-inline:calc(var(--spacing) * 6)}.sm\:py-2{padding-block:calc(var(--spacing) * 2)}.sm\:py-3{padding-block:calc(var(--spacing) * 3)}.sm\:py-4{padding-block:calc(var(--spacing) * 4)}.sm\:text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.sm\:\[font-size\:var\(--font-size-body\)\]{font-size:var(--font-size-body)}.sm\:\[font-size\:var\(--font-size-body-sm\)\]{font-size:var(--font-size-body-sm)}.sm\:text-\[calc\(var\(--font-size-caption\)\*0\.8\)\]{font-size:calc(var(--font-size-caption) * .8)}.sm\:text-\[var\(--font-size-body-lg\)\]{color:var(--font-size-body-lg)}.sm\:text-\[var\(--font-size-body-sm\)\]{color:var(--font-size-body-sm)}.sm\:text-\[var\(--font-size-heading\)\]{color:var(--font-size-heading)}}@media (width>=48rem){.md\:flex-row{flex-direction:row}.md\:gap-3{gap:calc(var(--spacing) * 3)}.md\:px-6{padding-inline:calc(var(--spacing) * 6)}.md\:py-4{padding-block:calc(var(--spacing) * 4)}.md\:text-left{text-align:left}.md\:\[font-size\:calc\(var\(--font-size-body-lg\)\*1\.05\)\]{font-size:calc(var(--font-size-body-lg) * 1.05)}.md\:\[font-size\:var\(--font-size-body\)\]{font-size:var(--font-size-body)}}@media (width>=64rem){.lg\:static{position:static}.lg\:ml-auto{margin-left:auto}.lg\:block{display:block}.lg\:flex{display:flex}.lg\:hidden{display:none}.lg\:h-16{height:calc(var(--spacing) * 16)}.lg\:w-16{width:calc(var(--spacing) * 16)}.lg\:scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.lg\:gap-4{gap:calc(var(--spacing) * 4)}.lg\:gap-6{gap:calc(var(--spacing) * 6)}.lg\:rounded-xl{border-radius:var(--radius-xl)}.lg\:px-4{padding-inline:calc(var(--spacing) * 4)}.lg\:px-5{padding-inline:calc(var(--spacing) * 5)}.lg\:px-6{padding-inline:calc(var(--spacing) * 6)}.lg\:py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.lg\:py-3{padding-block:calc(var(--spacing) * 3)}.lg\:\[font-size\:var\(--font-size-body\)\]{font-size:var(--font-size-body)}.lg\:\[font-size\:var\(--font-size-body-lg\)\]{font-size:var(--font-size-body-lg)}.lg\:\[font-size\:var\(--font-size-body-sm\)\]{font-size:var(--font-size-body-sm)}.lg\:text-\[1\.75rem\]{font-size:1.75rem}.lg\:text-\[calc\(var\(--font-size-caption\)\*0\.88\)\]{font-size:calc(var(--font-size-caption) * .88)}.lg\:text-\[calc\(var\(--font-size-heading\)\*1\.15\)\]{font-size:calc(var(--font-size-heading) * 1.15)}.lg\:text-\[calc\(var\(--font-size-heading\)\*1\.25\)\]{font-size:calc(var(--font-size-heading) * 1.25)}.lg\:text-\[var\(--font-size-body\)\]{color:var(--font-size-body)}.lg\:shadow-none{--tw-shadow:0 0 #0000;box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}}}:root{--color-primary-yellow:#fbbf24;--color-primary-yellow-dark:#f59e0b;--color-primary-yellow-light:#fef3c7;--color-primary-black:#1a1a1a;--color-primary-white:#fff;--color-bg-default:#f5f5f5;--color-bg-surface:#fff;--color-bg-hover:#f3f4f6;--color-bg-active:#e5e7eb;--color-overlay-backdrop:#000000b3;--color-text-primary:#1a1a1a;--color-text-secondary:#6b7280;--color-text-tertiary:#9ca3af;--color-text-inverse:#fff;--color-border-default:#d1d5db;--color-border-strong:#9ca3af;--color-toolbar-bg:#1a1a1a;--color-toolbar-text:#fff;--color-toolbar-icon:#9ca3af;--color-toolbar-divider:#6b7280;--color-toolbar-button-bg:#374151;--color-toolbar-button-bg-hover:#4b5563;--color-toolbar-button-text:#fff;--color-toolbar-button-border:#9ca3af;--color-toolbar-button-muted:#9ca3af;--color-toolbar-accent-bg:#fbbf24;--color-toolbar-accent-bg-hover:#f59e0b;--color-toolbar-accent-text:#1a1a1a;--color-growth-badge-bg:#fef3c7;--color-growth-badge-border:#fbbf24;--color-growth-badge-label:#6b7280;--color-growth-badge-text:#1a1a1a;--color-module-hook:#d95c32;--color-module-learn:#2f7e9b;--color-module-do:#4a7c59;--color-module-play:#7b68a6;--color-module-wrap:#b07d35;--color-success:#10b981;--color-success-light:#d1fae5;--color-success-dark:#059669;--color-info:#3b82f6;--color-info-light:#dbeafe;--color-info-dark:#2563eb;--color-warning:#f59e0b;--color-warning-light:#fef3c7;--color-error:#ef4444;--color-error-light:#fee2e2;--border-width-default:1px;--border-width-medium:2px;--border-width-thick:4px;--border-radius-sm:.375rem;--border-radius-md:.5rem;--border-radius-lg:.75rem;--border-radius-xl:1rem;--border-radius-2xl:1.5rem;--border-radius-full:9999px;--spacing-xs:.25rem;--spacing-sm:.5rem;--spacing-md:.75rem;--spacing-lg:1rem;--spacing-xl:1.5rem;--spacing-2xl:2rem;--spacing-3xl:3rem;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-body:1rem;--font-size-body-sm:.875rem;--font-size-body-lg:1.125rem;--font-size-heading:1.5rem;--font-size-caption:.875rem;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #0000001a;--shadow-lg:0 10px 15px -3px #0000001a;--shadow-xl:0 20px 25px -5px #0000001a;--shadow-2xl:0 25px 50px -12px #00000040;--z-base:0;--z-dropdown:10;--z-sticky:20;--z-fixed:30;--z-modal-backdrop:40;--z-modal:50;--z-popover:60;--z-tooltip:70;--transition-fast:.15s;--transition-base:.2s;--transition-slow:.3s;--transition-slower:.5s;--font-sans:"Inter", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", system-ui, sans-serif}.dark-theme{--color-bg-default:#0f0f0f;--color-bg-surface:#1a1a1a;--color-bg-hover:#2a2a2a;--color-bg-active:#333;--color-overlay-backdrop:#000000b3;--color-text-primary:#f5f5f5;--color-text-secondary:silver;--color-text-tertiary:#909090;--color-text-inverse:#1a1a1a;--color-border-default:#404040;--color-border-strong:#6b7280;--color-toolbar-bg:#1a1a1a;--color-toolbar-text:#f5f5f5;--color-toolbar-icon:#909090;--color-toolbar-divider:#6b7280;--color-toolbar-button-bg:#333;--color-toolbar-button-bg-hover:#2a2a2a;--color-toolbar-button-text:#f5f5f5;--color-toolbar-button-border:#6b7280;--color-toolbar-button-muted:silver;--color-toolbar-accent-bg:#fbbf24;--color-toolbar-accent-bg-hover:#f59e0b;--color-toolbar-accent-text:#1a1a1a;--color-growth-badge-bg:#2a2410;--color-growth-badge-border:#fbbf24;--color-growth-badge-label:silver;--color-growth-badge-text:#f5f5f5;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #0006;--shadow-lg:0 10px 15px -3px #00000080;--shadow-xl:0 20px 25px -5px #0009;--shadow-2xl:0 25px 50px -12px #000000b3}.high-contrast{--color-bg-default:#000;--color-bg-surface:#1a1a1a;--color-bg-hover:#2d2d2d;--color-bg-active:#3d3d3d;--color-overlay-backdrop:#000000d9;--color-text-primary:#fff;--color-text-secondary:#e5e5e5;--color-text-tertiary:#ccc;--color-text-inverse:#000;--color-primary-yellow:#fc0;--color-primary-yellow-dark:#e6b800;--color-primary-yellow-light:#fff4cc;--color-info:#59f;--color-info-light:#024;--color-info-dark:#37d;--color-success:#0f8;--color-success-light:#032;--color-success-dark:#0c6;--color-warning:#fb0;--color-warning-light:#430;--color-error:#f55;--color-error-light:#400;--color-border-default:#ccc;--color-border-strong:#fff;--color-toolbar-bg:#1a1a1a;--color-toolbar-text:#fff;--color-toolbar-icon:#ccc;--color-toolbar-divider:#fff;--color-toolbar-button-bg:#3d3d3d;--color-toolbar-button-bg-hover:#2d2d2d;--color-toolbar-button-text:#fff;--color-toolbar-button-border:#fff;--color-toolbar-button-muted:#e5e5e5;--color-toolbar-accent-bg:#fc0;--color-toolbar-accent-bg-hover:#e6b800;--color-toolbar-accent-text:#000;--color-growth-badge-bg:#000;--color-growth-badge-border:#fc0;--color-growth-badge-label:#fff;--color-growth-badge-text:#fc0;--border-width-default:2px;--border-width-medium:3px;--border-width-thick:5px}html,body{min-height:100%}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-sans);font-size:var(--font-size-body);line-height:var(--line-height-normal);color:var(--color-text-primary);background-color:var(--color-bg-default);transition:background-color var(--transition-base), color var(--transition-base);margin:0}.font-size-default{--font-size-body:clamp(.9375rem, .9rem + .2vw, 1rem);--font-size-body-sm:clamp(.8125rem, .78rem + .18vw, .875rem);--font-size-body-lg:clamp(1rem, .96rem + .24vw, 1.125rem);--font-size-heading:clamp(1.25rem, 1.12rem + .7vw, 1.5rem);--font-size-caption:clamp(.8125rem, .78rem + .16vw, .875rem)}.font-size-large{--font-size-body:clamp(1.0625rem, 1rem + .28vw, 1.125rem);--font-size-body-sm:clamp(.9375rem, .89rem + .22vw, 1rem);--font-size-body-lg:clamp(1.125rem, 1.06rem + .3vw, 1.25rem);--font-size-heading:clamp(1.375rem, 1.2rem + .8vw, 1.625rem);--font-size-caption:clamp(.9375rem, .89rem + .2vw, 1rem)}.font-size-xlarge{--font-size-body:clamp(1.1875rem, 1.1rem + .32vw, 1.25rem);--font-size-body-sm:clamp(1.0625rem, 1rem + .24vw, 1.125rem);--font-size-body-lg:clamp(1.25rem, 1.16rem + .34vw, 1.375rem);--font-size-heading:clamp(1.5rem, 1.3rem + .9vw, 1.75rem);--font-size-caption:clamp(1rem, .95rem + .22vw, 1.125rem)}.text-body-sm{font-size:var(--font-size-body-sm)}.text-body{font-size:var(--font-size-body)}.text-body-lg{font-size:var(--font-size-body-lg)}.text-heading{font-size:var(--font-size-heading)}.text-caption{font-size:var(--font-size-caption)}.dark-theme{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--color-text-primary);background-color:var(--color-bg-default)}.high-contrast{color:var(--color-text-primary);background-color:var(--color-bg-default)}.skip-to-main{z-index:100;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-primary-yellow);color:var(--color-text-inverse);border-radius:var(--border-radius-md);text-decoration:none;position:absolute;top:-100px;left:0}.skip-to-main:focus{top:var(--spacing-md);left:var(--spacing-md)}:focus-visible{outline:3px solid var(--color-primary-yellow);outline-offset:2px}.high-contrast :focus-visible{outline:4px solid var(--color-primary-yellow);outline-offset:3px}.high-contrast:before{content:"";background:linear-gradient(90deg, var(--color-primary-yellow) 0%, var(--color-module-hook) 25%, var(--color-module-learn) 50%, var(--color-module-play) 75%, var(--color-primary-yellow) 100%);z-index:9999;pointer-events:none;height:4px;position:fixed;top:0;left:0;right:0}.dark-theme:before{content:"";z-index:9999;pointer-events:none;opacity:.5;background:linear-gradient(90deg,#59f 0%,#9d8cd6 50%,#59f 100%);height:3px;position:fixed;top:0;left:0;right:0}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{width:0;height:0;display:none}.scrollbar-hide::-webkit-scrollbar-track{display:none}.scrollbar-hide::-webkit-scrollbar-thumb{display:none}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--transition-base) ease-out}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-leading{syntax:"*";inherits:false}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}