@import "https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";*,:before,:after,::backdrop{--tw-border-spacing-x:0;--tw-border-spacing-y:0;--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness:proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-color:#3b82f680;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border:0 solid #e5e7eb}:before,:after{--tw-content:""}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--font-body), system-ui, sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{line-height:inherit;margin:0}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-feature-settings:normal;font-variation-settings:normal;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;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}button,input,optgroup,select,textarea{font-feature-settings:inherit;font-variation-settings:inherit;font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:#0000;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{margin:0;padding:0;list-style:none}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder{opacity:1;color:#9ca3af}textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.pointer-events-none{pointer-events:none}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.-bottom-2{bottom:-.5rem}.-left-16{left:-4rem}.-right-12{right:-3rem}.-right-2{right:-.5rem}.-top-2{top:-.5rem}.-top-6{top:-1.5rem}.bottom-0{bottom:0}.left-0{left:0}.left-12{left:3rem}.right-2{right:.5rem}.top-1\/2{top:50%}.top-\[44\%\]{top:44%}.z-0{z-index:0}.z-10{z-index:10}.z-20{z-index:20}.z-30{z-index:30}.z-50{z-index:50}.m-auto{margin:auto}.my-6{margin-top:1.5rem;margin-bottom:1.5rem}.-mt-6{margin-top:-1.5rem}.mb-1{margin-bottom:.25rem}.mb-1\.5{margin-bottom:.375rem}.mb-10{margin-bottom:2.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-5{margin-bottom:1.25rem}.mb-6{margin-bottom:1.5rem}.ml-1\.5{margin-left:.375rem}.mr-1{margin-right:.25rem}.mr-1\.5{margin-right:.375rem}.mt-0\.5{margin-top:.125rem}.mt-1{margin-top:.25rem}.mt-1\.5{margin-top:.375rem}.mt-10{margin-top:2.5rem}.mt-12{margin-top:3rem}.mt-2{margin-top:.5rem}.mt-2\.5{margin-top:.625rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.mt-5{margin-top:1.25rem}.mt-6{margin-top:1.5rem}.mt-7{margin-top:1.75rem}.mt-8{margin-top:2rem}.mt-9{margin-top:2.25rem}.mt-\[1px\]{margin-top:1px}.mt-\[var\(--sequence-mt\)\]{margin-top:var(--sequence-mt)}.mt-auto{margin-top:auto}.block{display:block}.inline-block{display:inline-block}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.aspect-square{aspect-ratio:1}.h-10{height:2.5rem}.h-11{height:2.75rem}.h-12{height:3rem}.h-14{height:3.5rem}.h-16{height:4rem}.h-3\.5{height:.875rem}.h-32{height:8rem}.h-4{height:1rem}.h-44{height:11rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-7{height:1.75rem}.h-8{height:2rem}.h-9{height:2.25rem}.h-\[104px\]{height:104px}.h-\[172px\]{height:172px}.h-\[188px\]{height:188px}.h-\[210px\]{height:210px}.h-\[212px\]{height:212px}.h-\[248px\]{height:248px}.h-\[380px\]{height:380px}.h-\[3px\]{height:3px}.h-\[42\%\]{height:42%}.h-\[430px\]{height:430px}.h-\[44px\]{height:44px}.h-\[4px\]{height:4px}.h-\[58px\]{height:58px}.h-\[68px\]{height:68px}.h-\[80px\]{height:80px}.h-\[var\(--dsst-map-symbol\)\]{height:var(--dsst-map-symbol)}.h-\[var\(--dsst-symbol-size\)\]{height:var(--dsst-symbol-size)}.h-\[var\(--guidance-height\)\]{height:var(--guidance-height)}.h-\[var\(--sequence-height\)\]{height:var(--sequence-height)}.h-\[var\(--sh-guidance-height\)\]{height:var(--sh-guidance-height)}.h-\[var\(--sh-topbar-height\)\]{height:var(--sh-topbar-height)}.h-full{height:100%}.h-px{height:1px}.h-screen{height:100vh}.max-h-\[78vh\]{max-height:78vh}.min-h-0{min-height:0}.min-h-\[320px\]{min-height:320px}.w-1\.5{width:.375rem}.w-10{width:2.5rem}.w-11{width:2.75rem}.w-12{width:3rem}.w-14{width:3.5rem}.w-16{width:4rem}.w-3\.5{width:.875rem}.w-32{width:8rem}.w-4{width:1rem}.w-44{width:11rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-7{width:1.75rem}.w-8{width:2rem}.w-9{width:2.25rem}.w-\[104px\]{width:104px}.w-\[188px\]{width:188px}.w-\[210px\]{width:210px}.w-\[248px\]{width:248px}.w-\[300px\]{width:300px}.w-\[330px\]{width:330px}.w-\[340px\]{width:340px}.w-\[37\%\]{width:37%}.w-\[42\%\]{width:42%}.w-\[68px\]{width:68px}.w-\[80px\]{width:80px}.w-\[var\(--dsst-map-symbol\)\]{width:var(--dsst-map-symbol)}.w-\[var\(--dsst-symbol-size\)\]{width:var(--dsst-symbol-size)}.w-\[var\(--sh-tile-size\)\]{width:var(--sh-tile-size)}.w-\[var\(--tile-size\)\]{width:var(--tile-size)}.w-auto{width:auto}.w-full{width:100%}.max-w-\[280px\]{max-width:280px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.max-w-\[360px\]{max-width:360px}.max-w-\[430px\]{max-width:430px}.max-w-full{max-width:100%}.flex-1{flex:1}.flex-\[2\]{flex:2}.flex-\[3\]{flex:3}.shrink-0{flex-shrink:0}.-translate-y-1\/2{--tw-translate-y:-50%;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-0{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.translate-y-2{--tw-translate-y:.5rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.-rotate-45{--tw-rotate:-45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-45{--tw-rotate:45deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-90{--tw-rotate:90deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.rotate-\[35deg\]{--tw-rotate:35deg;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-105{--tw-scale-x:1.05;--tw-scale-y:1.05;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-95{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.scale-\[1\.06\]{--tw-scale-x:1.06;--tw-scale-y:1.06;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.transform{transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.resize{resize:both}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.grid-cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.grid-rows-7{grid-template-rows:repeat(7,minmax(0,1fr))}.grid-rows-8{grid-template-rows:repeat(8,minmax(0,1fr))}.flex-col{flex-direction:column}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-1{gap:.25rem}.gap-1\.5{gap:.375rem}.gap-2{gap:.5rem}.gap-2\.5{gap:.625rem}.gap-3{gap:.75rem}.gap-5{gap:1.25rem}.gap-6{gap:1.5rem}.gap-\[3px\]{gap:3px}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-y-auto{overflow-y:auto}.whitespace-nowrap{white-space:nowrap}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:1rem}.rounded-3xl{border-radius:1.5rem}.rounded-\[18px\]{border-radius:18px}.rounded-\[28px\]{border-radius:28px}.rounded-\[3px\]{border-radius:3px}.rounded-\[8px\]{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.rounded-md{border-radius:.375rem}.rounded-sm{border-radius:.125rem}.rounded-xl{border-radius:.75rem}.border{border-width:1px}.border-2{border-width:2px}.border-accent-400{border-color:oklch(var(--accent-400))}.border-accent-500{border-color:oklch(var(--accent-500))}.border-background-200{border-color:oklch(var(--background-200))}.border-background-300{border-color:oklch(var(--background-300))}.border-primary-100{border-color:oklch(var(--primary-100))}.border-primary-200{border-color:oklch(var(--primary-200))}.border-primary-300{border-color:oklch(var(--primary-300))}.border-primary-400{border-color:oklch(var(--primary-400))}.border-primary-500{border-color:oklch(var(--primary-500))}.border-primary-600{border-color:oklch(var(--primary-600))}.border-rose-400{--tw-border-opacity:1;border-color:rgb(251 113 133/var(--tw-border-opacity,1))}.border-secondary-100{border-color:oklch(var(--secondary-100))}.border-secondary-200{border-color:oklch(var(--secondary-200))}.border-secondary-300{border-color:oklch(var(--secondary-300))}.border-secondary-600{border-color:oklch(var(--secondary-600))}.border-transparent{border-color:#0000}.border-t-primary-300{border-top-color:oklch(var(--primary-300))}.bg-accent-100{background-color:oklch(var(--accent-100))}.bg-accent-500{background-color:oklch(var(--accent-500))}.bg-amber-400{--tw-bg-opacity:1;background-color:rgb(251 191 36/var(--tw-bg-opacity,1))}.bg-background-100{background-color:oklch(var(--background-100))}.bg-background-200{background-color:oklch(var(--background-200))}.bg-background-50{background-color:oklch(var(--background-50))}.bg-black\/40{background-color:#0006}.bg-blue-500{--tw-bg-opacity:1;background-color:rgb(59 130 246/var(--tw-bg-opacity,1))}.bg-foreground-100{background-color:oklch(var(--foreground-100))}.bg-green-100{--tw-bg-opacity:1;background-color:rgb(220 252 231/var(--tw-bg-opacity,1))}.bg-green-500{--tw-bg-opacity:1;background-color:rgb(34 197 94/var(--tw-bg-opacity,1))}.bg-primary-100{background-color:oklch(var(--primary-100))}.bg-primary-50{background-color:oklch(var(--primary-50))}.bg-primary-500{background-color:oklch(var(--primary-500))}.bg-primary-600{background-color:oklch(var(--primary-600))}.bg-primary-800{background-color:oklch(var(--primary-800))}.bg-red-100{--tw-bg-opacity:1;background-color:rgb(254 226 226/var(--tw-bg-opacity,1))}.bg-secondary-100{background-color:oklch(var(--secondary-100))}.bg-secondary-50{background-color:oklch(var(--secondary-50))}.bg-secondary-600{background-color:oklch(var(--secondary-600))}.bg-transparent{background-color:#0000}.bg-white{--tw-bg-opacity:1;background-color:rgb(255 255 255/var(--tw-bg-opacity,1))}.bg-white\/80{background-color:#fffc}.bg-white\/85{background-color:#ffffffd9}.bg-gradient-to-b{background-image:linear-gradient(to bottom, var(--tw-gradient-stops))}.from-background-50{--tw-gradient-from:oklch(var(--background-50)) var(--tw-gradient-from-position);--tw-gradient-to:#fff0 var(--tw-gradient-to-position);--tw-gradient-stops:var(--tw-gradient-from), var(--tw-gradient-to)}.to-secondary-50{--tw-gradient-to:oklch(var(--secondary-50)) var(--tw-gradient-to-position)}.stroke-accent-500{stroke:oklch(var(--accent-500))}.stroke-background-500{stroke:oklch(var(--background-500))}.stroke-primary-500{stroke:oklch(var(--primary-500))}.object-contain{-o-object-fit:contain;object-fit:contain}.object-bottom{-o-object-position:bottom;object-position:bottom}.p-4{padding:1rem}.p-6{padding:1.5rem}.p-\[var\(--board-padding\)\]{padding:var(--board-padding)}.p-\[var\(--sh-board-padding\)\]{padding:var(--sh-board-padding)}.px-10{padding-left:2.5rem;padding-right:2.5rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-2\.5{padding-left:.625rem;padding-right:.625rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-3\.5{padding-left:.875rem;padding-right:.875rem}.px-4{padding-left:1rem;padding-right:1rem}.px-5{padding-left:1.25rem;padding-right:1.25rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.px-7{padding-left:1.75rem;padding-right:1.75rem}.py-0\.5{padding-top:.125rem;padding-bottom:.125rem}.py-1{padding-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-2\.5{padding-top:.625rem;padding-bottom:.625rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.py-3\.5{padding-top:.875rem;padding-bottom:.875rem}.py-4{padding-top:1rem;padding-bottom:1rem}.py-6{padding-top:1.5rem;padding-bottom:1.5rem}.py-7{padding-top:1.75rem;padding-bottom:1.75rem}.py-8{padding-top:2rem;padding-bottom:2rem}.py-9{padding-top:2.25rem;padding-bottom:2.25rem}.pb-1{padding-bottom:.25rem}.pb-14{padding-bottom:3.5rem}.pb-2{padding-bottom:.5rem}.pb-3{padding-bottom:.75rem}.pb-4{padding-bottom:1rem}.pb-5{padding-bottom:1.25rem}.pb-6{padding-bottom:1.5rem}.pb-\[calc\(16px\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(16px + env(safe-area-inset-bottom))}.pb-\[calc\(20px\+env\(safe-area-inset-bottom\)\)\]{padding-bottom:calc(20px + env(safe-area-inset-bottom))}.pb-\[var\(--dsst-pb\)\]{padding-bottom:var(--dsst-pb)}.pb-\[var\(--screen-pb\)\]{padding-bottom:var(--screen-pb)}.pb-\[var\(--sh-screen-pb\)\]{padding-bottom:var(--sh-screen-pb)}.pl-3{padding-left:.75rem}.pr-2\.5{padding-right:.625rem}.pt-2{padding-top:.5rem}.pt-3{padding-top:.75rem}.pt-4{padding-top:1rem}.pt-6{padding-top:1.5rem}.pt-8{padding-top:2rem}.pt-\[9vh\]{padding-top:9vh}.pt-\[calc\(16px\+env\(safe-area-inset-top\)\)\]{padding-top:calc(16px + env(safe-area-inset-top))}.pt-\[var\(--dsst-pt\)\]{padding-top:var(--dsst-pt)}.pt-\[var\(--screen-pt\)\]{padding-top:var(--screen-pt)}.text-left{text-align:left}.text-center{text-align:center}.font-mono{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-5xl{font-size:3rem;line-height:1}.text-6xl{font-size:3.75rem;line-height:1}.text-9xl{font-size:8rem;line-height:1}.text-\[11px\]{font-size:11px}.text-\[12px\]{font-size:12px}.text-\[13px\]{font-size:13px}.text-\[14px\]{font-size:14px}.text-\[15px\]{font-size:15px}.text-\[16px\]{font-size:16px}.text-\[17px\]{font-size:17px}.text-\[18px\]{font-size:18px}.text-\[19px\]{font-size:19px}.text-\[22px\]{font-size:22px}.text-\[26px\]{font-size:26px}.text-\[28px\]{font-size:28px}.text-\[34px\]{font-size:34px}.text-\[76px\]{font-size:76px}.text-\[92px\]{font-size:92px}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-black{font-weight:900}.font-bold{font-weight:700}.font-extrabold{font-weight:800}.font-medium{font-weight:500}.font-semibold{font-weight:600}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.leading-none{line-height:1}.leading-relaxed{line-height:1.625}.leading-snug{line-height:1.375}.leading-tight{line-height:1.25}.tracking-tight{letter-spacing:-.025em}.text-\[\#101828\]{--tw-text-opacity:1;color:rgb(16 24 40/var(--tw-text-opacity,1))}.text-accent-500{color:oklch(var(--accent-500))}.text-accent-700{color:oklch(var(--accent-700))}.text-amber-950{--tw-text-opacity:1;color:rgb(69 26 3/var(--tw-text-opacity,1))}.text-background-50{color:oklch(var(--background-50))}.text-foreground-300{color:oklch(var(--foreground-300))}.text-foreground-400{color:oklch(var(--foreground-400))}.text-foreground-500{color:oklch(var(--foreground-500))}.text-foreground-600{color:oklch(var(--foreground-600))}.text-foreground-700{color:oklch(var(--foreground-700))}.text-foreground-800{color:oklch(var(--foreground-800))}.text-foreground-900{color:oklch(var(--foreground-900))}.text-foreground-950{color:oklch(var(--foreground-950))}.text-gray-400{--tw-text-opacity:1;color:rgb(156 163 175/var(--tw-text-opacity,1))}.text-gray-50{--tw-text-opacity:1;color:rgb(249 250 251/var(--tw-text-opacity,1))}.text-gray-500{--tw-text-opacity:1;color:rgb(107 114 128/var(--tw-text-opacity,1))}.text-green-700{--tw-text-opacity:1;color:rgb(21 128 61/var(--tw-text-opacity,1))}.text-primary-400{color:oklch(var(--primary-400))}.text-primary-500{color:oklch(var(--primary-500))}.text-primary-600{color:oklch(var(--primary-600))}.text-primary-700{color:oklch(var(--primary-700))}.text-primary-800{color:oklch(var(--primary-800))}.text-red-500{--tw-text-opacity:1;color:rgb(239 68 68/var(--tw-text-opacity,1))}.text-rose-500{--tw-text-opacity:1;color:rgb(244 63 94/var(--tw-text-opacity,1))}.text-secondary-700{color:oklch(var(--secondary-700))}.text-secondary-800{color:oklch(var(--secondary-800))}.text-white{--tw-text-opacity:1;color:rgb(255 255 255/var(--tw-text-opacity,1))}.opacity-0{opacity:0}.opacity-100{opacity:1}.opacity-90{opacity:.9}.shadow-\[0_0_20px_oklch\(var\(--accent-500\)\/0\.5\)\]{--tw-shadow:0 0 20px oklch(var(--accent-500)/.5);--tw-shadow-colored:0 0 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_24px_oklch\(var\(--accent-500\)\/0\.45\)\]{--tw-shadow:0 0 24px oklch(var(--accent-500)/.45);--tw-shadow-colored:0 0 24px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_0_8px_oklch\(var\(--accent-500\)\/0\.22\)\]{--tw-shadow:0 0 8px oklch(var(--accent-500)/.22);--tw-shadow-colored:0 0 8px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.shadow-\[0_6px_20px_oklch\(var\(--primary-500\)\/0\.07\)\]{--tw-shadow:0 6px 20px oklch(var(--primary-500)/.07);--tw-shadow-colored:0 6px 20px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000), var(--tw-ring-shadow,0 0 #0000), var(--tw-shadow)}.ring-2{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-4{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(4px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000)}.ring-primary-400{--tw-ring-color:oklch(var(--primary-400))}.ring-primary-500{--tw-ring-color:oklch(var(--primary-500))}.ring-offset-2{--tw-ring-offset-width:2px}.ring-offset-background-50{--tw-ring-offset-color:oklch(var(--background-50))}.blur-xl{--tw-blur:blur(24px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.backdrop-blur-md{--tw-backdrop-blur:blur(12px);-webkit-backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia);backdrop-filter:var(--tw-backdrop-blur) var(--tw-backdrop-brightness) var(--tw-backdrop-contrast) var(--tw-backdrop-grayscale) var(--tw-backdrop-hue-rotate) var(--tw-backdrop-invert) var(--tw-backdrop-opacity) var(--tw-backdrop-saturate) var(--tw-backdrop-sepia)}.transition-all{transition-property:all;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-transform{transition-property:transform;transition-duration:.15s;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-100{transition-duration:.1s}.duration-150{transition-duration:.15s}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.duration-500{transition-duration:.5s}:root{--font-body:"Noto Sans KR", system-ui, sans-serif;--font-heading:"Noto Sans KR", system-ui, sans-serif;--font-label:"Noto Sans KR", system-ui, sans-serif;--primary-50:.95 .02 255;--primary-100:.9 .04 255;--primary-200:.8 .06 255;--primary-300:.7 .08 255;--primary-400:.6 .1 255;--primary-500:.45 .12 255;--primary-600:.35 .1 255;--primary-700:.25 .08 255;--primary-800:.18 .06 255;--primary-900:.12 .04 255;--primary-950:.08 .02 255;--accent-50:.97 .03 255;--accent-100:.93 .06 255;--accent-200:.88 .09 255;--accent-300:.8 .12 255;--accent-400:.72 .14 255;--accent-500:.65 .15 255;--accent-600:.55 .13 255;--accent-700:.45 .11 255;--accent-800:.35 .09 255;--accent-900:.25 .07 255;--accent-950:.15 .05 255;--secondary-50:.97 .01 255;--secondary-100:.93 .02 255;--secondary-200:.88 .02 255;--secondary-300:.83 .03 255;--secondary-400:.78 .03 255;--secondary-500:.73 .03 255;--secondary-600:.68 .03 255;--secondary-700:.63 .03 255;--secondary-800:.58 .03 255;--secondary-900:.53 .03 255;--secondary-950:.48 .03 255;--background-50:1 0 255;--background-100:.98 .01 255;--background-200:.96 .01 255;--background-300:.94 .01 255;--background-400:.92 .02 255;--background-500:.9 .02 255;--background-600:.85 .02 255;--background-700:.8 .02 255;--background-800:.75 .02 255;--background-900:.7 .02 255;--background-950:.65 .02 255;--foreground-50:.97 .01 255;--foreground-100:.95 .01 255;--foreground-200:.9 .02 255;--foreground-300:.8 .02 255;--foreground-400:.7 .03 255;--foreground-500:.6 .03 255;--foreground-600:.5 .03 255;--foreground-700:.4 .03 255;--foreground-800:.3 .03 255;--foreground-900:.2 .03 255;--foreground-950:.15 .03 255;--tile-size:clamp(60px, 17vw, 72px);--board-padding:24px;--guidance-height:64px;--sequence-height:44px;--screen-pt:20px;--screen-pb:16px;--sequence-mt:8px;--dsst-pt:20px;--dsst-pb:16px;--dsst-symbol-size:108px;--dsst-map-symbol:36px;--sh-topbar-height:56px}.dsst-scope{--primary-50:.97 .015 292;--primary-100:.94 .03 292;--primary-200:.9 .05 292;--primary-300:.84 .08 292;--primary-400:.76 .12 292;--primary-500:.66 .16 292;--primary-600:.56 .16 292;--primary-700:.46 .14 292;--primary-800:.36 .11 292;--primary-900:.26 .08 292;--primary-950:.18 .06 292;--accent-50:.97 .02 305;--accent-100:.94 .04 305;--accent-200:.9 .06 305;--accent-300:.84 .09 305;--accent-400:.76 .12 305;--accent-500:.66 .16 305;--accent-600:.56 .15 305;--accent-700:.46 .13 305;--accent-800:.36 .1 305;--accent-900:.26 .08 305;--accent-950:.18 .05 305}.tmt-scope{--primary-50:.97 .02 178;--primary-100:.94 .04 178;--primary-200:.9 .07 178;--primary-300:.85 .1 178;--primary-400:.78 .12 178;--primary-500:.68 .13 178;--primary-600:.58 .12 178;--primary-700:.48 .1 178;--primary-800:.37 .08 178;--primary-900:.27 .06 178;--primary-950:.19 .04 178;--accent-50:.97 .02 160;--accent-100:.94 .04 160;--accent-200:.9 .07 160;--accent-300:.85 .1 160;--accent-400:.78 .12 160;--accent-500:.68 .13 160;--accent-600:.58 .12 160;--accent-700:.48 .1 160;--accent-800:.37 .08 160;--accent-900:.27 .06 160;--accent-950:.19 .04 160}.shinhan-scope{--primary-50:.97 .02 264;--primary-100:.94 .05 264;--primary-200:.89 .09 264;--primary-300:.82 .14 264;--primary-400:.7 .19 264;--primary-500:.6 .23 264;--primary-600:.52 .25 264;--primary-700:.44 .22 264;--primary-800:.37 .18 264;--primary-900:.29 .13 264;--primary-950:.21 .09 264;--accent-50:.97 .02 245;--accent-100:.94 .05 245;--accent-200:.89 .09 245;--accent-300:.82 .13 245;--accent-400:.73 .17 245;--accent-500:.66 .19 245;--accent-600:.58 .18 245;--accent-700:.49 .16 245;--accent-800:.4 .13 245;--accent-900:.31 .1 245;--accent-950:.22 .07 245;--sh-game-bg:#dce7fa;--sh-header-bg:#e6f0ff;--sh-stage-badge-bg:#818da2}.spick-scope{--primary-50:.97 .015 264;--primary-100:.94 .035 264;--primary-200:.88 .06 264;--primary-300:.78 .08 264;--primary-400:.55 .09 264;--primary-500:.32 .084 264;--primary-600:.27 .075 264;--primary-700:.22 .062 264;--primary-800:.17 .048 264;--primary-900:.12 .034 264;--primary-950:.08 .022 264;--accent-50:.97 .03 263;--accent-100:.94 .06 263;--accent-200:.89 .11 263;--accent-300:.82 .16 263;--accent-400:.72 .21 263;--accent-500:.564 .24 263;--accent-600:.5 .22 263;--accent-700:.42 .19 263;--accent-800:.34 .15 263;--accent-900:.26 .11 263;--accent-950:.18 .07 263;--sh-game-bg:#e6ebff;--sh-header-bg:#eef2ff;--sh-stage-badge-bg:#7b88ad;--sh-cta-bg:#1a2a53;--sh-cta-bg-hover:#141f3e}.spick-scope .sh-cta{background-color:var(--sh-cta-bg)}.spick-scope .sh-cta:hover{background-color:var(--sh-cta-bg-hover)}.spick-scope .sh-tile-default{background:linear-gradient(#e7ecff 0%,#cfd8ff 100%);box-shadow:0 4px #b6c2f0,0 6px 10px #1c305d1a}.spick-scope .sh-tile-lit{background:linear-gradient(#2064ff 0%,#1a55e0 100%);box-shadow:0 5px #1643b0,0 0 18px 4px #2064ff6b}.spick-scope .sh-tile-click{background:linear-gradient(#26406f 0%,#1c305d 100%);box-shadow:0 5px #14223f,0 6px 10px #1c305d42}.spick-scope .sh-tile-wrong{background:linear-gradient(#e04b4b 0%,#cb2020 100%);box-shadow:0 5px #a81818,0 6px 10px #cb202042}.spick-scope .sh-result-bg{background:linear-gradient(#f2f5ff 0%,#dfe5ff 100%)}.dsst-spick-scope .sh-tile-default{background:linear-gradient(#fff 0%,#f0f2f8 100%);box-shadow:inset 0 0 0 1px #dbe0ec,inset 0 1px #fff,0 4px #ccd2e0,0 6px 10px #1c305d1f}.dsst-spick-scope .sh-tile-default:hover{background:linear-gradient(#fff 0%,#e8ecf6 100%);box-shadow:inset 0 0 0 1px #d3d9e8,inset 0 1px #fff,0 4px #c3cadb,0 7px 12px #1c305d24}.dsst-spick-scope .sh-tile-default:active{box-shadow:inset 0 0 0 1px #dbe0ec,inset 0 1px #fff,0 2px #ccd2e0,0 3px 6px #1c305d29}.dsst-spick-scope .sh-tile-lit{box-shadow:0 4px #1643b0,0 8px 14px #2064ff4d}.dsst-spick-scope .sh-tile-wrong{box-shadow:0 4px #a81818,0 8px 14px #cb20203d}.dsst-spick-scope .sh-example-tile{background:linear-gradient(#fff 0%,#f0f2f8 100%);box-shadow:inset 0 0 0 1px #dbe0ec,inset 0 1px #fff,0 5px #ccd2e0,0 8px 14px #1c305d1f}.sh-game-bg{background-color:var(--sh-game-bg)}.sh-header-bg{background-color:var(--sh-header-bg)}.sh-dot-grid{background-image:radial-gradient(circle, oklch(var(--foreground-950) / .08) 1.2px, transparent 1.3px);background-position:50%;background-size:22px 22px}.sh-tile{will-change:transform;border-radius:24%;transition:transform .16s cubic-bezier(.22,1,.36,1),box-shadow .16s,filter .16s}.sh-tile-default{background:linear-gradient(#d9e8fe 0%,#bfd7fb 100%);box-shadow:0 4px #a9c6f2,0 6px 10px #2563eb1a}.sh-tile-lit{background:linear-gradient(#2c6bff 0%,#1d5ae0 100%);box-shadow:0 5px #1743b0,0 0 18px 4px #2c6bff6b}.sh-tile-click{background:linear-gradient(#2450b5 0%,#1b3e96 100%);box-shadow:0 5px #142f73,0 6px 10px #1c3e9642}.sh-tile-wrong{background:linear-gradient(#f98a8e 0%,#f26d72 100%);box-shadow:0 5px #d94e55,0 6px 10px #f26d7242}html,body{overscroll-behavior:none;touch-action:manipulation;-webkit-tap-highlight-color:transparent}body{font-family:var(--font-body);background-color:oklch(var(--background-50));color:oklch(var(--foreground-900))}.game-no-scroll{overscroll-behavior:none;touch-action:none;overflow:hidden}@keyframes tilePulse{0%{transform:scale(1);box-shadow:0 2px 8px #00000014}50%{box-shadow:0 0 24px oklch(var(--accent-500) / .5), 0 4px 16px #0000001f;transform:scale(1.08)}to{transform:scale(1);box-shadow:0 2px 8px #00000014}}@keyframes tileGlow{0%{transform:scale(1)}50%{transform:scale(1.1)}to{transform:scale(1)}}@keyframes stepPulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes popIn{0%{opacity:0;transform:scale(.8)}70%{transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@keyframes waveformBar{0%,to{transform:scaleY(1)}50%{transform:scaleY(.45)}}.waveform-bar{transform-origin:50%;animation:1.2s ease-in-out infinite waveformBar}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes touchRipple{0%{opacity:.55;transform:scale(.8)}to{opacity:0;transform:scale(1.9)}}@keyframes symbolIn{0%{opacity:0;transform:scale(.7)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes symbolCorrect{0%{opacity:1;transform:scale(1)}40%{opacity:.9;transform:scale(1.16)}to{opacity:1;transform:scale(1)}}@keyframes timerPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes comboPop{0%{opacity:0;transform:scale(.6)translateY(6px)}20%{opacity:1;transform:scale(1.1)translateY(0)}35%{transform:scale(1)translateY(0)}75%{opacity:1;transform:scale(1)translateY(0)}to{opacity:0;transform:scale(1)translateY(-4px)}}.animate-tile-pulse{animation:.6s ease-in-out tilePulse}.animate-tile-glow{animation:.6s ease-in-out tileGlow}.animate-step-pulse{animation:1s ease-in-out infinite stepPulse}.animate-fade-in-up{animation:.4s ease-out forwards fadeInUp}.animate-pop-in{animation:.4s ease-out forwards popIn}.animate-fade-in{animation:.25s ease-out forwards fadeIn}.animate-symbol-in{animation:.2s ease-out forwards symbolIn}.animate-symbol-correct{animation:.2s ease-out forwards symbolCorrect}.animate-timer-pulse{transform-origin:50%;animation:.5s ease-in-out infinite timerPulse}.animate-combo-pop{animation:.6s ease-out forwards comboPop}@keyframes comboBump{0%{transform:scale(1)}45%{transform:scale(1.14)}to{transform:scale(1)}}@keyframes comboMilestone{0%{transform:scale(.8)}40%{box-shadow:0 0 24px oklch(var(--primary-500) / .55);transform:scale(1.24)}to{box-shadow:0 0 0 oklch(var(--primary-500) / 0);transform:scale(1)}}.animate-combo-bump{animation:.18s ease-out comboBump}.animate-combo-milestone{animation:.42s ease-out comboMilestone}@keyframes comboBadgePopIn{0%{opacity:0;transform:scale(.8)}60%{opacity:1;transform:scale(1.1)}to{opacity:1;transform:scale(1)}}@keyframes comboBadgeMilestone{0%{transform:scale(1)}35%{box-shadow:0 0 20px oklch(var(--accent-500) / .7), 0 0 40px oklch(var(--accent-500) / .35);transform:scale(1.16)}to{box-shadow:0 0 0 oklch(var(--accent-500) / 0);transform:scale(1)}}@keyframes comboNumberPop{0%{transform:scale(1)}45%{transform:scale(1.32)}to{transform:scale(1)}}@keyframes comboBadgeLeave{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.7)}}.animate-combo-badge-pop-in{transform-origin:50%;animation:.32s cubic-bezier(.22,1,.36,1) forwards comboBadgePopIn}.animate-combo-badge-milestone{transform-origin:50%;animation:.46s cubic-bezier(.22,1,.36,1) comboBadgeMilestone}.animate-combo-number-pop{transform-origin:50%;animation:.22s ease-out comboNumberPop;display:inline-block}.animate-combo-badge-leave{transform-origin:50%;animation:.26s ease-in forwards comboBadgeLeave}.touch-ripple{animation:1.6s ease-out infinite touchRipple}@keyframes shakeX{0%,to{transform:translate(-50%,-50%)translate(0)}20%{transform:translate(-50%,-50%)translate(-6px)}40%{transform:translate(-50%,-50%)translate(6px)}60%{transform:translate(-50%,-50%)translate(-4px)}80%{transform:translate(-50%,-50%)translate(4px)}}.animate-shake{animation:.35s ease-in-out shakeX}@keyframes nodeShakeX{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(5px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}.animate-node-shake{animation:.35s ease-in-out nodeShakeX}@keyframes drawLine{0%{stroke-dashoffset:1px}to{stroke-dashoffset:0}}.animate-draw-line{stroke-dasharray:1;stroke-dashoffset:1px;animation:.22s ease-out forwards drawLine}@keyframes shTileShow{0%{transform:scale(1)}22%{transform:scale(1.08)}70%{transform:scale(1.02)}to{transform:scale(1)}}.animate-tile-show{animation:.6s cubic-bezier(.22,1,.36,1) shTileShow}@keyframes shTileReplay{0%{transform:scale(1)}30%{transform:scale(1.08)}to{transform:scale(1)}}.animate-tile-replay{animation:.11s ease-out shTileReplay}@keyframes shAreaPulse{0%{background-color:oklch(var(--primary-50));box-shadow:0 0 0 0 oklch(var(--primary-500) / 0)}45%{background-color:oklch(var(--primary-100));box-shadow:0 0 0 4px oklch(var(--primary-400) / .16), 0 0 22px oklch(var(--primary-400) / .18)}to{background-color:oklch(var(--primary-50));box-shadow:0 0 0 0 oklch(var(--primary-500) / 0)}}.animate-board-pulse{animation:.44s ease-out shAreaPulse}@keyframes shStageDotPop{0%{transform:scale(1)}45%{transform:scale(1.4)}to{transform:scale(1)}}.animate-stage-dot{transform-origin:50%;animation:.42s cubic-bezier(.22,1,.36,1) shStageDotPop}@keyframes shStageText{0%{opacity:0;transform:translateY(8px)scale(.92)}28%{opacity:1;transform:translateY(0)scale(1.04)}45%{transform:translateY(0)scale(1)}72%{opacity:1}to{opacity:0;transform:translateY(-8px)scale(1)}}.animate-stage-text{animation:.7s ease-out forwards shStageText}@keyframes shTileSelect{0%{transform:scale(1)}45%{transform:scale(1.12)}to{transform:scale(1)}}.animate-tile-select{animation:.2s ease-out shTileSelect}@keyframes shTileShake{0%,to{transform:translate(0)}20%{transform:translate(-5px)}40%{transform:translate(5px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}.animate-tile-shake{animation:.3s ease-in-out shTileShake}@keyframes shBoardFlash{0%{transform:scale(1)}45%{transform:scale(1.015)}to{transform:scale(1)}}.animate-board-flash{animation:.5s ease-out shBoardFlash}@keyframes shComplete{0%{opacity:0;transform:scale(.85)}45%{opacity:1;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}.animate-sh-complete{animation:.42s cubic-bezier(.22,1,.36,1) forwards shComplete}@keyframes shWarmupPulse{0%,to{opacity:.9;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}.animate-warmup-tile{transform-origin:50%;animation:2.6s ease-in-out infinite shWarmupPulse}.sh-result-bg{background:linear-gradient(#eef4fe 0%,#dce8fb 100%)}@keyframes shResultCardIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.animate-sh-result-card{animation:.44s cubic-bezier(.22,1,.36,1) forwards shResultCardIn}@keyframes shResultCatIn{0%{opacity:0;transform:translateY(-12px)scale(.94)}to{opacity:1;transform:translateY(0)scale(1)}}.animate-sh-result-cat{animation:.48s cubic-bezier(.22,1,.36,1) forwards shResultCatIn}.hover\:border-primary-300:hover{border-color:oklch(var(--primary-300))}.hover\:border-primary-400:hover{border-color:oklch(var(--primary-400))}.hover\:bg-background-100:hover{background-color:oklch(var(--background-100))}.hover\:bg-background-200:hover{background-color:oklch(var(--background-200))}.hover\:bg-primary-50:hover{background-color:oklch(var(--primary-50))}.hover\:bg-primary-600:hover{background-color:oklch(var(--primary-600))}.hover\:bg-primary-700:hover{background-color:oklch(var(--primary-700))}.hover\:bg-primary-900:hover{background-color:oklch(var(--primary-900))}.hover\:text-primary-700:hover{color:oklch(var(--primary-700))}.active\:scale-95:active{--tw-scale-x:.95;--tw-scale-y:.95;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.98\]:active{--tw-scale-x:.98;--tw-scale-y:.98;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:scale-\[0\.99\]:active{--tw-scale-x:.99;--tw-scale-y:.99;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.active\:bg-background-100:active{background-color:oklch(var(--background-100))}.active\:bg-secondary-100:active{background-color:oklch(var(--secondary-100))}@media (width>=640px){.sm\:gap-1\.5{gap:.375rem}}@media (width>=768px){.md\:text-2xl{font-size:1.5rem;line-height:2rem}.md\:text-\[12rem\]{font-size:12rem}.md\:text-xl{font-size:1.25rem;line-height:1.75rem}}