@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){--_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}::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}}}:is(button,[type=submit],[type=reset],[type=button],a.button){&: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{border-radius:var(--radius-full)}&::-webkit-meter-suboptimum-value{border-radius:var(--radius-full)}&::-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)}&::marker{display:none}&::-webkit-details-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)}}}:root{--color-bg:#efebe1;--color-surface:#f7f2e8;--color-primary:#171816;--color-accent:#2f6d6d;--color-accent-light:#cadb26;--color-muted:#66726d;--color-border:#d7d0c2;--shadow-sm:0 1px 3px #0000000a;--shadow-md:0 4px 12px #00000014;--radius-sm:6px;--radius-md:12px;--radius-lg:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 15% 12%, #78c7cf47, transparent 20%), radial-gradient(circle at 88% 10%, #cadb2673, transparent 28%), linear-gradient(180deg, #ece7dc 0%, var(--color-bg) 100%);min-height:100vh;color:var(--color-primary);margin:0;font-family:Manrope,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.5}main{min-height:calc(100vh - 140px)}nav{z-index:100;background:#1f2724eb;border:1px solid #ffffff0f;border-radius:24px;justify-content:flex-start;align-items:center;width:min(100% - 1.5rem,1180px);margin:1rem auto 0;padding:1rem 1.5rem;display:flex;position:sticky;top:.75rem}.site-logo{color:#f4efe4;letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600;text-decoration:none}nav ul{gap:2rem;margin:0;padding:0;list-style:none;display:flex}nav a{color:var(--color-muted);font-size:.9rem;font-weight:500;text-decoration:none;transition:color .2s}nav a:hover{color:var(--color-accent)}.hero{text-align:center;background:radial-gradient(circle at 12% 18%,#78c7cf2e,#0000 34%),radial-gradient(circle at 86% 12%,#cadb2638,#0000 36%),0 0;padding:2rem 1.5rem 2.25rem;position:relative;overflow:hidden}.hero:before{content:"";background:linear-gradient(90deg, var(--color-accent), var(--color-accent-light));height:4px;position:absolute;top:0;left:0;right:0}.hero:after{content:"";filter:blur(.2px);background:radial-gradient(circle at 30% 30%,#f48c062e,#e85d040a);border-radius:50%;width:220px;height:220px;position:absolute;bottom:-75px;right:-60px}.hero-content{z-index:1;max-width:540px;margin:0 auto;position:relative}.hero-badge{color:var(--color-accent);text-transform:uppercase;letter-spacing:.08em;background:#e85d0414;border:1px solid #e85d043d;border-radius:50px;margin-bottom:1.25rem;padding:.35rem .85rem;font-size:.7rem;font-weight:600;display:inline-block}.hero h1{letter-spacing:-.04em;margin:0 0 .75rem;font-family:Cormorant Garamond,serif;font-size:clamp(3.2rem,7vw,5.4rem);font-weight:600;line-height:.94}.hero h1 span{display:block}.hero .tagline{color:#575757;margin-bottom:2rem;font-size:1.05rem;line-height:1.7}.hero-selector{justify-content:center;margin-bottom:2rem;display:flex}.hero-selector :global(.dropdown-select){background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-primary);border-radius:var(--radius-sm);padding:.9rem 3rem .9rem 1.25rem;font-size:.95rem;transition:all .2s}.hero-selector :global(.dropdown-select):hover{border-color:var(--color-accent);background:#fafafa}.hero-selector :global(.dropdown-select):focus{border-color:var(--color-accent);box-shadow:0 0 0 2px #e85d041a}.hero-selector :global(.dropdown-arrow){color:var(--color-muted)}.hero-stats{justify-content:center;align-items:center;gap:2.5rem;margin-top:.4rem;display:flex}.continue-wrap{padding:1rem 1.2rem .35rem}.continue-card{border-radius:var(--radius-md);background:linear-gradient(135deg,#fffbf5f2,#fff2dff2);border:1px solid #e85d043d;max-width:760px;margin:0 auto;padding:1rem 1.2rem;box-shadow:0 12px 26px #e85d041a}.continue-label{letter-spacing:.08em;text-transform:uppercase;color:#b5530d;margin:0;font-size:.72rem}.continue-card h2{margin:.32rem 0 .25rem;font-size:1.2rem;line-height:1.25}.continue-card p{color:#5b5b5b;margin:0}.continue-card footer{background:0 0;margin-top:.8rem;padding:0}.continue-card a[role=button]{color:#9f3f00;background:#fff;border:1px solid #e85d0457;border-radius:8px;padding:.48rem .78rem;font-weight:700;text-decoration:none;display:inline-block}.stat-item{text-align:center;border-radius:var(--radius-md);padding:.75rem 1.25rem;text-decoration:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:block;position:relative}.stat-item:before{content:"";border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border);z-index:-1;transition:all .3s;position:absolute;inset:0}.stat-item:hover{transform:translateY(-4px)}.stat-item:hover:before{border-color:var(--color-accent);box-shadow:0 8px 24px #e85d0426}.stat-item:hover .stat-num{color:var(--color-accent)}.stat-num{color:var(--color-primary);font-size:1.75rem;font-weight:700;line-height:1;transition:color .3s;display:block}.stat-label{color:var(--color-muted);text-transform:uppercase;letter-spacing:.06em;margin-top:.25rem;font-size:.75rem;transition:color .3s}.stat-item:hover .stat-label{color:var(--color-primary)}.stat-divider{background:var(--color-border);width:1px;height:28px}.how-it-works{text-align:center;background:radial-gradient(circle at 15% 12%, #78c7cf47, transparent 20%), radial-gradient(circle at 88% 10%, #cadb2673, transparent 28%), linear-gradient(180deg, #ece7dc 0%, var(--color-bg) 100%);padding:3rem 1.5rem}.section-title{color:var(--color-primary);letter-spacing:-.02em;margin:0 0 2rem;font-size:1.25rem;font-weight:700}.steps{flex-wrap:wrap;justify-content:center;align-items:stretch;gap:0;max-width:700px;margin:0 auto;display:flex}.step{text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);flex:150px;max-width:180px;margin:0 .35rem;padding:1.5rem 1.25rem;transition:all .2s}.step:hover{box-shadow:var(--shadow-md);border-color:var(--color-accent);transform:translateY(-2px)}.step-number{background:var(--color-accent);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;margin:0 auto .85rem;font-size:.7rem;font-weight:600;transition:transform .2s;display:flex}.step:hover .step-number{transform:scale(1.1)}.step h3{color:var(--color-primary);margin:0 0 .2rem;font-size:.9rem;font-weight:600}.step p{color:var(--color-muted);margin:0;font-size:.8rem}.features{background:var(--color-border);grid-template-columns:repeat(4,1fr);gap:1px;display:grid}.feature{background:var(--color-surface);text-align:center;padding:1.5rem 1.25rem;transition:all .2s}.feature:hover{background:#fafaf8;transform:translateY(-1px)}.feature-icon{width:22px;height:22px;color:var(--color-primary);margin-bottom:.6rem}.feature-1 .feature-icon{color:var(--color-accent)}.feature-2 .feature-icon{color:var(--color-primary)}.feature-3 .feature-icon{color:var(--color-accent)}.feature-4 .feature-icon{color:var(--color-primary)}.feature h3{color:var(--color-primary);margin:0 0 .15rem;font-size:.85rem;font-weight:600}.feature p{color:var(--color-muted);margin:0;font-size:.75rem}.cta{text-align:center;background:var(--color-surface);padding:3rem 1.5rem}.cta h2{color:var(--color-primary);margin:0 0 .4rem;font-size:1.25rem;font-weight:700}.cta p{color:var(--color-muted);margin:0;font-size:.95rem}footer{text-align:center;color:#f2ecdf;background:#1f2724f5;border-radius:24px;width:min(100% - 1.5rem,1180px);margin:0 auto 1rem;padding:1.2rem 1rem;font-size:.86rem}footer p{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:0;display:inline-flex}.selector-wrapper{width:100%;display:inline-block;position:relative}.dropdown-select{border:1px solid var(--color-border);border-radius:var(--radius-sm);width:100%;color:var(--color-primary);cursor:pointer;appearance:none;background:#fff;padding:.8rem 2.5rem .8rem 1rem;font-size:.9rem;font-weight:500;transition:all .2s}.dropdown-select:hover{border-color:var(--color-accent)}.dropdown-select:focus{border-color:var(--color-accent);outline:none;box-shadow:0 0 0 3px #e85d041a}.dropdown-arrow{pointer-events:none;color:var(--color-muted);font-size:.6rem;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.page-header{text-align:center;margin-bottom:1.5rem}.page-header h1{color:var(--color-primary);margin-bottom:.4rem;font-size:1.5rem;font-weight:700}.page-header p{color:var(--color-muted);font-size:.95rem}.selection-page{max-width:1040px;margin:0 auto;padding:1.5rem 1rem}.journey-main{isolation:isolate;position:relative;overflow:hidden}.journey-main>*{z-index:1;position:relative}.journey-main:before,.journey-main:after{content:"";pointer-events:none;opacity:.5;z-index:0;border-radius:50%;position:absolute}.journey-main:before{background:radial-gradient(circle at 36% 36%,#f48c0638,#e85d0405);width:420px;height:420px;animation:14s ease-in-out infinite journey-float-a;top:56px;left:-160px}.journey-main:after{background:radial-gradient(circle at 50% 40%,#e85d0430,#f48c0605);width:360px;height:360px;animation:16s ease-in-out infinite journey-float-b;bottom:96px;right:-160px}.subject-selector{justify-content:center;margin:1.5rem 0;display:flex}.journey-page{position:relative}.journey-hero{border-radius:var(--radius-md);background:radial-gradient(circle at 10% 20%,#f48c0624,#0000 36%),linear-gradient(150deg,#fffbf5f2,#fff4e5f2);border:1px solid #e85d0438;max-width:760px;margin:0 auto 1.25rem;padding:1.1rem 1.2rem}.journey-kicker{letter-spacing:.08em;text-transform:uppercase;color:#a04707;margin:0 0 .25rem;font-size:.74rem;font-weight:700}.class-journey .journey-hero h1{letter-spacing:-.02em;margin:0 0 .4rem;font-size:clamp(1.6rem,2.4vw,2.05rem)}.class-journey .journey-hero p{color:#5d5d5d;max-width:560px;margin:.15rem auto 0}.journey-chips{flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.6rem;display:flex}.journey-chip{color:#9a3f00;background:#e85d0417;border:1px solid #e85d043d;border-radius:999px;padding:.24rem .46rem;font-size:.73rem;font-weight:600}.chapter-hero-card{text-align:left;background:linear-gradient(#fff,#fcfcfa);border:1px solid #1a1a1a14;max-width:860px;padding:1.15rem 1.2rem 1.1rem;position:relative;overflow:hidden;box-shadow:0 10px 22px #1a1a1a0d}.chapter-hero-card:after{content:"";background:linear-gradient(90deg,#f48c06eb,#e85d0480);border-radius:0 0 10px 10px;height:2px;position:absolute;top:0;left:1.2rem;right:1.2rem}.chapter-hero-top{justify-content:space-between;align-items:center;gap:.6rem;display:flex}.chapter-track-label{letter-spacing:.07em;text-transform:uppercase;color:#a14500;background:#f48c060f;border:1px solid #e85d0433;border-radius:999px;padding:.18rem .5rem;font-size:.7rem;font-weight:700}.chapter-journey .journey-hero h1{letter-spacing:-.03em;margin:.1rem 0 .32rem;font-size:clamp(1.8rem,2.7vw,2.35rem);line-height:1.1}.chapter-hero-copy{color:#636363;max-width:650px;margin:0;font-size:.98rem}.chapter-hero-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:.58rem;margin-top:.92rem;display:grid}.chapter-hero-metric{background:#fff;border:1px solid #1a1a1a14;border-radius:12px;flex-direction:column;justify-content:center;min-height:78px;padding:.6rem .68rem .56rem;display:flex;box-shadow:inset 0 1px #1a1a1a08}.chapter-hero-value{color:#9b3d00;font-size:clamp(1.2rem,2vw,1.5rem);font-weight:800;line-height:1.05}.chapter-hero-label{text-transform:uppercase;letter-spacing:.08em;color:#8a6753;margin-top:.18rem;font-size:.73rem}.journey-tools{flex-direction:column;align-items:center;gap:.8rem;margin:.8rem auto 1.3rem;display:flex}.continue-inline{text-align:center;background:#fff7ecbf;border:1px solid #e85d043d;border-radius:12px;width:100%;max-width:400px;padding:.85rem}.continue-inline-label{letter-spacing:.05em;text-transform:uppercase;color:#9f3f00;margin:0 0 .45rem;font-size:.75rem}.continue-inline a[role=button]{color:#9f3f00;background:#fff;border:1px solid #e85d0457;border-radius:8px;padding:.42rem .75rem;font-weight:600;text-decoration:none;display:inline-block}.grid{gap:1rem;display:grid}.grid.col-3{grid-template-columns:repeat(3,1fr)}.subject-grid-layout .card-item{height:100%}.card-item{border-radius:var(--radius-md);text-align:center;background:linear-gradient(165deg,#fffffffa,#fffaf4f2);border:1px solid #e85d0426;padding:1.1rem 1rem 1rem;transition:transform .22s,box-shadow .22s,border-color .22s;position:relative;overflow:hidden;box-shadow:0 8px 20px #e85d040f}.card-item:hover{border-color:var(--color-accent);transform:translateY(-4px);box-shadow:0 14px 28px #e85d0429}.card-item:before{content:"";opacity:0;pointer-events:none;background:radial-gradient(circle,#e85d0414,#0000 66%);height:120px;transition:opacity .2s;position:absolute;inset:auto -20% -48%}.card-item:hover:before{opacity:1}.card-item:after{content:"";background:linear-gradient(90deg,#f48c06e6,#e85d048c);border-radius:0 0 8px 8px;height:3px;position:absolute;top:0;left:14px;right:14px}.card-item header{margin-bottom:.62rem}.card-item h3{color:var(--color-primary);margin:0;font-size:1.03rem;font-weight:600}.card-item p{color:var(--color-muted);margin:.25rem 0 0;font-size:.85rem}.card-meta{flex-wrap:wrap;justify-content:center;gap:.35rem;margin-top:.7rem;display:flex}.card-meta-chip{color:#9f3f00;background:#e85d0414;border:1px solid #e85d0440;border-radius:999px;padding:.25rem .42rem;font-size:.72rem;line-height:1}.card-item footer{background:0 0;border-top:1px solid #e85d0424;margin-top:1rem;padding-top:.75rem}.card-item a{color:#9f3f00;letter-spacing:.01em;background:#e85d041a;border:1px solid #e85d0440;border-radius:999px;padding:.36rem .64rem;font-size:.81rem;font-weight:700;text-decoration:none;display:inline-block}.card-item a:hover{background:#e85d042e;text-decoration:none}.card-item.is-last-subject{border-color:#e85d0480;transform:translateY(-2px);box-shadow:0 16px 30px #e85d0433}.card-item.is-last-subject:after{background:linear-gradient(90deg,#f48c06,#e85d04)}.card-item.card-subject{text-align:left;flex-direction:column;align-items:flex-start;min-height:198px;display:flex}.card-item.card-subject header{width:100%;margin-bottom:.55rem}.card-item.card-subject h3{letter-spacing:-.01em;font-size:1.12rem;line-height:1.25}.card-item.card-subject p{color:#656565;margin-top:.2rem;font-size:.84rem}.card-item.card-subject .badge{color:#9a3f00;background:#e85d041a;border:1px solid #e85d043d;margin-top:.55rem}.card-item.card-subject footer{justify-content:flex-start;width:100%;margin-top:auto;padding-top:.72rem;display:flex}.card-item.card-subject a{letter-spacing:.01em;font-size:.8rem}.coming-soon{text-align:center;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border);max-width:360px;margin:1.5rem auto;padding:3rem 1.5rem}.coming-soon-icon{width:40px;height:40px;color:var(--color-muted);margin:0 auto .75rem}.coming-soon-icon svg{width:100%;height:100%}.coming-soon h3{color:var(--color-primary);margin:0 0 .4rem;font-size:1.1rem;font-weight:600}.coming-soon p{color:var(--color-muted);margin:0;font-size:.85rem}.comic-reader{max-width:800px;margin:0 auto;padding:1rem}.reader-fs-progress{z-index:130;opacity:0;pointer-events:none;background:#e85d0433;border-radius:999px;width:8px;height:52vh;min-height:200px;max-height:420px;transition:opacity .2s;position:fixed;top:50%;right:.85rem;overflow:hidden;transform:translateY(-50%)}.reader-fs-progress-fill{border-radius:inherit;background:linear-gradient(180deg, var(--color-accent-light), var(--color-accent));height:1%;transition:height .2s;position:absolute;bottom:0;left:0;right:0}.reader-viewport{flex-direction:column;align-items:center;gap:1rem;display:flex}.reader-viewport.fullscreen-view{z-index:120;background:#000;justify-content:center;gap:0;padding:0;position:fixed;inset:0}.comic-reader.is-fullscreen .reader-fs-progress{opacity:1}.reader-viewport.fullscreen-view .comic-panel,.reader-viewport:not(.fullscreen-view) .comic-panel{justify-content:center;align-items:center;width:100%;min-height:calc(100vh - 180px);padding:0;display:flex}.reader-viewport.fullscreen-view .comic-panel img,.reader-viewport:not(.fullscreen-view) .comic-panel img{object-fit:contain;width:auto;max-width:100%;height:auto;max-height:calc(100vh - 200px);box-shadow:var(--shadow-md);border-radius:4px}.comic-panel{width:100%;max-width:700px;position:relative}.comic-panel img{border-radius:var(--radius-sm);width:100%;height:auto;box-shadow:var(--shadow-md);transition:transform .2s,box-shadow .2s;display:block}.chapter-complete-card{border-radius:var(--radius-md);backdrop-filter:blur(12px);opacity:0;z-index:160;background:#ffffff38;border:1px solid #ffffff73;width:min(92vw,560px);margin:0;padding:1rem 1.05rem;transition:opacity .22s,transform .22s;position:fixed;top:50%;left:50%;transform:translate(-50%,-46%)scale(.98);box-shadow:0 14px 38px #00000040}.chapter-complete-card.is-visible{opacity:1;transform:translate(-50%,-50%)scale(1)}.chapter-complete-card.is-bursting{animation:.65s completion-pop}.completion-celebration{place-items:center;width:88px;height:88px;margin:0 auto .4rem;display:grid;position:relative}.celebration-ring{border:2px dashed #e85d0459;border-radius:50%;animation:9s linear infinite celebration-spin;position:absolute;inset:8px}.celebration-icon{opacity:0;width:42px;height:42px;color:var(--color-accent);transition:opacity .24s,transform .24s;position:absolute;transform:scale(.7)}.chapter-complete-card.theme-stars .icon-star,.chapter-complete-card.theme-trophy .icon-trophy,.chapter-complete-card.theme-splash .icon-splash{opacity:1;transform:scale(1)}.celebration-dot{background:var(--color-accent);opacity:.78;border-radius:50%;width:8px;height:8px;position:absolute}.dot-1{top:2px;left:40px}.dot-2{top:16px;right:8px}.dot-3{top:44px;right:2px}.dot-4{bottom:10px;right:14px}.dot-5{bottom:6px;left:22px}.dot-6{top:36px;left:2px}.completion-celebration.is-bursting .celebration-dot{animation:.7s celebration-drift}.chapter-complete-card h3{text-align:center;margin:0;font-size:1.12rem}.chapter-complete-card p{color:#1a1a1ad9;text-align:center;margin:.35rem 0 .7rem;font-size:.88rem}.chapter-complete-card footer{background:0 0;justify-content:center;gap:.55rem;padding:0;display:flex}.chapter-complete-card footer button,.chapter-complete-card footer a[role=button]{border-radius:var(--radius-sm);color:#9f3f00;cursor:pointer;background:#fff;border:1px solid #e85d0452;margin:0;padding:.45rem .75rem;font-size:.82rem;font-weight:600;text-decoration:none;transition:transform .15s,background-color .15s}.chapter-complete-card footer button:hover,.chapter-complete-card footer a[role=button]:hover{background:#e85d0414;transform:translateY(-1px)}.comic-reader.is-fullscreen .chapter-complete-card{background:#1a1a1a6b;border-color:#ffffff47}.comic-reader.is-fullscreen .chapter-complete-card h3,.comic-reader.is-fullscreen .chapter-complete-card p{color:#fffffff5}@keyframes celebration-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes celebration-drift{0%{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.35)}to{opacity:.4;transform:scale(.8)}}@keyframes completion-pop{0%{transform:translate(-50%,-50%)scale(.94)}45%{transform:translate(-50%,-50%)scale(1.03)}to{transform:translate(-50%,-50%)scale(1)}}.reader-controls{backdrop-filter:blur(10px);z-index:10;background:linear-gradient(#fffffff5,#fff8eefa);border-top:1px solid #e85d0438;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;padding:.6rem 1rem;display:flex;position:sticky;bottom:0}.reader-progress-wrap{flex-direction:column;gap:.35rem;display:flex}.reader-progress{font-size:.95rem;font-weight:600}.reader-milestones{align-items:center;gap:.35rem;display:flex}.reader-progress-track{background:#e85d0429;border-radius:999px;width:170px;height:5px;overflow:hidden}.reader-progress-fill{border-radius:inherit;background:linear-gradient(90deg, var(--color-accent-light), var(--color-accent));width:0%;height:100%;transition:width .2s;display:block}.milestone-chip{border:1px solid var(--color-border);color:var(--color-muted);background:var(--color-surface);border-radius:999px;padding:.08rem .45rem;font-size:.68rem;transition:all .2s;position:relative}.milestone-chip.is-reached{color:#b14700;background:linear-gradient(135deg,#f48c0633,#e85d0426);border-color:#e85d0494;transform:translateY(-1px)}.milestone-chip.is-bursting{animation:.45s milestone-burst}.milestone-chip.is-bursting:after{content:"";border-radius:inherit;border:2px solid #e85d0447;animation:.45s milestone-ring;position:absolute;inset:-6px}@keyframes milestone-burst{0%{transform:translateY(-1px)scale(1)}35%{transform:translateY(-1px)scale(1.18)}to{transform:translateY(-1px)scale(1)}}@keyframes milestone-ring{0%{opacity:.6;transform:scale(.7)}to{opacity:0;transform:scale(1.25)}}.reader-hints{opacity:.6;font-size:.75rem}.reader-reward{border-radius:var(--radius-md);color:#fff;text-align:center;white-space:nowrap;opacity:0;pointer-events:none;z-index:140;background:linear-gradient(135deg,#e85d04eb,#f48c06e0);border:1px solid #ffffff47;padding:.6rem .95rem;font-size:.86rem;font-weight:600;transition:opacity .22s,transform .22s;position:fixed;bottom:5.25rem;left:50%;transform:translate(-50%,14px)scale(.97);box-shadow:0 14px 34px #00000047}.reader-reward.is-visible{opacity:1;transform:translate(-50%)scale(1)}.reader-reward.is-success{background:linear-gradient(135deg,#1da35b,#2fbf71)}.reader-hints kbd{border:1px solid var(--color-border);background:radial-gradient(circle at 15% 12%, #78c7cf47, transparent 20%), radial-gradient(circle at 88% 10%, #cadb2673, transparent 28%), linear-gradient(180deg, #ece7dc 0%, var(--color-bg) 100%);border-radius:3px;padding:.1rem .3rem;font-size:.65rem;display:inline-block}@media (width<=768px){.hero h1{font-size:2rem}.hero{padding:3rem 1rem 2.5rem}.hero-stats{gap:1.5rem}.stat-num{font-size:1.4rem}.steps{flex-direction:column;align-items:center}.step{width:100%;max-width:100%;margin:.25rem 0}.features{grid-template-columns:repeat(2,1fr)}nav{padding:1rem}nav ul{display:none}.grid.col-3{grid-template-columns:1fr}.selection-page{padding:1rem .75rem}.journey-hero{padding:.95rem .85rem}.chapter-hero-card{padding:.95rem .85rem .9rem}.chapter-hero-top{flex-wrap:wrap;justify-content:flex-start}.chapter-journey .journey-hero h1{font-size:clamp(1.55rem,7vw,1.9rem)}.chapter-hero-copy{font-size:.9rem}.chapter-hero-metrics{gap:.45rem}.chapter-hero-metric{min-height:72px;padding:.52rem .52rem .48rem}.journey-main:before{width:220px;height:220px;left:-110px}.journey-main:after{width:190px;height:190px;right:-110px}.journey-chips{gap:.35rem}.reader-controls{padding:.55rem .75rem}.reader-fs-progress{width:7px;height:38vh;min-height:150px;right:.45rem}.reader-hints{order:3;width:100%}.reader-reward{white-space:normal;max-width:calc(100vw - 1.5rem);bottom:5.6rem}.chapter-complete-card footer{flex-wrap:wrap}}@media (width<=480px){.reader-fs-progress{width:6px;height:30vh;min-height:120px;right:.3rem}.features{grid-template-columns:1fr}.hero-stats{flex-direction:column;gap:1rem}.stat-divider{display:none}}@keyframes journey-float-a{0%{transform:translate(0)}50%{transform:translate(22px,-10px)}to{transform:translate(0)}}@keyframes journey-float-b{0%{transform:translate(0)}50%{transform:translate(-20px,12px)}to{transform:translate(0)}}@media (width<=768px){nav,footer{width:calc(100% - 1rem)}.hero-panel-copy{border-radius:26px;padding:1.4rem 1rem}}body{background:radial-gradient(circle at 15% 12%, #78c7cf47, transparent 20%), radial-gradient(circle at 88% 10%, #cadb2673, transparent 28%), linear-gradient(180deg, #ece7dc 0%, var(--color-bg) 100%)}.how-it-works,.cta,.features,.selection-page{width:min(100% - 1.5rem,1180px);margin-left:auto;margin-right:auto}.hero-panel-copy{background:#f7f2e8eb;border:1px solid #17181614;border-radius:32px;max-width:980px;margin:0 auto;padding:2rem 1.75rem;box-shadow:0 18px 40px #353c2d1a}.hero-panel-copy-wide{width:100%}.hero-grid-simple{max-width:1180px;margin:0 auto}.hero-selector{max-width:340px;margin:0 auto 2rem}.hero-selector :global(.selector-wrapper){max-width:none}.hero h1{letter-spacing:-.04em;font-family:Cormorant Garamond,serif;font-size:clamp(3.2rem,7vw,5.4rem);font-weight:600;line-height:.94}.hero-badge{color:var(--color-accent);background:#2f6d6d14;border-color:#2f6d6d2e}.hero h1 .highlight{color:var(--color-accent)}nav{background:#1f2724eb;border:1px solid #ffffff0f;border-radius:24px;width:min(100% - 1.5rem,1180px);margin:1rem auto 0;padding:1rem 1.5rem;top:.75rem}.site-logo{color:#f4efe4;letter-spacing:-.03em;font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:600}.site-logo span{color:#78c7cfeb}.features{border-radius:28px;overflow:hidden}.feature{background:#f7f2e8eb}.journey-hero,.chapter-hero-card,.continue-inline,.continue-card,.coming-soon{background:radial-gradient(circle at 88% 18%,#cadb2629,#0000 18%),radial-gradient(circle at 12% 82%,#78c7cf1f,#0000 18%),#f7f2e8eb;border:1px solid #17181614;border-radius:28px;box-shadow:0 18px 40px #353c2d14}.journey-kicker,.chapter-track-label,.continue-inline-label,.continue-label{color:var(--color-accent)}.journey-chip,.card-meta-chip,.badge{color:#2a6666;background:#2f6d6d14;border-color:#2f6d6d29}.card-item{background:linear-gradient(#faf6edfa,#f2ecdff0);border:1px solid #2f6d6d1f;border-radius:24px;box-shadow:0 14px 30px #3e472b14}.card-item:before{background:radial-gradient(circle,#78c7cf1f,#0000 66%)}.card-item:after{background:linear-gradient(90deg,#78c7cfe6,#cadb26cc)}.card-item:hover{border-color:#2f6d6d4d;box-shadow:0 20px 34px #78c7cf29}.card-item h3{color:var(--color-primary)}.card-item p{color:var(--color-muted)}.card-orb{background:linear-gradient(135deg,#78c7cf,#cadb26f2);border-radius:50%;width:14px;height:14px;display:inline-block;box-shadow:0 0 0 5px #78c7cf1f}.card-item a,.continue-inline a[role=button],.continue-card a[role=button]{color:#124040;background:linear-gradient(135deg,#ebf4b2e0,#78c7cf80);border-color:#2f6d6d2e}.card-item a:hover,.continue-inline a[role=button]:hover,.continue-card a[role=button]:hover{background:linear-gradient(135deg,#ebf4b2,#78c7cf9e)}.card-item.is-last-subject{border-color:#2f6d6d59;box-shadow:0 22px 40px #78c7cf33}.chapter-hero-metric{background:#fffcf6e0;border-color:#2f6d6d1f}.chapter-hero-value{color:var(--color-accent)}footer{color:#f2ecdf;background:#1f2724f5;border-radius:24px;width:min(100% - 1.5rem,1180px);margin:0 auto 1rem}footer p{color:#f2ecdf;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.footer-sep{color:#cadb26eb}@media (width<=768px){nav,footer,.how-it-works,.cta,.features,.selection-page{width:calc(100% - 1rem)}.hero-panel-copy{border-radius:26px;padding:1.4rem 1rem}}.selection-page.journey-page .journey-hero,.selection-page.journey-page .journey-hero.chapter-hero-card{background:radial-gradient(circle at 88% 18%,#cadb2629,#0000 18%),radial-gradient(circle at 12% 82%,#78c7cf1f,#0000 18%),#f7f2e8f0!important;border:1px solid #17181614!important;border-radius:30px!important;box-shadow:0 18px 40px #353c2d14!important}.selection-page.journey-page .journey-hero.chapter-hero-card:after{background:linear-gradient(90deg,#78c7cfeb,#cadb26e0)!important;height:3px!important;left:1.2rem!important;right:1.2rem!important}.selection-page.journey-page .journey-kicker,.selection-page.journey-page .chapter-track-label,.selection-page.journey-page .chapter-hero-value{color:var(--color-accent)!important}.selection-page.journey-page .chapter-track-label{background:#2f6d6d14!important;border-color:#2f6d6d2e!important}.selection-page.journey-page .chapter-hero-copy,.selection-page.journey-page .journey-hero p,.selection-page.journey-page .chapter-hero-label{color:var(--color-muted)!important}.selection-page.journey-page .chapter-hero-metric{box-shadow:none!important;background:#fffcf6e6!important;border-color:#2f6d6d1f!important}.reader-controls{background:#f7f2e8f0!important;border-top:1px solid #2f6d6d2e!important;border-radius:24px 24px 0 0!important;box-shadow:0 -8px 24px #353c2d14!important}.reader-progress-fill,.reader-fs-progress-fill{background:linear-gradient(90deg,#78c7cff5,#cadb26eb)!important}.reader-progress-track{background:#2f6d6d1f!important}.milestone-chip{color:var(--color-muted)!important;background:#fffcf6d6!important;border-color:#2f6d6d24!important}.milestone-chip.is-reached{color:#1f5c5b!important;background:linear-gradient(135deg,#78c7cf2e,#cadb263d)!important;border-color:#2f6d6d59!important}.reader-hints,.reader-progress{color:var(--color-primary)!important}.reader-hints kbd{color:var(--color-primary)!important;background:#fffcf6e0!important;border-color:#2f6d6d24!important}.fullscreen-btn{color:var(--color-primary)!important;background:#fffcf6e0!important;border-color:#2f6d6d2e!important}.fullscreen-btn:hover{background:#78c7cf1f!important;border-color:#2f6d6d52!important}.reader-reward{background:linear-gradient(135deg,#2f6d6df5,#cadb26eb)!important}.chapter-complete-card{backdrop-filter:blur(18px)!important;background:#f7f2e84d!important;border-color:#fff3!important}.chapter-complete-card footer button,.chapter-complete-card footer a[role=button]{color:#124040!important;background:linear-gradient(135deg,#ebf4b2e0,#78c7cf80)!important;border-color:#2f6d6d2e!important}.chapter-complete-card footer button:hover,.chapter-complete-card footer a[role=button]:hover{background:linear-gradient(135deg,#ebf4b2,#78c7cf9e)!important}.hero-panel-copy{box-shadow:none!important;background:0 0!important;border:0!important;padding-top:1.25rem!important;padding-bottom:1rem!important}.how-it-works,.cta{background:0 0!important}.features{background:0 0!important;gap:1rem!important}.feature{background:#f7f2e8b8;border:1px solid #17181614;border-radius:22px}.cta{box-shadow:none!important;border:0!important;padding-top:2rem!important}.how-it-works{padding-top:2rem!important;padding-bottom:2rem!important}