@layer theme{:root{color-scheme:light dark;--background:light-dark(#fff,#09090b);--foreground:light-dark(#09090b,#fafafa);--card:light-dark(#fff,#18181b);--card-foreground:light-dark(#09090b,#fafafa);--primary:light-dark(#574747,#fafafa);--primary-foreground:light-dark(#fafafa,#18181b);--secondary:light-dark(#f4f4f5,#27272a);--secondary-foreground:light-dark(#574747,#fafafa);--muted:light-dark(#f4f4f5,#27272a);--muted-foreground:light-dark(#71717a,#a1a1aa);--faint:light-dark(#fafafa,#1e1e21);--faint-foreground:light-dark(#a1a1aa,#71717a);--accent:light-dark(#f4f4f5,#27272a);--danger:light-dark(#d32f2f,#f4807b);--danger-foreground:light-dark(#fafafa,#18181b);--success:light-dark(#008032,#6cc070);--success-foreground:light-dark(#fafafa,#18181b);--warning:light-dark(#a65b00,#f0a030);--warning-foreground:#09090b;--border:light-dark(#d4d4d8,#52525b);--input:light-dark(#d4d4d8,#52525b);--ring:light-dark(#574747,#d4d4d8);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-14:3.5rem;--space-16:4rem;--space-18:4.5rem;--radius-small:.125rem;--radius-medium:.375rem;--radius-large:.75rem;--radius-full:9999px;--bar-height:.5rem;--font-sans:system-ui, sans-serif;--font-mono:ui-monospace, Consolas, monospace;--text-1:clamp(1.75rem, 1.5rem + 1.1vw, 2.25rem);--text-2:clamp(1.5rem, 1.3rem + .8vw, 1.875rem);--text-3:clamp(1.25rem, 1.1rem + .5vw, 1.5rem);--text-4:clamp(1.125rem, 1.05rem + .3vw, 1.25rem);--text-5:1.125rem;--text-6:1rem;--text-7:.875rem;--text-8:.75rem;--text-regular:var(--text-6);--leading-normal:1.5;--font-normal:400;--font-medium:500;--font-semibold:600;--font-bold:600;--shadow-small:0 1px 2px 0 #0000000d;--shadow-medium:0 1px 3px 0 #0000001a, 0 1px 2px -1px #0000001a;--shadow-large:0 4px 6px -1px #0000001a, 0 2px 4px -2px #0000001a;--transition-fast:.12s cubic-bezier(.4, 0, .2, 1);--transition:.2s cubic-bezier(.4, 0, .2, 1);--z-dropdown:50;--z-modal:200}[data-variant=success]{--_variant-color:var(--success)}[data-variant=warning]{--_variant-color:var(--warning)}:is([data-variant=danger],[data-variant=error]){--_variant-color:var(--danger)}}@layer base{*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent}*{margin:0}html{tab-size:4}body,dialog,[popover]{font-family:var(--font-sans);font-size:var(--text-regular);line-height:var(--leading-normal);color:var(--foreground)}body{background-color:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased}main{padding-block-start:var(--space-8)}img,picture,video,canvas,svg{max-width:100%}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}h1,h2,h3,h4,h5,h6{font-weight:var(--font-semibold);line-height:1.25;&:first-child{margin-block-start:0}}h1{font-size:var(--text-1);margin:var(--space-10) 0 var(--space-6)}h2{font-size:var(--text-2);margin:var(--space-8) 0 var(--space-5)}h3{font-size:var(--text-3);margin:var(--space-6) 0 var(--space-4)}h4{font-size:var(--text-4);margin:var(--space-5) 0 var(--space-3)}h5{font-size:var(--text-5);margin:var(--space-4) 0 var(--space-2)}h6{font-size:var(--text-regular);margin:var(--space-4) 0 var(--space-2)}p{margin-block-end:var(--space-4);&:last-child{margin-block-end:0}}a{color:var(--primary);text-underline-offset:2px;transition:color var(--transition-fast);text-decoration:underline;&:hover{color:rgb(from var(--primary) r g b / .8)}}strong,b{font-weight:var(--font-semibold)}em,i{font-style:italic}small{font-size:var(--text-7)}code{font-family:var(--font-mono);padding:calc(var(--space-1) / 2) var(--space-1);background-color:var(--faint);border-radius:var(--radius-small);font-size:.875em}pre{font-family:var(--font-mono);padding:var(--space-4);background-color:var(--faint);border-radius:var(--radius-medium);margin-block-end:var(--space-4);overflow-x:auto;& code{background:0 0;border-radius:0;padding:0}}blockquote{border-inline-start:4px solid var(--border);margin:var(--space-4) 0;color:var(--muted-foreground);padding-inline-start:var(--space-4);font-style:italic}hr{border:none;border-top:1px solid var(--border);margin:var(--space-8) 0}ul,ol{margin-block-end:var(--space-4);padding-inline-start:var(--space-6)}ul{list-style-type:disc}ol{list-style-type:decimal}li{margin-block-end:var(--space-1)}mark{background-color:rgb(from var(--warning) r g b / .3);padding:calc(var(--space-1) / 2) var(--space-1);border-radius:var(--radius-small)}[hidden]{display:none}:focus-visible{outline:2px solid var(--ring);outline-offset:2px}:disabled,[aria-disabled=true]{cursor:not-allowed;opacity:.5}:is(button,[type=submit],[type=reset],[type=button],a.button),::file-selector-button{--_hov:color-mix(in srgb, var(--primary), white 25%);justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-7);font-weight:var(--font-medium);line-height:var(--leading-normal);white-space:nowrap;background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-medium);transition:background-color var(--transition-fast),opacity var(--transition-fast),transform var(--transition-fast);border:1px solid #0003;border-color:#ffffff26 #0003 #0003 #ffffff26;text-decoration:none;display:inline-flex;&:not(:disabled){cursor:pointer}&:hover:not(:disabled){background-color:var(--_hov)}&:active:not(:disabled){transform:translate(1px,1px)}&[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), black 10%);background-color:var(--secondary);color:var(--secondary-foreground);border-color:#ffffff80 #0000001a #0000001a #ffffff80}&[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), black 15%);background-color:var(--danger);color:var(--danger-foreground)}&:is(.outline,.ghost){--_hov:var(--accent);color:var(--foreground);background-color:#0000;&[data-variant=danger]{--_hov:color-mix(in srgb, var(--danger), transparent 90%);color:var(--danger)}&[data-variant=secondary]{--_hov:color-mix(in srgb, var(--secondary), transparent 80%);color:var(--secondary-foreground)}}&.outline{border-color:var(--border);&[data-variant=danger]{border-color:var(--danger)}&[data-variant=secondary]{border-color:var(--secondary)}}&.ghost{border-color:#0000}&.small{padding:var(--space-1) var(--space-3);font-size:var(--text-8)}&.large{height:3rem;padding:0 var(--space-6);font-size:var(--text-regular)}&.icon{width:2.5rem;padding:0;&.small{width:2rem}&.large{width:3rem}}}::file-selector-button{color:var(--foreground);border:1px solid var(--border);background-color:#0000}::file-selector-button:hover{background-color:var(--accent)}label{font-size:var(--text-7);font-weight:var(--font-medium);display:block;&:has(input:where([type=checkbox],[type=radio])){align-items:center;gap:var(--space-2);font-weight:var(--font-normal);row-gap:0;display:inline-flex}}:where(input:not([type=checkbox],[type=radio],[type=range],[type=file],[type=color]),textarea,select){font-family:var(--font-sans);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-7);line-height:var(--leading-normal);background-color:var(--background);color:var(--foreground);border:1px solid var(--input);border-radius:var(--radius-medium);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);margin-block-start:var(--space-1);&::placeholder{color:var(--muted-foreground)}&:focus{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2);z-index:1;outline:none}&:disabled{background-color:var(--muted)}&:is([aria-invalid=true],:user-invalid){border-color:var(--danger);&:focus{box-shadow:0 0 0 2px rgb(from var(--danger) r g b / .2)}}}textarea{height:auto;min-height:5rem;padding:var(--space-3);resize:vertical}select{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='%2371717a' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--space-2) center;padding-inline-end:var(--space-6)}input:where([type=checkbox],[type=radio]){appearance:none;background-color:var(--background);border:1px solid var(--input);width:1rem;height:1rem;transition:background-color var(--transition-fast),border-color var(--transition-fast);margin:0;position:relative;&:checked{background-color:var(--primary);border-color:var(--primary);&:after{content:"";background-color:var(--primary-foreground);position:absolute;inset:0;mask-position:50%;mask-size:100%;mask-repeat:no-repeat}}}input[type=checkbox]{border-radius:var(--radius-small);&:checked:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='4'%3E%3Cpolyline points='20 6 9 17 4 12'/%3E%3C/svg%3E")}&[role=switch]{--switch-height:calc(var(--bar-height) * 3);--switch-inset:2px;--switch-thumb:calc(var(--switch-height) - var(--switch-inset) * 3);width:calc(var(--switch-height) * 2);height:var(--switch-height);border-radius:var(--radius-full);background-color:var(--input);&:before{content:"";top:50%;left:var(--switch-inset);width:var(--switch-thumb);height:var(--switch-thumb);background-color:var(--background);border-radius:var(--radius-full);transition:transform var(--transition);box-shadow:var(--shadow-small);position:absolute;transform:translateY(-50%)}&:checked{background-color:var(--primary);&:after{content:none}&:before{transform:translateY(-50%) translate(var(--switch-height))}}}}input[type=radio]{border-radius:var(--radius-full);&:checked:after{mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Ccircle cx='8' cy='8' r='4' fill='currentColor'/%3E%3C/svg%3E")}}:where(input:where([type=checkbox],[type=radio],[type=range]),select):not(:disabled),label:has(input:where([type=checkbox],[type=radio]):not(:disabled)){cursor:pointer}input[type=range]{width:100%;height:var(--bar-height);appearance:none;background:var(--muted);border-radius:var(--radius-full);&::-webkit-slider-thumb{appearance:none;background:var(--primary);border-radius:var(--radius-full);width:1.25rem;height:1.25rem;transition:transform var(--transition-fast);&:hover{transform:scale(1.1)}}&::-moz-range-thumb{background:var(--primary);border-radius:var(--radius-full);border:none;width:1.25rem;height:1.25rem}}fieldset{border:1px solid var(--border);border-radius:var(--radius-medium);padding:var(--space-4);margin-block-end:var(--space-4)}legend{font-size:var(--text-7);font-weight:var(--font-medium);padding:0 var(--space-2)}.table{width:100%;min-width:320px;overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:var(--text-7)}thead{border-bottom:1px solid var(--border)}tfoot{border-top:1px solid var(--border)}th,td{overflow-wrap:break-word}th{padding:var(--space-3) var(--space-2);text-align:start;font-weight:var(--font-medium);color:var(--muted-foreground)}td{padding:var(--space-3) var(--space-2)}tbody tr{border-bottom:1px solid var(--border);transition:background-color var(--transition-fast);&:last-child{border-bottom:none}&:hover{background-color:rgb(from var(--muted) r g b / .5)}}progress,meter{appearance:none;width:100%;height:var(--bar-height);border-radius:var(--radius-full);background:var(--muted);border:none;overflow:hidden}progress{&::-webkit-progress-bar{background-color:var(--muted);border-radius:var(--radius-full)}&::-webkit-progress-value{background-color:var(--primary);border-radius:var(--radius-full);transition:width var(--transition)}&::-moz-progress-bar{background-color:var(--primary);border-radius:var(--radius-full)}}meter{&::-webkit-meter-bar{background:var(--muted);border-radius:var(--radius-full);height:var(--bar-height);border:none}&::-webkit-meter-optimum-value,&::-webkit-meter-suboptimum-value,&::-webkit-meter-even-less-good-value{border-radius:var(--radius-full)}&::-webkit-meter-optimum-value{background:var(--success)}&::-webkit-meter-suboptimum-value{background:var(--warning)}&::-webkit-meter-even-less-good-value{background:var(--danger)}&::-moz-meter-bar{background:var(--success);border-radius:var(--radius-full)}&:-moz-meter-sub-optimum::-moz-meter-bar{background:var(--warning)}&:-moz-meter-sub-sub-optimum::-moz-meter-bar{background:var(--danger)}}}@layer components{figure[data-variant=avatar]:not([role=group]){width:var(--sz,2.5rem);height:var(--sz,2.5rem);color:var(--primary);background-color:var(--muted);border-radius:var(--radius-full);font-weight:var(--font-medium);justify-content:center;align-items:center;display:inline-flex;overflow:hidden;&>img{object-fit:cover;width:100%;height:100%}&.small{--sz:2rem}&.large{--sz:3.25rem}}figure[data-variant=avatar][role=group]{align-items:center;margin:0;display:inline-flex;& figure[data-variant=avatar]{isolation:isolate;border:2px solid var(--background);margin-inline-end:calc(var(--space-5) * -1);&:last-child{margin-inline-end:0}}&.small{--sz:2rem;& figure[data-variant=avatar]{border-width:1px;margin-inline-end:calc(var(--space-4) * -.8)}}&.large{--sz:3.25rem;& figure[data-variant=avatar]{margin-inline-end:calc(var(--space-6) * -1)}}}menu.buttons{padding-inline-start:0;list-style-type:none;display:inline-flex;&>li{&:first-child>*{border-start-start-radius:var(--radius-medium);border-end-start-radius:var(--radius-medium)}&:last-child>*{border-start-end-radius:var(--radius-medium);border-end-end-radius:var(--radius-medium)}&>*{border-radius:0}&:not(:last-child)>*{border-inline-end:1px solid rgb(from var(--primary-foreground) r g b / .2)}}}fieldset.group{border:none;align-items:stretch;padding:0;display:flex;&>:is(input,textarea,select){flex:1;margin-block-start:0;&:not(:focus):not(:last-child){border-inline-end-color:#0000}}&>:is(input,textarea,select,button){border-radius:0;&:first-child{border-radius:var(--radius-medium) 0 0 var(--radius-medium)}&:last-child{border-radius:0 var(--radius-medium) var(--radius-medium) 0}}&>legend{float:inline-start;padding:0 var(--space-3);line-height:var(--leading-normal);font-weight:var(--font-normal);color:var(--muted-foreground);background-color:var(--muted);border:1px solid var(--input);border-radius:var(--radius-medium) 0 0 var(--radius-medium);border-inline-end:none;align-items:center;display:inline-flex}}[data-field]{flex-wrap:wrap;margin-block-end:var(--space-4);& [data-hint],& .error{font-size:var(--text-8);font-weight:var(--font-normal);color:var(--muted-foreground);flex-basis:100%;min-inline-size:100%;margin-block-start:var(--space-1);display:block}& .error{display:none}&:is([aria-invalid=true],:has([aria-invalid=true])) .error{color:var(--danger);display:block}}[aria-busy=true]{&:before{content:"";border:2px solid var(--muted);border-top-color:var(--primary);border-radius:var(--radius-full);width:1.5rem;height:1.5rem;animation:1s linear infinite spin;display:inline-block}&[data-spinner~=small]:before{width:1rem;height:1rem}&[data-spinner~=large]:before{border-width:3px;width:2rem;height:2rem}&[data-spinner~=overlay]{position:relative;&>*{opacity:.3;pointer-events:none}&:before{z-index:1;margin:auto;position:absolute;inset:0}}}@keyframes spin{to{transform:rotate(360deg)}}:root{--grid-cols:12;--grid-gap:1.5rem;--container-max:1280px;--container-pad:1rem}.container{width:100%;max-width:var(--container-max);padding-inline:var(--container-pad);margin-inline:auto}.row{grid-template-columns:repeat(var(--grid-cols),1fr);gap:var(--grid-gap);width:100%;display:grid}.col,[class*=col-]{grid-column-end:span calc(var(--span,var(--grid-cols)) + var(--offset,0))}.col-1{--span:1}.col-2{--span:2}.col-3{--span:3}.col-4{--span:4}.col-5{--span:5}.col-6{--span:6}.col-7{--span:7}.col-8{--span:8}.col-9{--span:9}.col-10{--span:10}.col-11{--span:11}.col-12{--span:12}.offset-1{--offset:1}.offset-2{--offset:2}.offset-3{--offset:3}.offset-4{--offset:4}.offset-5{--offset:5}.offset-6{--offset:6}[class*=offset-]{margin-inline-start:calc(var(--offset) * (100% + var(--grid-gap)) / (var(--span) + var(--offset)))}.col-end{grid-column-start:span var(--span,1);grid-column-end:-1}@media (width<=768px){.row{--grid-cols:4;--grid-gap:1rem}.col,[class*=col-]{--span:4}[class*=offset-]{--offset:0;margin-inline-start:0}}.card{background-color:var(--card);color:var(--card-foreground);border:1px solid var(--border);border-radius:var(--radius-medium);box-shadow:var(--shadow-small);padding:var(--space-6)}[role=alert]{gap:var(--space-3);padding:var(--space-4) var(--space-6);background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);font-size:var(--text-7);display:flex;position:relative;&[data-variant]{border:none}&:is([data-variant=error],[data-variant=danger],[data-variant=success],[data-variant=warning]){color:var(--_variant-color);background-color:light-dark(color-mix(in srgb,var(--_variant-color) 8%,transparent),color-mix(in srgb,var(--_variant-color) 20%,transparent));& a{color:var(--_variant-color)}}}.badge{justify-content:center;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-4);font-size:var(--text-8);font-weight:var(--font-medium);text-wrap:nowrap;line-height:var(--leading-normal);background-color:var(--primary);color:var(--primary-foreground);border-radius:var(--radius-full);display:inline-flex;&.outline{color:var(--foreground);border:1px solid var(--border);background-color:#0000}&[data-variant=secondary]{background-color:var(--secondary);color:var(--secondary-foreground)}&:is([data-variant=success],[data-variant=warning],[data-variant=danger]){color:var(--_variant-color);background-color:light-dark(color-mix(in srgb,var(--_variant-color) 10%,transparent),color-mix(in srgb,var(--_variant-color) 30%,transparent))}position:relative;& button{all:unset;padding-inline:var(--space-3) var(--space-2);cursor:pointer;opacity:0;pointer-events:none;background-color:color-mix(in srgb,var(--muted) 60%,transparent);transition:opacity var(--transition-fast);border-start-end-radius:inherit;border-end-end-radius:inherit;position:absolute;right:0}&:hover button,& button:focus-visible{opacity:1;pointer-events:auto}}details{border:1px solid var(--border);border-radius:var(--radius-medium);overflow:hidden;&+details{border-start-start-radius:0;border-start-end-radius:0;margin-top:-1px}&:has(+details){border-end-end-radius:0;border-end-start-radius:0}&[open] summary{border-bottom:1px solid var(--border)}}summary{justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-4);font-weight:var(--font-medium);cursor:pointer;user-select:none;transition:background-color var(--transition-fast);display:flex;&:hover{background-color:var(--muted)}&::-webkit-details-marker,&::marker{display:none}&:after{content:"";width:1em;height:1em;transition:transform var(--transition-fast);background-color:currentColor;flex-shrink:0;mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");mask-size:contain;mask-repeat:no-repeat}details[open] &:after{transform:rotate(180deg)}}details>:not(summary){margin:var(--space-4)}details[open]>:not(summary){animation:.3s both fade-in-up}[role=tablist]{align-items:center;gap:var(--space-1);padding:var(--space-1);background-color:var(--muted);border-radius:var(--radius-medium);display:inline-flex}[role=tab]{padding:var(--space-2) var(--space-3);font-size:var(--text-7);font-weight:var(--font-medium);white-space:nowrap;color:var(--foreground);border-radius:calc(var(--radius-medium) - 2px);cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast);background-color:#0000;border:none;justify-content:center;align-items:center;display:inline-flex;&:hover{color:var(--muted-foreground)}&[aria-selected=true]{background-color:var(--background);box-shadow:var(--shadow-small)}}[role=tabpanel]{padding:var(--space-4) 0;&:focus-visible{outline:none}&:not([hidden]){animation:.3s both fade-in-up}}dialog{z-index:var(--z-modal);background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large);width:min(100% - 2rem,32rem);max-height:85vh;box-shadow:var(--shadow-large);opacity:0;transition:opacity .15s ease,transform .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete;margin:auto;padding:0;position:fixed;inset:0;overflow:hidden;transform:scale(.95);&:is([open],:popover-open){opacity:1;transform:scale(1)}@starting-style{&:is([open],:popover-open){opacity:0;transform:scale(.95)}}&::backdrop{transition:background-color .15s ease,overlay .15s ease allow-discrete,display .15s ease allow-discrete;background-color:#0000}&:is([open],:popover-open)::backdrop{background-color:#00000080}@starting-style{&:is([open],:popover-open)::backdrop{background-color:#0000}}&>header,&>form>header{gap:var(--space-1);padding:var(--space-6);flex-direction:column;padding-block-end:0;display:flex;&>:is(h1,h2,h3,h4,h5,h6){margin-block-end:0}&>p{font-size:var(--text-7);color:var(--muted-foreground);margin-block-end:0}}:is(&,&>form)>:is(p,div,section){padding:var(--space-6);overflow-y:auto}&>footer,&>form>footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-6);padding-block-start:0;display:flex}}ot-dropdown{& [popover]{background-color:var(--background);border:1px solid var(--border);border-radius:var(--radius-medium);min-width:12rem;box-shadow:var(--shadow-small);opacity:0;transition:opacity .15s ease-out,transform .15s ease-out,display .15s allow-discrete,overlay .15s allow-discrete;margin:0;position:fixed;transform:translateY(-4px);&:popover-open{opacity:1;transform:translateY(0)}@starting-style{&:popover-open{opacity:0;transform:translateY(-4px)}}& hr{margin:var(--space-1) 0}}& [role=menuitem]{width:100%;padding:var(--space-2) var(--space-3);cursor:pointer;justify-content:start;display:flex;&:hover,&:focus{background-color:var(--accent);outline:none}}}.toast-container{pointer-events:none;background:0 0;border:none;flex-direction:column;margin:0;padding:0;display:flex;position:fixed;overflow:visible;&::backdrop{display:none}&[data-placement^=top]{inset:var(--space-4) auto auto auto}&[data-placement^=bottom]{inset:auto auto var(--space-4) auto;flex-direction:column-reverse}&[data-placement$=left]{left:var(--space-4)}&[data-placement$=center]{left:50%;transform:translate(-50%)}&[data-placement$=right]{right:var(--space-4)}}.toast{--transition:.3s;--transition-in:calc(var(--transition) - 50ms);padding:var(--space-5) var(--space-4);pointer-events:auto;background-color:var(--card);border:1px solid var(--border);border-inline-start-width:var(--space-1);border-inline-start-style:solid;border-inline-start-color:var(--_variant-color,var(--border));border-radius:var(--radius-medium);min-width:20rem;max-width:28rem;box-shadow:var(--shadow-small);transition:opacity var(--transition-in),transform var(--transition-in),margin var(--transition-in);line-height:1;& .toast-title{margin:0 0 var(--space-3) 0;color:var(--_variant-color,inherit);font-weight:600}& .toast-message{color:var(--muted-foreground)}&>[data-close]{cursor:pointer;opacity:.5;background:0 0;border:none;margin-inline-start:auto;padding:0;&:hover{opacity:1}}margin:var(--space-2) 0;&[data-entering]{opacity:0;transform:translateY(-1rem)}&[data-exiting]{opacity:0;max-height:0;transition:opacity var(--transition),margin var(--transition),padding var(--transition),max-height var(--transition);margin:0;padding-block:0;overflow:hidden}}:root{--sidebar-width:15rem}[data-sidebar-layout]{grid-template-columns:var(--sidebar-width) 1fr;grid-template-rows:auto 1fr;height:100dvh;display:grid;&>main{grid-row:2;min-width:0;overflow-y:auto}&>aside[data-sidebar]{z-index:1;background-color:var(--background);border-inline-end:1px solid var(--border);min-height:0;box-shadow:var(--shadow-medium);flex-direction:column;grid-row:2;display:flex;&>:is(header,footer){padding:var(--space-3);flex-shrink:0}&>footer{margin-block-start:auto}&>nav{min-height:0;padding:var(--space-3) var(--space-2);font-size:var(--text-7);flex:1;overflow-y:auto;& ul{gap:var(--space-1);flex-direction:column;margin:0;padding:0;list-style:none;display:flex;& li{margin:0}}& a{gap:var(--space-2);padding:var(--space-1) var(--space-3);color:var(--foreground);border-radius:var(--radius-small);transition:background-color var(--transition-fast);text-decoration:none;display:flex;&:is(:hover,[aria-current]){background-color:var(--accent)}}& details{border:none;overflow:visible;&+details{margin-top:0}&[open] summary{border-bottom:none}&>ul{padding:var(--space-1) 0;margin-inline-start:var(--space-4)}}& summary{padding:var(--space-2) var(--space-3);border-radius:var(--radius-small);justify-content:flex-start;&:after{width:.75rem;height:.75rem;margin-inline-start:auto}}}}&>nav[data-topnav]{grid-column:1/-1}}nav[data-topnav]{z-index:5;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-4);background-color:var(--background);border-bottom:1px solid var(--border);box-shadow:var(--shadow-small);display:flex;position:sticky;top:0;& a{text-decoration:none}}:is([data-sidebar-toggle],[data-sidebar-header]){display:none}[data-sidebar-toggle]{padding:0 var(--space-1);border:1px solid var(--border);border-radius:var(--radius-small);background:0 0}@media (width>=769px){[data-sidebar-layout=always]{transition:grid-template-columns var(--transition);& [data-sidebar-toggle]{display:inline-block}&>aside[data-sidebar]{opacity:1;transition:transform var(--transition),opacity var(--transition),visibility var(--transition);transform:translate(0)}&[data-sidebar-open]{grid-template-columns:0 1fr;gap:0;&>aside[data-sidebar]{opacity:0;visibility:hidden;border-inline-end:none;min-width:0;overflow:hidden;transform:translate(-100%)}}}}@media (width<=768px){[data-sidebar-layout]{grid-template-columns:1fr;&>main{grid-column:1}&>aside[data-sidebar]{z-index:2;width:min(var(--sidebar-width),100vw);transition:transform var(--transition);box-shadow:var(--shadow-large);grid-column:1;transform:translate(-100%)}&[data-sidebar-open]>aside[data-sidebar]{transform:translate(0)}}[data-sidebar-toggle]{display:inline-block}[data-sidebar-header]{align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--border);display:flex}}ot-taginput{align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background-color:var(--background);border:1px solid var(--input);border-radius:var(--radius-medium);cursor:text;transition:border-color var(--transition-fast),box-shadow var(--transition-fast);width:100%;min-height:calc(1lh + var(--space-5));flex-wrap:wrap;display:flex;&:focus-within{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2)}&[aria-disabled=true]{cursor:not-allowed;& .badge button{opacity:0;pointer-events:none}}& input{background:0 0;border:none;flex:1;min-width:8ch;margin:0;padding:0;&:focus{box-shadow:none}}}[role=status].skeleton{--_c:light-dark(color-mix(in srgb, var(--muted) 15%, white),color-mix(in srgb, var(--muted) 90%, var(--foreground)));background:var(--muted);border-radius:var(--radius-medium);background-size:200% 100%;background-image:linear-gradient(90deg,var(--muted) 0%,var(--_c) 50%,var(--muted) 100%);margin-block-end:var(--space-3);animation:2s infinite anim;&.box{width:4rem;height:4rem}&.line{width:100%;height:1rem}}[role=status].skeleton:last-child{margin-block-end:0}@keyframes anim{0%{background-position:200% 0}to{background-position:-200% 0}}[data-tooltip]{--_c:translateX(-50%);--_o:translateY(4px);position:relative;&:before,&:after{transform:var(--_c) var(--_o);opacity:0;visibility:hidden;transition:opacity var(--transition-fast),transform var(--transition-fast),visibility var(--transition-fast);pointer-events:none;z-index:calc(var(--z-modal) + 10);position:absolute;inset-inline-start:50%}&:after{content:attr(data-tooltip);padding:var(--space-2) var(--space-3);font-size:var(--text-7);white-space:nowrap;background:var(--foreground);color:var(--background);border-radius:var(--radius-medium);line-height:1;inset-block-end:calc(100% + 10px)}&:before{content:"";border:8px solid #0000;border-top-color:var(--foreground);inset-block-end:calc(100% - 5px)}&[data-tooltip-placement=bottom]{--_o:translateY(-4px);&:before,&:after{inset-block:calc(100% + 10px) auto}&:before{border-color:#0000;border-bottom-color:var(--foreground);inset-block-start:calc(100% - 5px)}}&:is([data-tooltip-placement=left],[data-tooltip-placement=right]){--_c:translateY(-50%);&:before,&:after{inset-block:50% auto}&:before{border-color:#0000}}&[data-tooltip-placement=left]{--_o:translateX(4px);&:before,&:after{inset-inline-start:auto}&:after{inset-inline-end:calc(100% + 10px)}&:before{border-inline-start-color:var(--foreground);inset-inline-end:calc(100% - 5px)}}&[data-tooltip-placement=right]{--_o:translateX(-4px);&:after{inset-inline-start:calc(100% + 10px)}&:before{border-inline-end-color:var(--foreground);inset-inline-start:calc(100% - 5px)}}&:is(:hover,:focus-visible){--_o:translateY(0);&:before,&:after{opacity:1;visibility:visible;transition-delay:.7s}}}ot-upload{cursor:pointer;width:100%;&[data-drag]{border-color:var(--ring);box-shadow:0 0 0 2px rgb(from var(--ring) r g b / .2)}& .badge{text-overflow:ellipsis;max-width:20ch;display:inline-block;overflow:hidden}}}@layer animations{@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}dialog::backdrop{opacity:1;transition:opacity .15s cubic-bezier(.4,0,.2,1);@starting-style{opacity:0}}@keyframes fade-in-up{0%{opacity:.6;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}}@layer utilities{.align-left{text-align:start}.align-center{text-align:center}.align-right{text-align:end}.text-light{color:var(--muted-foreground)}.text-lighter{color:var(--faint-foreground)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-end{justify-content:flex-end}.hstack{align-items:center;gap:var(--space-3);flex-wrap:wrap;align-content:flex-start;height:auto;display:flex;&>*{margin:0}}.vstack{gap:var(--space-3);flex-direction:column;display:flex}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-2{margin-block-start:var(--space-2)}.mt-4{margin-block-start:var(--space-4)}.mt-6{margin-block-start:var(--space-6)}.mt-8{margin-block-start:var(--space-8)}.mb-2{margin-block-end:var(--space-2)}.mb-4{margin-block-end:var(--space-4)}.mb-6{margin-block-end:var(--space-6)}.mb-8{margin-block-end:var(--space-8)}.p-4{padding:var(--space-4)}.w-100{width:100%}:is(ul,ol).unstyled{padding:0;text-decoration:none;list-style:none}a.unstyled{color:inherit;text-decoration:none;&:hover{color:var(--primary)}}}@font-face{font-family:PinyinShengdiaoDatong;src:url(/fonts/Pinyin-Shengdiao-Datong.woff2)format("woff2");font-weight:400;font-style:normal;font-display:block}@font-face{font-family:PinyinSans;src:url(/fonts/PinyinSans.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}.font-shengdiao{font-family:PinyinShengdiaoDatong,sans-serif}.font-pinyin{font-family:var(--font-pinyin)}:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", "Helvetica Neue", "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif;--font-pinyin:"PinyinSans", -apple-system, BlinkMacSystemFont, "SF Pro Text", "Helvetica Neue", sans-serif;--container-max:1000px;--container-reading:680px;--container-pad:1.25rem;--foreground:light-dark(#18181b,#f4f4f5);--primary:light-dark(#18181b,#fafafa);--primary-foreground:light-dark(#fafafa,#18181b);--background:light-dark(#f9fafb,#09090b);--card:light-dark(#fff,#141416);--card-foreground:light-dark(#18181b,#f4f4f5);--border:light-dark(#e4e4e7,#27272a);--muted:light-dark(#f4f4f5,#1c1c1f);--muted-foreground:light-dark(#71717a,#a1a1aa);--text-light:light-dark(#71717a,#a1a1aa);--radius-small:6px;--radius-medium:12px;--radius-large:16px;--radius-full:9999px;--shadow-small:0 1px 3px #0000000a, 0 1px 2px #00000005;--shadow-medium:0 4px 16px #0000000d;--hsk-1-text:light-dark(#059669,#34d399);--hsk-1-bg:light-dark(#ecfdf5,#10b9811f);--hsk-1-border:light-dark(#a7f3d0,#10b98147);--hsk-1-solid:#10b981;--hsk-2-text:light-dark(#0891b2,#38bdf8);--hsk-2-bg:light-dark(#ecfeff,#06b6d41f);--hsk-2-border:light-dark(#a5f3fc,#06b6d447);--hsk-2-solid:#06b6d4;--hsk-3-text:light-dark(#2563eb,#60a5fa);--hsk-3-bg:light-dark(#eff6ff,#3b82f61f);--hsk-3-border:light-dark(#bfdbfe,#3b82f647);--hsk-3-solid:#3b82f6;--hsk-4-text:light-dark(#4f46e5,#818cf8);--hsk-4-bg:light-dark(#eef2ff,#6366f11f);--hsk-4-border:light-dark(#c7d2fe,#6366f147);--hsk-4-solid:#6366f1;--hsk-5-text:light-dark(#7c3aed,#a78bfa);--hsk-5-bg:light-dark(#f5f3ff,#8b5cf61f);--hsk-5-border:light-dark(#ddd6fe,#8b5cf647);--hsk-5-solid:#8b5cf6;--hsk-6-text:light-dark(#e11d48,#fb7185);--hsk-6-bg:light-dark(#fff1f2,#f43f5e1f);--hsk-6-border:light-dark(#fecdd3,#f43f5e47);--hsk-6-solid:#f43f5e;--hsk-7-text:light-dark(#b45309,#fbbf24);--hsk-7-bg:light-dark(#fef3c7,#f59e0b26);--hsk-7-border:light-dark(#fcd34d,#f59e0b59);--hsk-7-solid:#f59e0b}html{box-sizing:border-box;overflow-x:hidden}*,:before,:after{box-sizing:inherit}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;max-width:100vw;min-height:100vh;display:flex;overflow-x:hidden}a.button,.button,[role=button],.btn-primary-hero,.btn-secondary-hero,.badge,.filter-chip,.nav-link,header nav a,.card-link{text-decoration:none!important}.nav-link,header nav a{color:var(--muted-foreground);transition:color var(--transition-fast,.15s ease);font-size:.925rem;font-weight:500;text-decoration:none!important}.nav-link:hover,header nav a:hover{color:var(--foreground);text-decoration:none!important}main>section{margin:3.5rem 0}main>section:first-of-type{margin-top:1rem}.brand{color:var(--foreground);letter-spacing:-.02em;align-items:center;gap:.45rem;font-size:1.15rem;font-weight:700;line-height:1;text-decoration:none;display:inline-flex}.brand-text{color:var(--foreground);letter-spacing:-.02em;display:inline}.brand-text span,.brand-text .brand-accent{color:light-dark(#c5221f,#ff6b6b);font-weight:800}.brand-logo{flex-shrink:0;width:1.45rem;height:1.45rem;transition:filter .2s;display:block}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo{filter:invert()brightness(1.2)}}html[data-theme=dark] .brand-logo{filter:invert()brightness(1.2)}main.container{max-width:var(--container-max);flex:1;padding-top:2rem;padding-bottom:2rem}main.container.fullscreen-center{flex-direction:column;justify-content:center;align-items:center;max-width:440px;min-height:100vh;padding-top:2rem;padding-bottom:2rem;display:flex}.page-header{margin-bottom:2rem}.page-title{letter-spacing:-.02em;color:var(--foreground);margin:0 0 .25rem;font-size:1.5rem;font-weight:700}.section-title{letter-spacing:-.02em;color:var(--foreground);margin:0 0 .25rem;font-size:1.35rem;font-weight:700}.meta-text{color:var(--muted-foreground);margin:0;font-size:.85rem}.link-more{color:var(--muted-foreground);font-size:.85rem;font-weight:600;text-decoration:none}.link-more:hover{color:var(--foreground)}.text-muted{color:var(--muted-foreground)}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-4{margin-top:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.hstack{align-items:center;gap:.75rem;display:flex}.hstack.wrap{flex-wrap:wrap}.hstack.between{justify-content:space-between}.hstack.center{justify-content:center}.vstack{flex-direction:column;gap:.75rem;display:flex}.flex-center{justify-content:center;align-items:center;display:flex}.gap-1{gap:.25rem}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.empty-state{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-large);color:var(--muted-foreground);padding:3rem 1.5rem}.empty-state-icon{color:var(--muted-foreground);margin:0 auto .75rem;display:block}.empty-state-title{color:var(--foreground);margin-bottom:.5rem;font-size:1.1rem;font-weight:600}.empty-state p{margin:0}.readings-filter-container{border-radius:var(--radius-large,10px);background-color:light-dark(#faf8f5,#1c1a17);border:1px solid light-dark(#eee7dd,#332e29);margin-bottom:2rem;padding:1.25rem 1.5rem}.filter-group{margin-bottom:1rem}.filter-group:last-child{margin-bottom:0}.filter-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-light);margin-bottom:.5rem;font-size:.78rem;font-weight:700;display:block}.filter-chips{flex-wrap:wrap;gap:.4rem;display:flex}.filter-chip{color:var(--foreground);cursor:pointer;user-select:none;background-color:light-dark(#fff,#18181b);border:1px solid light-dark(#e4e4e7,#27272a);border-radius:9999px;padding:.25rem .75rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .15s}.filter-chip:hover{color:var(--foreground);border-color:light-dark(#a1a1aa,#52525b)}.filter-chip.active{background-color:light-dark(#18181b,#f4f4f5);border-color:light-dark(#18181b,#f4f4f5);font-weight:600;color:light-dark(#fff,#18181b)!important}.filter-chip[data-level="1"].active{background:var(--hsk-1-bg);border-color:var(--hsk-1-solid);color:var(--hsk-1-text)!important}.filter-chip[data-level="2"].active{background:var(--hsk-2-bg);border-color:var(--hsk-2-solid);color:var(--hsk-2-text)!important}.filter-chip[data-level="3"].active{background:var(--hsk-3-bg);border-color:var(--hsk-3-solid);color:var(--hsk-3-text)!important}.filter-chip[data-level="4"].active{background:var(--hsk-4-bg);border-color:var(--hsk-4-solid);color:var(--hsk-4-text)!important}.filter-chip[data-level="5"].active{background:var(--hsk-5-bg);border-color:var(--hsk-5-solid);color:var(--hsk-5-text)!important}.filter-chip[data-level="6"].active{background:var(--hsk-6-bg);border-color:var(--hsk-6-solid);color:var(--hsk-6-text)!important}.filter-chip[data-level="7"].active,.filter-chip[data-level="7-9"].active{background:var(--hsk-7-bg);border-color:var(--hsk-7-solid);font-weight:700;color:var(--hsk-7-text)!important}.alert{border-radius:var(--radius-medium);border:1px solid #0000;margin-bottom:1.25rem;padding:.75rem 1rem;font-size:.875rem}.alert-error{color:light-dark(#991b1b,#fca5a5);background:light-dark(#fef2f2,#450a0a);border-color:light-dark(#fecaca,#991b1b)}.alert-success-box{border-radius:var(--radius-medium);text-align:center;color:light-dark(#047857,#a7f3d0);background:light-dark(#ecfdf5,#064e3b);border:1px solid light-dark(#a7f3d0,#047857);margin-bottom:1.5rem;padding:1.25rem}.alert-success-box h3{color:light-dark(#065f46,#6ee7b7);margin:0 0 .4rem;font-size:1.1rem;font-weight:700}.alert-success-box p{margin:0 0 .5rem;font-size:.875rem}.badge[data-level="1"]{background:var(--hsk-1-bg);color:var(--hsk-1-text);border:1px solid var(--hsk-1-border)}.badge[data-level="2"]{background:var(--hsk-2-bg);color:var(--hsk-2-text);border:1px solid var(--hsk-2-border)}.badge[data-level="3"]{background:var(--hsk-3-bg);color:var(--hsk-3-text);border:1px solid var(--hsk-3-border)}.badge[data-level="4"]{background:var(--hsk-4-bg);color:var(--hsk-4-text);border:1px solid var(--hsk-4-border)}.badge[data-level="5"]{background:var(--hsk-5-bg);color:var(--hsk-5-text);border:1px solid var(--hsk-5-border)}.badge[data-level="6"]{background:var(--hsk-6-bg);color:var(--hsk-6-text);border:1px solid var(--hsk-6-border)}.badge[data-level="7"],.badge[data-level="7-9"]{background:var(--hsk-7-bg);color:var(--hsk-7-text);border:1px solid var(--hsk-7-border);font-weight:700}article[data-level]{position:relative;overflow:hidden}article[data-level]:before{content:"";width:3.5px;position:absolute;top:0;bottom:0;left:0}article[data-level="1"]:before{background:var(--hsk-1-solid)}article[data-level="2"]:before{background:var(--hsk-2-solid)}article[data-level="3"]:before{background:var(--hsk-3-solid)}article[data-level="4"]:before{background:var(--hsk-4-solid)}article[data-level="5"]:before{background:var(--hsk-5-solid)}article[data-level="6"]:before{background:var(--hsk-6-solid)}article[data-level="7"]:before,article[data-level="7-9"]:before{background:var(--hsk-7-solid)}.reading-article-container{max-width:var(--container-reading);box-sizing:border-box;width:100%;margin-left:auto;margin-right:auto}.hsk-syllabus-link-box{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-medium,8px);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin:2.5rem 0 1.5rem;padding:1.15rem 1.35rem;display:flex}.hsk-syllabus-link-title{color:var(--foreground);font-size:.98rem;font-weight:700}.hsk-syllabus-link-desc{color:var(--muted-foreground);margin-top:.2rem;font-size:.84rem}.home-hero{text-align:center;max-width:760px;margin:0 auto;padding:2.5rem 0 1.5rem}.hero-pill{color:light-dark(#52525b,#a1a1aa);background-color:light-dark(#f4f4f5,#27272a);border:1px solid light-dark(#e4e4e7,#3f3f46);border-radius:9999px;align-items:center;gap:.35rem;margin-bottom:1.25rem;padding:.25rem .75rem;font-size:.78rem;font-weight:600;display:inline-flex}.hero-title{letter-spacing:-.03em;color:var(--foreground);margin-bottom:1rem;font-size:2.85rem;font-weight:800;line-height:1.15}.hero-subtitle{color:var(--muted-foreground);max-width:640px;margin-bottom:2rem;margin-left:auto;margin-right:auto;font-size:1.1rem;line-height:1.6}.hero-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem;display:flex}.btn-primary-hero{color:light-dark(#fff,#18181b);border-radius:var(--radius-medium,8px);background-color:light-dark(#18181b,#fafafa);align-items:center;gap:.5rem;padding:.75rem 1.6rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex;box-shadow:0 2px 6px #00000014}.btn-primary-hero:hover{color:light-dark(#fff,#18181b);box-shadow:0 4px 12px #0000001f}.btn-secondary-hero{color:var(--foreground);border:1px solid var(--border);border-radius:var(--radius-medium,8px);background-color:#0000;align-items:center;gap:.5rem;padding:.75rem 1.4rem;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .15s;display:inline-flex}.btn-secondary-hero:hover{background-color:light-dark(#f4f4f5,#27272a);border-color:light-dark(#d4d4d8,#3f3f46)}.home-section{margin:4.5rem 0}.home-section-header{text-align:center;max-width:640px;margin:0 auto 2.5rem}.home-section-title{letter-spacing:-.02em;color:var(--foreground);margin-bottom:.5rem;font-size:1.85rem;font-weight:800}.home-section-subtitle{color:var(--muted-foreground);margin:0;font-size:.95rem;line-height:1.6}.comparison-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.comparison-card{border-radius:var(--radius-large,12px);background-color:var(--card);border:1px solid var(--border);box-shadow:var(--shadow-small);flex-direction:column;padding:1.75rem;display:flex}.comparison-header{border-bottom:1px solid var(--border);flex-direction:column;gap:.35rem;margin-bottom:1.25rem;padding-bottom:.85rem;display:flex}.comparison-tag{text-transform:uppercase;letter-spacing:.05em;color:var(--muted-foreground);align-self:flex-start;font-size:.72rem;font-weight:700;display:inline-block}.comparison-tag.highlight{color:var(--primary)}.comparison-title{color:var(--foreground);margin:0;font-size:1.15rem;font-weight:700}.comparison-list{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.comparison-item{color:var(--foreground);align-items:flex-start;gap:.75rem;font-size:.92rem;line-height:1.6;display:flex}.comparison-dot{background-color:var(--muted-foreground);border-radius:9999px;flex-shrink:0;width:6px;height:6px;margin-top:.55rem}.comparison-card.highlight-card .comparison-dot{background-color:light-dark(#c28340,#d99b55)}.steps-grid{grid-template-columns:repeat(4,1fr);gap:1.25rem;display:grid}.step-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large,12px);box-shadow:var(--shadow-small);flex-direction:column;padding:1.4rem;display:flex;position:relative}.step-badge{border-radius:var(--radius-small,6px);background:var(--muted);border:1px solid var(--border);width:1.75rem;height:1.75rem;color:var(--foreground);justify-content:center;align-items:center;margin-bottom:.85rem;font-size:.8rem;font-weight:700;display:inline-flex}.step-title{color:var(--foreground);margin-bottom:.5rem;font-size:.98rem;font-weight:700;line-height:1.35}.step-mode-tag{color:light-dark(#52525b,#a1a1aa);border-radius:var(--radius-small,4px);background:light-dark(#f4f4f5,#27272a);border:1px solid light-dark(#e4e4e7,#3f3f46);align-self:flex-start;margin-bottom:.6rem;padding:.1rem .4rem;font-size:.72rem;font-weight:600;display:inline-block}.step-desc{color:var(--muted-foreground);flex:1;margin:0;font-size:.85rem;line-height:1.55}.bonus-steps-container{border-radius:var(--radius-large,12px);background-color:light-dark(#fafafa,#1c1c1f);border:1px solid light-dark(#e4e4e7,#2d2d31);margin-top:1.5rem;padding:1.25rem 1.5rem}.bonus-header{color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem;font-size:.82rem;font-weight:700}.bonus-grid{grid-template-columns:repeat(2,1fr);gap:1.25rem;display:grid}.bonus-item{color:var(--foreground);align-items:flex-start;gap:.75rem;font-size:.88rem;line-height:1.55;display:flex}.bonus-icon{color:var(--foreground);flex-shrink:0;margin-top:.15rem}.pillars-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.pillar-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large,12px);box-shadow:var(--shadow-small);padding:1.5rem}.pillar-icon-box{border-radius:var(--radius-medium,10px);background-color:var(--muted);border:1px solid var(--border);width:2.5rem;height:2.5rem;color:var(--foreground);justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.pillar-title{color:var(--foreground);margin-bottom:.4rem;font-size:1.05rem;font-weight:700}.pillar-desc{color:var(--muted-foreground);margin:0;font-size:.88rem;line-height:1.55}.hsk-hub-card{border:1px solid var(--border);border-radius:var(--radius-large,12px);text-align:center;background-color:light-dark(#fcfbf9,#141416);padding:2rem}.hsk-hub-title{color:var(--foreground);margin-bottom:.4rem;font-size:1.35rem;font-weight:800}.hsk-hub-desc{color:var(--muted-foreground);max-width:560px;margin:0 auto 1.5rem;font-size:.9rem;line-height:1.55}.hsk-level-badges{flex-wrap:wrap;justify-content:center;align-items:center;gap:.6rem;display:flex}.faq-grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.faq-card{background-color:var(--card);border:1px solid var(--border);border-radius:var(--radius-large,12px);box-shadow:var(--shadow-small);padding:1.5rem}.faq-question{color:var(--foreground);margin-bottom:.6rem;font-size:1rem;font-weight:700;line-height:1.4}.faq-answer{color:var(--muted-foreground);margin:0;font-size:.88rem;line-height:1.6}@media (width<=1024px){.steps-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.home-hero{padding:2rem 0 1rem}.hero-title{font-size:2.15rem}.comparison-grid,.pillars-grid,.faq-grid,.bonus-grid,.steps-grid{grid-template-columns:1fr;gap:1rem}}.brand-center{text-align:center;margin-bottom:1.5rem}.brand-large{font-size:1.75rem}.auth-card{background:var(--card);border-radius:var(--radius-large);box-shadow:var(--shadow-medium);border:1px solid var(--border);width:100%;padding:2.25rem}.auth-title{text-align:center;letter-spacing:-.02em;color:var(--foreground);margin-bottom:1.5rem;font-size:1.375rem}.auth-mail-icon{margin-bottom:.35rem;font-size:2rem}.btn-full{width:100%;margin-top:.5rem}.divider{text-align:center;color:var(--muted-foreground);align-items:center;margin:1.5rem 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--border);flex:1}.divider:not(:empty):before{margin-right:.75em}.divider:not(:empty):after{margin-left:.75em}.oauth-buttons{flex-direction:column;gap:.75rem;display:flex}.oauth-btn{border-radius:var(--radius-medium);background-color:var(--card);color:var(--foreground);border:1px solid var(--border);box-shadow:var(--shadow-small);cursor:pointer;justify-content:center;align-items:center;gap:.625rem;padding:.65rem 1rem;font-size:.9rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.oauth-btn:hover{background-color:var(--muted);border-color:var(--ring)}header:where(.io-nen7h5rs).nav-header{border-bottom:1px solid var(--border);-webkit-backdrop-filter:blur(20px);z-index:100;background:light-dark(#ffffffd9,#0f0f12d9);padding:.75rem 0;position:sticky;top:0}.nav-container:where(.io-nen7h5rs){justify-content:space-between;align-items:center;display:flex;position:relative}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .brand-logo:where(.io-nen7h5rs){filter:invert()brightness(1.2)}}html[data-theme=dark] .brand-logo:where(.io-nen7h5rs){filter:invert()brightness(1.2)}.theme-toggle-btn:where(.io-nen7h5rs){border-radius:var(--radius-medium);width:2rem;height:2rem;color:var(--muted-foreground);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;transition:all .15s;display:inline-flex}.theme-toggle-btn:where(.io-nen7h5rs):hover{color:var(--foreground);background:var(--muted);border-color:var(--border)}.theme-icon-sun:where(.io-nen7h5rs){display:none}.theme-icon-moon:where(.io-nen7h5rs),html[data-theme=dark] .theme-icon-sun:where(.io-nen7h5rs){display:block}html[data-theme=dark] .theme-icon-moon:where(.io-nen7h5rs){display:none}@media (prefers-color-scheme:dark){html:not([data-theme=light]) .theme-icon-sun:where(.io-nen7h5rs){display:block}html:not([data-theme=light]) .theme-icon-moon:where(.io-nen7h5rs){display:none}}.desktop-nav:where(.io-nen7h5rs){display:block}.desktop-nav:where(.io-nen7h5rs) .nav-link:where(.io-nen7h5rs),.nav-link:where(.io-nen7h5rs){color:var(--muted-foreground);font-size:.925rem;font-weight:500;transition:color .15s;text-decoration:none!important}.desktop-nav:where(.io-nen7h5rs) .nav-link:where(.io-nen7h5rs):hover,.nav-link:where(.io-nen7h5rs):hover{color:var(--foreground);text-decoration:none!important}.nav-signout-form:where(.io-nen7h5rs){margin:0}.mobile-nav-actions:where(.io-nen7h5rs){align-items:center;gap:.5rem;display:none}.mobile-menu-btn:where(.io-nen7h5rs){border-radius:var(--radius-medium);width:2.25rem;height:2.25rem;color:var(--foreground);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;margin:0;padding:0;transition:all .15s;display:inline-flex}.mobile-menu-btn:where(.io-nen7h5rs):hover{background:var(--muted);border-color:var(--border)}.menu-icon-open:where(.io-nen7h5rs){display:block}.menu-icon-close:where(.io-nen7h5rs),.mobile-menu-btn:where(.io-nen7h5rs)[aria-expanded=true] .menu-icon-open:where(.io-nen7h5rs){display:none}.mobile-menu-btn:where(.io-nen7h5rs)[aria-expanded=true] .menu-icon-close:where(.io-nen7h5rs){display:block}.mobile-nav-drawer:where(.io-nen7h5rs){-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);box-shadow:var(--shadow-medium);opacity:0;pointer-events:none;background:light-dark(#fffffffa,#0f0f12fa);padding:1rem 0 1.5rem;transition:opacity .2s,transform .2s;display:none;position:absolute;top:100%;left:0;right:0;transform:translateY(-8px)}.mobile-nav-drawer:where(.io-nen7h5rs).is-open{opacity:1;pointer-events:auto;display:block;transform:translateY(0)}.mobile-nav-links:where(.io-nen7h5rs){flex-direction:column;gap:.25rem;display:flex}.mobile-nav-link:where(.io-nen7h5rs){border-radius:var(--radius-small);color:var(--foreground);padding:.65rem .85rem;font-size:1rem;font-weight:500;text-decoration:none;transition:background-color .15s;display:block}.mobile-nav-link:where(.io-nen7h5rs):hover{background:var(--muted)}.mobile-nav-divider:where(.io-nen7h5rs){background:var(--border);border:0;height:1px;margin:.75rem 0}.mobile-auth-section:where(.io-nen7h5rs){padding-top:.25rem}.mobile-login-btn:where(.io-nen7h5rs),.mobile-signout-btn:where(.io-nen7h5rs){text-align:center;width:100%;padding:.65rem;font-size:.95rem}@media (width<=768px){.desktop-nav:where(.io-nen7h5rs){display:none}.mobile-nav-actions:where(.io-nen7h5rs){display:flex}}.auth-state-signed-in:where(.io-nen7h5rs){display:none!important}.auth-state-signed-out:where(.io-nen7h5rs){display:block}html.user-logged-in .auth-state-signed-in:where(.io-nen7h5rs){display:block!important}html.user-logged-in .auth-state-signed-out:where(.io-nen7h5rs){display:none!important}.site-footer:where(.io-jo6i4kqk){border-top:1px solid var(--border);color:light-dark(#4b5563,#a1a1aa);background-color:light-dark(#fcfbf9,#141312);margin-top:1rem;padding:3.5rem 0 2rem;font-size:.88rem}.footer-inner:where(.io-jo6i4kqk){max-width:var(--container-max);margin:0 auto}.footer-grid:where(.io-jo6i4kqk){grid-template-columns:2fr 1.1fr 1.1fr 1.1fr;gap:2.5rem;margin-bottom:2.5rem;display:grid}.footer-brand:where(.io-jo6i4kqk){margin-bottom:.85rem;font-size:1.25rem}.footer-tagline:where(.io-jo6i4kqk){color:light-dark(#4b5563,#a1a1aa);max-width:320px;margin-bottom:1.15rem;font-size:.85rem;line-height:1.55}.footer-badges:where(.io-jo6i4kqk){flex-wrap:wrap;gap:.5rem;display:flex}.footer-pill:where(.io-jo6i4kqk){background-color:var(--muted);color:light-dark(#374151,#d1d5db);border:1px solid var(--border);border-radius:9999px;align-items:center;padding:.2rem .55rem;font-size:.72rem;font-weight:500;display:inline-flex}.footer-col-title:where(.io-jo6i4kqk){text-transform:uppercase;letter-spacing:.06em;color:var(--foreground);margin-bottom:1rem;font-size:.82rem;font-weight:700}.footer-links:where(.io-jo6i4kqk){flex-direction:column;gap:.6rem;margin:0;padding:0;list-style:none;display:flex}.footer-link:where(.io-jo6i4kqk){color:light-dark(#4b5563,#a1a1aa);font-size:.85rem;text-decoration:none;transition:color .15s}.footer-link:where(.io-jo6i4kqk):hover{color:var(--foreground);text-decoration:underline}.footer-bottom:where(.io-jo6i4kqk){color:light-dark(#4b5563,#a1a1aa);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding-top:1.75rem;font-size:.8rem;display:flex}.footer-legal-links:where(.io-jo6i4kqk){align-items:center;gap:.5rem;display:flex}.footer-legal-link:where(.io-jo6i4kqk){color:light-dark(#4b5563,#a1a1aa);text-decoration:none;transition:color .15s}.footer-legal-link:where(.io-jo6i4kqk):hover{color:var(--foreground);text-decoration:underline}.footer-sep:where(.io-jo6i4kqk){color:var(--border);font-size:.6rem}.footer-note:where(.io-jo6i4kqk){color:light-dark(#4b5563,#9ca3af);font-style:italic}@media (width<=768px){.site-footer:where(.io-jo6i4kqk){margin-top:1rem;padding:2.5rem 0 1.75rem}.footer-grid:where(.io-jo6i4kqk){grid-template-columns:1fr;gap:2rem;padding-bottom:2rem}.footer-bottom:where(.io-jo6i4kqk){flex-direction:column;align-items:flex-start;gap:.4rem}}