/*! tailwindcss v4.2.2 | 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-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-space-y-reverse:0;--tw-border-style:solid;--tw-leading:initial;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction: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-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-duration:initial;--tw-ease:initial}}}@layer theme{:root,:host{--font-sans:"Geist", "Noto Sans", sans-serif;--font-serif:"Source Serif 4", "Noto Serif", serif;--font-mono:var(--font-mono);--color-red-50:oklch(97.1% .013 17.38);--color-red-400:oklch(70.4% .191 22.216);--color-red-500:oklch(63.7% .237 25.331);--color-red-600:oklch(57.7% .245 27.325);--color-red-700:oklch(50.5% .213 27.518);--color-red-900:oklch(39.6% .141 25.723);--color-blue-50:oklch(97% .014 254.604);--color-blue-100:oklch(93.2% .032 255.585);--color-blue-600:oklch(54.6% .245 262.881);--color-blue-800:oklch(42.4% .199 265.638);--color-gray-50:oklch(98.5% .002 247.839);--color-gray-200:oklch(92.8% .006 264.531);--color-gray-400:oklch(70.7% .022 261.325);--color-gray-500:oklch(55.1% .027 264.364);--color-gray-600:oklch(44.6% .03 256.802);--color-black:#000;--color-white:#fff;--spacing:.25rem;--container-sm:24rem;--container-lg:32rem;--container-2xl:42rem;--text-xs:.75rem;--text-xs--line-height:calc(1 / .75);--text-sm:.875rem;--text-sm--line-height:calc(1.25 / .875);--text-base:1rem;--text-base--line-height: 1.5 ;--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: 1.2 ;--text-6xl:3.75rem;--text-6xl--line-height:1;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--leading-tight:1.25;--leading-relaxed:1.625;--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--shadow-sm:var(--shadow-sm);--shadow-md:var(--shadow-md);--shadow-lg:var(--shadow-lg);--shadow-xl:var(--shadow-xl);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--animate-spin:spin 1s linear infinite;--aspect-video:16 / 9;--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);--color-service-hymn:oklch(56% .075 58);--color-surface-raised:var(--surface-raised);--color-surface-muted:var(--surface-muted);--color-surface-emphasis:var(--surface-emphasis);--color-surface-hover:var(--surface-hover);--color-surface-pressed:var(--surface-pressed);--color-border-subtle:var(--border-subtle);--color-text-primary:var(--text-primary);--color-text-secondary:var(--text-secondary);--color-text-muted:var(--text-muted);--spacing-1:var(--space-1);--spacing-2:var(--space-2);--spacing-3:var(--space-3);--spacing-4:var(--space-4);--spacing-5:var(--space-5);--spacing-6:var(--space-6);--spacing-8:var(--space-8);--spacing-10:var(--space-10);--spacing-12:var(--space-12);--spacing-16:var(--space-16);--spacing-20:var(--space-20);--spacing-40:var(--fd-space-40);--radius-full:var(--radius-full);--color-accent-1:var(--accent-1);--color-accent-2:var(--accent-2);--color-accent-3:var(--accent-3);--color-accent-4:var(--accent-4);--color-accent-5:var(--accent-5);--color-accent-8:var(--accent-8);--color-accent-9:var(--accent-9);--color-accent-10:var(--accent-10);--color-accent-11:var(--accent-11);--color-accent-12:var(--accent-12);--shadow-elevation-low:var(--shadow-elevation-low);--shadow-elevation-mid:var(--shadow-elevation-mid);--shadow-elevation-high:var(--shadow-elevation-high)}}@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;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}:lang(ar),:lang(fa),:lang(ur){letter-spacing:0;text-align:right;direction:rtl}:lang(ar){font-size:110%}}@layer components;@layer utilities{.pointer-events-none{pointer-events:none}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.inset-0{inset:calc(var(--spacing) * 0)}.start{inset-inline-start:var(--spacing)}.end{inset-inline-end:var(--spacing)}.-top-8{top:calc(var(--spacing-8) * -1)}.top-0\.5{top:calc(var(--spacing) * .5)}.top-1\/2{top:50%}.top-3{top:var(--spacing-3)}.top-6{top:var(--spacing-6)}.-right-2{right:calc(var(--spacing-2) * -1)}.right-0{right:calc(var(--spacing) * 0)}.right-3{right:var(--spacing-3)}.-bottom-0\.5{bottom:calc(var(--spacing) * -.5)}.-bottom-2{bottom:calc(var(--spacing-2) * -1)}.bottom-8{bottom:var(--spacing-8)}.left-0{left:calc(var(--spacing) * 0)}.left-1\/2{left:50%}.left-4{left:var(--spacing-4)}.z-10{z-index:10}.z-50{z-index:50}.col-span-full{grid-column:1/-1}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:96rem){.container{max-width:96rem}}.-mx-3{margin-inline:calc(var(--spacing-3) * -1)}.mx-4{margin-inline:var(--spacing-4)}.mx-auto{margin-inline:auto}.my-6{margin-block:var(--spacing-6)}.my-8{margin-block:var(--spacing-8)}.mt-1{margin-top:var(--spacing-1)}.mt-2{margin-top:var(--spacing-2)}.mt-3{margin-top:var(--spacing-3)}.mt-4{margin-top:var(--spacing-4)}.mt-6{margin-top:var(--spacing-6)}.mt-8{margin-top:var(--spacing-8)}.-mb-px{margin-bottom:-1px}.mb-1{margin-bottom:var(--spacing-1)}.mb-2{margin-bottom:var(--spacing-2)}.mb-3{margin-bottom:var(--spacing-3)}.mb-4{margin-bottom:var(--spacing-4)}.mb-5{margin-bottom:var(--spacing-5)}.mb-6{margin-bottom:var(--spacing-6)}.mb-8{margin-bottom:var(--spacing-8)}.mb-12{margin-bottom:var(--spacing-12)}.ml-0\.5{margin-left:calc(var(--spacing) * .5)}.ml-1{margin-left:var(--spacing-1)}.ml-4{margin-left:var(--spacing-4)}.ml-8{margin-left:var(--spacing-8)}.ml-auto{margin-left:auto}.line-clamp-2{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.aspect-video{aspect-ratio:var(--aspect-video)}.h-0\.5{height:calc(var(--spacing) * .5)}.h-2{height:var(--spacing-2)}.h-3{height:var(--spacing-3)}.h-3\.5{height:calc(var(--spacing) * 3.5)}.h-4{height:var(--spacing-4)}.h-5{height:var(--spacing-5)}.h-8{height:var(--spacing-8)}.h-10{height:var(--spacing-10)}.h-12{height:var(--spacing-12)}.h-\[4\.5rem\]{height:4.5rem}.h-full{height:100%}.max-h-80{max-height:calc(var(--spacing) * 80)}.min-h-\[28rem\]{min-height:28rem}.min-h-\[42px\]{min-height:42px}.min-h-\[300px\]{min-height:300px}.w-3{width:var(--spacing-3)}.w-3\.5{width:calc(var(--spacing) * 3.5)}.w-3\/4{width:75%}.w-4{width:var(--spacing-4)}.w-5{width:var(--spacing-5)}.w-5\/6{width:83.3333%}.w-8{width:var(--spacing-8)}.w-9{width:calc(var(--spacing) * 9)}.w-10{width:var(--spacing-10)}.w-12{width:var(--spacing-12)}.w-14{width:calc(var(--spacing) * 14)}.w-16{width:var(--spacing-16)}.w-20{width:var(--spacing-20)}.w-28{width:calc(var(--spacing) * 28)}.w-40{width:var(--spacing-40)}.w-full{width:100%}.max-w-2xl{max-width:var(--container-2xl)}.max-w-\[7\.5rem\]{max-width:7.5rem}.max-w-\[100px\]{max-width:100px}.max-w-lg{max-width:var(--container-lg)}.max-w-sm{max-width:var(--container-sm)}.min-w-0{min-width:calc(var(--spacing) * 0)}.min-w-\[4\.5rem\]{min-width:4.5rem}.min-w-\[42px\]{min-width:42px}.min-w-\[84px\]{min-width:84px}.min-w-\[100px\]{min-width:100px}.flex-1{flex:1}.flex-shrink-0,.shrink-0{flex-shrink:0}.\[transform-origin\:center_center\]{transform-origin:50%}.-translate-x-1\/2{--tw-translate-x: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-0\.5{--tw-translate-x:calc(var(--spacing) * .5);translate:var(--tw-translate-x) var(--tw-translate-y)}.translate-x-\[1\.1rem\]{--tw-translate-x:1.1rem;translate:var(--tw-translate-x) var(--tw-translate-y)}.-translate-y-1\/2{--tw-translate-y: -50% ;translate:var(--tw-translate-x) var(--tw-translate-y)}.scale-110{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x) var(--tw-scale-y)}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.animate-spin{animation:var(--animate-spin)}.cursor-pointer{cursor:pointer}.resize-none{resize:none}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.gap-1{gap:var(--spacing-1)}.gap-1\.5{gap:calc(var(--spacing) * 1.5)}.gap-2{gap:var(--spacing-2)}.gap-3{gap:var(--spacing-3)}.gap-4{gap:var(--spacing-4)}:where(.space-y-1>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-1) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-1) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-2>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-2) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-2) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-3>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-3) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-3) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-4>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-4) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-4) * calc(1 - var(--tw-space-y-reverse)))}:where(.space-y-6>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(var(--spacing-6) * var(--tw-space-y-reverse));margin-block-end:calc(var(--spacing-6) * calc(1 - var(--tw-space-y-reverse)))}.gap-x-4{column-gap:var(--spacing-4)}.gap-y-2\.5{row-gap:calc(var(--spacing) * 2.5)}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:var(--radius-full)}.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-2{border-bottom-style:var(--tw-border-style);border-bottom-width:2px}.border-accent-4{border-color:var(--color-accent-4)}.border-accent-9{border-color:var(--color-accent-9)}.border-border-subtle{border-color:var(--color-border-subtle)}.border-current{border-color:currentColor}.border-transparent{border-color:#0000}.border-t-transparent{border-top-color:#0000}.bg-accent-1{background-color:var(--color-accent-1)}.bg-accent-2{background-color:var(--color-accent-2)}.bg-accent-9{background-color:var(--color-accent-9)}.bg-black\/40{background-color:#0006}@supports (color:color-mix(in lab,red,red)){.bg-black\/40{background-color:color-mix(in oklab,var(--color-black) 40%,transparent)}}.bg-blue-50{background-color:var(--color-blue-50)}.bg-blue-100{background-color:var(--color-blue-100)}.bg-blue-600{background-color:var(--color-blue-600)}.bg-gray-50{background-color:var(--color-gray-50)}.bg-gray-200{background-color:var(--color-gray-200)}.bg-red-600{background-color:var(--color-red-600)}.bg-surface-hover{background-color:var(--color-surface-hover)}.bg-surface-muted{background-color:var(--color-surface-muted)}.bg-surface-raised{background-color:var(--color-surface-raised)}.bg-text-muted\/30{background-color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.bg-text-muted\/30{background-color:color-mix(in oklab,var(--color-text-muted) 30%,transparent)}}.bg-text-primary{background-color:var(--color-text-primary)}.bg-white{background-color:var(--color-white)}.p-0\.5{padding:calc(var(--spacing) * .5)}.p-1{padding:var(--spacing-1)}.p-1\.5{padding:calc(var(--spacing) * 1.5)}.p-2{padding:var(--spacing-2)}.p-3{padding:var(--spacing-3)}.p-3\.5{padding:calc(var(--spacing) * 3.5)}.p-4{padding:var(--spacing-4)}.p-5{padding:var(--spacing-5)}.p-6{padding:var(--spacing-6)}.px-1{padding-inline:var(--spacing-1)}.px-2{padding-inline:var(--spacing-2)}.px-2\.5{padding-inline:calc(var(--spacing) * 2.5)}.px-3{padding-inline:var(--spacing-3)}.px-3\.5{padding-inline:calc(var(--spacing) * 3.5)}.px-4{padding-inline:var(--spacing-4)}.px-5{padding-inline:var(--spacing-5)}.px-6{padding-inline:var(--spacing-6)}.py-0\.5{padding-block:calc(var(--spacing) * .5)}.py-1{padding-block:var(--spacing-1)}.py-1\.5{padding-block:calc(var(--spacing) * 1.5)}.py-2{padding-block:var(--spacing-2)}.py-2\.5{padding-block:calc(var(--spacing) * 2.5)}.py-3{padding-block:var(--spacing-3)}.py-3\.5{padding-block:calc(var(--spacing) * 3.5)}.py-4{padding-block:var(--spacing-4)}.py-6{padding-block:var(--spacing-6)}.py-8{padding-block:var(--spacing-8)}.py-12{padding-block:var(--spacing-12)}.pt-3{padding-top:var(--spacing-3)}.pr-6{padding-right:var(--spacing-6)}.pr-12{padding-right:var(--spacing-12)}.pl-12{padding-left:var(--spacing-12)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.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-6xl{font-size:var(--text-6xl);line-height:var(--tw-leading,var(--text-6xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--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))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.text-\[10px\]{font-size:10px}.leading-none{--tw-leading:1;line-height:1}.leading-relaxed{--tw-leading:var(--leading-relaxed);line-height:var(--leading-relaxed)}.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}.whitespace-pre-line{white-space:pre-line}.text-accent-8{color:var(--color-accent-8)}.text-accent-9{color:var(--color-accent-9)}.text-accent-10{color:var(--color-accent-10)}.text-accent-11{color:var(--color-accent-11)}.text-blue-600{color:var(--color-blue-600)}.text-blue-800{color:var(--color-blue-800)}.text-gray-400{color:var(--color-gray-400)}.text-gray-500{color:var(--color-gray-500)}.text-gray-600{color:var(--color-gray-600)}.text-red-500{color:var(--color-red-500)}.text-red-600{color:var(--color-red-600)}.text-surface-raised{color:var(--color-surface-raised)}.text-text-muted,.text-text-muted\/15{color:var(--color-text-muted)}@supports (color:color-mix(in lab,red,red)){.text-text-muted\/15{color:color-mix(in oklab,var(--color-text-muted) 15%,transparent)}}.text-text-primary{color:var(--color-text-primary)}.text-text-secondary{color:var(--color-text-secondary)}.text-white{color:var(--color-white)}.italic{font-style:italic}.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,)}.no-underline{text-decoration-line:none}.overline{text-decoration-line:overline}.opacity-0{opacity:0}.opacity-25{opacity:.25}.opacity-50{opacity:.5}.opacity-75{opacity:.75}.opacity-100{opacity:1}.shadow{--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)}.shadow-lg{--tw-shadow:var(--shadow-lg);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-md{--tw-shadow:var(--shadow-md);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:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-xl{--tw-shadow:var(--shadow-xl);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-1{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-2{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring-accent-5{--tw-ring-color:var(--color-accent-5)}.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,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-\[width\]{transition-property:width;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.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-shadow{transition-property:box-shadow;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))}.duration-100{--tw-duration:.1s;transition-duration:.1s}.duration-200{--tw-duration:.2s;transition-duration:.2s}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.outline-none{--tw-outline-style:none;outline-style:none}.select-none{-webkit-user-select:none;user-select:none}@media(hover:hover){.group-hover\:text-\[var\(--accent-9\)\]:is(:where(.group):hover *){color:var(--accent-9)}.group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}.placeholder\:text-text-muted::placeholder{color:var(--color-text-muted)}@media(hover:hover){.hover\:border-accent-4:hover{border-color:var(--color-accent-4)}.hover\:border-service-hymn:hover{border-color:var(--color-service-hymn)}.hover\:bg-accent-2:hover{background-color:var(--color-accent-2)}.hover\:bg-accent-3:hover{background-color:var(--color-accent-3)}.hover\:bg-blue-100:hover{background-color:var(--color-blue-100)}.hover\:bg-red-50:hover{background-color:var(--color-red-50)}.hover\:bg-red-700:hover{background-color:var(--color-red-700)}.hover\:bg-surface-emphasis:hover{background-color:var(--color-surface-emphasis)}.hover\:bg-surface-hover:hover{background-color:var(--color-surface-hover)}.hover\:bg-surface-muted:hover{background-color:var(--color-surface-muted)}.hover\:text-accent-9:hover{color:var(--color-accent-9)}.hover\:text-red-500:hover{color:var(--color-red-500)}.hover\:text-text-primary:hover{color:var(--color-text-primary)}.hover\:text-text-secondary:hover{color:var(--color-text-secondary)}.hover\:underline:hover{text-decoration-line:underline}.hover\:shadow-sm:hover{--tw-shadow:var(--shadow-sm);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.focus\:not-sr-only:focus{clip-path:none;white-space:normal;width:auto;height:auto;margin:0;padding:0;position:static;overflow:visible}.focus\:border-accent-8:focus{border-color:var(--color-accent-8)}.focus\:ring-2:focus{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.focus\:ring-accent-3:focus{--tw-ring-color:var(--color-accent-3)}.focus\:ring-accent-8\/20:focus{--tw-ring-color:var(--color-accent-8)}@supports (color:color-mix(in lab,red,red)){.focus\:ring-accent-8\/20:focus{--tw-ring-color:color-mix(in oklab, var(--color-accent-8) 20%, transparent)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x) var(--tw-scale-y)}.active\:bg-surface-pressed:active{background-color:var(--color-surface-pressed)}.disabled\:opacity-50:disabled{opacity:.5}@media(min-width:640px){.sm\:mx-0{margin-inline:calc(var(--spacing) * 0)}.sm\:mb-4{margin-bottom:var(--spacing-4)}.sm\:mb-10{margin-bottom:var(--spacing-10)}.sm\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.sm\:overflow-hidden{overflow:hidden}.sm\:rounded-xl{border-radius:var(--radius-xl)}.sm\:py-12{padding-block:var(--spacing-12)}.sm\:opacity-0{opacity:0}@media(hover:hover){.sm\:group-hover\:opacity-100:is(:where(.group):hover *){opacity:1}}}@media(min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.dark\:border-accent-5:where(.dark,.dark *){border-color:var(--color-accent-5)}.dark\:border-accent-9:where(.dark,.dark *){border-color:var(--color-accent-9)}.dark\:bg-accent-8:where(.dark,.dark *){background-color:var(--color-accent-8)}.dark\:bg-accent-12\/30:where(.dark,.dark *){background-color:var(--color-accent-12)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-12\/30:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-12) 30%,transparent)}}.dark\:bg-accent-12\/50:where(.dark,.dark *){background-color:var(--color-accent-12)}@supports (color:color-mix(in lab,red,red)){.dark\:bg-accent-12\/50:where(.dark,.dark *){background-color:color-mix(in oklab,var(--color-accent-12) 50%,transparent)}}.dark\:bg-surface-raised:where(.dark,.dark *){background-color:var(--color-surface-raised)}.dark\:text-accent-4:where(.dark,.dark *){color:var(--color-accent-4)}.dark\:text-accent-5:where(.dark,.dark *){color:var(--color-accent-5)}.dark\:text-red-400:where(.dark,.dark *){color:var(--color-red-400)}.dark\:text-text-primary:where(.dark,.dark *){color:var(--color-text-primary)}.dark\:text-text-secondary:where(.dark,.dark *){color:var(--color-text-secondary)}.dark\:placeholder-text-muted:where(.dark,.dark *)::placeholder{color:var(--color-text-muted)}.dark\:ring-accent-9:where(.dark,.dark *){--tw-ring-color:var(--color-accent-9)}@media(hover:hover){.dark\:hover\:border-accent-9:where(.dark,.dark *):hover{border-color:var(--color-accent-9)}.dark\:hover\:bg-accent-12\/50:where(.dark,.dark *):hover{background-color:var(--color-accent-12)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent-12\/50:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-accent-12) 50%,transparent)}}.dark\:hover\:bg-accent-12\/70:where(.dark,.dark *):hover{background-color:var(--color-accent-12)}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-accent-12\/70:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-accent-12) 70%,transparent)}}.dark\:hover\:bg-red-900\/20:where(.dark,.dark *):hover{background-color:#82181a33}@supports (color:color-mix(in lab,red,red)){.dark\:hover\:bg-red-900\/20:where(.dark,.dark *):hover{background-color:color-mix(in oklab,var(--color-red-900) 20%,transparent)}}.dark\:hover\:text-accent-5:where(.dark,.dark *):hover{color:var(--color-accent-5)}}.dark\:focus\:ring-accent-11:where(.dark,.dark *):focus{--tw-ring-color:var(--color-accent-11)}}:root{--fd-space-1:.25rem;--fd-space-2:.5rem;--fd-space-3:.75rem;--fd-space-4:1rem;--fd-space-5:1.25rem;--fd-space-6:1.5rem;--fd-space-8:2rem;--fd-space-10:2.5rem;--fd-space-12:3rem;--fd-space-16:4rem;--fd-space-20:5rem;--fd-space-24:6rem;--fd-space-32:8rem;--fd-space-40:10rem;--fd-space-48:12rem;--section-gap-sm:clamp(3rem, 6vh, 5rem);--section-gap-md:clamp(5rem, 10vh, 8rem);--section-gap-lg:clamp(8rem, 16vh, 14rem);--fd-radius-sm:6px;--fd-radius-md:8px;--fd-radius-lg:12px;--fd-radius-xl:18px;--fd-radius-2xl:24px;--fd-radius-full:9999px;--shadow-sm:0 1px 2px oklch(45% .003 60/.04), 0 1px 3px oklch(45% .003 60/.06);--shadow-md:0 2px 4px oklch(40% .003 60/.04), 0 4px 12px oklch(40% .003 60/.08);--shadow-lg:0 4px 6px oklch(35% .003 60/.04), 0 8px 24px oklch(35% .003 60/.1);--shadow-xl:0 6px 10px oklch(30% .003 60/.05), 0 16px 40px oklch(30% .003 60/.13);--shadow-elevation-low:0 1px 1px oklch(40% 0 0/.06), 0 2px 2px oklch(40% 0 0/.06), 0 4px 4px oklch(40% 0 0/.06);--shadow-elevation-mid:0 1px 1px oklch(40% 0 0/.05), 0 2px 2px oklch(40% 0 0/.05), 0 4px 4px oklch(40% 0 0/.05), 0 8px 8px oklch(40% 0 0/.05), 0 16px 16px oklch(40% 0 0/.05);--shadow-elevation-high:0 1px 1px oklch(40% 0 0/.04), 0 2px 2px oklch(40% 0 0/.04), 0 4px 4px oklch(40% 0 0/.04), 0 8px 8px oklch(40% 0 0/.04), 0 16px 16px oklch(40% 0 0/.04), 0 32px 32px oklch(40% 0 0/.04);--z-base:0;--z-raised:1;--z-dropdown:10;--z-sticky:20;--z-overlay:30;--z-modal:40;--z-toast:50;--z-safe-area:60;--safe-area-top:env(safe-area-inset-top,0px);--safe-area-bottom:env(safe-area-inset-bottom,0px);--hn-icon-xs:14px;--hn-icon-sm:16px;--hn-icon-md:20px;--hn-icon-lg:24px;--hn-icon-xl:32px;--hn-icon-2xl:48px}.dark{--shadow-sm:0 1px 3px oklch(10% .005 60/.2), 0 1px 2px oklch(10% .005 60/.15);--shadow-md:0 4px 12px oklch(8% .005 60/.3), 0 2px 4px oklch(8% .005 60/.2);--shadow-lg:0 8px 24px oklch(5% .005 60/.4), 0 4px 8px oklch(5% .005 60/.25);--shadow-xl:0 16px 40px oklch(3% .005 60/.5), 0 6px 12px oklch(3% .005 60/.3)}:root{--neutral-1:oklch(99% .005 65);--neutral-2:oklch(97% .007 65);--neutral-3:oklch(94% .01 65);--neutral-4:oklch(91% .012 65);--neutral-5:oklch(88% .014 65);--neutral-6:oklch(85% .01 65);--neutral-7:oklch(80% .008 65);--neutral-8:oklch(72% .008 65);--neutral-9:oklch(55% .012 65);--neutral-10:oklch(50% .014 65);--neutral-11:oklch(43% .008 65);--neutral-12:oklch(20% .008 65)}.dark{--neutral-1:oklch(9% .005 65);--neutral-2:oklch(12% .007 65);--neutral-3:oklch(16% .01 65);--neutral-4:oklch(19% .012 65);--neutral-5:oklch(22% .014 65);--neutral-6:oklch(26% .01 65);--neutral-7:oklch(30% .008 65);--neutral-8:oklch(38% .008 65);--neutral-9:oklch(55% .012 65);--neutral-10:oklch(60% .014 65);--neutral-11:oklch(70% .006 65);--neutral-12:oklch(93% .005 65)}:root{--danger-1:oklch(98% .01 25);--danger-2:oklch(96% .018 25);--danger-3:oklch(92% .035 25);--danger-4:oklch(89% .045 25);--danger-5:oklch(86% .055 25);--danger-6:oklch(78% .065 25);--danger-7:oklch(72% .07 25);--danger-8:oklch(64% .08 25);--danger-9:oklch(56% .085 25);--danger-10:oklch(52% .09 25);--danger-11:oklch(40% .07 25);--danger-12:oklch(30% .06 25)}.dark{--danger-1:oklch(12% .01 25);--danger-2:oklch(15% .015 25);--danger-3:oklch(20% .025 25);--danger-4:oklch(25% .035 25);--danger-5:oklch(30% .045 25);--danger-6:oklch(38% .055 25);--danger-7:oklch(45% .065 25);--danger-8:oklch(52% .075 25);--danger-9:oklch(60% .085 25);--danger-10:oklch(65% .09 25);--danger-11:oklch(75% .06 25);--danger-12:oklch(90% .03 25)}:root{--success-1:oklch(98% .01 152);--success-2:oklch(96% .018 152);--success-3:oklch(92% .035 152);--success-4:oklch(89% .045 152);--success-5:oklch(86% .055 152);--success-6:oklch(78% .065 152);--success-7:oklch(72% .07 152);--success-8:oklch(64% .08 152);--success-9:oklch(56% .085 152);--success-10:oklch(52% .09 152);--success-11:oklch(40% .07 152);--success-12:oklch(30% .06 152)}.dark{--success-1:oklch(12% .01 152);--success-2:oklch(15% .015 152);--success-3:oklch(20% .025 152);--success-4:oklch(25% .035 152);--success-5:oklch(30% .045 152);--success-6:oklch(38% .055 152);--success-7:oklch(45% .065 152);--success-8:oklch(52% .075 152);--success-9:oklch(60% .085 152);--success-10:oklch(65% .09 152);--success-11:oklch(75% .06 152);--success-12:oklch(90% .03 152)}:root{--warning-1:oklch(98% .01 82);--warning-2:oklch(96% .018 82);--warning-3:oklch(92% .035 82);--warning-4:oklch(89% .045 82);--warning-5:oklch(86% .055 82);--warning-6:oklch(78% .065 82);--warning-7:oklch(72% .07 82);--warning-8:oklch(64% .08 82);--warning-9:oklch(56% .085 82);--warning-10:oklch(52% .09 82);--warning-11:oklch(40% .07 82);--warning-12:oklch(30% .06 82)}.dark{--warning-1:oklch(12% .01 82);--warning-2:oklch(15% .015 82);--warning-3:oklch(20% .025 82);--warning-4:oklch(25% .035 82);--warning-5:oklch(30% .045 82);--warning-6:oklch(38% .055 82);--warning-7:oklch(45% .065 82);--warning-8:oklch(52% .075 82);--warning-9:oklch(60% .085 82);--warning-10:oklch(65% .09 82);--warning-11:oklch(75% .06 82);--warning-12:oklch(90% .03 82)}:root{--info-1:oklch(98% .01 252);--info-2:oklch(96% .018 252);--info-3:oklch(92% .035 252);--info-4:oklch(89% .045 252);--info-5:oklch(86% .055 252);--info-6:oklch(78% .065 252);--info-7:oklch(72% .07 252);--info-8:oklch(64% .08 252);--info-9:oklch(56% .085 252);--info-10:oklch(52% .09 252);--info-11:oklch(40% .07 252);--info-12:oklch(30% .06 252)}.dark{--info-1:oklch(12% .01 252);--info-2:oklch(15% .015 252);--info-3:oklch(20% .025 252);--info-4:oklch(25% .035 252);--info-5:oklch(30% .045 252);--info-6:oklch(38% .055 252);--info-7:oklch(45% .065 252);--info-8:oklch(52% .075 252);--info-9:oklch(60% .085 252);--info-10:oklch(65% .09 252);--info-11:oklch(75% .06 252);--info-12:oklch(90% .03 252)}:root,[data-hn-service=landing]{--accent-h:32}[data-hn-service=auth]{--accent-h:155}[data-hn-service=hymn]{--accent-h:58}[data-hn-service=pdf]{--accent-h:15}[data-hn-service=pwgen]{--accent-h:45}[data-hn-service=jf]{--accent-h:110}[data-hn-service=jv]{--accent-h:145}[data-hn-service=td]{--accent-h:320}[data-hn-service=bmicalc]{--accent-h:215}[data-hn-service=qrgen]{--accent-h:130}[data-hn-service=agecalc]{--accent-h:175}[data-hn-service=imgconv]{--accent-h:200}[data-hn-service=wc]{--accent-h:230}[data-hn-service=cc]{--accent-h:252}[data-hn-service=vatcalc]{--accent-h:270}[data-hn-service=b64conv]{--accent-h:290}[data-hn-service=datecalc]{--accent-h:340}[data-hn-service=tzconv]{--accent-h:85}:root{--accent-1:oklch(.98 .01 var(--accent-h));--accent-2:oklch(.96 .018 var(--accent-h));--accent-3:oklch(.92 .035 var(--accent-h));--accent-4:oklch(.89 .045 var(--accent-h));--accent-5:oklch(.86 .055 var(--accent-h));--accent-6:oklch(.78 .065 var(--accent-h));--accent-7:oklch(.72 .07 var(--accent-h));--accent-8:oklch(.64 .08 var(--accent-h));--accent-9:oklch(.56 .085 var(--accent-h));--accent-10:oklch(.52 .09 var(--accent-h));--accent-11:oklch(.4 .07 var(--accent-h));--accent-12:oklch(.3 .06 var(--accent-h));--accent-9-l:.56;--accent-9-c:.085;--accent-9-h:var(--accent-h)}.dark{--accent-1:oklch(.12 .01 var(--accent-h));--accent-2:oklch(.15 .015 var(--accent-h));--accent-3:oklch(.2 .025 var(--accent-h));--accent-4:oklch(.25 .035 var(--accent-h));--accent-5:oklch(.3 .045 var(--accent-h));--accent-6:oklch(.38 .055 var(--accent-h));--accent-7:oklch(.45 .065 var(--accent-h));--accent-8:oklch(.52 .075 var(--accent-h));--accent-9:oklch(.6 .085 var(--accent-h));--accent-10:oklch(.65 .09 var(--accent-h));--accent-11:oklch(.75 .06 var(--accent-h));--accent-12:oklch(.9 .03 var(--accent-h));--accent-9-l:.6}:root{color-scheme:light;--accent-landing:oklch(62% .055 32);--accent-landing-soft:oklch(94% .02 32);--accent-auth:oklch(56% .082 155);--accent-auth-soft:oklch(95% .018 155);--accent-hymn:oklch(56% .075 58);--accent-hymn-soft:oklch(95% .018 58);--accent-pwgen:oklch(56% .085 252);--accent-pwgen-soft:oklch(95% .02 252);--accent-wc:oklch(56% .085 175);--accent-wc-soft:oklch(95% .02 175);--accent-cc:oklch(56% .085 320);--accent-cc-soft:oklch(95% .02 320);--accent-pdf:oklch(56% .085 15);--accent-pdf-soft:oklch(95% .02 15);--accent-imgconv:oklch(56% .085 200);--accent-imgconv-soft:oklch(95% .02 200);--accent-jf:oklch(56% .085 45);--accent-jf-soft:oklch(95% .02 45);--accent-jv:oklch(56% .085 270);--accent-jv-soft:oklch(95% .02 270);--accent-qrgen:oklch(56% .085 145);--accent-qrgen-soft:oklch(95% .02 145);--accent-agecalc:oklch(56% .085 200);--accent-agecalc-soft:oklch(95% .02 200);--accent-tzconv:oklch(56% .085 110);--accent-tzconv-soft:oklch(95% .02 110);--accent-datecalc:oklch(56% .085 65);--accent-datecalc-soft:oklch(95% .02 65);--accent-b64conv:oklch(56% .085 290);--accent-b64conv-soft:oklch(95% .02 290);--accent-td:oklch(56% .085 230);--accent-td-soft:oklch(95% .02 230);--accent-vatcalc:oklch(56% .085 340);--accent-vatcalc-soft:oklch(95% .02 340);--accent-bmicalc:oklch(56% .085 168);--accent-bmicalc-soft:oklch(95% .02 168);--hn-accent:var(--accent-9);--hn-accent-soft:var(--accent-2);--hn-accent-strong:var(--accent-10);--surface-overlay:oklch(99% .001 70);--surface-inset:var(--surface-muted);--surface-base:var(--neutral-1);--surface-raised:#fff;--surface-muted:var(--neutral-3);--surface-emphasis:var(--neutral-4);--surface-inverse:var(--neutral-12);--surface-content:var(--neutral-1);--surface-hover:var(--neutral-3);--surface-pressed:var(--neutral-4);--surface-disabled:var(--neutral-2);--text-primary:var(--neutral-12);--text-secondary:var(--neutral-11);--text-muted:var(--neutral-9);--text-inverse:oklch(95% .005 70);--text-disabled:var(--neutral-8);--text-lyrics:oklch(22% .015 60);--border-subtle:var(--neutral-6);--border-strong:var(--neutral-7);--border-focus:var(--accent-8);--interactive:var(--accent-9);--interactive-hover:var(--accent-10);--state-info:var(--info-9);--state-success:var(--success-9);--state-warning:var(--warning-9);--state-danger:var(--danger-9);--feedback-info-bg:var(--info-3);--feedback-info-text:var(--info-11);--feedback-info-border:var(--info-7);--feedback-success-bg:var(--success-3);--feedback-success-text:var(--success-11);--feedback-success-border:var(--success-7);--feedback-warning-bg:var(--warning-3);--feedback-warning-text:var(--warning-11);--feedback-warning-border:var(--warning-7);--feedback-danger-bg:var(--danger-3);--feedback-danger-text:var(--danger-11);--feedback-danger-border:var(--danger-7);--glass-bg:oklch(100% 0 0/.72);--glass-blur:20px;--glass-border:oklch(100% 0 0/.25);--skeleton-base:oklch(94% .008 65);--skeleton-shine:oklch(98% .004 65);--focus-ring-color:var(--accent-8);--focus-ring-width:2px;--focus-ring-offset:2px;--hn-hover-overlay:oklch(0% 0 0/.04);--hn-pressed-overlay:oklch(0% 0 0/.08);--hn-focus-overlay:oklch(0% 0 0/.06);--overlay-bg:oklch(15% .01 60/.5);--app-shell-bg:oklch(98.5% .002 70);--app-shell-elevated-bg:oklch(99% .001 70);--app-shell-glass-bg:oklch(100% 0 0/.84);--app-shell-glass-blur:18px;--app-shell-border:var(--border-subtle);--app-shell-divider:oklch(88% .008 64);--surface-canvas:oklch(98.5% .002 70);--nav-active-bg:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){:root{--nav-active-bg:color-mix(in oklch, var(--accent-9) 16%, transparent)}}:root{--nav-active-text:var(--accent-11);--nav-inactive-text:var(--text-muted);--nav-track-bg:oklch(96% .008 66/.88);--tab-active-bg:var(--accent-9);--tab-active-border:var(--accent-10);--tab-active-text:white;--tab-active-hover-bg:var(--accent-10);--theme-color-light:#fafaf8;--theme-color-dark:#181818;--theme-transition-duration:.3s;--space-1:var(--fd-space-1);--space-2:var(--fd-space-2);--space-3:var(--fd-space-3);--space-4:var(--fd-space-4);--space-5:var(--fd-space-5);--space-6:var(--fd-space-6);--space-8:var(--fd-space-8);--space-10:var(--fd-space-10);--space-12:var(--fd-space-12);--space-16:var(--fd-space-16);--space-20:var(--fd-space-20);--space-24:var(--fd-space-24);--space-32:var(--fd-space-32);--space-40:var(--fd-space-40);--space-48:var(--fd-space-48);--radius-sm:var(--fd-radius-sm);--radius-md:var(--fd-radius-md);--radius-lg:var(--fd-radius-lg);--radius-xl:var(--fd-radius-xl);--radius-2xl:var(--fd-radius-2xl);--radius-full:var(--fd-radius-full);--hanoon-duration-instant:var(--fd-duration-instant);--hanoon-duration-fast:var(--fd-duration-fast);--hanoon-duration-normal:var(--fd-duration-surface);--hanoon-duration-slow:var(--fd-duration-slow);--hanoon-duration-route:var(--fd-duration-route);--hanoon-duration-entrance:var(--fd-duration-emphasis);--hanoon-duration-loading:var(--fd-duration-loading);--hanoon-easing-standard:var(--fd-easing-standard);--hanoon-easing-entrance:var(--fd-easing-entrance);--hanoon-easing-exit:var(--fd-easing-exit);--hanoon-easing-spring:var(--fd-easing-emphasis);--motion-surface-duration:var(--fd-duration-surface);--motion-route-duration:var(--fd-duration-route);--motion-emphasis-duration:var(--fd-duration-emphasis);--text-display-size:clamp(1.75rem, 1.25rem + 2.5vw, 3.25rem);--text-display-leading:1.15;--text-display-weight:700;--text-display-tracking:-.02em;--text-heading-size:clamp(1.25rem, 1rem + 1.25vw, 1.75rem);--text-heading-leading:1.3;--text-heading-weight:600;--text-heading-tracking:-.005em;--text-title-size:clamp(1.0625rem, 1rem + .3vw, 1.25rem);--text-title-leading:1.4;--text-title-weight:600;--text-title-tracking:0;--text-body-size:1rem;--text-body-leading:1.6;--text-body-weight:400;--text-body-tracking:0;--text-caption-size:.875rem;--text-caption-leading:1.5;--text-caption-weight:400;--text-caption-tracking:.01em;--text-overline-size:.75rem;--text-overline-leading:1.4;--text-overline-weight:500;--text-overline-tracking:.05em;--text-subheading-size:.9375rem;--text-subheading-leading:1.5;--text-subheading-weight:500;--text-subheading-tracking:0;--text-small-size:.8125rem;--text-small-leading:1.4;--text-small-weight:400;--text-small-tracking:.005em;--text-body-leading-kr:1.8;--text-lyrics-leading:2;--gradient-hero:radial-gradient(ellipse 80% 50% at 20% 30%, oklch(.92 .06 var(--accent-h)) 0%, transparent 70%), radial-gradient(ellipse 60% 80% at 75% 60%, oklch(.88 .04 calc(var(--accent-h) + 45)) 0%, transparent 70%), radial-gradient(ellipse 70% 50% at 50% 85%, oklch(.94 .03 calc(var(--accent-h) - 25)) 0%, transparent 70%);--gradient-section:linear-gradient(180deg, var(--surface-base) 0%, var(--surface-muted) 100%);--gradient-glow:radial-gradient(600px circle, var(--accent-9) 0%, transparent 70%)}@supports (color:color-mix(in lab,red,red)){:root{--gradient-glow:radial-gradient(600px circle, color-mix(in oklch, var(--accent-9) 15%, transparent) 0%, transparent 70%)}}:root{--gradient-text:linear-gradient(135deg, oklch(.65 .1 var(--accent-h)) 0%, oklch(.55 .12 calc(var(--accent-h) + 30)) 50%, oklch(.6 .08 calc(var(--accent-h) + 60)) 100%)}.dark{color-scheme:dark;--hn-hover-overlay:oklch(100% 0 0/.06);--hn-pressed-overlay:oklch(100% 0 0/.1);--hn-focus-overlay:oklch(100% 0 0/.08);--accent-landing:oklch(72% .055 32);--accent-landing-soft:oklch(25% .02 32);--accent-auth:oklch(72% .082 155);--accent-auth-soft:oklch(25% .018 155);--accent-hymn:oklch(72% .075 58);--accent-hymn-soft:oklch(25% .018 58);--accent-pwgen:oklch(72% .085 252);--accent-pwgen-soft:oklch(25% .02 252);--accent-wc:oklch(72% .085 175);--accent-wc-soft:oklch(25% .02 175);--accent-cc:oklch(72% .085 320);--accent-cc-soft:oklch(25% .02 320);--accent-pdf:oklch(72% .085 15);--accent-pdf-soft:oklch(25% .02 15);--accent-imgconv:oklch(72% .085 200);--accent-imgconv-soft:oklch(25% .02 200);--accent-jf:oklch(72% .085 45);--accent-jf-soft:oklch(25% .02 45);--accent-jv:oklch(72% .085 270);--accent-jv-soft:oklch(25% .02 270);--accent-qrgen:oklch(72% .085 145);--accent-qrgen-soft:oklch(25% .02 145);--accent-agecalc:oklch(72% .085 200);--accent-agecalc-soft:oklch(25% .02 200);--accent-tzconv:oklch(72% .085 110);--accent-tzconv-soft:oklch(25% .02 110);--accent-datecalc:oklch(72% .085 65);--accent-datecalc-soft:oklch(25% .02 65);--accent-b64conv:oklch(72% .085 290);--accent-b64conv-soft:oklch(25% .02 290);--accent-td:oklch(72% .085 230);--accent-td-soft:oklch(25% .02 230);--accent-vatcalc:oklch(72% .085 340);--accent-vatcalc-soft:oklch(25% .02 340);--accent-bmicalc:oklch(72% .085 168);--accent-bmicalc-soft:oklch(25% .02 168);--surface-overlay:oklch(22% .014 60);--hn-accent-strong:var(--accent-10);--surface-base:var(--neutral-1);--surface-raised:var(--neutral-2);--surface-muted:var(--neutral-3);--surface-emphasis:var(--neutral-4);--surface-inverse:var(--neutral-12);--surface-content:var(--neutral-3);--surface-hover:var(--neutral-6);--surface-pressed:var(--neutral-5);--surface-disabled:var(--neutral-4);--text-disabled:var(--neutral-8);--overlay-bg:oklch(5% .005 60/.7);--app-shell-bg:oklch(9.5% .004 60);--app-shell-elevated-bg:oklch(14% .005 60);--app-shell-glass-bg:oklch(10% .004 60/.82);--app-shell-border:oklch(24% .006 60);--app-shell-divider:oklch(26% .006 60);--surface-canvas:oklch(9.5% .004 60);--border-subtle:var(--neutral-6);--border-strong:var(--neutral-7);--border-focus:var(--accent-8);--text-primary:var(--neutral-12);--text-secondary:var(--neutral-11);--text-muted:var(--neutral-9);--text-inverse:oklch(20% .01 60);--text-lyrics:oklch(96% .004 70);--glass-bg:oklch(13% .01 60/.76);--glass-blur:22px;--glass-border:oklch(100% 0 0/.08);--skeleton-base:oklch(22% .008 60);--skeleton-shine:oklch(28% .005 60);--focus-ring-color:var(--accent-8);--nav-active-bg:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.dark{--nav-active-bg:color-mix(in oklch, var(--accent-9) 24%, transparent)}}.dark{--nav-active-text:var(--accent-11);--nav-inactive-text:oklch(72% .012 64);--nav-track-bg:oklch(20% .01 60/.88);--tab-active-bg:var(--accent-9);--tab-active-border:var(--accent-10);--tab-active-text:white;--tab-active-hover-bg:var(--accent-10);--state-info:var(--info-9);--state-success:var(--success-9);--state-warning:var(--warning-9);--state-danger:var(--danger-9);--feedback-info-bg:var(--info-3);--feedback-info-text:var(--info-11);--feedback-info-border:var(--info-7);--feedback-success-bg:var(--success-3);--feedback-success-text:var(--success-11);--feedback-success-border:var(--success-7);--feedback-warning-bg:var(--warning-3);--feedback-warning-text:var(--warning-11);--feedback-warning-border:var(--warning-7);--feedback-danger-bg:var(--danger-3);--feedback-danger-text:var(--danger-11);--feedback-danger-border:var(--danger-7)}:root{--font-sans:"Geist", "Noto Sans", sans-serif;--font-serif:"Source Serif 4", "Noto Serif", serif;--font-mono:"Geist Mono", ui-monospace, monospace}:lang(ko){--font-sans:"Geist", "Noto Sans KR", sans-serif;--font-serif:"Noto Serif KR", serif}:lang(ja){--font-sans:"Geist", "Noto Sans JP", sans-serif;--font-serif:"Noto Serif JP", serif}:lang(zh){--font-sans:"Geist", "Noto Sans SC", sans-serif;--font-serif:"Noto Serif SC", serif}:lang(zh-TW){--font-sans:"Geist", "Noto Sans TC", sans-serif;--font-serif:"Noto Serif TC", serif}:lang(ar){--font-sans:"Noto Sans Arabic", sans-serif;--font-serif:"Amiri", "Noto Naskh Arabic", serif}:lang(fa){--font-sans:"Vazirmatn", "Noto Sans Arabic", sans-serif;--font-serif:"Noto Naskh Arabic", serif}:lang(ur){--font-sans:"Noto Nastaliq Urdu", "Noto Sans Arabic", sans-serif;--font-serif:"Noto Nastaliq Urdu", serif}:lang(hi){--font-sans:"Noto Sans Devanagari", "Noto Sans", sans-serif;--font-serif:"Noto Serif Devanagari", serif}:lang(bn){--font-sans:"Noto Sans Bengali", "Noto Sans", sans-serif;--font-serif:"Noto Serif Bengali", serif}:lang(th){--font-sans:"Noto Sans Thai", "Noto Sans", sans-serif;--font-serif:"Noto Serif Thai", serif}:lang(vi){--font-sans:"Geist", "Be Vietnam Pro", "Noto Sans", sans-serif}:root{--heading-display:clamp(2.5rem, 3.64vw + 1.59rem, 4.5rem);--heading-1:clamp(2rem, 2.73vw + 1.32rem, 3.5rem);--heading-2:clamp(1.75rem, 1.36vw + 1.41rem, 2.5rem);--heading-3:clamp(1.5rem, .91vw + 1.27rem, 2rem);--heading-4:clamp(1.25rem, .45vw + 1.14rem, 1.5rem);--heading-5:clamp(1rem, .45vw + .89rem, 1.25rem);--heading-6:clamp(.875rem, .23vw + .82rem, 1rem);--copy-large:1.25rem;--copy-default:1rem;--copy-small:.875rem;--copy-caption:.8125rem;--lh-body:1.5;--lh-heading:1.2;--lh-display:1.1;--lh-heading-1:1.15;--lh-heading-2:1.2;--lh-heading-3:1.2;--lh-heading-4:1.3;--lh-heading-5:1.3;--lh-heading-6:1.4}:lang(vi){--lh-body:1.6;--lh-heading:1.3}:lang(ko),:lang(ja),:lang(zh),:lang(zh-TW){--lh-body:1.7;--lh-heading:1.3}:lang(ar),:lang(fa),:lang(ur),:lang(hi),:lang(bn),:lang(th){--lh-body:1.8;--lh-heading:1.4}:root{--hn-content-narrow:42rem;--hn-content-default:75rem;--hn-content-wide:90rem;--hn-content-full:100%;--hn-content-medium:var(--hn-content-default);--hn-content-xlarge:var(--hn-content-wide);--grid-gutter-sm:1rem;--grid-gutter-md:1.5rem;--grid-gutter-lg:2rem;--grid-columns:12;--nav-height:3.5rem;--nav-height-compact:2.875rem;--nav-item-height:2.375rem;--nav-item-radius:9999px;--nav-gap:.375rem;--drawer-width-mobile:min(88vw, 22rem);--drawer-width-desktop:22rem;--drawer-edge-swipe-zone:28px;--command-sheet-max-width:min(100vw, 44rem);--command-sheet-radius:22px;--command-sheet-padding:1rem;--command-sheet-backdrop:oklch(12% .01 252/.44);--command-sheet-shadow:0 24px 54px oklch(20% .01 252/.26);--floating-trigger-size:3.25rem;--floating-trigger-offset-x:1rem;--floating-trigger-offset-y:1rem;--floating-trigger-bg:var(--surface-raised)}@supports (color:color-mix(in lab,red,red)){:root{--floating-trigger-bg:color-mix(in oklab, var(--surface-raised) 86%, transparent)}}:root{--floating-trigger-border:var(--border-subtle);--floating-trigger-color:var(--text-primary);--footer-modal-radius:var(--fd-radius-xl);--footer-modal-bg:var(--surface-raised);--footer-modal-max-width:40rem;--footer-modal-backdrop:oklch(0% 0 0/.5);--fab-size:56px;--fab-offset-x:1.25rem;--fab-offset-y:1.25rem;--fab-bg:oklch(30% .02 60);--fab-color:oklch(95% .005 70);--fab-shadow:0 6px 20px oklch(25% .018 60/.18), 0 2px 6px oklch(25% .018 60/.1);--fab-elevated-offset:4.5rem;--sheet-bg:var(--surface-raised);--sheet-border:var(--border-subtle);--sheet-radius:20px;--sheet-shadow:0 -8px 32px oklch(25% .015 60/.12), 0 -2px 8px oklch(25% .015 60/.06);--sheet-handle-bg:oklch(80% .008 65);--sheet-handle-width:36px;--sheet-handle-height:4px;--sheet-max-height:70vh;--sheet-backdrop:oklch(12% .01 252/.44);--hn-elevation-0:none;--hn-elevation-1:var(--shadow-sm);--hn-elevation-2:var(--shadow-md);--hn-elevation-3:var(--shadow-lg);--hn-elevation-4:var(--shadow-xl)}.dark{--fab-bg:oklch(93% .006 70);--fab-color:oklch(20% .01 60);--fab-shadow:0 6px 20px oklch(5% .005 60/.4), 0 2px 6px oklch(5% .005 60/.25);--sheet-shadow:0 -8px 32px oklch(5% .005 60/.35), 0 -2px 8px oklch(5% .005 60/.2);--sheet-handle-bg:oklch(40% .008 60);--sheet-backdrop:oklch(5% .005 60/.65);--command-sheet-backdrop:oklch(5% .005 60/.7);--command-sheet-shadow:0 24px 54px oklch(3% .004 60/.5);--floating-trigger-bg:var(--surface-raised)}@supports (color:color-mix(in lab,red,red)){.dark{--floating-trigger-bg:color-mix(in oklab, var(--surface-raised) 76%, transparent)}}.dark{--floating-trigger-border:var(--border-strong);--floating-trigger-color:var(--text-primary);--footer-modal-bg:var(--surface-raised);--footer-modal-backdrop:oklch(0% 0 0/.7)}:root{--fd-duration-instant:80ms;--fd-duration-fast:.12s;--fd-duration-surface:.2s;--fd-duration-route:.3s;--fd-duration-emphasis:.5s;--fd-duration-slow:.4s;--fd-duration-loading:1.2s;--fd-easing-standard:cubic-bezier(.2, 0, 0, 1);--fd-easing-entrance:cubic-bezier(0, 0, .2, 1);--fd-easing-exit:cubic-bezier(.4, 0, 1, 1);--fd-easing-emphasis:cubic-bezier(.34, 1.56, .64, 1);--hanoon-stagger-step:40ms;--motion-route-easing:var(--fd-easing-standard);--motion-surface-easing:var(--fd-easing-standard);--motion-emphasis-easing:var(--fd-easing-emphasis);--motion-press-scale:.97;--motion-route-progress-color:var(--accent-9)}html,body{background-color:var(--surface-canvas);min-height:100%;margin:0}body{-webkit-overflow-scrolling:touch}.hymn-main{width:var(--hn-content-default);max-width:100%;min-height:calc(100svh - 8rem);padding:clamp(1.15rem,2.8vw,2rem) clamp(.9rem,3vw,1.25rem) var(--fd-space-8);margin-inline:auto}.hymn-footer{margin-top:var(--section-gap-sm)}@media(min-width:1024px){.hymn-main{padding-inline:1.15rem}}@media(max-width:640px){.hymn-main{padding-top:1rem;padding-bottom:var(--fd-space-5)}}.hymn-search-sheet{z-index:60;pointer-events:none;display:none;position:fixed;inset:0}.hymn-search-sheet.is-open{pointer-events:auto;display:block}.hymn-search-sheet-backdrop{background:var(--overlay-bg);opacity:0;transition:opacity var(--hanoon-duration-fast) var(--hanoon-easing-entrance);position:absolute;inset:0}.hymn-search-sheet.is-open .hymn-search-sheet-backdrop{opacity:1}.hymn-search-sheet-content{max-width:560px;padding:var(--fd-space-16) var(--fd-space-4) var(--fd-space-8);margin:0 auto;position:relative}.hymn-detail-header{border-bottom:1px solid var(--border-subtle);padding:clamp(1rem,2.8vw,1.4rem) 0 clamp(.9rem,2.5vw,1.15rem);position:relative}@supports (color:color-mix(in lab,red,red)){.hymn-detail-header{border-bottom:1px solid color-mix(in oklab,var(--border-subtle) 82%,transparent)}}.hymn-detail-header{view-transition-name:hymn-header}.hymn-detail-kicker{color:var(--accent-9);margin:0 0 .45rem}@supports (color:color-mix(in lab,red,red)){.hymn-detail-kicker{color:color-mix(in oklab,var(--accent-9) 82%,var(--text-primary))}}.hymn-detail-kicker{font-size:var(--text-overline-size);letter-spacing:var(--text-overline-tracking);text-transform:uppercase;font-weight:700}.hymn-detail-title{letter-spacing:.005em;text-wrap:balance;margin:0;font-size:clamp(1.65rem,1.25rem + 2vw,2.45rem);font-weight:750;line-height:1.25}.hymn-detail-cross-link{color:var(--accent-9);margin-top:.65rem;display:inline-flex}@supports (color:color-mix(in lab,red,red)){.hymn-detail-cross-link{color:color-mix(in oklab,var(--accent-9) 76%,var(--text-secondary))}}.hymn-detail-cross-link{border-bottom:1px solid var(--accent-9);font-size:.86rem;font-weight:600;text-decoration:none}@supports (color:color-mix(in lab,red,red)){.hymn-detail-cross-link{border-bottom:1px solid color-mix(in oklab,var(--accent-9) 32%,transparent)}}.hymn-detail-cross-link:hover{color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-detail-cross-link:hover{color:color-mix(in oklab,var(--accent-9) 88%,var(--text-primary))}}.hymn-detail-tags{gap:var(--fd-space-1);flex-wrap:wrap;margin-top:.9rem;display:flex}.hymn-detail-node{margin:0}.hymn-detail-stream{flex-direction:column;gap:1.05rem;display:flex}.dark .hymn-detail-stream{text-shadow:0 0 1px var(--neutral-12)}@supports (color:color-mix(in lab,red,red)){.dark .hymn-detail-stream{text-shadow:0 0 1px color-mix(in oklch,var(--neutral-12) 15%,transparent)}}.hymn-detail-divider{border:none;border-top:1px solid var(--border-subtle);margin:var(--fd-space-5) 0}.hymn-action-row{flex-wrap:wrap;gap:.52rem;display:flex}.hymn-action-chip{border:1px solid var(--border-subtle);background:var(--surface-raised);min-height:44px;color:var(--text-secondary);transition:border-color var(--hanoon-duration-fast),background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast),transform var(--hanoon-duration-fast);border-radius:9999px;align-items:center;gap:.38rem;padding:0 .88rem;font-size:.83rem;font-weight:600;display:inline-flex}.hymn-action-chip:hover{border-color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip:hover{border-color:color-mix(in oklab,var(--accent-9) 34%,var(--border-strong))}}.hymn-action-chip:hover{background:var(--accent-2)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip:hover{background:color-mix(in oklab,var(--accent-2) 46%,var(--surface-raised))}}.hymn-action-chip:hover{color:var(--text-primary)}.hymn-action-chip:active{transform:scale(.97)}.hymn-action-chip.is-active{border-color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip.is-active{border-color:color-mix(in oklab,var(--accent-9) 42%,var(--border-strong))}}.hymn-action-chip.is-active{background:var(--accent-2)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip.is-active{background:color-mix(in oklab,var(--accent-2) 80%,var(--surface-raised))}}.hymn-action-chip.is-active{color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip.is-active{color:color-mix(in oklab,var(--accent-9) 78%,var(--text-primary))}}.hymn-action-chip.is-disabled,.hymn-action-chip:disabled{opacity:.58;cursor:not-allowed;transform:none}.hymn-related-tag{border-radius:var(--radius-md);color:var(--accent-9);padding:.18rem .5rem;font-size:.72rem}@supports (color:color-mix(in lab,red,red)){.hymn-related-tag{color:color-mix(in oklab,var(--accent-9) 76%,var(--text-secondary))}}.hymn-related-tag{background:var(--accent-2)}@supports (color:color-mix(in lab,red,red)){.hymn-related-tag{background:color-mix(in oklab,var(--accent-2) 78%,var(--surface-raised))}}.hymn-related-tag{border:1px solid var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-related-tag{border:1px solid color-mix(in oklab,var(--accent-9) 28%,transparent)}}.hymn-about-body{max-width:640px;color:var(--text-secondary);font-size:var(--text-caption-size);margin-inline:auto;line-height:1.75}.hymn-about-body p+p{margin-top:.75rem}.hymn-about-body a{color:var(--accent-9);transition:border-color var(--hanoon-duration-fast);border-bottom:1px solid #0000;text-decoration:none}.hymn-about-body a:hover{border-bottom-color:var(--accent-9)}.hymn-hero{text-align:center;padding-top:.35rem}.hymn-hero-title{font-family:var(--font-serif);letter-spacing:.04em;color:var(--text-primary);margin-bottom:.35rem;font-size:clamp(2.05rem,1.5rem + 2.4vw,3rem);font-weight:800}.hymn-themes-grid{gap:var(--fd-space-2);grid-template-columns:repeat(auto-fill,minmax(120px,1fr));display:grid}.hymn-theme-card{border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-raised);min-height:44px;color:var(--text-secondary);font-size:var(--text-caption-size);transition:border-color var(--hanoon-duration-fast),background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast),box-shadow var(--hanoon-duration-fast),transform var(--hanoon-duration-fast);animation:hanoon-fade-up var(--hanoon-duration-entrance,.46s) var(--hanoon-easing-entrance) var(--_delay,0s) both;justify-content:center;align-items:center;padding:.75rem .5rem;font-weight:500;text-decoration:none;display:flex}.hymn-theme-card:hover{border-color:var(--border-strong);color:var(--text-primary);box-shadow:var(--shadow-sm);transform:translateY(-1px)}.hymn-theme-label{font-size:var(--text-caption-size);color:var(--text-secondary);text-align:center;font-weight:500}@media(max-width:640px){.hymn-themes-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:.375rem}.hymn-theme-card{padding:.625rem .375rem;font-size:.8rem}}@media(prefers-reduced-motion:reduce){.hymn-theme-card{opacity:1;animation:none}}.animate-fade-up{animation-delay:var(--_delay,0s)}.trending-item:first-child{animation-delay:0s}.trending-item:nth-child(2){animation-delay:40ms}.trending-item:nth-child(3){animation-delay:80ms}.trending-item:nth-child(4){animation-delay:.12s}.trending-item:nth-child(5){animation-delay:.16s}.trending-item:nth-child(6){animation-delay:.2s}.trending-item:nth-child(7){animation-delay:.24s}.trending-item:nth-child(8){animation-delay:.28s}.trending-item:nth-child(9){animation-delay:.32s}.trending-item:nth-child(10){animation-delay:.36s}.font-size-control{background:var(--surface-muted)}.font-size-indicator{background:var(--motion-route-progress-color)}.audio-player-controls{background:var(--surface-muted);border:1px solid var(--border-subtle)}.audio-player-rate-btn{background:var(--surface-emphasis);color:var(--text-secondary)}.audio-progress-track{background:var(--surface-emphasis)}.trending-recommended-badge{color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.trending-recommended-badge{color:color-mix(in oklab,var(--accent-9) 80%,black)}}.trending-recommended-badge{background:var(--accent-2)}@supports (color:color-mix(in lab,red,red)){.trending-recommended-badge{background:color-mix(in oklab,var(--accent-2) 84%,white)}}.search-results-list{box-shadow:0 -2px 8px #4c47420a,var(--shadow-lg);animation-duration:.22s}.hymn-hero-step-1{--_delay:60ms}.hymn-hero-step-2{--_delay:.1s}.hymn-hero-step-3{--_delay:.14s}#score-container{touch-action:pan-x pan-y;view-transition-name:none}.dark #score-container img{filter:invert(.88)hue-rotate(180deg)saturate(.4)brightness(.95)contrast(1.08)}.hymn-shell{flex-direction:column;min-height:100svh;display:flex}.hymn-grid{gap:var(--fd-space-3);grid-template-columns:repeat(1,1fr);display:grid}@media(min-width:640px){.hymn-grid{grid-template-columns:repeat(2,1fr)}}.hymn-search-backdrop{background:var(--overlay-bg);opacity:0;transition:opacity var(--hanoon-duration-fast) var(--hanoon-easing-entrance);pointer-events:none;position:absolute;inset:0}.hymn-search-sheet.is-open .hymn-search-backdrop{opacity:1;pointer-events:auto}.hymn-card-title{transition:color var(--hanoon-duration-fast)}.group:hover .hymn-card-title,.hn-card-interactive:hover .hymn-card-title{color:var(--accent-9)}@keyframes hymn-verse-pulse{0%,to{box-shadow:0 0 8px color-mix(in oklch,var(--accent-9) 25%,transparent)}50%{box-shadow:0 0 18px color-mix(in oklch,var(--accent-9) 55%,transparent)}}.hymn-verse-pulse{animation:1s ease-in-out infinite hymn-verse-pulse}@media(prefers-reduced-motion:reduce){.hymn-verse-pulse{animation:none}}.hymn-action-chip--bookmark.is-active{border-color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip--bookmark.is-active{border-color:color-mix(in oklab,var(--accent-9) 48%,var(--border-strong))}}.hymn-action-chip--bookmark.is-active{color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip--bookmark.is-active{color:color-mix(in oklab,var(--accent-9) 82%,var(--text-primary))}}.hymn-action-chip--like.is-active{border-color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip--like.is-active{border-color:color-mix(in oklab,var(--accent-9) 48%,var(--border-strong))}}.hymn-action-chip--like.is-active{color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip--like.is-active{color:color-mix(in oklab,var(--accent-9) 82%,var(--text-primary))}}.hymn-action-chip--share.is-active{border-color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip--share.is-active{border-color:color-mix(in oklab,var(--accent-9) 48%,var(--border-strong))}}.hymn-action-chip--share.is-active{color:var(--accent-9)}@supports (color:color-mix(in lab,red,red)){.hymn-action-chip--share.is-active{color:color-mix(in oklab,var(--accent-9) 82%,var(--text-primary))}}@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-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}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@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-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{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-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@keyframes spin{to{transform:rotate(360deg)}}.hn-shell{font-family:var(--font-sans, "Asta Sans", "Noto Sans KR", system-ui, sans-serif);color:var(--text-primary);background:var(--surface-canvas);min-height:100svh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--fd-duration-surface) var(--fd-easing-standard),color var(--fd-duration-surface) var(--fd-easing-standard)}.hn-main{width:100%;max-width:var(--hn-content-default);margin-inline:auto;padding-inline:clamp(.75rem,3vw,1.5rem)}.hn-main--narrow{max-width:var(--hn-content-narrow)}.hn-main--wide{max-width:var(--hn-content-wide)}.hn-main--full{max-width:none}.hn-main--xlarge{max-width:var(--hn-content-wide)}.hn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.625rem 1.25rem;border:1px solid var(--border-subtle);border-radius:var(--fd-radius-lg);background:var(--surface-raised);color:var(--text-primary);font-size:.8125rem;font-weight:600;line-height:1;cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color var(--fd-duration-fast) var(--fd-easing-standard),border-color var(--fd-duration-fast) var(--fd-easing-standard),box-shadow var(--fd-duration-fast) var(--fd-easing-standard),transform var(--fd-duration-instant) ease-out}.hn-btn:hover{background:var(--surface-emphasis);border-color:var(--border-strong)}.hn-btn:active{transform:scale(var(--motion-press-scale, .97))}.hn-btn:disabled,.hn-btn[aria-disabled=true]{background:var(--surface-disabled);color:var(--text-disabled);border-color:var(--border-subtle);cursor:not-allowed;box-shadow:none}.hn-btn:disabled:active,.hn-btn[aria-disabled=true]:active{transform:none}.hn-btn.is-loading{color:transparent;pointer-events:none;position:relative}.hn-btn.is-loading:after{content:"";position:absolute;width:1em;height:1em;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hanoon-spin .6s linear infinite;color:var(--text-muted)}.hn-btn-primary.is-loading:after{color:#fff}.hn-btn-primary{background:var(--hn-accent);color:#fff;border-color:var(--hn-accent);box-shadow:var(--shadow-sm)}.hn-btn-primary:hover{background:var(--hn-accent-strong);border-color:var(--hn-accent-strong);box-shadow:var(--shadow-md)}.hn-btn-primary:disabled,.hn-btn-primary[aria-disabled=true]{background:var(--surface-disabled);color:var(--text-disabled);border-color:var(--surface-disabled);box-shadow:none}.hn-btn-ghost{background:transparent;color:var(--text-muted);border-color:transparent}.hn-btn-ghost:hover{background:var(--surface-muted);color:var(--text-primary);border-color:transparent}.hn-btn-pill{background:var(--surface-muted);color:var(--text-secondary);border-color:transparent;border-radius:var(--fd-radius-full);min-height:44px;padding:.625rem .875rem;font-size:var(--text-caption-size)}.hn-btn-pill:hover{background:var(--surface-emphasis);color:var(--text-primary);border-color:transparent}.hn-btn-pill[aria-pressed=true],.hn-btn-pill.is-active{background:var(--hn-accent-soft);color:var(--hn-accent)}.hn-btn--primary{background:var(--accent-9);color:#fff;border-color:var(--accent-9);box-shadow:var(--shadow-sm)}.hn-btn--secondary{background:var(--neutral-3);color:var(--neutral-12);border:1px solid var(--neutral-6)}.hn-btn--ghost{background:transparent;color:var(--neutral-11);border-color:transparent}.hn-btn--outline{background:transparent;color:var(--accent-11);border:1px solid var(--accent-7)}.hn-btn--destructive{background:var(--danger-9);color:#fff;border-color:var(--danger-9)}.hn-btn--link{background:transparent;color:var(--accent-11);text-decoration:underline;border-color:transparent}.hn-btn--sm{height:32px;padding-inline:12px;font-size:13px;border-radius:6px;min-height:auto}.hn-btn--md{height:36px;padding-inline:16px;font-size:14px;border-radius:8px;min-height:auto}.hn-btn--lg{height:44px;padding-inline:24px;font-size:16px;border-radius:12px}.hn-btn--primary:hover{background:var(--accent-10);border-color:var(--accent-10);transition:background .12s ease-out}.hn-btn--destructive:hover{background:var(--danger-10);border-color:var(--danger-10)}.hn-btn--outline:hover{background:var(--accent-2)}.hn-btn--secondary:hover{background:var(--neutral-4)}.hn-btn--ghost:hover{background:var(--neutral-3);color:var(--neutral-12)}.hn-btn--link:hover{text-decoration-thickness:2px}.hn-btn:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px}.hn-btn:disabled{opacity:.5;pointer-events:none}.dark .hn-btn--primary:hover{box-shadow:0 0 20px color-mix(in oklch,var(--accent-9) 25%,transparent)}.hn-field{display:flex;flex-direction:column;gap:.375rem}.hn-field>label,.hn-label{font-size:var(--text-caption-size);font-weight:500;color:var(--text-secondary)}.hn-input{width:100%;min-height:44px;padding:.625rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--fd-radius-lg);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-body-size);outline:none;transition:border-color var(--fd-duration-fast) var(--fd-easing-standard),box-shadow var(--fd-duration-fast) var(--fd-easing-standard)}.hn-input::placeholder{color:var(--text-muted)}.hn-input:hover:not(:disabled){border-color:var(--border-strong)}.hn-input:focus{border-color:var(--hn-accent);box-shadow:0 0 0 3px oklch(from var(--hn-accent) l c h / .12)}.hn-input:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.hn-input[aria-invalid=true]{border-color:var(--state-danger);box-shadow:0 0 0 3px oklch(from var(--state-danger) l c h / .12)}.hn-textarea{width:100%;min-height:120px;padding:.75rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--fd-radius-lg);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-body-size);outline:none;resize:vertical;transition:border-color var(--fd-duration-fast) var(--fd-easing-standard),box-shadow var(--fd-duration-fast) var(--fd-easing-standard)}.hn-textarea::placeholder{color:var(--text-muted)}.hn-textarea:hover:not(:disabled){border-color:var(--border-strong)}.hn-textarea:focus{border-color:var(--hn-accent);box-shadow:0 0 0 3px oklch(from var(--hn-accent) l c h / .12)}.hn-select{width:100%;min-height:44px;padding:.625rem 2.5rem .625rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--fd-radius-lg);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-body-size);outline:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:1rem;cursor:pointer;transition:border-color var(--fd-duration-fast) var(--fd-easing-standard),box-shadow var(--fd-duration-fast) var(--fd-easing-standard)}.dark .hn-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%239ca3af' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.hn-select:hover:not(:disabled){border-color:var(--border-strong)}.hn-select:focus{border-color:var(--hn-accent);box-shadow:0 0 0 3px oklch(from var(--hn-accent) l c h / .12)}.hn-select:disabled{background:var(--surface-disabled);color:var(--text-disabled);cursor:not-allowed}.hn-toggle{position:relative;display:inline-flex;width:44px;height:24px;padding:2px;border:none;border-radius:var(--fd-radius-full);background:var(--surface-emphasis);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--fd-duration-fast) var(--fd-easing-standard)}.hn-toggle:after{content:"";width:20px;height:20px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform var(--fd-duration-fast) var(--fd-easing-emphasis)}.hn-toggle[aria-checked=true],.hn-toggle.is-checked{background:var(--hn-accent)}.hn-toggle[aria-checked=true]:after,.hn-toggle.is-checked:after{transform:translate(20px)}.hn-toggle:disabled{opacity:.5;cursor:not-allowed}.hn-checkbox{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border:1.5px solid var(--border-strong);border-radius:var(--fd-radius-sm);background:var(--surface-base);appearance:none;cursor:pointer;flex-shrink:0;transition:background-color var(--fd-duration-fast) var(--fd-easing-standard),border-color var(--fd-duration-fast) var(--fd-easing-standard)}.hn-checkbox:checked,.hn-checkbox[aria-checked=true]{background:var(--hn-accent);border-color:var(--hn-accent)}.hn-range{width:100%;height:6px;border-radius:var(--fd-radius-full);background:var(--surface-emphasis);appearance:none;outline:none;cursor:pointer}.hn-range::-webkit-slider-thumb{appearance:none;width:22px;height:22px;border-radius:50%;background:var(--hn-accent);border:2px solid white;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform var(--fd-duration-fast) var(--fd-easing-standard)}.hn-range::-webkit-slider-thumb:hover{transform:scale(1.1)}.hn-range::-moz-range-thumb{width:22px;height:22px;border-radius:50%;background:var(--hn-accent);border:2px solid white;box-shadow:var(--shadow-sm);cursor:pointer}.hn-field-error{font-size:var(--text-small-size, .8125rem);color:var(--feedback-danger-text);margin-top:.25rem}.hn-input--sm{height:32px;padding-inline:10px;font-size:13px;min-height:auto}.hn-input--md{height:36px;padding-inline:12px;font-size:14px;min-height:auto}.hn-input--lg{height:44px;padding-inline:16px;font-size:16px}.hn-input:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px;box-shadow:0 0 0 4px color-mix(in oklch,var(--accent-8) 15%,transparent)}.hn-input--error{border-color:var(--danger-7);background:var(--danger-2)}.hn-segmented{display:inline-flex;gap:2px;padding:3px;border-radius:var(--fd-radius-lg);background:var(--surface-inset, var(--surface-muted))}.hn-segmented__item{display:inline-flex;align-items:center;justify-content:center;min-height:36px;padding:.375rem .875rem;border:none;border-radius:calc(var(--fd-radius-lg) - 2px);background:transparent;color:var(--text-secondary);font-size:var(--text-caption-size);font-weight:500;cursor:pointer;white-space:nowrap;transition:background-color var(--fd-duration-fast) var(--fd-easing-standard),color var(--fd-duration-fast) var(--fd-easing-standard),box-shadow var(--fd-duration-fast) var(--fd-easing-standard)}.hn-segmented__item:hover{color:var(--text-primary)}.hn-segmented__item[aria-selected=true],.hn-segmented__item.is-active{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm)}.hn-tabs{display:flex;gap:4px;padding:3px;border-radius:var(--fd-radius-lg);background:var(--surface-inset, var(--surface-muted));overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.hn-tabs::-webkit-scrollbar{display:none}.hn-tabs__item{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:.5rem 1rem;border:none;border-radius:calc(var(--fd-radius-lg) - 2px);background:transparent;color:var(--text-secondary);font-size:var(--text-caption-size);font-weight:500;cursor:pointer;white-space:nowrap;flex-shrink:0;transition:background-color var(--fd-duration-fast) var(--fd-easing-standard),color var(--fd-duration-fast) var(--fd-easing-standard),box-shadow var(--fd-duration-fast) var(--fd-easing-standard),transform var(--fd-duration-instant) ease-out}.hn-tabs__item:hover{color:var(--text-primary);background:oklch(from var(--surface-emphasis) l c h / .5)}.hn-tabs__item:active{transform:scale(.96)}.hn-tabs__item[aria-selected=true],.hn-tabs__item.is-active{background:var(--hn-accent);color:#fff;box-shadow:var(--shadow-sm)}.hn-tabs__item[aria-selected=true]:hover,.hn-tabs__item.is-active:hover{background:var(--hn-accent-strong)}.hn-tabs--segment .hn-tabs__item[aria-selected=true],.hn-tabs--segment .hn-tabs__item.is-active{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-elevation-low)}.hn-tabs--segment .hn-tabs__item[aria-selected=true]:hover,.hn-tabs--segment .hn-tabs__item.is-active:hover{background:var(--surface-raised)}.hn-tabs--pill{border-radius:var(--fd-radius-xl);gap:2px}.hn-tabs--pill .hn-tabs__item{border-radius:var(--fd-radius-lg);gap:var(--fd-space-1);font-weight:600;min-height:44px}.hn-tabs--pill .hn-tabs__item[aria-selected=true],.hn-tabs--pill .hn-tabs__item.is-active{background:var(--accent-9);color:#fff;box-shadow:0 2px 8px color-mix(in oklch,var(--accent-9) 30%,transparent)}.hn-tabs--pill .hn-tabs__item[aria-selected=true]:hover,.hn-tabs--pill .hn-tabs__item.is-active:hover{background:var(--accent-10)}.hn-tab-panel{animation:hn-tab-enter var(--fd-duration-fast) var(--fd-easing-entrance) both}@keyframes hn-tab-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.hn-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--fd-radius-xl);box-shadow:var(--shadow-sm);padding:1.25rem}.dark .hn-card{box-shadow:none}.hn-card-interactive{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--fd-radius-xl);box-shadow:var(--shadow-sm);padding:1.25rem;cursor:pointer;transition:box-shadow var(--fd-duration-surface) var(--fd-easing-standard),border-color var(--fd-duration-surface) var(--fd-easing-standard),transform var(--fd-duration-surface) var(--fd-easing-standard)}.hn-card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.hn-card-interactive:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px}.dark .hn-card-interactive{box-shadow:none}.dark .hn-card-interactive:hover{border-color:var(--border-strong)}.hn-card--default{padding:20px;border-radius:12px}.hn-card--elevated{padding:24px;border-radius:16px;box-shadow:var(--shadow-elevation-mid)}.hn-card--interactive{cursor:pointer;transition:transform .2s var(--fd-easing-standard),box-shadow .2s var(--fd-easing-standard)}.hn-card--interactive:hover{transform:translateY(-2px);box-shadow:var(--shadow-elevation-mid)}.dark .hn-card--interactive:hover{box-shadow:0 0 30px color-mix(in oklch,var(--accent-9) 12%,transparent);border-color:var(--accent-7)}.hn-card--inset{background:var(--surface-muted);border:none;box-shadow:none}.hn-result-big{font-size:clamp(1.5rem,1rem + 2.5vw,2.5rem);font-weight:700;font-variant-numeric:tabular-nums;color:var(--hn-accent);line-height:1.2;animation:hn-result-enter var(--fd-duration-emphasis, .5s) var(--fd-easing-entrance) both}@keyframes hn-result-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.hn-result-row{display:flex;align-items:baseline;justify-content:space-between;gap:.75rem;padding:.5rem 0}.hn-result-row+.hn-result-row{border-top:1px solid var(--border-subtle)}.hn-result-label{font-size:var(--text-caption-size);color:var(--text-muted);flex-shrink:0}.hn-result-value{font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-primary);text-align:end}.hn-result-card{background:var(--hn-accent-soft);border:1px solid oklch(from var(--hn-accent) l c h / .15);border-radius:var(--fd-radius-xl);padding:1.25rem}.hn-feedback-info{background:var(--feedback-info-bg);color:var(--feedback-info-text);border:1px solid var(--feedback-info-border);border-radius:var(--fd-radius-lg);padding:.75rem 1rem;font-size:var(--text-caption-size)}.hn-feedback-success{background:var(--feedback-success-bg);color:var(--feedback-success-text);border:1px solid var(--feedback-success-border);border-radius:var(--fd-radius-lg);padding:.75rem 1rem;font-size:var(--text-caption-size)}.hn-feedback-warning{background:var(--feedback-warning-bg);color:var(--feedback-warning-text);border:1px solid var(--feedback-warning-border);border-radius:var(--fd-radius-lg);padding:.75rem 1rem;font-size:var(--text-caption-size)}.hn-feedback-danger{background:var(--feedback-danger-bg);color:var(--feedback-danger-text);border:1px solid var(--feedback-danger-border);border-radius:var(--fd-radius-lg);padding:.75rem 1rem;font-size:var(--text-caption-size)}.hn-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--fd-radius-full);font-size:var(--text-overline-size);font-weight:500;background:var(--hn-accent-soft);color:var(--hn-accent)}.hn-badge--neutral{background:var(--surface-muted);color:var(--text-secondary)}.hn-tooltip{position:relative}.hn-tooltip:after{content:attr(data-tooltip);position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%);padding:.375rem .625rem;border-radius:var(--fd-radius-md);background:var(--surface-inverse);color:var(--text-inverse);font-size:var(--text-small-size);white-space:nowrap;pointer-events:none;opacity:0;transition:opacity var(--fd-duration-fast) var(--fd-easing-standard);z-index:var(--z-tooltip, var(--z-toast))}.hn-tooltip:hover:after,.hn-tooltip:focus-visible:after{opacity:1}.hn-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:var(--fd-space-12) var(--fd-space-4);text-align:center;color:var(--text-muted)}.hn-empty-state__icon{width:var(--hn-icon-xl);height:var(--hn-icon-xl);color:var(--text-muted);opacity:.5}.hn-empty-state__title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);color:var(--text-secondary)}.hn-empty-state__description{font-size:var(--text-caption-size);max-width:28rem}.hn-empty-state--onboarding{background:var(--surface-muted);border-radius:var(--fd-radius-xl);padding:var(--fd-space-10) var(--fd-space-6)}.hn-empty-state--onboarding .hn-empty-state__icon{color:var(--hn-accent);opacity:.7}.hn-empty-state--onboarding .hn-empty-state__title{color:var(--text-primary)}.hn-empty-state--onboarding .hn-empty-state__value{font-weight:300;color:var(--accent-8)}.hn-empty-state--no-results{min-height:160px;padding:var(--fd-space-8) var(--fd-space-4)}.hn-empty-state--no-results .hn-empty-state__icon{opacity:.4}.hn-data-preview{display:inline-flex;align-items:center;gap:var(--fd-space-1);vertical-align:middle}.hn-data-preview--color{display:inline-block;width:8px;height:8px;border-radius:var(--fd-radius-full);border:1px solid oklch(from currentColor l c h / .3);flex-shrink:0}.hn-data-preview--icon{color:var(--accent-11);flex-shrink:0}.hn-error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:var(--fd-space-12) var(--fd-space-4);text-align:center;color:var(--feedback-danger-text);background:var(--feedback-danger-bg);border:1px solid var(--feedback-danger-border);border-radius:var(--fd-radius-xl)}.hn-error-state__icon{width:var(--hn-icon-xl);height:var(--hn-icon-xl);color:var(--feedback-danger-text);opacity:.7}.hn-error-state__title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);color:var(--feedback-danger-text)}.hn-error-state__description{font-size:var(--text-caption-size);max-width:28rem}.hn-error-state__action{margin-top:var(--fd-space-2)}.hn-empty-state--error-recovery{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fd-space-3);padding:var(--fd-space-10) var(--fd-space-4);text-align:center;color:var(--feedback-danger-text);background:var(--feedback-danger-bg);border:1px solid var(--feedback-danger-border);border-radius:var(--fd-radius-xl)}.hn-empty-state--error-recovery .hn-error-state__icon{width:var(--hn-icon-xl);height:var(--hn-icon-xl);color:var(--feedback-danger-text);opacity:.7}.hn-empty-state--error-recovery .hn-error-state__title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);color:var(--feedback-danger-text)}.hn-empty-state--error-recovery .hn-error-state__description{font-size:var(--text-caption-size);max-width:28rem}.hn-empty-state--error-recovery__cta{display:inline-flex;align-items:center;gap:var(--fd-space-2);margin-top:var(--fd-space-2);font-size:var(--text-caption-size);font-weight:500;color:var(--accent-9);text-decoration:none;transition:color var(--fd-duration-hover) var(--fd-easing-out)}.hn-empty-state--error-recovery__cta:hover{color:var(--accent-11);text-decoration:underline}.hn-empty-state--error-recovery__cta:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px;border-radius:var(--fd-radius-sm)}.hn-offline-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:var(--fd-space-12) var(--fd-space-4);text-align:center;color:var(--feedback-warning-text);background:var(--feedback-warning-bg);border:1px solid var(--feedback-warning-border);border-radius:var(--fd-radius-xl)}.hn-offline-state__icon{width:var(--hn-icon-xl);height:var(--hn-icon-xl);color:var(--feedback-warning-text);opacity:.7}.hn-offline-state__title{font-size:var(--text-title-size);font-weight:var(--text-title-weight)}.hn-offline-state__description{font-size:var(--text-caption-size);max-width:28rem}.hn-pending-state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:var(--fd-space-12) var(--fd-space-4);text-align:center;color:var(--text-muted);animation:hn-pending-pulse 1.8s ease-in-out infinite}@keyframes hn-pending-pulse{0%,to{opacity:1}50%{opacity:.5}}.hn-pending-state__icon{width:var(--hn-icon-xl);height:var(--hn-icon-xl);color:var(--text-muted);animation:hanoon-spin 1s linear infinite}.hn-pending-state__title{font-size:var(--text-title-size);font-weight:var(--text-title-weight);color:var(--text-secondary)}.hn-pending-state__description{font-size:var(--text-caption-size);max-width:28rem}.hn-tool-hero{text-align:center;padding:var(--section-gap-sm) 0 var(--fd-space-8)}.hn-tool-title{font-family:var(--font-serif, "Noto Serif KR", Georgia, serif);font-size:clamp(1.75rem,1.25rem + 2.4vw,2.5rem);font-weight:800;letter-spacing:.04em;color:var(--text-primary);line-height:1.2}.hn-tool-subtitle{font-size:var(--text-subheading-size, .9375rem);font-weight:var(--text-subheading-weight, 500);color:var(--text-muted);margin-top:.5rem}.hn-split-pane{display:flex;flex-direction:column;gap:1rem}@media(min-width:768px){.hn-split-pane{flex-direction:row}.hn-split-pane>*{flex:1;min-width:0}}.hn-split-divider{display:none}@media(min-width:768px){.hn-split-divider{display:flex;align-items:center;justify-content:center;width:1px;flex-shrink:0;background:var(--border-subtle)}}.hn-tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:1rem}.hn-info-grid{display:grid;grid-template-columns:1fr;gap:1rem}@media(min-width:640px){.hn-info-grid{grid-template-columns:1fr 1fr}}.hn-dropzone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;min-height:200px;padding:2rem;border:2px dashed var(--border-subtle);border-radius:var(--fd-radius-xl);background:var(--surface-base);color:var(--text-muted);text-align:center;cursor:pointer;transition:border-color var(--fd-duration-fast) var(--fd-easing-standard),background-color var(--fd-duration-fast) var(--fd-easing-standard)}.hn-dropzone:hover{border-color:var(--border-strong);background:var(--surface-muted)}.hn-dropzone.is-dragover{border-color:var(--hn-accent);border-style:solid;background:var(--hn-accent-soft);color:var(--hn-accent)}.hn-dropzone__icon{width:var(--hn-icon-xl, 32px);height:var(--hn-icon-xl, 32px);color:var(--text-muted)}.hn-dropzone.is-dragover .hn-dropzone__icon{color:var(--hn-accent)}.hn-progress{width:100%;height:6px;border-radius:var(--fd-radius-full);background:var(--surface-emphasis);overflow:hidden}.hn-progress__bar{height:100%;border-radius:var(--fd-radius-full);background:var(--hn-accent);transition:width var(--fd-duration-surface) var(--fd-easing-standard)}.hn-ring-chart{display:inline-flex;align-items:center;justify-content:center;position:relative}.hn-ring-chart__track{fill:none;stroke:var(--border-subtle);stroke-linecap:round}.hn-ring-chart__fill{fill:none;stroke:var(--hn-accent);stroke-linecap:round;transform:rotate(-90deg);transform-origin:center;transition:stroke-dashoffset var(--fd-duration-reveal) cubic-bezier(0,0,.2,1)}.hn-ring-chart__fill--success{stroke:var(--state-success)}.hn-ring-chart__fill--warning{stroke:var(--state-warning)}.hn-ring-chart__label{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-variant-numeric:tabular-nums}@media(prefers-reduced-motion:reduce){.hn-ring-chart__fill{transition:none!important}}.hn-disclosure__trigger{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:44px;padding:var(--fd-space-3) 0;border:none;background:transparent;color:var(--text-primary);font:inherit;font-weight:700;font-size:var(--copy-small);cursor:pointer}.hn-disclosure__trigger:hover{color:var(--text-primary)}.hn-disclosure__trigger:active{transform:scale(.97)}.hn-disclosure__trigger:focus-visible{outline:2px solid var(--accent-8);outline-offset:2px;border-radius:var(--fd-radius-sm)}.hn-disclosure__chevron{transition:transform var(--fd-duration-surface) var(--fd-easing-standard);flex-shrink:0}.hn-disclosure__trigger[aria-expanded=true] .hn-disclosure__chevron{transform:rotate(180deg)}.hn-disclosure__content{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--fd-duration-surface) var(--fd-easing-standard);overflow:hidden}.hn-disclosure__content[aria-hidden=false]{grid-template-rows:1fr}.hn-disclosure__content>*{overflow:hidden}@media(prefers-reduced-motion:reduce){.hn-disclosure__chevron,.hn-disclosure__content{transition:none!important}}.hn-gauge{position:relative;max-width:280px;margin-inline:auto}.hn-gauge svg{width:100%;height:auto}.hn-gauge__zone{transition:filter .15s ease-out}.hn-gauge__zone[data-active=true]{filter:brightness(1.2) drop-shadow(0 0 3px currentColor)}.hn-gauge__needle{transform-origin:var(--hn-gauge-pivot-x, 50%) var(--hn-gauge-pivot-y, 50%);transition:transform var(--fd-duration-reveal, .6s) var(--fd-easing-decelerate, cubic-bezier(0, 0, .2, 1))}.hn-gauge__center{fill:var(--text-primary)}.hn-gauge__tip{fill:var(--accent-9)}.dark .hn-gauge__needle{filter:drop-shadow(0 0 4px color-mix(in oklch,var(--accent-9) 60%,transparent))}.dark .hn-gauge__zone[data-active=true]{filter:brightness(1.15) drop-shadow(0 0 4px currentColor)}@media(prefers-reduced-motion:reduce){.hn-gauge__needle,.hn-gauge__zone{transition:none!important}}.hn-process-complete{animation:hn-process-check var(--fd-duration-surface) var(--fd-easing-standard) both;background-color:var(--accent-6)!important;transition:background-color .6s var(--fd-easing-entrance)}@keyframes hn-process-check{0%{transform:scale(.8);opacity:0}50%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:1}}@media(prefers-reduced-motion:reduce){.hn-process-complete{animation:none!important;opacity:1;transition:background-color .12s var(--fd-easing-entrance)}}.hn-copy-feedback{transition:border-color var(--fd-duration-press) var(--fd-easing-standard),box-shadow var(--fd-duration-surface) var(--fd-easing-standard)}.hn-copy-feedback[data-copied=true]{border-color:var(--accent-9);box-shadow:0 0 12px color-mix(in oklch,var(--accent-9) 15%,transparent)}@media(prefers-reduced-motion:reduce){.hn-copy-feedback{transition:none!important}}.hn-text-subheading{font-size:var(--text-subheading-size);line-height:var(--text-subheading-leading);font-weight:var(--text-subheading-weight);letter-spacing:var(--text-subheading-tracking)}.hn-text-small{font-size:var(--text-small-size);line-height:var(--text-small-leading);font-weight:var(--text-small-weight);letter-spacing:var(--text-small-tracking)}.hn-text-kr{word-break:keep-all;letter-spacing:.01em}.hn-tabular-nums{font-variant-numeric:tabular-nums}.hn-no-overscroll{overscroll-behavior-y:contain}.hn-sticky-action{position:sticky;bottom:0;padding:.75rem;background:var(--surface-canvas);border-top:1px solid var(--border-subtle);z-index:var(--z-sticky, 20)}@media(min-width:640px){.hn-sticky-action{position:static;border-top:none;padding:0;background:transparent}}.hn-dialog{position:fixed;inset:0;z-index:var(--z-modal, 40);display:flex;align-items:center;justify-content:center;padding:var(--fd-space-4)}.hn-dialog__backdrop{position:fixed;inset:0;background:var(--overlay-bg);opacity:0;transition:opacity var(--fd-duration-surface) var(--fd-easing-standard)}.hn-dialog.is-open .hn-dialog__backdrop{opacity:1}.hn-dialog__panel{position:relative;width:100%;max-width:var(--footer-modal-max-width, 40rem);max-height:calc(100vh - var(--fd-space-8));overflow-y:auto;background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--fd-radius-xl);box-shadow:var(--shadow-xl);padding:var(--fd-space-6);transform:translateY(8px);opacity:0;transition:transform var(--fd-duration-surface) var(--fd-easing-entrance),opacity var(--fd-duration-surface) var(--fd-easing-entrance)}.hn-dialog.is-open .hn-dialog__panel{transform:translateY(0);opacity:1}.hn-drawer{position:fixed;top:0;bottom:0;z-index:var(--z-modal, 40);width:min(320px,85vw);background:var(--surface-raised);border:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);overflow-y:auto;transform:translate(-100%);transition:transform var(--fd-duration-surface) var(--fd-easing-entrance)}.hn-drawer--right{left:auto;right:0;transform:translate(100%)}.hn-drawer--left{left:0;right:auto;transform:translate(-100%)}.hn-drawer.is-open{transform:translate(0)}.hn-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:var(--fd-space-4) var(--fd-space-5);border-bottom:1px solid var(--border-subtle)}.hn-drawer__body{padding:var(--fd-space-4) var(--fd-space-5)}.hn-popover{position:absolute;z-index:var(--z-dropdown, 10);min-width:10rem;padding:var(--fd-space-3);background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--fd-radius-lg);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--fd-duration-fast) var(--fd-easing-standard),transform var(--fd-duration-fast) var(--fd-easing-standard),visibility 0s linear var(--fd-duration-fast)}.hn-popover.is-open{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--fd-duration-fast) var(--fd-easing-standard),transform var(--fd-duration-fast) var(--fd-easing-standard),visibility 0s linear 0s}.hn-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:var(--fd-space-1);font-size:var(--text-caption-size);color:var(--text-muted)}.hn-breadcrumb__item{display:inline-flex;align-items:center;gap:var(--fd-space-1)}.hn-breadcrumb__link{color:var(--text-secondary);text-decoration:none;transition:color var(--fd-duration-fast) var(--fd-easing-standard)}.hn-breadcrumb__link:hover{color:var(--text-primary)}.hn-breadcrumb__separator{color:var(--text-muted);user-select:none}.hn-breadcrumb__current{color:var(--text-primary);font-weight:600}.hn-pagination{display:flex;align-items:center;justify-content:center;gap:var(--fd-space-1)}.hn-pagination__item{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;padding:var(--fd-space-1) var(--fd-space-2);border:1px solid var(--border-subtle);border-radius:var(--fd-radius-md);background:var(--surface-raised);color:var(--text-secondary);font-size:var(--text-caption-size);font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--fd-duration-fast) var(--fd-easing-standard),border-color var(--fd-duration-fast) var(--fd-easing-standard),color var(--fd-duration-fast) var(--fd-easing-standard)}.hn-pagination__item:hover{background:var(--surface-hover);border-color:var(--border-strong);color:var(--text-primary)}.hn-pagination__item.is-active,.hn-pagination__item[aria-current=page]{background:var(--hn-accent);border-color:var(--hn-accent);color:#fff;font-weight:600}.hn-pagination__item:disabled,.hn-pagination__item[aria-disabled=true]{background:var(--surface-disabled);color:var(--text-disabled);border-color:var(--border-subtle);cursor:not-allowed}.hn-pagination__ellipsis{display:inline-flex;align-items:center;justify-content:center;min-width:2.25rem;min-height:2.25rem;color:var(--text-muted);font-size:var(--text-caption-size);cursor:default}[data-density=compact]{--density-offset: -4px}[data-density=spacious]{--density-offset: 4px}@media(prefers-reduced-motion:reduce){.hn-btn:active,.hn-tabs__item:active{transform:none!important}.hn-toggle:after{transition:none!important}.hn-tab-panel,.hn-result-big{animation:none!important}.hn-card-interactive:hover{transform:none!important}.hn-range::-webkit-slider-thumb:hover{transform:none!important}.hn-pending-state,.hn-pending-state__icon{animation:none!important}.hn-dialog__panel,.hn-dialog__backdrop,.hn-drawer,.hn-popover{transition:none!important}}.hn-tree{font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.8125rem;line-height:1.6;overflow:auto}.hn-tree-node{display:flex;align-items:center;gap:.25rem;padding:.125rem 0;cursor:default;border-radius:var(--fd-radius-sm);transition:background var(--fd-duration-fast)}.hn-tree-node:hover{background:var(--surface-hover)}.hn-tree-toggle{display:inline-flex;align-items:center;justify-content:center;width:16px;flex-shrink:0;color:var(--text-muted);cursor:pointer}.hn-tree-key{color:var(--hn-accent);font-weight:600}.hn-tree-string{color:var(--feedback-success-text)}.hn-tree-number{color:var(--feedback-info-text)}.hn-tree-boolean{color:var(--feedback-warning-text)}.hn-tree-null{color:var(--text-muted);font-style:italic}.hn-editor-panel{display:flex;flex-direction:column;background:var(--surface-base);border:1px solid var(--border-subtle);border-radius:var(--fd-radius-md);overflow:hidden}.hn-editor-panel-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem .75rem;font-size:.75rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-subtle);background:var(--surface-muted)}.hn-editor-panel-content{flex:1;width:100%;min-height:200px;padding:.75rem;border:none;background:transparent;color:var(--text-primary);font-family:SF Mono,Fira Code,ui-monospace,monospace;font-size:.8125rem;line-height:1.6;resize:none;outline:none}.hn-editor-panel-content::placeholder{color:var(--text-muted)}.hn-error-page{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:calc(100vh - 7rem);padding:3rem 1.5rem;gap:1rem}.hn-error-illustration{width:120px;height:120px;color:var(--text-muted);margin-bottom:.5rem}.hn-error-heading{font-size:1.875rem;font-weight:700;line-height:1.2;color:var(--text-primary);margin:0}.hn-error-body{font-size:1rem;color:var(--text-muted);max-width:28rem;margin:0}.hn-error-actions{display:flex;gap:.75rem;margin-top:1rem;flex-wrap:wrap;justify-content:center}.hn-error-actions a,.hn-error-actions button{display:inline-flex;align-items:center;padding:.625rem 1.25rem;border-radius:.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background-color .15s,color .15s;border:none;cursor:pointer}.hn-error-primary{background:var(--accent-9, var(--hn-accent));color:#fff}.hn-error-primary:hover{background:var(--accent-10)}.hn-error-secondary{background:var(--surface-muted);color:var(--text-secondary)}.hn-error-secondary:hover{background:var(--surface-hover)}.hn-empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;min-height:200px;padding:2rem 1.5rem;gap:.5rem}.hn-empty-illustration{width:64px;height:64px;color:var(--text-muted);margin-bottom:.25rem}.hn-empty-heading{font-size:1.125rem;font-weight:500;color:var(--text-primary);margin:0}.hn-empty-description{font-size:.875rem;color:var(--text-muted);margin:0}.hn-empty-action{margin-top:.5rem}.hn-hydration-fallback{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.hn-hydration-fallback svg{color:var(--text-muted);opacity:.5}.hn-hydration-fallback button{padding:.375rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:transparent;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:background-color .15s}.hn-hydration-fallback button:hover{background:var(--surface-muted)}.hn-loading-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.75rem;padding:2rem 1rem;text-align:center;color:var(--text-muted);font-size:.875rem}.hn-loading-error svg{color:var(--error, #ef4444)}.hn-loading-error button{padding:.375rem .75rem;border:1px solid var(--border);border-radius:.375rem;background:transparent;color:var(--text-secondary);font-size:.8125rem;cursor:pointer;transition:background-color .15s}.hn-loading-error button:hover{background:var(--surface-muted)}.hn-loading-error button:disabled{opacity:.5;cursor:not-allowed}.hn-loading-error a{padding:.375rem .75rem;border:1px solid var(--border);border-radius:.375rem;color:var(--text-secondary);font-size:.8125rem;text-decoration:none;transition:background-color .15s}.hn-loading-error a:hover{background:var(--surface-muted)}.hn-progress-fill{background:var(--surface-muted);border-radius:var(--radius-full);overflow:hidden}.hn-progress-fill__bar{background:var(--accent-9);height:100%;transition:width .6s cubic-bezier(.2,0,0,1)}.hn-progress-fill__bar.is-beyond{background:var(--state-success)}@media(prefers-reduced-motion:reduce){.hn-progress-fill__bar{transition:none!important}}.hn-reveal{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 35%}@keyframes reveal{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.hn-stagger>*{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}.hn-stagger>*:nth-child(2){animation-range:entry 5% entry 45%}.hn-stagger>*:nth-child(3){animation-range:entry 10% entry 50%}.hn-stagger>*:nth-child(4){animation-range:entry 15% entry 55%}@property --num{syntax: "<integer>"; initial-value: 0; inherits: false;}.hn-counter{counter-reset:num var(--num)}.hn-counter.counting{animation:count 2s ease-out forwards}@keyframes count{to{--num: var(--target)}}.hn-parallax-slow{animation:parallax-slow linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes parallax-slow{0%{transform:translateY(30px)}to{transform:translateY(-30px)}}.hn-parallax-fast{animation:parallax-fast linear both;animation-timeline:view();animation-range:entry 0% exit 100%}@keyframes parallax-fast{0%{transform:translateY(60px)}to{transform:translateY(-60px)}}.hn-pin{position:sticky;top:0;height:100vh;overflow:hidden}.hn-horizontal{overflow-x:auto;scroll-snap-type:x mandatory;display:flex;gap:var(--fd-space-4)}.hn-horizontal>*{scroll-snap-align:start;flex-shrink:0}.hn-text-reveal>*{animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}.hn-text-reveal>*:nth-child(2){animation-range:entry 3% entry 43%}.hn-text-reveal>*:nth-child(3){animation-range:entry 6% entry 46%}.hn-text-reveal>*:nth-child(4){animation-range:entry 9% entry 49%}.hn-text-reveal>*:nth-child(5){animation-range:entry 12% entry 52%}@supports not (animation-timeline: view()){.hn-reveal{opacity:0;transform:translateY(20px);transition:all .6s var(--fd-easing-entrance)}.hn-reveal.visible{opacity:1;transform:translateY(0)}.hn-stagger>*{opacity:0;transform:translateY(20px);transition:all .6s var(--fd-easing-entrance)}.hn-stagger>*.visible{opacity:1;transform:translateY(0)}.hn-parallax-slow,.hn-parallax-fast{animation:none;transform:none}.hn-text-reveal>*{opacity:0;transition:all .4s var(--fd-easing-entrance)}.hn-text-reveal>*.visible{opacity:1}}.hn-mesh{background:radial-gradient(ellipse 80% 50% at 20% 30%,oklch(.92 .06 var(--accent-h)) 0%,transparent 70%),radial-gradient(ellipse 60% 80% at 75% 60%,oklch(.88 .04 calc(var(--accent-h) + 45)) 0%,transparent 70%),radial-gradient(ellipse 70% 50% at 50% 85%,oklch(.94 .03 calc(var(--accent-h) - 25)) 0%,transparent 70%)}@property --gradient-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.hn-aurora{background:conic-gradient(from var(--gradient-angle),oklch(.9 .06 var(--accent-h)),oklch(.85 .04 calc(var(--accent-h) + 60)),oklch(.92 .05 calc(var(--accent-h) + 120)),oklch(.9 .06 var(--accent-h)));filter:blur(80px);animation:aurora-rotate 20s linear infinite}@keyframes aurora-rotate{to{--gradient-angle: 360deg}}.hn-gradient-border{border:1px solid transparent;background-clip:padding-box;position:relative}.hn-gradient-border:before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:conic-gradient(from var(--gradient-angle),oklch(.7 .08 var(--accent-h)),oklch(.65 .06 calc(var(--accent-h) + 90)),oklch(.7 .08 calc(var(--accent-h) + 180)),oklch(.65 .06 calc(var(--accent-h) + 270)),oklch(.7 .08 var(--accent-h)));z-index:-1;animation:aurora-rotate 8s linear infinite}.hn-noise:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='300'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.dark .hn-noise:after{opacity:.05}.hn-type-display{font-weight:300;letter-spacing:-.04em;font-size:var(--heading-display)}.hn-type-gradient{background:linear-gradient(135deg,oklch(.65 .1 var(--accent-h)),oklch(.55 .12 calc(var(--accent-h) + 30)),oklch(.6 .08 calc(var(--accent-h) + 60)));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hn-type-mixed{font-weight:300}.hn-type-mixed strong,.hn-type-mixed b{font-weight:700}.hn-type-split>*{display:inline-block;animation:reveal linear both;animation-timeline:view();animation-range:entry 0% entry 40%}.hn-type-split>*:nth-child(2){animation-range:entry 3% entry 43%}.hn-type-split>*:nth-child(3){animation-range:entry 6% entry 46%}.hn-type-split>*:nth-child(4){animation-range:entry 9% entry 49%}.hn-type-split>*:nth-child(5){animation-range:entry 12% entry 52%}.hn-type-overline{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--accent-11)}.hn-glass{background:color-mix(in oklch,var(--surface-raised) 70%,transparent);backdrop-filter:blur(16px) saturate(1.5);border:1px solid oklch(1 0 0 / .1)}.dark .hn-glass{background:#0e0a0799;border:1px solid oklch(1 0 0 / .06)}.hn-spotlight{background:radial-gradient(600px circle at var(--mouse-x) var(--mouse-y),color-mix(in oklch,var(--accent-9) 6%,transparent) 0%,transparent 70%)}.hn-beam{position:relative;overflow:hidden}.hn-beam:after{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(from 0deg,transparent 0%,oklch(.7 .06 var(--accent-h) / .15) 10%,transparent 20%);animation:beam-rotate 4s linear infinite}@keyframes beam-rotate{to{transform:rotate(360deg)}}.hn-hero--immersive{position:relative;overflow:hidden;min-height:100svh;display:grid;place-items:center;--mesh-opacity-light: .82;--mesh-opacity-dark: .85;--spotlight-x: 50%;--spotlight-y: 50%;--spotlight-radius: 550px;--spotlight-opacity: 0}.hn-hero--immersive>*:not([aria-hidden=true]){position:relative;z-index:1}.dark .hn-hero--immersive{--mesh-opacity-light: .85;--mesh-opacity-dark: 1}.hn-hero--minimal{position:relative;display:flex;flex-direction:column;align-items:center}.hn-hero--minimal>*{position:relative;z-index:1}.hn-hero--compact{position:relative;text-align:center;padding:var(--fd-space-10) var(--fd-space-4) var(--fd-space-8)}.hn-hero--compact>*{position:relative;z-index:1}.hn-hero--immersive>[aria-hidden=true]{position:absolute;inset:0;pointer-events:none}@media(prefers-reduced-motion:reduce){.hn-reveal,.hn-stagger>*,.hn-parallax-slow,.hn-parallax-fast,.hn-pin,.hn-horizontal,.hn-counter,.hn-text-reveal>*,.hn-type-split>*,.hn-aurora,.hn-gradient-border:before,.hn-beam:after{animation:none!important;opacity:1!important;transform:none!important;transition:none!important}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.hidden{display:none}.focus\:not-sr-only:focus{position:static;width:auto;height:auto;padding:0;margin:0;overflow:visible;clip:auto;white-space:normal}astro-island{display:contents}html{scroll-behavior:smooth;-webkit-tap-highlight-color:transparent}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px;border-radius:2px}html.theme-transitioning,html.theme-transitioning body,html.theme-transitioning .hanoon-topbar,html.theme-transitioning .hanoon-nav-island-inner,html.theme-transitioning .hanoon-mini-player,html.theme-transitioning .hanoon-nav-pill,html.theme-transitioning .hanoon-footer,html.theme-transitioning .hanoon-card,html.theme-transitioning .hanoon-card-interactive,html.theme-transitioning .hanoon-btn{transition:background-color var(--theme-transition-duration, .3s),color var(--theme-transition-duration, .3s)!important}@media(prefers-reduced-motion:reduce){html.theme-transitioning,html.theme-transitioning body,html.theme-transitioning .hanoon-topbar,html.theme-transitioning .hanoon-nav-island-inner,html.theme-transitioning .hanoon-mini-player,html.theme-transitioning .hanoon-nav-pill,html.theme-transitioning .hanoon-footer,html.theme-transitioning .hanoon-card,html.theme-transitioning .hanoon-card-interactive,html.theme-transitioning .hanoon-btn{transition-duration:.01ms!important}}html.large-text{font-size:125%}.skeleton{background:linear-gradient(90deg,#efeae6,#f4f1ee 40%,#efeae6);background-size:200% 100%;animation:hanoon-shimmer 1.5s ease-in-out infinite;border-radius:6px}.dark .skeleton{background:linear-gradient(90deg,#1d1a17,#262322 40%,#1d1a17);background-size:200% 100%}.hanoon-toast{position:fixed;bottom:calc(4.5rem + env(safe-area-inset-bottom,0px));left:50%;transform:translate(-50%);padding:.75rem 1.25rem;border-radius:12px;font-size:.875rem;z-index:9999;background:#0b0c0f;color:#f3f1f0;box-shadow:0 4px 16px #38382e26;animation:hanoon-fade-up .3s var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}@media(min-width:640px){.hanoon-toast{bottom:1.5rem}}.hanoon-toast.hanoon-toast-exit{animation:hanoon-toast-exit .2s var(--hanoon-easing-exit, cubic-bezier(.4, 0, 1, 1)) both}.dark .hanoon-toast{background:#ecebe9;color:#050607}.hanoon-toast-success{background:var(--feedback-success-bg);color:var(--feedback-success-text);border:1px solid var(--feedback-success-border)}.hanoon-toast-error{background:var(--feedback-danger-bg);color:var(--feedback-danger-text);border:1px solid var(--feedback-danger-border)}.text-display{font-size:var(--text-display-size);line-height:var(--text-display-leading);font-weight:var(--text-display-weight);letter-spacing:var(--text-display-tracking)}.text-heading{font-size:var(--text-heading-size);line-height:var(--text-heading-leading);font-weight:var(--text-heading-weight);letter-spacing:var(--text-heading-tracking)}.text-title{font-size:var(--text-title-size);line-height:var(--text-title-leading);font-weight:var(--text-title-weight);letter-spacing:var(--text-title-tracking)}.text-body{font-size:var(--text-body-size);line-height:var(--text-body-leading);font-weight:var(--text-body-weight);letter-spacing:var(--text-body-tracking)}.text-caption{font-size:var(--text-caption-size);line-height:var(--text-caption-leading);font-weight:var(--text-caption-weight);letter-spacing:var(--text-caption-tracking)}.text-overline{font-size:var(--text-overline-size);line-height:var(--text-overline-leading);font-weight:var(--text-overline-weight);letter-spacing:var(--text-overline-tracking);text-transform:uppercase}.hanoon-card{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--fd-duration-surface, .2s) var(--fd-easing-standard),border-color var(--fd-duration-surface, .2s) var(--fd-easing-standard),transform var(--fd-duration-surface, .2s) var(--fd-easing-standard)}.hanoon-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.hanoon-card-interactive{background:var(--surface-raised);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);transition:box-shadow var(--hanoon-duration-normal, .25s) var(--hanoon-easing-standard, cubic-bezier(.2, 0, 0, 1)),border-color var(--hanoon-duration-normal, .25s) var(--hanoon-easing-standard, cubic-bezier(.2, 0, 0, 1)),transform var(--hanoon-duration-normal, .25s) var(--hanoon-easing-standard, cubic-bezier(.2, 0, 0, 1))}.hanoon-card-interactive:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong);transform:translateY(-2px)}.hanoon-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:var(--radius-lg);font-weight:500;cursor:pointer;border:none;transition:background-color var(--fd-duration-fast, .12s) var(--fd-easing-standard),box-shadow var(--fd-duration-fast, .12s) var(--fd-easing-standard),transform var(--fd-duration-instant, 80ms) var(--fd-easing-standard)}.hanoon-btn:active{transform:scale(var(--motion-press-scale, .97))}.hanoon-btn:disabled{opacity:.5;cursor:not-allowed}.hanoon-btn:disabled:active{transform:none}.hanoon-btn-primary{background:#0b0c0f;color:#f3f1f0;box-shadow:var(--shadow-sm)}.hanoon-btn-primary:hover{box-shadow:var(--shadow-md)}.dark .hanoon-btn-primary{background:#ecebe9;color:#050607}.hanoon-btn-secondary{background:var(--surface-muted);color:var(--text-primary)}.hanoon-btn-secondary:hover{background:var(--surface-emphasis)}.hanoon-btn-ghost{background:transparent;color:var(--text-secondary)}.hanoon-btn-ghost:hover{background:var(--surface-muted);color:var(--text-primary)}.hanoon-btn-sm{min-height:36px;padding:.375rem .875rem;font-size:var(--text-caption-size)}.hanoon-btn-md{min-height:44px;padding:.625rem 1.25rem;font-size:var(--text-body-size)}.hanoon-btn-lg{min-height:52px;padding:.75rem 1.5rem;font-size:var(--text-title-size)}.hanoon-input{width:100%;padding:.625rem 1rem;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-body-size);outline:none;transition:border-color var(--hanoon-duration-fast, .15s),box-shadow var(--hanoon-duration-fast, .15s)}.hanoon-input::placeholder{color:var(--text-muted)}.hanoon-input:focus{border-color:var(--border-focus, oklch(.56 .085 252));box-shadow:0 0 0 3px #4e77a51a}.dark .hanoon-input:focus{border-color:var(--border-focus, oklch(.72 .07 252));box-shadow:0 0 0 3px #85a8d01f}.hanoon-chip{display:inline-flex;align-items:center;padding:.25rem .625rem;border-radius:var(--radius-full);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--text-overline-size);font-weight:500}.hanoon-tab{padding:.375rem .875rem;border-radius:var(--radius-full);font-size:var(--text-caption-size);font-weight:500;color:var(--text-secondary);background:var(--surface-muted);border:1px solid var(--border-subtle);cursor:pointer;transition:background-color var(--hanoon-duration-fast, .15s),color var(--hanoon-duration-fast, .15s),border-color var(--hanoon-duration-fast, .15s),box-shadow var(--hanoon-duration-fast, .15s),transform 80ms ease-out}.hanoon-tab:hover{background:var(--surface-emphasis);border-color:var(--border-strong)}.hanoon-tab:active{transform:scale(.95)}.hanoon-tab-active,.hanoon-tab[aria-selected=true]{background:var(--tab-active-bg, oklch(.55 .085 252));color:var(--tab-active-text, white);border-color:var(--tab-active-border, oklch(.48 .075 252));box-shadow:var(--shadow-sm)}.hanoon-tab-active:hover,.hanoon-tab[aria-selected=true]:hover{background:var(--tab-active-hover-bg, oklch(.48 .075 252))}.hanoon-tab-active:active,.hanoon-tab[aria-selected=true]:active{transform:scale(.95)}.hanoon-badge{display:inline-flex;align-items:center;justify-content:center;min-width:1.5rem;height:1.5rem;padding:0 .375rem;border-radius:var(--radius-full);font-size:.75rem;font-weight:600;line-height:1;background:var(--surface-emphasis);color:var(--text-secondary)}.hanoon-divider{height:1px;border:none;background:var(--border-subtle);margin:0}.hanoon-overlay{position:fixed;inset:0;z-index:var(--z-overlay, 30);background:var(--overlay-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.hanoon-feedback-success{background:var(--feedback-success-bg);border:1px solid var(--feedback-success-border);color:var(--feedback-success-text);padding:.375rem .75rem;border-radius:var(--radius-md);font-size:var(--text-caption-size)}.hanoon-feedback-danger{background:var(--feedback-danger-bg);border:1px solid var(--feedback-danger-border);color:var(--feedback-danger-text);padding:.375rem .75rem;border-radius:var(--radius-md);font-size:var(--text-caption-size)}.hanoon-feedback-warning{background:var(--feedback-warning-bg);border:1px solid var(--feedback-warning-border);color:var(--feedback-warning-text);padding:.375rem .75rem;border-radius:var(--radius-md);font-size:var(--text-caption-size)}.hanoon-feedback-info{background:var(--feedback-info-bg);border:1px solid var(--feedback-info-border);color:var(--feedback-info-text);padding:.375rem .75rem;border-radius:var(--radius-md);font-size:var(--text-caption-size)}.hanoon-glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur, 18px));-webkit-backdrop-filter:blur(var(--glass-blur, 18px));border:1px solid var(--glass-border);border-radius:var(--radius-xl)}.hanoon-reading-surface{background:var(--surface-content);border-radius:var(--radius-lg);padding:var(--space-5)}.hanoon-skeleton{background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 40%,var(--skeleton-base) 100%);background-size:200% 100%;animation:hanoon-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm)}.hn-skeleton{background:linear-gradient(90deg,var(--neutral-3) 25%,var(--neutral-4) 50%,var(--neutral-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--fd-radius-md)}@keyframes shimmer{to{background-position:-200% 0}}.hn-skeleton--overlay{position:absolute;inset:0;border-radius:inherit;z-index:1;background:linear-gradient(90deg,var(--neutral-3) 25%,var(--neutral-4) 50%,var(--neutral-3) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--fd-space-3)}@media(prefers-reduced-motion:reduce){.hn-skeleton--overlay{animation:none}}.hanoon-link-underline{text-decoration:none;background-image:linear-gradient(currentColor,currentColor);background-position:0% 100%;background-repeat:no-repeat;background-size:0% 1px;transition:background-size var(--fd-duration-surface, .2s) var(--fd-easing-standard)}.hanoon-link-underline:hover{background-size:100% 1px}.hanoon-focus-ring:focus-visible{outline:var(--focus-ring-width, 2px) solid var(--focus-ring-color);outline-offset:var(--focus-ring-offset, 2px);transition:outline-offset var(--fd-duration-fast, .12s) var(--fd-easing-standard)}.hanoon-mini-player{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-sticky, 20);padding-bottom:var(--safe-area-bottom);background:var(--app-shell-glass-bg);backdrop-filter:blur(var(--app-shell-glass-blur, 18px));-webkit-backdrop-filter:blur(var(--app-shell-glass-blur, 18px));border-top:1px solid var(--border-subtle)}.hanoon-section-card{transition:background-color var(--hanoon-duration-fast, .15s)}@media(min-width:640px){.hanoon-section-card{padding:var(--space-5);border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--surface-raised);box-shadow:var(--shadow-sm)}}.shell,.hanoon-shell{width:min(1120px,100%);margin-inline:auto;padding-inline:var(--space-4)}.rail,.hanoon-rail{display:flex;flex-direction:column;gap:.375rem;padding:.75rem;border-radius:var(--radius-xl);border:1px solid var(--app-shell-border);background:var(--app-shell-elevated-bg);box-shadow:var(--shadow-sm)}.hanoon-topbar{position:sticky;top:0;z-index:var(--z-sticky, 20);padding-top:var(--safe-area-top);border-bottom:1px solid var(--app-shell-border);background:var(--app-shell-glass-bg);backdrop-filter:blur(var(--app-shell-glass-blur, 18px));-webkit-backdrop-filter:blur(var(--app-shell-glass-blur, 18px))}.hanoon-tab-rail{display:flex;align-items:center;gap:var(--nav-gap);overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;padding:.375rem .125rem .25rem}.hanoon-tab-rail::-webkit-scrollbar{display:none}.hanoon-tab-pill{display:inline-flex;align-items:center;justify-content:center;min-height:var(--nav-item-height);padding:0 .875rem;border-radius:var(--nav-item-radius);color:var(--nav-inactive-text);text-decoration:none;white-space:nowrap;transition:background-color var(--motion-surface-duration) var(--motion-surface-easing),color var(--motion-surface-duration) var(--motion-surface-easing),transform var(--hanoon-duration-fast) var(--hanoon-easing-standard)}.hanoon-tab-pill:hover{background:var(--surface-hover);color:var(--text-secondary)}.hanoon-tab-pill[aria-current=page]{background:var(--nav-active-bg);color:var(--nav-active-text)}.hanoon-tab-pill:active{transform:scale(var(--motion-press-scale))}.hanoon-route-progress,.route-progress{position:fixed;top:0;left:0;right:0;height:2px;z-index:var(--z-toast, 50);pointer-events:none}.hanoon-route-progress:before,.route-progress:before{content:"";display:block;width:30%;height:100%;background:var(--motion-route-progress-color);transform-origin:left center;animation:hanoon-route-progress-indeterminate 1.1s linear infinite}.hanoon-shimmer{position:relative;overflow:hidden;background:var(--surface-muted)}.hanoon-shimmer:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0%,oklch(1 0 0 / .35) 50%,transparent 100%);animation:hanoon-shimmer 1.6s ease-in-out infinite}.hanoon-drawer{position:relative;z-index:var(--z-overlay, 30)}.hanoon-drawer-backdrop{position:fixed;inset:0;z-index:var(--z-overlay, 30);background:var(--overlay-bg);opacity:0;pointer-events:none;transition:opacity var(--motion-surface-duration, .24s) var(--motion-surface-easing)}.hanoon-drawer-backdrop.is-open{opacity:1;pointer-events:auto}.hanoon-drawer-panel{position:fixed;top:0;inset-inline-start:0;bottom:0;width:var(--drawer-width-mobile, min(88vw, 22rem));max-width:100%;z-index:calc(var(--z-overlay, 30) + 1);background:color-mix(in oklab,var(--surface-raised) 92%,var(--surface-canvas));border-inline-end:1px solid var(--border-subtle);box-shadow:var(--shadow-xl);transform:translate(-100%);transition:transform var(--motion-surface-duration, .24s) var(--motion-surface-easing);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;padding-top:max(var(--safe-area-top),.85rem);padding-bottom:max(var(--safe-area-bottom),.85rem)}[dir=rtl] .hanoon-drawer-panel{transform:translate(100%)}.hanoon-drawer-panel.is-open{transform:translate(0)}.hanoon-nav-trigger{position:fixed;top:calc(max(var(--safe-area-top),0px) + .8rem);inset-inline-start:.8rem;z-index:var(--z-sticky, 20);min-width:2.75rem;min-height:2.75rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-secondary);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color var(--motion-surface-duration, .24s) var(--motion-surface-easing),color var(--motion-surface-duration, .24s) var(--motion-surface-easing),border-color var(--motion-surface-duration, .24s) var(--motion-surface-easing),transform var(--hanoon-duration-fast, .14s) var(--hanoon-easing-standard)}.hanoon-nav-trigger:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.hanoon-nav-trigger:active{transform:scale(var(--motion-press-scale, .97))}@media(min-width:1024px){.hanoon-drawer-panel{width:var(--drawer-width-desktop, 22rem)}}.hanoon-fab,.hanoon-floating-action-trigger{position:fixed;bottom:calc(var(--floating-trigger-offset-y, var(--fab-offset-y)) + var(--safe-area-bottom));inset-inline-end:var(--floating-trigger-offset-x, var(--fab-offset-x));z-index:var(--z-overlay, 30);width:var(--floating-trigger-size, var(--fab-size));height:var(--floating-trigger-size, var(--fab-size));border-radius:50%;border:1px solid var(--floating-trigger-border, transparent);background:var(--floating-trigger-bg, var(--fab-bg));color:var(--floating-trigger-color, var(--fab-color));box-shadow:var(--fab-shadow, var(--shadow-lg));cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform var(--hanoon-duration-fast, .14s) var(--hanoon-easing-standard),box-shadow var(--hanoon-duration-fast, .14s) var(--hanoon-easing-standard);-webkit-tap-highlight-color:transparent;will-change:transform}.hanoon-fab:hover,.hanoon-floating-action-trigger:hover{box-shadow:var(--shadow-lg)}.hanoon-fab:active,.hanoon-floating-action-trigger:active{transform:scale(var(--motion-press-scale, .97))}.hanoon-fab svg,.hanoon-floating-action-trigger svg{width:24px;height:24px;transition:transform var(--hanoon-duration-normal, .24s) var(--hanoon-easing-spring)}.hanoon-fab.is-open svg,.hanoon-floating-action-trigger.is-open svg{transform:rotate(90deg) scale(.9)}.hanoon-fab-elevated{bottom:calc(var(--fab-elevated-offset) + var(--safe-area-bottom))}.hanoon-sheet-backdrop{position:fixed;inset:0;z-index:calc(var(--z-overlay, 30) - 1);background:var(--sheet-backdrop);opacity:0;pointer-events:none;transition:opacity var(--hanoon-duration-fast, .14s) var(--hanoon-easing-standard)}.hanoon-sheet-backdrop.is-open{opacity:1;pointer-events:auto}.hanoon-sheet{position:fixed;left:0;right:0;bottom:0;z-index:var(--z-overlay, 30);max-height:var(--sheet-max-height);background:var(--sheet-bg);border-top-left-radius:var(--sheet-radius);border-top-right-radius:var(--sheet-radius);box-shadow:var(--sheet-shadow);transform:translateY(100%);transition:transform var(--hanoon-duration-normal, .24s) var(--hanoon-easing-entrance);padding-bottom:var(--safe-area-bottom);will-change:transform;touch-action:none}.hanoon-command-backdrop{position:fixed;inset:0;z-index:calc(var(--z-overlay, 30) - 1);background:var(--command-sheet-backdrop, var(--overlay-bg));opacity:0;pointer-events:none;transition:opacity var(--motion-surface-duration, .24s) var(--motion-surface-easing)}.hanoon-command-backdrop.is-open{opacity:1;pointer-events:auto}.hanoon-command-sheet{position:fixed;left:max(env(safe-area-inset-left,0px),.5rem);right:max(env(safe-area-inset-right,0px),.5rem);width:auto;max-width:min(var(--command-sheet-max-width, 44rem),calc(100vw - 1rem));margin-inline:auto;bottom:max(var(--safe-area-bottom),.5rem);max-height:min(78vh,46rem);overflow:hidden;overscroll-behavior:contain;z-index:var(--z-overlay, 30);background:color-mix(in oklab,var(--surface-raised) 94%,var(--surface-canvas));border:1px solid var(--border-subtle);border-radius:var(--command-sheet-radius, 22px);box-shadow:var(--command-sheet-shadow, var(--shadow-xl));opacity:0;visibility:hidden;pointer-events:none;transform:translateY(calc(100% + 2rem));transition:transform var(--motion-surface-duration, .24s) var(--motion-surface-easing),opacity var(--motion-surface-duration, .24s) var(--motion-surface-easing),visibility 0s linear var(--motion-surface-duration, .24s);padding:var(--command-sheet-padding, 1rem);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.hanoon-command-sheet.is-open{transform:translateY(0);opacity:1;visibility:visible;pointer-events:auto;transition:transform var(--motion-surface-duration, .24s) var(--motion-surface-easing),opacity var(--motion-surface-duration, .24s) var(--motion-surface-easing),visibility 0s linear 0s}.hanoon-command-sheet-body{max-height:calc(min(78vh,46rem) - 2rem);overflow:auto;overscroll-behavior:contain}@media(max-width:640px){.hanoon-command-sheet{left:max(env(safe-area-inset-left,0px),.375rem);right:max(env(safe-area-inset-right,0px),.375rem);max-width:calc(100vw - .75rem);bottom:max(var(--safe-area-bottom),.35rem);max-height:min(84vh,46rem);border-radius:18px}}.hanoon-sheet.is-open{transform:translateY(0)}.hanoon-sheet-handle{display:flex;justify-content:center;padding:.75rem 0 .5rem;cursor:grab}.hanoon-sheet-handle:before{content:"";width:var(--sheet-handle-width);height:var(--sheet-handle-height);border-radius:var(--radius-full);background:var(--sheet-handle-bg)}.hanoon-sheet-body{overflow-y:auto;overscroll-behavior:contain;padding:0 1.25rem 1.25rem;max-height:calc(var(--sheet-max-height) - 2.5rem)}.hanoon-theme-toggle{position:fixed;top:calc(var(--safe-area-top) + .6rem);inset-inline-end:.75rem;z-index:var(--z-sticky, 20);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-secondary);border-radius:var(--radius-full);min-height:2.25rem;padding:0 .75rem;display:inline-flex;align-items:center;gap:.4rem;font-size:.8rem;cursor:pointer;box-shadow:var(--shadow-sm);transition:background-color var(--hanoon-duration-fast, .14s),color var(--hanoon-duration-fast, .14s),border-color var(--hanoon-duration-fast, .14s),box-shadow var(--hanoon-duration-fast, .14s)}.hanoon-theme-toggle:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong);box-shadow:var(--shadow-md)}.hanoon-theme-toggle svg{width:1rem;height:1rem}.hanoon-skip-link{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0;text-decoration:none}.hanoon-skip-link:focus{position:fixed;top:calc(var(--safe-area-top) + .5rem);inset-inline-start:.75rem;z-index:var(--z-toast, 50);background:var(--surface-raised);color:var(--text-primary);padding:.45rem .8rem;border-radius:var(--radius-md);box-shadow:var(--shadow-md);font-size:var(--text-caption-size)}body.hanoon-menu-open{overflow:hidden;touch-action:none}.hanoon-fullscreen-shell{min-height:100svh}.hn-service-footer{margin-top:var(--section-gap-sm);border-top:1px solid color-mix(in oklab,var(--border-subtle) 60%,transparent);background:transparent;padding-bottom:.75rem}.hanoon-footer{border-top:1px solid var(--border-subtle);text-align:center;padding:2.5rem 1.5rem calc(2rem + var(--safe-area-bottom));color:var(--text-muted);font-size:var(--text-caption-size)}.hanoon-footer-meta{display:flex;flex-direction:column;gap:.2rem}.hanoon-footer-copy{margin:0}.hanoon-footer-links{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem 1.25rem;margin-top:.75rem;font-size:var(--text-overline-size)}.hanoon-footer-links a{color:var(--text-muted);text-decoration:none;transition:color var(--fd-duration-fast) var(--fd-easing-standard)}.hanoon-footer-links a:hover{color:var(--text-secondary)}.hanoon-btn-loading{position:relative;color:transparent!important;pointer-events:none}.hanoon-btn-loading:after{content:"";position:absolute;width:1.125rem;height:1.125rem;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:hanoon-spin .6s linear infinite;inset:0;margin:auto;color:var(--text-inverse)}.dark .hanoon-btn-loading:after{color:var(--text-primary)}.hanoon-page-enter{animation:hanoon-content-appear var(--fd-duration-emphasis, .5s) var(--fd-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.hanoon-page-enter-stagger>*:nth-child(1){animation-delay:0ms}.hanoon-page-enter-stagger>*:nth-child(2){animation-delay:60ms}.hanoon-page-enter-stagger>*:nth-child(3){animation-delay:.12s}.hanoon-page-enter-stagger>*:nth-child(4){animation-delay:.18s}.hanoon-page-enter-stagger>*:nth-child(5){animation-delay:.24s}.hanoon-brand-display{font-family:var(--font-serif, "Noto Serif KR", Georgia, serif);font-weight:800;letter-spacing:.1em;color:var(--text-primary)}:root[data-hn-service=landing]{--tab-active-bg: color-mix(in oklab, var(--accent-landing) 76%, white);--hn-focus-accent: var(--accent-landing);--motion-route-progress-color: var(--accent-landing)}:root[data-hn-service=auth]{--tab-active-bg: color-mix(in oklab, var(--accent-auth) 76%, white);--hn-focus-accent: var(--accent-auth);--motion-route-progress-color: var(--accent-auth)}:root[data-hn-service=hymn]{--tab-active-bg: color-mix(in oklab, var(--accent-hymn) 76%, white);--hn-focus-accent: var(--accent-hymn);--motion-route-progress-color: var(--accent-hymn)}:root[data-hn-service=pwgen]{--tab-active-bg: color-mix(in oklab, var(--accent-pwgen) 76%, white);--hn-focus-accent: var(--accent-pwgen);--motion-route-progress-color: var(--accent-pwgen)}:root[data-hn-service=wc]{--tab-active-bg: color-mix(in oklab, var(--accent-wc) 76%, white);--hn-focus-accent: var(--accent-wc);--motion-route-progress-color: var(--accent-wc)}:root[data-hn-service=cc]{--tab-active-bg: color-mix(in oklab, var(--accent-cc) 76%, white);--hn-focus-accent: var(--accent-cc);--motion-route-progress-color: var(--accent-cc)}:root[data-hn-service=bmicalc]{--tab-active-bg: color-mix(in oklab, var(--accent-bmicalc) 76%, white);--hn-focus-accent: var(--accent-bmicalc);--motion-route-progress-color: var(--accent-bmicalc)}.hanoon-loading-shell{min-height:6rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:color-mix(in oklab,var(--surface-raised) 92%,var(--surface-canvas))}:root[data-hn-motion=forward] .hanoon-transition-shell{will-change:transform,opacity;animation:hanoon-route-slide-forward var(--motion-route-duration, .3s) var(--motion-route-easing) both}:root[data-hn-motion=back] .hanoon-transition-shell{will-change:transform,opacity;animation:hanoon-route-slide-back var(--motion-route-duration, .3s) var(--motion-route-easing) both}:root.is-restoring-history .hanoon-transition-shell{will-change:opacity;animation:hanoon-fade-in .18s var(--hanoon-easing-entrance) both}.hanoon-prose h1{font-size:1.875rem;font-weight:700;line-height:1.3;color:var(--text-primary);margin-bottom:1rem}.hanoon-prose h2{font-size:1.5rem;font-weight:600;line-height:1.35;color:var(--text-primary);margin-top:2rem;margin-bottom:.75rem}.hanoon-prose h3{font-size:1.25rem;font-weight:600;line-height:1.4;color:var(--text-primary);margin-top:1.5rem;margin-bottom:.5rem}.hanoon-prose p{line-height:1.75;color:var(--text-secondary);margin-bottom:1rem}.hanoon-prose a{color:var(--hn-accent);text-decoration:underline;text-underline-offset:2px;transition:color var(--fd-duration-fast) var(--fd-easing-standard)}.hanoon-prose a:hover{color:var(--hn-accent-strong)}.hanoon-prose ul{list-style:disc;padding-inline-start:1.5rem;margin-bottom:1rem;color:var(--text-secondary);line-height:1.75}.hanoon-prose li+li{margin-top:.25rem}.hanoon-prose blockquote{border-inline-start:3px solid var(--border-subtle);padding-inline-start:1rem;margin:1rem 0;color:var(--text-muted);font-style:italic}.hanoon-prose strong{font-weight:600;color:var(--text-primary)}.hanoon-prose hr{border:none;border-top:1px solid var(--border-subtle);margin:1.5rem 0}.hanoon-legal-page{width:min(56rem,100%);margin-inline:auto;padding:clamp(1.5rem,3vw,2.5rem) clamp(1rem,3vw,1.5rem) clamp(3rem,8vw,4rem)}.hanoon-legal-hero{padding:clamp(1rem,3vw,1.75rem);margin-bottom:1.5rem;border:1px solid color-mix(in oklab,var(--border-subtle) 80%,transparent);border-radius:var(--fd-radius-2xl);background:color-mix(in oklab,var(--surface-raised) 92%,transparent)}.hanoon-legal-eyebrow,.hanoon-legal-meta{margin:0 0 .6rem;color:var(--text-muted);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hanoon-legal-summary{margin-bottom:0;font-size:1.05rem;color:var(--text-primary)}.hanoon-legal-section{padding:clamp(1rem,2vw,1.25rem) 0}.hanoon-legal-cta{margin-top:var(--fd-space-4)}.hanoon-legal-cta .hn-btn{text-decoration:none}.hanoon-prose a.hn-btn{color:var(--text-primary);text-decoration:none}.hanoon-prose a.hn-btn--primary{color:#fff}.hanoon-input-lg{width:100%;padding:.875rem 1.25rem;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);background:var(--surface-base);color:var(--text-primary);font-size:var(--text-title-size);outline:none;transition:border-color var(--hanoon-duration-fast, .15s),box-shadow var(--hanoon-duration-fast, .15s)}.hanoon-input-lg::placeholder{color:var(--text-muted)}.hanoon-input-lg:focus{border-color:var(--border-focus, oklch(.56 .085 252));box-shadow:0 0 0 3px #4e77a51a}.dark .hanoon-input-lg:focus{border-color:var(--border-focus, oklch(.72 .07 252));box-shadow:0 0 0 3px #85a8d01f}.hanoon-glass-panel{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur, 18px));-webkit-backdrop-filter:blur(var(--glass-blur, 18px));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.hanoon-nav-pill{position:fixed;top:calc(max(var(--safe-area-top),0px) + .8rem);inset-inline-start:.8rem;z-index:var(--z-sticky, 20);min-width:2.75rem;min-height:2.75rem;border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-secondary);box-shadow:var(--shadow-md);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;-webkit-tap-highlight-color:transparent;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);transition:background-color var(--fd-duration-surface) var(--fd-easing-standard),color var(--fd-duration-surface) var(--fd-easing-standard),border-color var(--fd-duration-surface) var(--fd-easing-standard),transform var(--fd-duration-fast) var(--fd-easing-standard),opacity var(--fd-duration-surface) var(--fd-easing-standard)}.hanoon-nav-pill:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.hanoon-nav-pill:active{transform:scale(var(--motion-press-scale, .97))}.hanoon-nav-pill.is-hidden{opacity:0;pointer-events:none;transform:translateY(-8px)}@media(min-width:1024px){.hanoon-nav-pill{display:none}}@media(max-width:639px){.hanoon-topbar,.hanoon-mini-player{backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}.hanoon-nav-pill{backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}}.hanoon-sidebar{display:none}@media(min-width:1024px){.hanoon-sidebar{display:flex;flex-direction:column;position:fixed;top:0;inset-inline-start:0;bottom:0;width:64px;z-index:var(--z-sticky, 20);background:var(--surface-base);border-inline-end:1px solid var(--border-subtle);padding:1rem 0;overflow:hidden;transition:width var(--fd-duration-surface) var(--fd-easing-standard)}.hanoon-sidebar.is-expanded{width:280px}.hanoon-sidebar-content{display:flex;flex-direction:column;gap:.5rem;padding:.75rem;min-height:100%}}.hanoon-surface{transition:background-color var(--fd-duration-fast)}@media(min-width:640px){.hanoon-surface{padding:var(--fd-space-5);border-radius:var(--fd-radius-xl);border:1px solid var(--border-subtle);background:var(--surface-raised);box-shadow:var(--shadow-sm)}}.hanoon-footer-modal-backdrop{position:fixed;inset:0;z-index:var(--z-modal, 40);background:var(--footer-modal-backdrop);opacity:0;pointer-events:none;transition:opacity var(--fd-duration-surface) var(--fd-easing-standard)}.hanoon-footer-modal-backdrop.is-open{opacity:1;pointer-events:auto}.hanoon-footer-modal{position:fixed;inset:0;z-index:calc(var(--z-modal, 40) + 1);display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}.hanoon-footer-modal.is-open{pointer-events:auto}.hanoon-footer-modal-panel{width:100%;max-width:var(--footer-modal-max-width);max-height:80vh;display:flex;flex-direction:column;background:var(--footer-modal-bg);border-radius:var(--footer-modal-radius);box-shadow:var(--shadow-lg);opacity:0;transform:translateY(.5rem);transition:opacity var(--fd-duration-surface) var(--fd-easing-entrance),transform var(--fd-duration-surface) var(--fd-easing-entrance)}.hanoon-footer-modal.is-open .hanoon-footer-modal-panel{opacity:1;transform:translateY(0)}.hanoon-footer-modal-header{display:flex;justify-content:flex-end;padding:.75rem 1rem 0;flex-shrink:0}.hanoon-footer-modal-close{display:flex;align-items:center;justify-content:center;width:2.25rem;height:2.25rem;border:none;border-radius:var(--fd-radius-md);background:transparent;color:var(--text-muted);cursor:pointer;transition:background-color var(--fd-duration-fast) var(--fd-easing-standard),color var(--fd-duration-fast) var(--fd-easing-standard)}.hanoon-footer-modal-close:hover{background:var(--surface-hover);color:var(--text-primary)}.hanoon-footer-modal-body{padding:0 1.5rem 1.5rem;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}@media(max-width:639px){.hanoon-footer-modal{align-items:flex-end;padding:0}.hanoon-footer-modal-panel{width:100%;max-width:none;max-height:100svh;min-height:min(80svh,42rem);border-radius:1.5rem 1.5rem 0 0}.hanoon-footer-modal-header{position:sticky;top:0;z-index:1;background:var(--surface-base);padding:.85rem 1rem 0}.hanoon-footer-modal-body{padding-bottom:calc(1.5rem + var(--safe-area-bottom))}}.hanoon-footer-modal-spinner{display:flex;align-items:center;justify-content:center;padding:3rem 0;color:var(--text-muted)}.hanoon-legal-blockquote{margin:1rem 0;padding:1rem 1.25rem;border-left:3px solid var(--hn-accent);background:var(--surface-muted);border-radius:0 var(--fd-radius-md) var(--fd-radius-md) 0}.hanoon-legal-blockquote p{margin:0;font-style:italic;line-height:1.8;color:var(--text-primary)}.hanoon-legal-blockquote footer{margin-top:.5rem;font-size:var(--text-small-size);font-style:normal;color:var(--text-muted)}.hanoon-legal-definition{margin:.75rem 0;padding:1rem 1.25rem;border-radius:var(--fd-radius-lg);border:1px solid var(--border-subtle);background:var(--surface-raised)}.hanoon-legal-definition dt{margin:0;font-weight:600;color:var(--text-primary)}.hanoon-legal-definition dd{margin:.25rem 0 0;font-size:var(--text-small-size);line-height:1.7;color:var(--text-secondary)}.hn-error-message{font-size:var(--text-small-size, .8125rem);color:var(--feedback-danger-text);margin-top:var(--fd-space-1)}.hn-error-message[role=alert]{font-weight:500}.hn-form-group{display:flex;flex-direction:column;gap:var(--fd-space-1)}.hn-form-group>label{font-size:var(--text-caption-size);font-weight:500;color:var(--text-secondary)}.hn-form-group>.hn-error-message{margin-top:0}.hn-live-region{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}[dir=rtl] .hanoon-fab.is-open svg,[dir=rtl] .hanoon-floating-action-trigger.is-open svg{transform:rotate(-90deg) scale(.9)}[dir=rtl] .hanoon-route-progress:before,[dir=rtl] .route-progress:before{transform-origin:right center}[dir=rtl] .hanoon-footer-modal-header{justify-content:flex-start}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition-duration:.01ms!important;animation-duration:.01ms!important}.hanoon-route-progress:before,.hanoon-shimmer:after{animation:none!important}.hanoon-fab svg{transition:none!important}.hanoon-sheet,.hanoon-sheet-backdrop,.hanoon-footer-modal-backdrop,.hanoon-footer-modal-panel{transition:none!important}.hanoon-card:hover,.hanoon-card-interactive:hover{transform:none!important}.hanoon-link-underline{background-size:100% 1px!important;transition:none!important}}@keyframes hanoon-fade-in{0%{opacity:0}to{opacity:1}}@keyframes hanoon-fade-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hanoon-scale-in{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes hanoon-slide-left{0%{opacity:0;transform:translate(-16px)}to{opacity:1;transform:translate(0)}}@keyframes hanoon-route-enter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes hanoon-route-exit{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes hanoon-shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-2px)}40%,80%{transform:translate(2px)}}@keyframes hanoon-pulse{0%,to{opacity:1}50%{opacity:.6}}@keyframes hanoon-spin{to{transform:rotate(360deg)}}@keyframes hanoon-slide-up{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes hanoon-slide-down{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}@keyframes hanoon-scale-tap{0%{transform:scale(1)}50%{transform:scale(.95)}to{transform:scale(1)}}@keyframes hanoon-bounce-in{0%{opacity:0;transform:scale(.3)}50%{opacity:1;transform:scale(1.08)}70%{transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes hanoon-tab-enter{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes hanoon-expand{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}@keyframes hanoon-overlay-enter{0%{opacity:0}to{opacity:1}}@keyframes hanoon-overlay-exit{0%{opacity:1}to{opacity:0}}@keyframes hanoon-drawer-enter{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes hanoon-check-draw{0%{stroke-dashoffset:24}to{stroke-dashoffset:0}}@keyframes hanoon-toast-exit{0%{opacity:1;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(8px)}}@keyframes hanoon-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes hanoon-route-progress-indeterminate{0%{transform:translate(-120%) scaleX(.25);opacity:.3}45%{transform:translate(25%) scaleX(1);opacity:.95}to{transform:translate(360%) scaleX(.45);opacity:.1}}@keyframes hanoon-loading-breathe{0%,to{opacity:.5}50%{opacity:1}}@keyframes hanoon-content-appear{0%{opacity:0;filter:blur(2px);transform:translateY(10px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}@keyframes hanoon-route-slide-forward{0%{opacity:0;transform:translate(30px)}to{opacity:1;transform:translate(0)}}@keyframes hanoon-route-slide-back{0%{opacity:0;transform:translate(-30px)}to{opacity:1;transform:translate(0)}}@keyframes hanoon-success-pulse{0%{box-shadow:0 0 #499a6366}70%{box-shadow:0 0 0 10px #499a6300}to{box-shadow:0 0 #499a6300}}@keyframes hanoon-fab-enter{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@keyframes hanoon-icon-morph{0%{transform:rotate(0) scale(1);opacity:1}40%{transform:rotate(45deg) scale(.85);opacity:.6}to{transform:rotate(90deg) scale(1);opacity:1}}@keyframes hanoon-mini-player-enter{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}@keyframes hanoon-scale-up{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}@keyframes hanoon-slide-right{0%{opacity:0;transform:translate(-12px)}to{opacity:1;transform:translate(0)}}.animate-fade-in{animation:hanoon-fade-in var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-fade-up{animation:hanoon-fade-up var(--hanoon-duration-entrance, .46s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-scale-in{animation:hanoon-scale-in var(--hanoon-duration-normal, .25s) var(--hanoon-easing-spring, cubic-bezier(.34, 1.56, .64, 1)) both}.animate-shake{animation:hanoon-shake var(--hanoon-duration-fast, .15s) ease-in-out}.animate-pulse{animation:hanoon-pulse 2s ease-in-out infinite}.animate-spin{animation:hanoon-spin 1s linear infinite}.motion-route-enter{animation:hanoon-route-enter var(--hanoon-duration-route, .3s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.motion-route-exit{animation:hanoon-route-exit var(--hanoon-duration-route, .3s) var(--hanoon-easing-exit, cubic-bezier(.4, 0, 1, 1)) both}.motion-loading{animation:hanoon-loading-breathe var(--hanoon-duration-loading, 1.2s) ease-in-out infinite}.animate-slide-up{animation:hanoon-slide-up var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-slide-down{animation:hanoon-slide-down var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-bounce-in{animation:hanoon-bounce-in var(--hanoon-duration-slow, .4s) var(--hanoon-easing-spring, cubic-bezier(.34, 1.56, .64, 1)) both}.animate-overlay-enter{animation:hanoon-overlay-enter var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-overlay-exit{animation:hanoon-overlay-exit var(--hanoon-duration-fast, .15s) var(--hanoon-easing-exit, cubic-bezier(.4, 0, 1, 1)) both}.animate-drawer-enter{animation:hanoon-drawer-enter var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-check{stroke-dasharray:24;stroke-dashoffset:24;animation:hanoon-check-draw var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-tab-enter{animation:hanoon-tab-enter var(--hanoon-duration-fast, .15s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-route-progress{animation:hanoon-route-progress-indeterminate var(--fd-duration-loading, 1.1s) linear infinite}.animate-content-appear{animation:hanoon-content-appear var(--hanoon-duration-entrance, .5s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-success-pulse{animation:hanoon-success-pulse .6s ease-out}.animate-mini-player-enter{animation:hanoon-mini-player-enter var(--hanoon-duration-normal, .25s) var(--hanoon-easing-spring, cubic-bezier(.34, 1.56, .64, 1)) both}.animate-fab-enter{animation:hanoon-fab-enter var(--hanoon-duration-slow, .4s) var(--hanoon-easing-spring, cubic-bezier(.34, 1.56, .64, 1)) both}.animate-scale-up{animation:hanoon-scale-up var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.animate-slide-right{animation:hanoon-slide-right var(--hanoon-duration-normal, .25s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.press-feedback{-webkit-tap-highlight-color:transparent;user-select:none}.press-feedback:active{transform:scale(.96);transition:transform 80ms ease-out}.transition-base{transition-property:color,background-color,border-color,opacity;transition-duration:var(--hanoon-duration-fast, .15s);transition-timing-function:var(--hanoon-easing-standard, cubic-bezier(.2, 0, 0, 1))}.transition-interactive{transition-property:color,background-color,border-color,box-shadow,transform,opacity;transition-duration:var(--hanoon-duration-normal, .25s);transition-timing-function:var(--hanoon-easing-standard, cubic-bezier(.2, 0, 0, 1))}.transition-elevation{transition-property:box-shadow,transform;transition-duration:var(--hanoon-duration-normal, .25s);transition-timing-function:var(--hanoon-easing-standard, cubic-bezier(.2, 0, 0, 1))}.loading-skeleton,.skeleton{background:linear-gradient(90deg,var(--skeleton-base) 0%,var(--skeleton-shine) 40%,var(--skeleton-base) 100%);background-size:200% 100%;animation:hanoon-shimmer 1.5s ease-in-out infinite;border-radius:var(--radius-sm, 6px)}.stagger-children>*{opacity:0;animation:hanoon-fade-up var(--hanoon-duration-entrance, .46s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1)) both}.stagger-children>*:nth-child(1){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 0)}.stagger-children>*:nth-child(2){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 1)}.stagger-children>*:nth-child(3){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 2)}.stagger-children>*:nth-child(4){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 3)}.stagger-children>*:nth-child(5){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 4)}.stagger-children>*:nth-child(6){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 5)}.stagger-children>*:nth-child(7){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 6)}.stagger-children>*:nth-child(8){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 7)}.stagger-children>*:nth-child(9){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 8)}.stagger-children>*:nth-child(10){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 9)}.stagger-children>*:nth-child(11){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 10)}.stagger-children>*:nth-child(12){animation-delay:calc(var(--hanoon-stagger-step, 50ms) * 11)}::view-transition-old(root){animation:hanoon-route-exit var(--hanoon-duration-route, .3s) var(--hanoon-easing-exit, cubic-bezier(.4, 0, 1, 1))}::view-transition-new(root){animation:hanoon-route-enter var(--hanoon-duration-route, .3s) var(--hanoon-easing-entrance, cubic-bezier(0, 0, .2, 1))}html[data-nav-direction=forward] ::view-transition-new(root){animation-name:hanoon-route-slide-forward}html[data-nav-direction=back] ::view-transition-new(root){animation-name:hanoon-route-slide-back}@media(prefers-reduced-motion:reduce){.animate-fade-in,.animate-fade-up,.animate-scale-in,.animate-shake,.animate-pulse,.animate-spin,.animate-slide-up,.animate-slide-down,.animate-bounce-in,.animate-tab-enter,.animate-overlay-enter,.animate-overlay-exit,.animate-drawer-enter,.animate-check,.animate-content-appear,.animate-success-pulse,.animate-fab-enter,.animate-mini-player-enter,.animate-scale-up,.animate-slide-right,.animate-route-progress,.motion-route-enter,.motion-route-exit,.motion-loading,.hanoon-page-enter,.loading-skeleton,.skeleton,.stagger-children>*{animation:none!important;opacity:1!important;transform:none!important}.press-feedback:active{transform:none!important}.transition-base,.transition-interactive,.transition-elevation{transition-duration:.01ms!important}::view-transition-old(root),::view-transition-new(root){animation:none}}.hanoon-nav-wrapper{position:sticky;top:0;left:0;right:0;z-index:50;pointer-events:none;padding-top:max(var(--safe-area-top, 0px),.5rem);min-height:3.5rem}.hanoon-nav-container{max-width:768px;margin-inline:auto;padding-inline:.75rem;display:flex;justify-content:center;position:relative}.hanoon-nav-island{display:none;pointer-events:auto}.hanoon-nav-island-inner{display:flex;align-items:center;gap:.5rem;padding:.3rem .35rem;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-2xl);box-shadow:var(--shadow-lg)}.hanoon-nav-leading{display:flex;align-items:center;gap:.375rem;min-width:0}.hanoon-nav-links{display:flex;align-items:center;gap:var(--nav-gap);min-width:0}.hanoon-nav-controls{display:flex;align-items:center;gap:.25rem;margin-inline-start:auto}.hanoon-nav-service-btn{display:inline-flex;align-items:center;gap:.45rem;height:var(--nav-item-height);padding-inline:.9rem .75rem;border:none;border-radius:var(--nav-item-radius);background:transparent;color:var(--nav-inactive-text);cursor:pointer;pointer-events:auto;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-nav-service-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.hanoon-nav-service-label{font-size:var(--text-caption-size);font-weight:600;white-space:nowrap}.hanoon-service-chevron{width:.9rem;height:.9rem;flex-shrink:0;transition:transform var(--hanoon-duration-fast)}#hanoon-svcdir-toggle[aria-expanded=true] .hanoon-service-chevron{transform:rotate(180deg)}.hanoon-nav-link{display:flex;align-items:center;justify-content:center;height:var(--nav-item-height);padding-inline:.85rem;border-radius:var(--nav-item-radius);text-decoration:none;font-size:var(--text-caption-size);font-weight:500;color:var(--nav-inactive-text);transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast);white-space:nowrap}.hanoon-nav-link:hover{color:var(--text-primary);background:var(--surface-hover)}.hanoon-nav-link.is-active,.hanoon-nav-link[aria-current=page]{color:var(--nav-active-text);background:var(--nav-active-bg);font-weight:600}.hanoon-service-switcher{position:relative}.hanoon-service-switcher-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--nav-item-height);padding-inline:.9rem .75rem;border:none;border-radius:var(--nav-item-radius);background:transparent;color:var(--text-primary);font-size:var(--text-caption-size);font-weight:600;cursor:pointer;white-space:nowrap;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-service-switcher-btn:hover{background:var(--surface-hover)}.hanoon-service-switcher-chevron,.hanoon-svcdir-chevron{flex-shrink:0;transition:transform var(--fd-duration-fast) var(--fd-easing-standard)}#hanoon-svcdir-toggle[aria-expanded=true] .hanoon-service-switcher-chevron,#hanoon-svcdir-mobile-toggle[aria-expanded=true] .hanoon-svcdir-chevron{transform:rotate(180deg)}.hanoon-svcdir-home{font-weight:600}.hanoon-nav-theme-btn,.hanoon-nav-search-btn{display:flex;align-items:center;justify-content:center;width:var(--nav-item-height);height:var(--nav-item-height);border-radius:var(--radius-full);border:none;background:transparent;color:var(--nav-inactive-text);cursor:pointer;pointer-events:auto;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-nav-search-btn{gap:.35rem;width:auto;padding-inline:.75rem}.hanoon-nav-theme-btn:hover,.hanoon-nav-search-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.hanoon-kbd{display:inline-flex;align-items:center;justify-content:center;min-width:1.4em;padding:.1rem .35rem;border-radius:var(--radius-sm);border:1px solid var(--border-subtle);background:var(--surface-muted);font-family:system-ui,-apple-system,sans-serif;font-size:.68rem;font-weight:500;color:var(--text-muted);line-height:1.3}.hanoon-nav-lang-wrapper{position:relative}.hanoon-nav-lang-btn{display:flex;align-items:center;justify-content:center;width:var(--nav-item-height);height:var(--nav-item-height);border-radius:var(--radius-full);border:none;background:transparent;color:var(--nav-inactive-text);cursor:pointer;pointer-events:auto;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-nav-lang-btn:hover{color:var(--text-primary);background:var(--surface-hover)}.hanoon-lang-dropdown{position:absolute;top:calc(100% + .4rem);right:0;min-width:8rem;padding:.3rem;border-radius:var(--radius-xl);border:1px solid var(--border-subtle);background:var(--surface-raised);box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transform:translateY(-.25rem);transition:opacity var(--hanoon-duration-fast),transform var(--hanoon-duration-fast),visibility 0s linear var(--hanoon-duration-fast);z-index:60}.hanoon-lang-dropdown[aria-hidden=false]{opacity:1;visibility:visible;transform:translateY(0);transition:opacity var(--hanoon-duration-fast),transform var(--hanoon-duration-fast),visibility 0s linear 0s}.hanoon-lang-option{display:block;padding:.45rem .7rem;border-radius:var(--radius-lg);text-decoration:none;font-size:var(--text-caption-size);font-weight:500;color:var(--text-secondary);transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-lang-option:hover{color:var(--text-primary);background:var(--surface-hover)}.hanoon-lang-option.active{color:var(--nav-active-text);font-weight:600;background:var(--nav-active-bg)}.hanoon-mobile-lang-control{display:flex;gap:.25rem;padding:.25rem;margin:0 .25rem;border-radius:var(--radius-xl);background:var(--surface-muted)}.hanoon-lang-chip{flex:1;display:flex;align-items:center;justify-content:center;height:2.25rem;border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:500;text-decoration:none;cursor:pointer;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast),box-shadow var(--hanoon-duration-fast)}.hanoon-lang-chip:hover{color:var(--text-secondary)}.hanoon-lang-chip.active{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.hanoon-mobile-trigger{display:flex;align-items:center;justify-content:center;position:absolute;left:.75rem;top:.125rem;width:var(--floating-trigger-size);height:var(--floating-trigger-size);border-radius:var(--radius-full);border:1px solid var(--border-subtle);background:var(--surface-raised);color:var(--text-secondary);box-shadow:var(--shadow-md);cursor:pointer;pointer-events:auto;transition:background-color var(--hanoon-duration-fast),border-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-mobile-trigger:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover)}.hanoon-mobile-panel{position:absolute;top:calc(100% + .4rem);left:.75rem;width:min(88vw,20rem);padding:.65rem;padding-bottom:max(var(--safe-area-bottom, 0px),1rem);border-radius:var(--radius-2xl);border:1px solid var(--border-subtle);background:var(--surface-raised);box-shadow:var(--shadow-xl);pointer-events:none;opacity:0;visibility:hidden;transform:translateY(-.5rem);transition:opacity var(--fd-duration-surface) var(--fd-easing-entrance),transform var(--fd-duration-surface) var(--fd-easing-entrance),visibility 0s linear var(--fd-duration-surface)}.hanoon-mobile-panel.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0);transition:opacity var(--fd-duration-surface) var(--fd-easing-entrance),transform var(--fd-duration-surface) var(--fd-easing-entrance),visibility 0s linear 0s}.hanoon-mobile-backdrop{position:fixed;inset:0;z-index:49;background:#00000040;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--fd-duration-surface) var(--fd-easing-entrance),visibility 0s linear var(--fd-duration-surface);-webkit-tap-highlight-color:transparent}.hanoon-mobile-backdrop.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity var(--fd-duration-surface) var(--fd-easing-entrance),visibility 0s linear 0s}.hanoon-mobile-search-btn{display:flex;align-items:center;gap:.5rem;width:100%;min-height:44px;padding:0 .7rem;margin-bottom:.35rem;border-radius:var(--radius-lg);border:1px solid var(--border-subtle);background:var(--surface-muted);color:var(--text-secondary);font-size:var(--text-caption-size);font-weight:500;cursor:pointer;text-decoration:none;transition:background-color var(--hanoon-duration-fast),border-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-mobile-search-btn:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-hover)}.hanoon-mobile-search-btn .hanoon-kbd{margin-left:auto}.hanoon-mobile-link{min-height:44px;display:flex;align-items:center;gap:.6rem;padding:0 .7rem;border-radius:var(--radius-lg);text-decoration:none;color:var(--text-secondary);font-size:var(--text-caption-size);transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-mobile-link-icon{width:1.1rem;height:1.1rem;flex-shrink:0}.hanoon-mobile-link:hover{color:var(--text-primary);background:var(--surface-hover)}.hanoon-mobile-link.is-active,.hanoon-mobile-link[aria-current=page]{color:var(--nav-active-text);font-weight:600;background:var(--nav-active-bg)}.hanoon-mobile-divider{margin:.4rem .5rem;border:none;border-top:1px solid var(--border-subtle)}.hanoon-mobile-theme-control{display:flex;gap:.25rem;padding:.25rem;margin:0 .25rem;border-radius:var(--radius-xl);background:var(--surface-muted)}.hanoon-theme-segment{flex:1;display:flex;align-items:center;justify-content:center;gap:.3rem;height:2.25rem;border:none;border-radius:var(--radius-lg);background:transparent;color:var(--text-muted);font-size:.78rem;font-weight:500;cursor:pointer;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast),box-shadow var(--hanoon-duration-fast)}.hanoon-theme-segment:hover{color:var(--text-secondary)}.hanoon-theme-segment.is-active{background:var(--surface-raised);color:var(--text-primary);box-shadow:var(--shadow-sm);font-weight:600}.hanoon-mobile-account{margin-top:.2rem;padding-top:.5rem;border-top:1px solid var(--border-subtle)}.hanoon-svcdir-dropdown{min-width:12rem;max-height:24rem;overflow-y:auto}.hanoon-svcdir-group{padding:.15rem 0}.hanoon-svcdir-heading{margin:0;padding:.45rem .7rem .3rem;font-size:.68rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.hanoon-svcdir-divider{margin:.25rem .5rem;border:none;border-top:1px solid var(--border-subtle)}.hanoon-svcdir-mobile-trigger{justify-content:flex-start;width:100%}.hanoon-svcdir-chevron{margin-left:auto;flex-shrink:0;transition:transform var(--hanoon-duration-fast)}[aria-expanded=true]>.hanoon-svcdir-chevron{transform:rotate(180deg)}.hanoon-svcdir-mobile-list{display:none;padding:.25rem 0 0}.hanoon-svcdir-mobile-list.is-open{display:block}.hanoon-svcdir-mobile-item{padding-inline-start:1rem;font-size:var(--text-caption-size);min-height:44px}.hanoon-mobile-section-label{margin:.55rem .7rem .2rem;font-size:.7rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.hanoon-mobile-lang-section{padding:.35rem .5rem}.hanoon-mobile-lang-label{font-size:.75rem;font-weight:500;color:var(--text-muted);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.05em}.hanoon-mobile-lang-chips{display:flex;flex-wrap:wrap;gap:.25rem;padding:.25rem;border-radius:var(--radius-xl);background:var(--surface-muted)}.hanoon-mobile-lang-expandable{padding:.35rem .5rem}.hanoon-mobile-lang-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:12px 16px;background:transparent;border:none;color:var(--text-primary);cursor:pointer;font-size:.85rem;font-weight:500}.hanoon-mobile-lang-trigger-start{display:flex;align-items:center;gap:10px}.hanoon-mobile-lang-trigger .hanoon-lang-globe{color:var(--text-muted);flex-shrink:0}.hanoon-lang-chevron{transition:transform var(--hanoon-duration-fast);color:var(--text-muted);flex-shrink:0}.hanoon-mobile-lang-trigger[aria-expanded=true] .hanoon-lang-chevron{transform:rotate(180deg);color:var(--hn-accent)}.hanoon-mobile-lang-trigger[aria-expanded=true] .hanoon-lang-globe{color:var(--hn-accent)}.hanoon-mobile-lang-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows var(--hanoon-duration-fast);margin:0 12px 8px}.hanoon-mobile-lang-panel.is-open{grid-template-rows:1fr}.hanoon-mobile-lang-panel-inner{overflow:hidden;background:var(--surface-muted);border-radius:var(--radius-xl)}.hanoon-mobile-lang-quick-picks{display:flex;gap:6px;flex-wrap:wrap;padding:10px 12px 8px}.hanoon-mobile-lang-quick-pick{padding:6px 14px;border-radius:20px;border:1px solid var(--border-subtle);color:var(--text-muted);font-size:.78rem;font-weight:500;text-decoration:none;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-mobile-lang-quick-pick:hover{color:var(--text-secondary);background:var(--surface-hover)}.hanoon-mobile-lang-quick-pick.active{background:color-mix(in oklch,var(--hn-accent) 15%,transparent);border-color:color-mix(in oklch,var(--hn-accent) 30%,transparent);color:var(--text-primary);font-weight:600}.hanoon-mobile-lang-list{max-height:240px;overflow-y:auto;padding:4px 0;border-top:1px solid var(--border-subtle)}.hanoon-mobile-lang-list-item{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;text-decoration:none;color:var(--text-secondary);font-size:.85rem;transition:background-color var(--hanoon-duration-fast),color var(--hanoon-duration-fast)}.hanoon-mobile-lang-list-item:hover{background:var(--surface-raised)}.hanoon-mobile-lang-list-item.active{background:color-mix(in oklch,var(--hn-accent) 8%,transparent);color:var(--text-primary)}.hanoon-mobile-lang-list-item .hanoon-lang-check{color:var(--hn-accent);font-weight:600}.hanoon-mobile-lang-list-item .hanoon-lang-secondary{font-size:.7rem;color:var(--text-muted);margin-inline-start:6px}@media(min-width:640px){.hanoon-nav-island{display:block}.hanoon-mobile-trigger{display:none}.hanoon-nav-wrapper{min-height:4.75rem}}.hn-offline-banner{position:fixed;top:var(--navbar-height, 3.5rem);left:0;right:0;z-index:40;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem 1rem;background:oklch(from var(--warning) l c h / .1);color:var(--text-primary);font-size:.875rem;transform:translateY(calc(-100% - var(--navbar-height, 3.5rem)));transition:transform .2s ease}.hn-offline-banner[data-visible=true]{transform:translateY(0)}.dark .hn-offline-banner{background:oklch(from var(--warning) l c h / .15)}.hn-offline-banner svg{flex-shrink:0;width:16px;height:16px;color:var(--warning)}.hn-noscript-banner{padding:.75rem 1rem;background:oklch(from var(--info, var(--accent-9)) l c h / .1);color:var(--text-primary);font-size:.875rem;text-align:center}.astro-route-announcer{position:absolute;left:0;top:0;clip:rect(0 0 0 0);clip-path:inset(50%);overflow:hidden;white-space:nowrap;width:1px;height:1px}