.kz-surface{--kz-paper:var(--le-paper-panel);--kz-ink:var(--le-ink);--kz-line:var(--le-line);--kz-tint:var(--le-tint);--kz-accent:var(--le-accent);background:var(--kz-paper);color:var(--kz-ink);font-family:var(--font-body);line-height:1.5}.kz-notice{border-bottom:1px solid var(--kz-line);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 20px;display:flex}.kz-page{box-sizing:border-box;flex:1;width:100%;padding:32px 20px}.kz-content{max-width:620px;margin:0 auto}.kz-content h1{margin:0 0 20px;font-size:clamp(1.5rem,3vw,2rem);line-height:1.25}.kz-content p{margin:16px 0}.kz-content li{margin:12px 0}.kz-surface a{color:var(--kz-accent)}.kz-surface .kz-link{border:1px solid var(--kz-line);background:var(--kz-tint);border-radius:12px;align-items:center;min-height:44px;padding:8px 14px;font-weight:650;text-decoration:none;display:inline-flex}.kz-surface a:focus-visible{outline:3px solid var(--kz-accent);outline-offset:3px}@media (prefers-color-scheme:dark){.kz-surface{--kz-paper:#243742;--kz-ink:#e6eff4;--kz-line:#435d6b;--kz-tint:#2c414e;--kz-accent:#b8d7e8;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}
@font-face{font-family:inter;src:url(../media/inter_var_latin-s.p.2bn3s6zvc0dyp.woff2?dpl=dpl_2TS4mbCXdwip7LQwjnDosBse9iyg)format("woff2");font-display:swap;font-weight:400 900}@font-face{font-family:inter Fallback;src:local(Arial);ascent-override:89.79%;descent-override:22.36%;line-gap-override:0.0%;size-adjust:107.89%}.inter_410beef6-module__7f5RIq__className{font-family:inter,inter Fallback}.inter_410beef6-module__7f5RIq__variable{--font-inter:"inter", "inter Fallback"}
@font-face{font-family:fredoka;src:url(../media/fredoka_var_latin-s.p.0ez3bnoxb63ra.woff2?dpl=dpl_2TS4mbCXdwip7LQwjnDosBse9iyg)format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:fredoka Fallback;src:local(Arial);ascent-override:95.32%;descent-override:23.1%;line-gap-override:0.0%;size-adjust:102.19%}.fredoka_53a8479e-module__uvBrlq__className{font-family:fredoka,fredoka Fallback}.fredoka_53a8479e-module__uvBrlq__variable{--font-fredoka:"fredoka", "fredoka Fallback"}
@font-face{font-family:quicksand;src:url(../media/quicksand_var_latin-s.p.3jc5sq-923m_s.woff2?dpl=dpl_2TS4mbCXdwip7LQwjnDosBse9iyg)format("woff2");font-display:swap;font-weight:300 700}@font-face{font-family:quicksand Fallback;src:local(Arial);ascent-override:96.26%;descent-override:24.07%;line-gap-override:0.0%;size-adjust:103.88%}.quicksand_78089e5-module__5MOYXW__className{font-family:quicksand,quicksand Fallback}.quicksand_78089e5-module__5MOYXW__variable{--font-quicksand:"quicksand", "quicksand Fallback"}
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial}}}@layer theme{:root,:host{--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-lg:.5rem;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-body);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.collapse{visibility:collapse}.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.isolate{isolation:isolate}.container{width:100%}@media (min-width:40rem){.container{max-width:40rem}}@media (min-width:48rem){.container{max-width:48rem}}@media (min-width:64rem){.container{max-width:64rem}}@media (min-width:80rem){.container{max-width:80rem}}@media (min-width:96rem){.container{max-width:96rem}}.block{display:block}.contents{display:contents}.flex{display:flex}.grid{display:grid}.hidden{display:none}.inline{display:inline}.inline-block{display:inline-block}.inline-flex{display:inline-flex}.table{display:table}.h-full{height:100%}.min-h-full{min-height:100%}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,) var(--tw-rotate-y,) var(--tw-rotate-z,) var(--tw-skew-x,) var(--tw-skew-y,)}.resize{resize:both}.flex-col{flex-direction:column}.rounded{border-radius:.25rem}.border{border-style:var(--tw-border-style);border-width:1px}.break-all{word-break:break-all}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,)}.underline{text-decoration-line:underline}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a), 0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.grayscale{--tw-grayscale:grayscale(100%);filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}:root{--le-paper-base:#eef4f8;--le-paper-panel:#f8fbfd;--le-ink:#20394a;--le-muted:#506a79;--le-line:#c2d5e0;--le-margin:#9b4555;--le-accent:#265e78;--le-tint:#dceaf2;--le-stage-base:#fff;--le-stage-mix:88%;--le-grid-opacity:.53;--le-paper:var(--le-paper-base)}@supports (color:color-mix(in lab, red, red)){:root{--le-paper:color-mix(in srgb, var(--le-paper-base) var(--le-stage-mix), var(--le-stage-base))}}:root{--le-line-spacing:36px;--le-stamp-1:#98485c;--le-stamp-2:#98485c;--le-stamp-3:#98485c;--le-stamp-4:#98485c;--le-stamp-5:#98485c;--le-focus-ring:var(--le-margin);--le-font-text:"Literata", Georgia, "Times New Roman", serif;--le-font-display:"Atkinson Hyperlegible", "Literata", Georgia, serif;--le-font-display-weight:700;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-subject=english]{--le-paper-base:#eef4f8;--le-paper-panel:#f8fbfd;--le-ink:#20394a;--le-muted:#506a79;--le-line:#c2d5e0;--le-margin:#9b4555;--le-accent:#265e78;--le-tint:#dceaf2}:root[data-subject=math]{--le-paper-base:#edf5ef;--le-paper-panel:#f8fcf9;--le-ink:#253e35;--le-muted:#536e60;--le-line:#b8d2c4;--le-margin:#936444;--le-accent:#356653;--le-tint:#dcece1}:root[data-subject=german]{--le-paper-base:#f9f0f3;--le-paper-panel:#fff9fb;--le-ink:#4a2e3a;--le-muted:#775764;--le-line:#dfc5d0;--le-margin:#93475d;--le-accent:#814157;--le-tint:#f0dfe6}:root[data-subject=pup]{--le-paper-base:#f0eff7;--le-paper-panel:#faf9ff;--le-ink:#39364c;--le-muted:#66627b;--le-line:#cecbe0;--le-margin:#80624f;--le-accent:#5d5978;--le-tint:#e3e0ef}:root[data-stage="1"]{--le-grid-opacity:.35;--le-stage-mix:55%}:root[data-stage="2"]{--le-grid-opacity:.45;--le-stage-mix:72%}:root[data-stage="3"]{--le-grid-opacity:.53;--le-stage-mix:88%}:root[data-stage="4"]{--le-grid-opacity:.6;--le-stage-mix:100%}:root[data-stage="5"]{--le-grid-opacity:.3;--le-stage-mix:80%}html.dark{--le-stage-base:#10191e;--le-paper-base:#1d2d36;--le-paper-panel:#243742;--le-ink:#e6eff4;--le-muted:#b0c6d2;--le-line:#435d6b;--le-margin:#bd8793;--le-accent:#b8d7e8;--le-tint:#2c414e;--le-stamp-1:#ff7a9c;--le-stamp-2:#ff7a9c;--le-stamp-3:#ff7a9c;--le-stamp-4:#ff7a9c;--le-stamp-5:#ff7a9c;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html.dark[data-subject=english]{--le-paper-base:#1d2d36;--le-paper-panel:#243742;--le-ink:#e6eff4;--le-muted:#b0c6d2;--le-line:#435d6b;--le-margin:#bd8793;--le-accent:#b8d7e8;--le-tint:#2c414e}html.dark[data-subject=math]{--le-paper-base:#21342b;--le-paper-panel:#293e32;--le-ink:#e6efe9;--le-muted:#b5cbbd;--le-line:#456452;--le-margin:#c3a187;--le-accent:#b9d6c5;--le-tint:#314939}html.dark[data-subject=german]{--le-paper-base:#352730;--le-paper-panel:#40313b;--le-ink:#f3e8ee;--le-muted:#d2b8c6;--le-line:#654b59;--le-margin:#c68c9e;--le-accent:#e8bbcd;--le-tint:#4a3642}html.dark[data-subject=pup]{--le-paper-base:#2b2a38;--le-paper-panel:#353344;--le-ink:#eceaf4;--le-muted:#c4bed8;--le-line:#565169;--le-margin:#c3a58f;--le-accent:#c7c1df;--le-tint:#3e3a50}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}.le-kopf.dg-app-header{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);grid-template-areas:"links mitte rechts";align-items:center;column-gap:12px;display:grid;overflow:visible}.le-glow-rahmen{pointer-events:none;position:absolute;inset:0;overflow:hidden}.le-zone{min-width:0;position:relative}.le-zone-links{text-align:left;grid-area:links;justify-self:start}.le-zone-mitte{text-align:center;grid-area:mitte;justify-self:center}.le-zone-rechts{grid-area:rechts;justify-self:end;align-items:center;gap:8px;display:flex}.le-brand{min-height:44px;color:var(--le-ink);font-family:var(--le-font-text);white-space:nowrap;align-items:center;gap:8px;font-size:17px;font-weight:600;line-height:1.15;text-decoration:none;display:inline-flex}.le-stern{flex:none}.le-affiliation{font-family:var(--le-font-text);color:var(--le-muted);white-space:nowrap;margin-top:5px;font-size:12px;line-height:1.3}.le-switcher-wrap{position:relative}.le-switcher,.le-konto{background:var(--le-paper-panel);min-height:44px;color:var(--le-ink);border:1px solid var(--le-line);font-family:var(--le-font-text);white-space:nowrap;cursor:pointer;border-radius:8px;align-items:center;gap:6px;padding:0 12px;font-size:15px;line-height:1;display:inline-flex}.le-switcher:hover,.le-konto:hover{background:var(--le-tint)}.le-switcher-pfeil{opacity:.6;font-size:9px}.le-brand:focus-visible,.le-switcher:focus-visible,.le-konto:focus-visible{outline:2px solid var(--le-focus-ring);outline-offset:3px;border-radius:4px}.le-switcher-menu{z-index:50;background:var(--le-paper-panel);width:min(20rem,100vw - 32px);color:var(--le-ink);border:1px solid var(--le-line);text-align:left;white-space:normal;border-radius:8px;flex-direction:column;margin-top:8px;padding:6px;display:flex;position:absolute;top:100%;right:0}.le-switcher-menu[hidden]{display:none}.le-switcher-item{color:var(--le-ink);font-family:var(--le-font-text);text-align:left;cursor:default;background:0 0;border:0;border-radius:6px;flex-direction:column;gap:2px;padding:10px 12px;text-decoration:none;display:flex}a.le-switcher-item,button.le-switcher-item{cursor:pointer}a.le-switcher-item:hover,button.le-switcher-item:hover,.le-switcher-item:focus{background:var(--le-tint)}.le-switcher-item:focus-visible{outline:2px solid var(--le-focus-ring);outline-offset:-2px}.le-switcher-item[aria-current=page]{box-shadow:inset 3px 0 0 var(--le-margin)}.le-switcher-konto{border-top:1px solid var(--le-line);border-radius:0 0 6px 6px;margin-top:4px}.le-switcher-cat{color:var(--le-muted);font-size:12px;line-height:1.3}.le-switcher-title{color:var(--le-ink);font-size:15px;font-weight:600;line-height:1.3}.le-switcher-satz{color:var(--le-muted);font-size:13px;line-height:1.4}.le-state{color:var(--le-muted);font-size:12px;font-style:italic;line-height:1.3}.le-nur-schmal{display:none}@media (max-width:719.98px){.le-kopf.dg-app-header{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"links rechts""mitte mitte";row-gap:4px}.le-nur-breit{display:none}.le-switcher-item.le-nur-schmal{display:flex}}.og-root[data-grade]{--trainer-unit:calc(var(--le-line-spacing) / 9);--trainer-target:calc(var(--trainer-unit) * 11);--trainer-hairline:1px;--trainer-label:1rem}.og-root .og-language{justify-content:center;align-items:center;gap:calc(var(--trainer-unit) * 2);margin:calc(var(--trainer-unit) * 3) auto;flex-wrap:wrap;display:flex}.og-root .og-language button{min-width:var(--trainer-target);min-height:var(--trainer-target);padding:calc(var(--trainer-unit) * 2) calc(var(--trainer-unit) * 4);border:var(--trainer-hairline) solid var(--text-secondary);border-radius:var(--radius);font:600 var(--trainer-label)/1.4 var(--font-body);background:var(--card-solid);color:var(--ink);cursor:pointer}.og-root .og-language button[aria-pressed=true]{background:var(--accent-soft);border-width:calc(var(--trainer-hairline) * 2)}.og-root .og-preview{color:var(--ink);align-items:center}.og-root .og-preview a,.og-root .og-footer :is(a,button){min-width:var(--trainer-target);min-height:var(--trainer-target);color:var(--text-secondary);justify-content:center;align-items:center;display:inline-flex}.og-root :is(.og-preview,.og-language,.og-footer) :is(a,button):focus-visible{outline:calc(var(--trainer-unit) * .75) solid var(--text-secondary);outline-offset:var(--trainer-unit)}.og-root[data-grade][data-theme][data-screen]{--trainer-secondary:var(--ink)}@supports (color:color-mix(in lab, red, red)){.og-root[data-grade][data-theme][data-screen]{--trainer-secondary:color-mix(in srgb,var(--ink) 85%,var(--bg))}}.og-root[data-grade][data-theme][data-screen]{--muted:var(--trainer-secondary);--text-secondary:var(--trainer-secondary);overflow-x:clip}.og-root[data-grade][data-theme][data-screen] :is(.og-tagline,.og-grade,.og-player-xp,.og-player-vibe,.og-grammar-line,.og-switch,.og-mode small,.og-mode-xp,.og-directions legend,.og-direction small,.og-today-heading h2,.og-roadmap>div,.og-rank,.og-daily-count){color:var(--ink);opacity:1}.og-root[data-grade][data-theme][data-screen] .og-grade{-webkit-text-fill-color:var(--ink)}.og-root[data-grade][data-theme][data-screen] .og-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep))}@supports (color:color-mix(in lab, red, red)){.og-root[data-grade][data-theme][data-screen] .og-primary{background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 60%,var(--ink)),color-mix(in srgb,var(--accent-deep) 60%,var(--ink)))}}.og-root[data-grade][data-theme][data-screen] .og-primary{color:var(--bg);text-shadow:none}.og-root[data-grade][data-theme][data-screen] .og-avatar-close{background:var(--ink);color:var(--bg)}.og-root[data-grade][data-theme][data-screen] .og-start-sub{color:inherit;opacity:1}.og-root[data-grade][data-theme][data-screen] .og-rank{background:linear-gradient(var(--bg),var(--bg)),var(--trainer-rank-gradient)}@supports (color:color-mix(in lab, red, red)){.og-root[data-grade][data-theme][data-screen] .og-rank{background:linear-gradient(color-mix(in srgb,var(--bg) 65%,transparent),color-mix(in srgb,var(--bg) 65%,transparent)),var(--trainer-rank-gradient)}}.og-root[data-grade][data-theme][data-screen] .og-rank{border:var(--trainer-hairline) solid var(--text-secondary)}.og-root[data-grade][data-theme][data-screen] :is(.og-wordmark,.og-avatar,.og-player-name>a,.og-switch,.og-primary,.og-back,.og-setup-header>a,.og-review-chip,.og-chapters summary,.og-chapters label,.og-direction,.og-avatar-close,.og-logout){min-width:var(--trainer-target);min-height:var(--trainer-target);justify-content:center;align-items:center;display:inline-flex}.og-root[data-grade][data-theme][data-screen] :is(.og-primary,.og-back,.og-review-chip){display:flex}.og-root[data-grade][data-theme][data-screen] .og-avatar img{width:var(--trainer-target);height:var(--trainer-target)}.og-root[data-grade][data-theme][data-screen] .og-footer{height:auto;padding:calc(var(--trainer-unit)*3);position:static}.og-root[data-grade][data-theme][data-screen] .og-setup-footer{position:static}.og-root[data-grade][data-theme][data-screen] .og-avatar-panel{background:var(--card-solid);color:var(--ink)}.og-root[data-grade][data-theme][data-screen] .og-avatar-close{padding:calc(var(--trainer-unit)*2) calc(var(--trainer-unit)*4);border-radius:var(--radius)}.og-root[data-grade][data-theme][data-screen] :is(.og-chapters label,.og-direction){justify-content:flex-start;gap:calc(var(--trainer-unit)*2)}.og-root[data-grade][data-theme][data-screen] :is(a,button,input,summary):focus-visible{outline:calc(var(--trainer-unit)*.75) solid var(--text-secondary);outline-offset:var(--trainer-unit)}.og-root[data-grade][data-theme][data-screen] :is(.og-grammar-bar>div>span,.og-review-chip,.og-roadmap>div>span,.og-roadmap>div strong){color:var(--ink)}:root{--bg:#edf4ff;--bg-raised:#fff;--bg-sunken:#e2edfc;--rule:#2563eb29;--rule-strong:#2563eb4d;--ink:#1e293b;--ink-soft:#3d4f66;--ink-mute:#6b7d96;--accent:#2563eb;--accent-deep:#1d4ed8;--accent-light:#3b82f6;--accent-soft:#2563eb1f;--accent-glow:#2563eb26;--correct:#16a34a;--correct-soft:#dcfce7;--correct-glow:#16a34a24;--incorrect:#dc2626;--incorrect-soft:#fee2e2;--wrong-glow:#dc26261f;--partial:#d97706;--context-color:#0284c7;--def-color:#1d4ed8;--trans-color:#6366f1;--radius:16px;--radius-lg:24px;--shadow-card:0 2px 8px #1e46b412, 0 1px 3px #0000000d;--shadow-elevated:0 6px 20px #1e46b41f;--zone-bronze-bg:#f5c4a1;--zone-bronze-text:#4a1b0c;--zone-silver-bg:#d3d1c7;--zone-silver-text:#2c2c2a;--zone-gold-bg:#fac775;--zone-gold-text:#412402;--zone-diamond-bg:#cecbf6;--zone-diamond-text:#26215c;--zone-prestige-bg:linear-gradient(135deg, #a855f7, #6366f1);--zone-prestige-text:#fff;--logo-gradient:linear-gradient(140deg, #3b82f6, #8ba4cc 50%, #d4943a 90%);--font-body:var(--font-inter), "Inter", system-ui, -apple-system, sans-serif;--font-display:var(--font-fredoka), "Fredoka", var(--font-body);--font-label:var(--font-quicksand), "Quicksand", var(--font-body);--card:var(--bg-raised);--card-border:var(--rule);--card-hover:#f5f8fd;--text:var(--ink);--text-secondary:var(--ink-soft);--muted:var(--ink-mute);--wrong:var(--incorrect);--bg2:var(--bg-sunken)}[data-grade="1"]{--accent:#16a34a;--accent-deep:#15803d;--accent-light:#22c55e;--accent-soft:#16a34a1f;--accent-glow:#16a34a26;--rule:#16a34a29;--card-border:#16a34a29;--bg:#eefbf2;--bg-sunken:#d8f5e1;--card-hover:#f4fcf6;--logo-gradient:linear-gradient(140deg, #16a34a, #22c55e 40%, #15803d 80%)}[data-grade="2"]{--accent:#dc2626;--accent-deep:#b91c1c;--accent-light:#ef4444;--accent-soft:#dc26261f;--accent-glow:#dc262626;--rule:#dc262629;--card-border:#c8282824;--bg:#fdf0f0;--bg-sunken:#fbe4e4;--card-hover:#fdf5f5;--logo-gradient:linear-gradient(140deg, #d43a2a, #e8654a 40%, #b82e1e 80%)}[data-grade="4"]{--accent:#7c3aed;--accent-deep:#6d28d9;--accent-light:#8b5cf6;--accent-soft:#7c3aed1f;--accent-glow:#7c3aed26;--rule:#7c3aed29;--card-border:#7c3aed2e;--bg:#f6f0ff;--bg-sunken:#ece2fb;--card-hover:#faf6ff;--logo-gradient:linear-gradient(140deg, #9b6dff, #c4a8f0 50%, #d4943a 90%)}html,body{background:var(--bg);color:var(--ink)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}body{font-family:var(--font-body);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.5}.font-display{font-family:var(--font-display)}.font-label{font-family:var(--font-label)}.brand-wordmark{font-family:var(--font-display);letter-spacing:-.02em;background-image:var(--logo-gradient);-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text;font-weight:700}.dg-app-header{text-align:center;padding:16px 16px 10px;position:relative;overflow:hidden}.dg-app-header .dg-glow{pointer-events:none;background:radial-gradient(circle, var(--accent-glow), transparent 70%);border-radius:50%;width:280px;height:240px;position:absolute;top:-55%;left:50%;transform:translate(-50%)}.dg-tagline{font-family:var(--font-label);letter-spacing:3px;text-transform:uppercase;color:var(--ink-mute);opacity:.75;margin-top:5px;font-size:11px;font-weight:600}.dg-card{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-card);padding:1.1rem 1.15rem}.dg-tile{background:var(--card);border:1px solid var(--card-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);color:var(--text);text-decoration:none;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1),border-color .2s;display:block;overflow:hidden}.dg-tile:hover{box-shadow:var(--shadow-elevated);border-color:var(--accent);transform:translateY(-2px)}.dg-tile--locked{background:var(--bg-sunken);border:1.5px dashed var(--card-border);border-radius:var(--radius-lg);color:var(--muted);display:block}.dg-btn{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-deep) 100%);color:#fff;border-radius:var(--radius);font-family:var(--font-body);letter-spacing:-.01em;cursor:pointer;box-shadow:0 4px 20px var(--accent-glow), inset 0 1px 0 #ffffff26;text-shadow:0 1px 2px #0003;border:none;justify-content:center;align-items:center;gap:6px;padding:.7rem 1.3rem;font-size:.92rem;font-weight:700;transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.dg-btn:hover{box-shadow:0 6px 28px var(--accent-glow), inset 0 1px 0 #ffffff26;transform:translateY(-2px)}.dg-btn:active{transform:scale(.97)}.dg-btn:disabled{opacity:.5;cursor:default;box-shadow:none;transform:none}.dg-btn-secondary{color:var(--text-secondary);border-radius:var(--radius);font-family:var(--font-body);cursor:pointer;background:#0000000a;border:1.5px solid #0000001a;justify-content:center;align-items:center;gap:6px;padding:.65rem 1.2rem;font-size:.9rem;font-weight:700;transition:all .2s cubic-bezier(.22,1,.36,1);display:inline-flex}.dg-btn-secondary:hover{color:var(--text);background:#00000012;border-color:#00000026}.dg-btn-secondary:active{transform:scale(.98)}.dg-chip{background:var(--card);color:var(--text-secondary);border:1px solid var(--card-border);font-family:var(--font-body);cursor:pointer;border-radius:20px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s}.dg-chip:hover{background:var(--card-hover);color:var(--text);border-color:var(--accent)}.dg-input{border-radius:var(--radius);border:1.5px solid var(--card-border);color:var(--text);font-family:var(--font-body);background:#0000000a;padding:.85rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s}.dg-input:focus{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-glow), 0 0 20px var(--accent-glow);outline:none}.dg-input::placeholder{color:var(--muted)}.dg-mc-option{text-align:left;border-radius:var(--radius);border:2px solid var(--card-border);background:var(--card);width:100%;color:var(--text);font-family:var(--font-body);cursor:pointer;min-height:3rem;padding:14px 16px;font-size:.95rem;font-weight:600;transition:all .15s;display:block}.dg-mc-option:hover:not(:disabled){border-color:var(--accent);background:var(--card-hover);transform:translateY(-1px)}.dg-mc-option:active:not(:disabled){transform:scale(.99)}.dg-mc-option.correct{border-color:var(--correct);background:var(--correct-glow);color:var(--correct);font-weight:800}.dg-mc-option.wrong{border-color:var(--wrong);background:var(--wrong-glow);color:var(--wrong)}.dg-mc-option:disabled{cursor:default}.xp-track{background:var(--rule);border-radius:5px;height:10px;overflow:hidden}.xp-fill{background:linear-gradient(90deg, var(--accent-deep), var(--accent), var(--accent-light));height:100%;box-shadow:0 0 8px var(--accent-glow);border-radius:5px;transition:width .6s}.card-accent-top{position:relative;overflow:hidden}.card-accent-top:before{content:"";background:linear-gradient(90deg, var(--accent-deep), var(--accent), var(--accent-light));height:3px;position:absolute;top:0;left:0;right:0}.lvl-pill{font-family:var(--font-label);letter-spacing:.3px;white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:4px 12px;font-size:.72rem;font-weight:800;display:inline-flex}.lvl-pill--bold{color:#fff;box-shadow:0 2px 8px #0000002e}.lvl-pill--bold.zone-bronze{background:linear-gradient(135deg,#d4874a,#92572a)}.lvl-pill--bold.zone-silver{background:linear-gradient(135deg,#b8b8b8,#6b6b6b)}.lvl-pill--bold.zone-gold{color:#412402;background:linear-gradient(135deg,#f0c040,#a67c2e)}.lvl-pill--bold.zone-diamond{background:linear-gradient(135deg,#b8a9f0,#6e5cbf)}.lvl-pill--bold.zone-prestige{background:linear-gradient(135deg,#a855f7,#6366f1)}@keyframes dgf-pop-in{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.15)}to{transform:scale(1)}}@keyframes dgf-sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}@keyframes dgf-fall{0%{opacity:1;transform:translateY(-4px)rotate(0)}to{transform:translateY(72px) rotate(var(--dgf-rot,180deg));opacity:0}}@keyframes dgf-fade-up{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}@keyframes dgf-stamp{0%{opacity:0;transform:scale(1.6)rotate(-8deg)}60%{opacity:1;transform:scale(.95)rotate(-3deg)}to{transform:scale(1)rotate(-3deg)}}@keyframes dgf-pin-drop{0%{opacity:0;transform:translateY(-16px)rotate(0)}70%{transform:translateY(0) rotate(var(--dgf-tilt,2deg));opacity:1}85%{transform:translateY(-2px) rotate(var(--dgf-tilt,2deg))}to{transform:translateY(0) rotate(var(--dgf-tilt,2deg))}}@keyframes dgf-caret-blink{0%,55%{opacity:1}56%,to{opacity:0}}.dgf-pop-in{animation:.25s cubic-bezier(.22,1,.36,1) both dgf-pop-in}.dgf-sweep{animation:.24s ease-out both dgf-sweep}.dgf-fall{animation:.6s ease-in both dgf-fall}.dgf-fade-up{animation:.2s ease-out both dgf-fade-up}.dgf-stamp{animation:.25s cubic-bezier(.22,1,.36,1) both dgf-stamp}.dgf-pin-drop{animation:.3s ease-out both dgf-pin-drop}.dgf-caret{animation:1s step-end infinite dgf-caret-blink}.dgf-sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.dgh-hub{background:radial-gradient(640px 240px at 50% -80px, var(--accent-glow), transparent 72%)}.dgh-emblem{filter:drop-shadow(0 2px 8px var(--accent-glow));margin-right:10px;font-size:30px;line-height:1}.dgh-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin-top:18px;display:grid}.dgh-card{color:var(--text);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:15px 17px 13px;text-decoration:none;transition:transform .18s cubic-bezier(.22,1,.36,1),box-shadow .18s;display:block;position:relative}a.dgh-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.dgh-label{font-size:11px;font-family:var(--font-label);letter-spacing:.07em;text-transform:uppercase;color:var(--muted);font-weight:700;position:relative}.dgh-title{font-size:17px;font-weight:700;font-family:var(--font-display);color:var(--ink);margin-top:2px;position:relative}.dgh-sub{color:var(--text-secondary);font-size:13px;position:relative}.dgh-cta{color:var(--accent);margin-top:10px;font-size:13px;font-weight:700;position:relative}.dgh-num{font-size:68px;font-weight:800;font-family:var(--font-display);color:var(--accent);opacity:.09;pointer-events:none;-webkit-user-select:none;user-select:none;position:absolute;bottom:-16px;right:8px}.dgh-done{letter-spacing:.05em;z-index:1;font-size:11px;font-weight:800;position:absolute;top:9px;right:11px}.dgh-card--locked{opacity:.62;box-shadow:none}.dgh-thumbwrap{background:linear-gradient(135deg, var(--accent-soft), var(--bg-sunken));border-radius:10px;height:112px;margin-bottom:10px;position:relative;overflow:hidden}.dgh-thumbwrap img{object-fit:cover;width:100%;height:100%;display:block}.dgh-g1{background:linear-gradient(#fffdf4 0%,#fbf3dd 100%);border:1px solid #ecdfc0}.dgh-g1:before{content:"";border-radius:inherit;pointer-events:none;background:repeating-linear-gradient(#0000 0 25px,#8b693117 25px 26px);position:absolute;inset:0}.dgh-g1:after{content:"";border-style:solid;border-width:0 22px 22px 0;border-color:transparent var(--bg) transparent transparent;filter:drop-shadow(-2px 2px 2px #5c400a2e);position:absolute;top:0;right:0}.dgh-g1.dgh-card--done{border-color:#e3b23c;box-shadow:0 0 0 2px #e3b23c59,0 0 20px #e3b23c59}.dgh-g1 .dgh-done{color:#a97b12}.dgh-g1.dgh-card--locked{filter:saturate(.35);border-style:dashed}.dgh-g2{background:linear-gradient(#f8ecd3 0%,#f1dfba 100%);border:1px solid #dcc48f;border-top-left-radius:4px;margin-top:10px}.dgh-g2:before{content:"";background:#f4e4c2;border:1px solid #dcc48f;border-bottom:none;border-radius:7px 7px 0 0;width:38%;height:10px;position:absolute;top:-9px;left:12px}.dgh-g2:nth-child(2n){rotate:.6deg}.dgh-g2:nth-child(3n){rotate:-.5deg}.dgh-g2 .dgh-done{color:#b91c1c;background:#ffffff8c;border:2px solid #b91c1c;border-radius:4px;padding:1px 6px;rotate:-8deg}.dgh-g2.dgh-card--locked{background:#efe6d2}.dgh-g3{background:linear-gradient(#1d2536 0%,#151b2a 100%);border:1px solid #2d374b}.dgh-g3 .dgh-title{color:#f1f5f9}.dgh-g3 .dgh-sub{color:#94a3b8}.dgh-g3 .dgh-label{color:#7d8ba3}.dgh-g3 .dgh-label:before{content:"●";color:#ef4444;vertical-align:1px;margin-right:5px;font-size:9px}.dgh-g3 .dgh-thumbwrap:after{content:"▶";color:#fff;text-shadow:0 2px 12px #000000a6;place-items:center;font-size:24px;display:grid;position:absolute;inset:0}.dgh-g3 .dgh-num{color:#93c5fd;opacity:.1}.dgh-g3 .dgh-done{color:#4ade80}.dgh-g3.dgh-card--locked{filter:brightness(.8)saturate(.5)}.dgh-g4{background:linear-gradient(#fcfbf7 0%,#f4f1e8 100%);border:1px solid #e2dcca;margin-top:8px}.dgh-g4:before{content:"";background:var(--accent-soft);opacity:.9;border-radius:2px;width:86px;height:17px;position:absolute;top:-8px;left:50%;translate:-50%;rotate:-2deg;box-shadow:0 1px 2px #00000024}.dgh-g4:nth-child(2n){rotate:-.5deg}.dgh-g4 .dgh-done{color:var(--accent-deep);border:2px solid var(--accent-deep);border-radius:999px;padding:2px 7px;rotate:6deg}.dgh-ink{background:linear-gradient(#fbfaf5 0%,#f1efe6 100%);border:1px solid #c8cddd}.dgh-ink:after{content:"";opacity:.85;pointer-events:none;background:radial-gradient(closest-side at 40% 55%,#232a44 62%,#0000 63%),radial-gradient(closest-side at 78% 30%,#232a44 34%,#0000 36%),radial-gradient(closest-side at 22% 22%,#232a44 26%,#0000 28%);width:34px;height:30px;position:absolute;top:-7px;right:-6px}.dgh-ink .dgh-title{color:#1e2438}.dgh-ink .dgh-label{color:#5a6383}.dgh-ink .dgh-cta{color:#2f3e9e}.dgh-ink .dgh-num{color:#2f3e9e;opacity:.08}.dgh-ink.dgh-card--done{border-color:#2f3e9e;box-shadow:0 0 0 2px #2f3e9e40,0 0 18px #2f3e9e38}.dgh-ink .dgh-done{color:#2f3e9e}.dgh-ink.dgh-card--locked{opacity:1;box-shadow:none;background:0 0;border:1.5px dashed #b9bfd2}.dgh-ink.dgh-card--locked:before{content:"";pointer-events:none;background:radial-gradient(closest-side,#b2b9cd80,#b2b9cd24 68%,#0000);border-radius:45% 55% 50% 48%;position:absolute;inset:22% 18% 30% 14%}.dgh-ink.dgh-card--locked:after{opacity:.16}.dgh-ink.dgh-card--locked .dgh-title,.dgh-ink.dgh-card--locked .dgh-sub,.dgh-ink.dgh-card--locked .dgh-label{color:#a9aec0}.dgh-ink.dgh-card--locked .dgh-num{opacity:.04}.dgh-ink.dgh-card--excursion{border-style:dashed;rotate:-.7deg}.dgh-ink.dgh-card--excursion:nth-child(2n){rotate:.7deg}.dgh-fp{background:#2b325408;border:2px solid #2a3050;border-radius:14px;margin-top:18px;overflow:hidden}.dgh-fp-band{padding:12px 14px 16px}.dgh-fp-band+.dgh-fp-band{border-top:2px solid #2a3050}.dgh-fp-bandlabel{font-size:12px;font-family:var(--font-label);letter-spacing:.14em;text-transform:uppercase;color:#2a3050;margin:0 0 2px;font-weight:800}.dgh-grid--fp{grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:12px;margin-top:10px}@media (prefers-reduced-motion:reduce){.dgf-pop-in,.dgf-sweep,.dgf-fall,.dgf-fade-up,.dgf-stamp,.dgf-pin-drop,.dgf-caret,.dg-encounter-veil,.dg-encounter-card,.dg-bs-swirl-blob,.dg-bs-smudge,.dg-bs-absorb,.dg-bs-dot,.dg-bs-letter,.dg-bs-word-whole,.dg-bs-page,.dg-bs-card,.dg-qf-veil,.dg-qf-card,.dg-qf-ring,.dg-qf-verdict,.dg-qf-combo{animation:none!important}.dg-tile,.dg-btn,.dg-btn-secondary,.dg-chip,.dg-mc-option,.xp-fill,.dgh-card{transition:none!important}}[data-motion=reduce] .dgf-pop-in,[data-motion=reduce] .dgf-sweep,[data-motion=reduce] .dgf-fall,[data-motion=reduce] .dgf-fade-up,[data-motion=reduce] .dgf-stamp,[data-motion=reduce] .dgf-pin-drop,[data-motion=reduce] .dgf-caret,[data-motion=reduce] .dg-encounter-veil,[data-motion=reduce] .dg-encounter-card,[data-motion=reduce] .dg-bs-swirl-blob,[data-motion=reduce] .dg-bs-smudge,[data-motion=reduce] .dg-bs-absorb,[data-motion=reduce] .dg-bs-dot,[data-motion=reduce] .dg-bs-letter,[data-motion=reduce] .dg-bs-word-whole,[data-motion=reduce] .dg-bs-page,[data-motion=reduce] .dg-bs-card,[data-motion=reduce] .dg-qf-veil,[data-motion=reduce] .dg-qf-card,[data-motion=reduce] .dg-qf-ring,[data-motion=reduce] .dg-qf-verdict,[data-motion=reduce] .dg-qf-combo,.dg-bs-still *,.dg-bs-still :before,.dg-bs-still :after{animation:none!important}@keyframes dg-encounter-veil-in{0%{opacity:0}to{opacity:1}}@keyframes dg-encounter-card-in{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:none}}.dg-encounter-veil{animation:.18s ease-out dg-encounter-veil-in}.dg-encounter-card{animation:.22s cubic-bezier(.2,.8,.2,1) dg-encounter-card-in}@keyframes dg-bs-swirl{0%{transform:scale(0)rotate(0)}42%{transform:scale(1.06)rotate(16deg)}58%{transform:scale(1.06)rotate(20deg)}to{transform:scale(0)rotate(-12deg)}}.dg-bs-swirl-blob{border-radius:43% 57% 52% 48%/46% 49% 51% 54%;width:165vmax;height:165vmax;margin:-82.5vmax 0 0 -82.5vmax;animation:.7s cubic-bezier(.6,0,.4,1) forwards dg-bs-swirl;position:absolute;top:50%;left:50%;transform:scale(0)}.dg-bs-swirl-blob-b{border-radius:57% 43% 48% 52%/51% 54% 46% 49%;animation-duration:.64s;animation-delay:60ms}@keyframes dg-bs-card-in{0%{opacity:0;transform:translateY(14px)scale(.97)}}.dg-bs-card{animation:.42s cubic-bezier(.2,.8,.2,1) .26s backwards dg-bs-card-in}@keyframes dg-bs-wobble{0%,to{transform:translateY(0)scale(1)}35%{transform:translateY(2px)scale(1.03,.96)rotate(-1.2deg)}70%{transform:translateY(-2px)scale(.97,1.04)rotate(1.2deg)}}.dg-bs-smudge{transform-origin:50% 80%;animation:2.6s ease-in-out infinite dg-bs-wobble}@keyframes dg-bs-absorb-kf{0%{filter:none;transform:scale(1)}30%{filter:grayscale(.9)brightness(.82);transform:scale(1.12,.86)}60%{filter:grayscale(.4);transform:scale(.94,1.08)}to{filter:none;transform:scale(1)}}.dg-bs-absorb{animation:.48s ease-out dg-bs-absorb-kf}@keyframes dg-bs-pop-kf{0%{opacity:1;transform:scale(1)}55%{opacity:1;transform:scale(1.25,.8)}to{opacity:0;transform:scale(1.6)}}.dg-bs-smudge.dg-bs-pop{animation:.52s ease-in .18s forwards dg-bs-pop-kf}@keyframes dg-bs-dot-fly{0%{opacity:1;transform:translate(0)scale(1)}to{transform:translate(var(--dx,40px), var(--dy,-30px)) scale(0);opacity:0}}.dg-bs-dot{opacity:0;animation:.64s ease-out .32s forwards dg-bs-dot-fly}@keyframes dg-bs-defeat-kf{0%{filter:none;transform:none}to{filter:grayscale(.7)brightness(.9);transform:translateY(6px)rotate(-4deg)scale(.96)}}.dg-bs-smudge.dg-bs-defeat{animation:.7s ease-out forwards dg-bs-defeat-kf}@keyframes dg-bs-letter-fly{0%{opacity:0;transform:translateY(-46px)scale(.4)rotate(-18deg)}60%{opacity:1;transform:translateY(4px)scale(1.08)rotate(3deg)}}.dg-bs-letter{animation:.46s cubic-bezier(.2,.8,.2,1) backwards dg-bs-letter-fly}@keyframes dg-bs-word-glide{0%{opacity:0;transform:translateY(-30px)scale(.7)}}.dg-bs-word-whole{animation:.56s cubic-bezier(.2,.8,.2,1) .14s backwards dg-bs-word-glide}@keyframes dg-bs-page-drift{0%,to{translate:0}50%{translate:6px -12px}}.dg-bs-page{animation:7s ease-in-out infinite dg-bs-page-drift}.dg-bs-page-b{animation-duration:9s;animation-delay:1.2s}.dg-bs-page-c{animation-duration:11s;animation-delay:.6s}@keyframes dg-qf-card-in{0%{opacity:0;transform:translateY(10px)scale(.92)}}.dg-qf-veil{animation:.14s ease-out dg-encounter-veil-in}.dg-qf-card{animation:.18s cubic-bezier(.2,.9,.25,1.2) dg-qf-card-in}.dg-qf-chip{color:#f3f1ff;width:100%;font-family:var(--font-body);cursor:pointer;touch-action:manipulation;background:#1e1b34eb;border:2px solid #8b7cf5;border-radius:14px;padding:13px 16px;font-size:19px;font-weight:700;transition:transform 80ms,background 80ms;display:block}.dg-qf-chip:hover{background:#403a6ef2}.dg-qf-chip:active{transform:scale(.96)}@keyframes dg-qf-ring-kf{0%{width:100%}to{width:0%}}.dg-qf-ring{height:5px;animation:dg-qf-ring-kf var(--qf-s,6s) linear forwards;background:linear-gradient(90deg,#8b7cf5,#ffe066);border-radius:999px;margin:0 auto 10px}@keyframes dg-qf-verdict-kf{0%{opacity:0;transform:scale(.6)}45%{opacity:1;transform:scale(1.12)}to{opacity:1;transform:scale(1)}}.dg-qf-verdict{animation:.24s cubic-bezier(.2,.9,.25,1.2) dg-qf-verdict-kf}@keyframes dg-qf-combo-kf{0%{transform:scale(1)}40%{transform:scale(1.25)rotate(-3deg)}to{transform:scale(1)}}.dg-qf-combo{animation:.3s ease-out dg-qf-combo-kf}.og-root[data-grade="1"]{--bg:#eefbf2;--bg2:#d8f5e1;--card:#fff;--card-border:#16a34a29;--card-hover:#f4fcf6;--card-solid:#fff;--text:#14532d;--text-secondary:#2d4e36;--muted:#5a8068;--accent:#16a34a;--accent-light:#22c55e;--accent-glow:#16a34a26;--accent-deep:#15803d;--accent2:#15803d;--accent2-glow:#15803d26;--correct:#16a34a;--correct-glow:#16a34a1f;--wrong:#dc2626;--wrong-glow:#dc26261f;--context-color:#0d9488;--def-color:#15803d;--trans-color:#0d9488;--shadow-card:0 2px 8px #14643212, 0 1px 3px #0000000d;--shadow-elevated:0 6px 20px #1464321f}.og-root[data-grade="1"][data-theme=dark]{--bg:#0a0f10;--bg2:#101a14;--card:#8cffb40f;--card-border:#64dc8c24;--card-hover:#8cffb417;--card-solid:#142218;--text:#edf2ee;--text-secondary:#b4ccba;--muted:#7a9a82;--accent:#22c55e;--accent-light:#4ade80;--accent-glow:#22c55e40;--accent-deep:#15803d;--accent2:#4ade80;--correct:#22c55e;--wrong:#ef4444;--context-color:#2dd4bf;--def-color:#4ade80;--trans-color:#2dd4bf;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #22c55e1a;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #22c55e24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.og-root[data-grade="1"][data-theme=system]{--bg:#0a0f10;--bg2:#101a14;--card:#8cffb40f;--card-border:#64dc8c24;--card-hover:#8cffb417;--card-solid:#142218;--text:#edf2ee;--text-secondary:#b4ccba;--muted:#7a9a82;--accent:#22c55e;--accent-light:#4ade80;--accent-glow:#22c55e40;--accent-deep:#15803d;--accent2:#4ade80;--correct:#22c55e;--wrong:#ef4444;--context-color:#2dd4bf;--def-color:#4ade80;--trans-color:#2dd4bf;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #22c55e1a;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #22c55e24;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.og-root[data-grade="2"]{--bg:#fdf0f0;--bg2:#fbe4e4;--card:#fff;--card-border:#c8282824;--card-hover:#fef6f6;--card-solid:#fff;--text:#1c1917;--text-secondary:#4a3f3a;--muted:#8a7e78;--accent:#dc2626;--accent-light:#ef4444;--accent-glow:#dc262626;--accent-deep:#b91c1c;--accent2:#b91c1c;--accent2-glow:#b91c1c26;--correct:#16a34a;--correct-glow:#16a34a1f;--wrong:#c2410c;--wrong-glow:#c2410c1f;--context-color:#dc2626;--def-color:#b91c1c;--trans-color:#9f1239;--shadow-card:0 2px 8px #a01e1e12, 0 1px 3px #0000000d;--shadow-elevated:0 6px 20px #a01e1e1f}.og-root[data-grade="2"][data-theme=dark]{--bg:#110b0e;--bg2:#1a1014;--card:#ffa0a012;--card-border:#ff787824;--card-hover:#ffa0a01a;--card-solid:#201418;--text:#f2eded;--text-secondary:#d0b8b8;--muted:#a08888;--accent:#ef4444;--accent-light:#f87171;--accent-glow:#ef444440;--accent-deep:#b91c1c;--accent2:#f87171;--correct:#22c55e;--wrong:#fb923c;--context-color:#f87171;--def-color:#f87171;--trans-color:#fb7185;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #ef44441a;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #ef444424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.og-root[data-grade="2"][data-theme=system]{--bg:#110b0e;--bg2:#1a1014;--card:#ffa0a012;--card-border:#ff787824;--card-hover:#ffa0a01a;--card-solid:#201418;--text:#f2eded;--text-secondary:#d0b8b8;--muted:#a08888;--accent:#ef4444;--accent-light:#f87171;--accent-glow:#ef444440;--accent-deep:#b91c1c;--accent2:#f87171;--correct:#22c55e;--wrong:#fb923c;--context-color:#f87171;--def-color:#f87171;--trans-color:#fb7185;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #ef44441a;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #ef444424;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.og-root[data-grade="3"]{--bg:#edf4ff;--bg2:#e2edfc;--card:#fff;--card-border:#2563eb29;--card-hover:#f5f8fd;--card-solid:#fff;--text:#1e293b;--text-secondary:#3d4f66;--muted:#6b7d96;--accent:#2563eb;--accent-light:#3b82f6;--accent-glow:#2563eb26;--accent-deep:#1d4ed8;--accent2:#1d4ed8;--accent2-glow:#1d4ed826;--correct:#16a34a;--correct-glow:#16a34a1f;--wrong:#dc2626;--wrong-glow:#dc26261f;--context-color:#0284c7;--def-color:#1d4ed8;--trans-color:#6366f1;--shadow-card:0 2px 8px #1e46b412, 0 1px 3px #0000000d;--shadow-elevated:0 6px 20px #1e46b41f}.og-root[data-grade="3"][data-theme=dark]{--bg:#0b1120;--bg2:#121d30;--card:#8cb4ff12;--card-border:#64a0ff24;--card-hover:#8cb4ff1a;--card-solid:#182640;--text:#eef0f6;--text-secondary:#b0bdd4;--muted:#7e92ad;--accent:#3b82f6;--accent-light:#60a5fa;--accent-glow:#3b82f640;--accent-deep:#004f9f;--accent2:#60a5fa;--correct:#22c55e;--wrong:#ef4444;--context-color:#38bdf8;--def-color:#60a5fa;--trans-color:#818cf8;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #3b82f61a;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #3b82f624;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.og-root[data-grade="3"][data-theme=system]{--bg:#0b1120;--bg2:#121d30;--card:#8cb4ff12;--card-border:#64a0ff24;--card-hover:#8cb4ff1a;--card-solid:#182640;--text:#eef0f6;--text-secondary:#b0bdd4;--muted:#7e92ad;--accent:#3b82f6;--accent-light:#60a5fa;--accent-glow:#3b82f640;--accent-deep:#004f9f;--accent2:#60a5fa;--correct:#22c55e;--wrong:#ef4444;--context-color:#38bdf8;--def-color:#60a5fa;--trans-color:#818cf8;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #3b82f61a;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #3b82f624;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.og-root[data-grade="4"]{--bg:#f6f0ff;--bg2:#ece2fb;--card:#fff;--card-border:#7c3aed2e;--card-hover:#f8f4fd;--card-solid:#fff;--text:#1e1b2e;--text-secondary:#4a4260;--muted:#736c8e;--accent:#7c3aed;--accent-light:#8b5cf6;--accent-glow:#7c3aed26;--accent-deep:#6d28d9;--accent2:#6d28d9;--accent2-glow:#6d28d926;--correct:#16a34a;--correct-glow:#16a34a1f;--wrong:#dc2626;--wrong-glow:#dc26261f;--context-color:#7c3aed;--def-color:#6d28d9;--trans-color:#7c3aed;--shadow-card:0 2px 8px #6432c812, 0 1px 3px #0000000f;--shadow-elevated:0 6px 20px #6432c81f}.og-root[data-grade="4"][data-theme=dark]{--bg:#0e0b1a;--bg2:#16122c;--card:#b496ff14;--card-border:#a078ff29;--card-hover:#b496ff1f;--card-solid:#211a3d;--text:#eef0f6;--text-secondary:#bfb0d8;--muted:#8878a8;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-glow:#8b5cf640;--accent-deep:#5b21b6;--accent2:#a78bfa;--correct:#22c55e;--wrong:#ef4444;--context-color:#a78bfa;--def-color:#a78bfa;--trans-color:#c4b5fd;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #8b5cf61f;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #8b5cf629;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-color-scheme:dark){.og-root[data-grade="4"][data-theme=system]{--bg:#0e0b1a;--bg2:#16122c;--card:#b496ff14;--card-border:#a078ff29;--card-hover:#b496ff1f;--card-solid:#211a3d;--text:#eef0f6;--text-secondary:#bfb0d8;--muted:#8878a8;--accent:#8b5cf6;--accent-light:#a78bfa;--accent-glow:#8b5cf640;--accent-deep:#5b21b6;--accent2:#a78bfa;--correct:#22c55e;--wrong:#ef4444;--context-color:#a78bfa;--def-color:#a78bfa;--trans-color:#c4b5fd;--shadow-card:0 2px 16px #00000059, 0 0 0 1px #8b5cf61f;--shadow-elevated:0 8px 32px #00000080, 0 0 0 1px #8b5cf629;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}.og-root{--ink:var(--text);--ink-soft:var(--text-secondary);--ink-mute:var(--muted);--bg-raised:var(--card-solid);--bg-sunken:var(--bg2);--rule:var(--card-border);--accent-soft:var(--accent-glow);--incorrect:var(--wrong);background:var(--bg);width:100%;min-height:calc(100dvh - 28px);color:var(--text);font-family:var(--font-body);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-size:16px;line-height:1.5}.og-root a{text-decoration:none}.og-root button{cursor:pointer;font-family:inherit}.og-root button:disabled{cursor:wait;opacity:.65}.og-root :focus-visible{outline:3px solid var(--accent);outline-offset:3px}.og-root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}.og-root[data-grade="1"]{--og-lower:#22c55e0f;--og-halo:#148c3c2e;--og-ember:#28a0500a}.og-root[data-grade="2"]{--og-lower:#ef44440f;--og-halo:#b41e1e33;--og-ember:#c850280a}.og-root[data-grade="3"]{--og-lower:#3b82f614;--og-halo:#004f9f2e;--og-ember:#f59e0b0d}.og-root[data-grade="4"]{--og-lower:#8b5cf614;--og-halo:#5b21b62e;--og-ember:#f59e0b0d}.og-root[data-theme=dark]{background-image:radial-gradient(ellipse 100% 60% at 50% -30%,var(--og-halo),transparent 70%),radial-gradient(ellipse 80% 50% at 100% 100%,var(--og-lower),transparent 70%),radial-gradient(ellipse 50% 40% at 0% 80%,var(--og-ember),transparent);background-attachment:fixed}@media (prefers-color-scheme:dark){.og-root[data-theme=system]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:radial-gradient(ellipse 100% 60% at 50% -30%,var(--og-halo),transparent 70%),radial-gradient(ellipse 80% 50% at 100% 100%,var(--og-lower),transparent 70%),radial-gradient(ellipse 50% 40% at 0% 80%,var(--og-ember),transparent);background-attachment:fixed}}body:has(.og-root)>.le-kopf{border:0;height:28px;min-height:28px;margin:0;padding:0 10px}:is(body:has(.og-root)>.le-kopf .le-zone-mitte,body:has(.og-root)>.le-kopf .le-glow-rahmen){display:none}body:has(.og-root)>.le-kopf .le-brand{font-size:12px}body:has(.og-root)>.le-kopf .le-stern{width:16px;height:16px}body:has(.og-root)>.le-kopf .le-zone{min-height:0}body:has(.og-root)>.le-kopf button{min-height:0;padding:2px 6px;font-size:11px}.og-preview{background:var(--card);border-bottom:1px solid var(--card-border);flex-wrap:wrap;justify-content:center;gap:16px;padding:5px 10px;font-size:11px;display:flex}.og-preview nav{gap:12px;display:flex}.og-preview [aria-current]{font-weight:800;text-decoration:underline}.og-brand{text-align:center;margin:0 auto;padding:28px 24px 20px;position:relative;overflow:hidden}.og-brand-glow{pointer-events:none;background:radial-gradient(circle,var(--og-logo-glow),transparent 70%);border-radius:50%;width:280px;height:280px;position:absolute;top:-30%;left:50%;transform:translate(-50%)}.og-wordmark{font-family:var(--font-display);letter-spacing:-1px;background-image:var(--logo-gradient);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:48px;font-weight:700;line-height:1;display:inline-block;position:relative}.og-tagline{font-family:var(--font-label);letter-spacing:3px;text-transform:uppercase;color:var(--muted);opacity:.7;margin:6px 0 0;font-size:13px;font-weight:600}.og-grade{font-family:var(--font-display);color:var(--accent);margin:8px 0 0;font-size:16px;font-weight:600}.og-root[data-grade="1"] .og-tagline{font-size:11px}.og-screen{width:100%;max-width:480px;margin:0 auto;padding:0 1rem}.og-player{background:var(--card);border:1.5px solid var(--card-border);width:100%;box-shadow:var(--shadow-card);border-radius:24px;margin-bottom:.6rem;padding:1rem 1.2rem;position:relative;overflow:hidden}.og-player:before{content:"";background:linear-gradient(90deg,var(--accent-deep),var(--accent),var(--accent-light));height:3px;position:absolute;top:0;left:0;right:0}.og-player-top{align-items:center;gap:14px;display:flex}.og-avatar{object-fit:contain;border:2.5px solid var(--accent);background:var(--accent-glow);width:64px;height:64px;box-shadow:0 0 16px var(--accent-glow);border-radius:50%;flex-shrink:0}.og-player-info{flex:1;min-width:0}.og-player-name{font:800 1.1rem var(--font-display);letter-spacing:-.02em;flex-wrap:wrap;align-items:center;gap:6px;display:flex}.og-player-name>a{overflow-wrap:anywhere}.og-player-xp{color:var(--accent);margin-top:3px;font-size:.92rem;font-weight:700}.og-vibe{color:var(--muted);margin:1px 0 0;font-size:.72rem;font-style:italic}.og-rank{letter-spacing:.3px;white-space:nowrap;border-radius:12px;padding:6px 16px;font-size:.82rem;font-weight:800;box-shadow:0 2px 8px #0003}.og-rank.zone-bronze{--trainer-rank-gradient:linear-gradient(135deg,#d4874a,#92572a);background:var(--trainer-rank-gradient);color:#fff}.og-rank.zone-silver{--trainer-rank-gradient:linear-gradient(135deg,#b8b8b8,#6b6b6b);background:var(--trainer-rank-gradient);color:#fff}.og-rank.zone-gold{--trainer-rank-gradient:linear-gradient(135deg,#f0c040,#a67c2e);background:var(--trainer-rank-gradient);color:#412402}.og-rank.zone-diamond{--trainer-rank-gradient:linear-gradient(135deg,#b8a9f0,#6e5cbf);background:var(--trainer-rank-gradient);color:#fff}.og-rank.zone-prestige{--trainer-rank-gradient:linear-gradient(135deg,#a855f7,#6366f1);background:var(--trainer-rank-gradient);color:#fff}.og-xp-bar{margin-top:.7rem;margin-bottom:.4rem}.og-track{background:var(--card-border);border-radius:5px;height:10px;overflow:hidden}.og-fill{height:100%;box-shadow:0 0 8px var(--accent-glow);background:linear-gradient(90deg,#0d9488,#14b8a6);border-radius:5px;display:block}.og-fill.zone-bronze{background:linear-gradient(90deg,#d4874a,#d4874acc)}.og-fill.zone-silver{background:#9e9e9e}.og-fill.zone-gold{background:#f0c040}.og-fill.zone-diamond{background:#b8a9f0}.og-fill.zone-prestige{background:linear-gradient(90deg,#a855f7,#6366f1)}.og-xp-labels{color:var(--text-secondary);justify-content:space-between;margin-top:3px;font-size:.65rem;font-weight:600;display:flex}.og-grammar-bar{margin-top:6px}.og-grammar-bar>div:first-child{justify-content:space-between;align-items:center;margin-bottom:3px;display:flex}.og-grammar-bar>div:first-child>span:first-child{color:var(--trans-color);font-size:.7rem;font-weight:700}.og-grammar-bar>div:first-child>span:last-child{color:var(--muted);font-size:.6rem;font-weight:600}.og-grammar-bar .og-track{height:6px}.og-player-actions{justify-content:space-between;align-items:center;gap:4px;margin-top:8px;display:flex}.og-logout{border:1px solid var(--card-border);color:var(--muted);background:0 0;border-radius:6px;padding:.3rem .6rem;font-size:.65rem}.og-switch{border-radius:var(--radius);border:1.5px solid var(--accent);color:var(--accent);background:var(--accent-glow);text-align:center;margin-left:auto;padding:6px 14px;font-size:.72rem;font-weight:700}.og-primary{background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:#fff;text-align:center;width:100%;box-shadow:0 4px 20px var(--accent-glow),inset 0 1px #ffffff26;border:0;border-radius:16px;padding:.75rem 1.4rem;font-size:.88rem;font-weight:700;display:block}.og-start{letter-spacing:.5px;flex-direction:column;align-items:center;gap:2px;margin-bottom:.6rem;padding:1rem;font-size:1.1rem;font-weight:800;display:flex}.og-start-sub{opacity:.8;letter-spacing:0;font-size:.65rem;font-weight:500}.og-nav-card{border-radius:var(--radius);border:1.5px solid var(--card-border);background:var(--card-solid);width:100%;box-shadow:var(--shadow-card);align-items:center;gap:12px;margin-bottom:.6rem;padding:.9rem 1rem;display:flex}.og-nav-icon{text-align:center;flex-shrink:0;width:36px;font-size:1.5rem}.og-nav-card strong{font-family:var(--font-display);font-size:.92rem;font-weight:700;display:block}.og-nav-card small{color:var(--muted);margin-top:1px;font-size:.72rem;display:block}.og-arrow{color:var(--muted);flex-shrink:0;margin-left:auto;font-size:.9rem}.og-action-row{grid-template-columns:1fr 1fr;gap:8px;margin-bottom:.6rem;display:grid}.og-action-card{border:1.5px solid var(--card-border);border-radius:var(--radius);background:var(--card-solid);min-height:68px;box-shadow:var(--shadow-card);flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:.9rem .5rem;display:flex}.og-action-card span{font-size:1.4rem;line-height:1}.og-action-card strong{font:700 .75rem var(--font-display);line-height:1.2}.og-today{border:1px solid var(--card-border);background:var(--accent-glow);border-radius:24px;margin-bottom:.8rem;overflow:hidden}.og-today-section{padding:1rem 1.2rem}.og-today-section+.og-today-section{border-top:1px solid var(--card-border)}.og-today-heading{justify-content:space-between;align-items:center;gap:8px;margin-bottom:6px;display:flex}.og-today-heading h2{color:var(--accent-light);margin:0;font-size:.85rem;font-weight:800}.og-today-heading>span{color:var(--muted);font-size:.68rem}.og-word{flex-wrap:wrap;align-items:baseline;gap:8px;display:flex}.og-word strong{font-size:1.15rem}.og-word span{color:var(--text-secondary);font-size:.82rem}.og-today p{color:var(--text-secondary);margin:0 0 .8rem;font-size:.8rem}.og-today p.og-definition{color:var(--muted);margin:2px 0 0;font-size:.78rem;font-style:italic}.og-today p.og-daily-count{color:var(--correct);font-weight:700}.og-footer{width:100%;font:10px var(--font-body);color:var(--muted);justify-content:center;align-items:center;gap:12px;padding:10px 0 15px;display:flex}.og-footer button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;text-decoration:underline}.og-setup{max-width:520px;margin:0 auto;padding:0 1rem}.og-setup-header{background:var(--bg);z-index:10;text-align:center;padding:1rem 0 .8rem;position:sticky;top:0}.og-setup-header h1{font:800 1.3rem var(--font-display);margin:0}.og-setup-header>a{border-radius:8px;padding:4px 8px;font-size:1.2rem;position:absolute;top:1rem;left:0}.og-chapters{color:var(--muted);text-align:center;margin:0 0 18px;font-size:.75rem}.og-chapters summary{cursor:pointer}.og-chapters>div{text-align:left;grid-template-columns:repeat(3,1fr);gap:8px;padding:14px 0;display:grid}.og-chapters label{align-items:center;gap:6px;display:flex}.og-mode-list{flex-direction:column;gap:.6rem;margin-bottom:1.2rem;display:flex}.og-mode{border:1.5px solid var(--card-border);background:var(--card);width:100%;color:var(--text);text-align:left;border-radius:16px;align-items:center;gap:1rem;padding:1rem 1.2rem;display:flex}.og-mode[aria-pressed=true]{background:var(--accent-glow);border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.og-mode-icon{text-align:center;flex-shrink:0;width:40px;font-size:1.6rem}.og-mode-info{flex:1}.og-mode-xp{color:var(--accent);margin-top:4px;font-size:.72rem;display:block}.og-mode strong{font-size:1rem;font-weight:700;display:block}.og-mode small{color:var(--muted);font-size:.78rem;display:block}.og-directions{border:0;margin:0;padding:0}.og-directions legend{margin-bottom:8px;font-size:.85rem;font-weight:700}.og-direction{border:1.5px solid var(--card-border);background:var(--card);border-radius:16px;flex-direction:column;align-items:flex-start;margin-bottom:.4rem;padding:.7rem 1rem;display:flex}.og-direction:has(:checked){border-color:var(--accent);background:var(--accent-glow)}.og-direction strong{font-size:.9rem;font-weight:700;display:block}.og-direction small{color:var(--muted);margin-top:1px;font-size:.72rem;display:block}.og-direction input{accent-color:var(--accent)}.og-review-chip{text-align:center;border:1px solid var(--card-border);color:var(--accent);border-radius:16px;margin-top:12px;padding:10px 14px;font-size:.8rem;font-weight:700;display:block}.og-setup-footer{background:var(--bg);padding:1rem 0;position:sticky;bottom:0}.og-back{border:1px solid var(--card-border);background:var(--card);text-align:center;border-radius:16px;margin-bottom:16px;padding:10px 16px;font-size:.8rem;display:block}.og-streak{text-align:center;margin:12px 0;font-size:.9rem}.og-avatar-panel{background:var(--card-solid);color:var(--text);max-width:400px;box-shadow:var(--shadow-elevated);text-align:center;border-radius:16px;margin:18px auto;padding:24px 18px}.og-avatar-panel h1{margin:0 0 6px;font-size:1rem;font-weight:700}.og-avatar-panel>p{color:var(--muted);margin:0 0 16px;font-size:.8rem}.og-avatar-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;display:grid}.og-avatar-grid button{background:0 0;border:0;flex-direction:column;align-items:center;min-width:0;padding:0;display:flex}.og-avatar-grid img{object-fit:contain;border:3px solid #0000;border-radius:10px;width:56px;height:56px}.og-avatar-grid [aria-pressed=true] img{border-color:var(--accent);background:var(--accent-glow)}.og-avatar-grid span{white-space:nowrap;text-overflow:ellipsis;width:100%;color:var(--muted);font-size:.58rem;overflow:hidden}.og-avatar-panel [role=status]{min-height:1.5em;margin-top:18px}.og-root[data-grade="1"][data-theme=dark] .og-avatar-panel,.og-root[data-grade="2"][data-theme=dark] .og-avatar-panel{color:#4a3520;background:#fff8f0}@media (prefers-color-scheme:dark){.og-root[data-grade="1"][data-theme=system] .og-avatar-panel,.og-root[data-grade="2"][data-theme=system] .og-avatar-panel{color:#4a3520;background:#fff8f0}}.og-card{background:var(--card);border:1.5px solid var(--card-border);box-shadow:var(--shadow-card);border-radius:24px;margin:16px 0;padding:1.2rem 1.1rem}.og-card h2{font-family:var(--font-display);color:var(--accent2);text-transform:uppercase;letter-spacing:.12em;margin:0 0 .8rem;font-size:.68rem;font-weight:700}.og-progress-ring{border:12px solid var(--accent-glow);outline:10px solid var(--correct-glow);width:150px;height:150px;box-shadow:inset 0 0 0 8px var(--card-border);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;margin:28px auto;display:flex}.og-progress-ring strong{font-size:1.5rem}.og-progress-ring span{color:var(--muted);font-size:.58rem}.og-progress-stats{grid-template-columns:1fr 1fr;gap:8px;display:grid}.og-progress-stats>div{text-align:center;background:var(--card);border:1px solid var(--card-border);border-top:2px solid var(--accent-light);box-shadow:var(--shadow-card);border-radius:14px;padding:16px 6px;position:relative}.og-progress-stats>div:last-child{grid-column:span 2}.og-progress-stats strong{font:700 1.2rem var(--font-display);color:var(--accent);display:block}.og-progress-stats span{letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-top:5px;font-size:.58rem;display:block}.og-progress-note{text-align:center;color:var(--muted);margin:14px 0 24px;font-size:.65rem}.og-roadmap>div{border-radius:10px;align-items:center;gap:10px;margin:2px 0;padding:8px;display:flex}.og-roadmap>div>span{color:var(--muted);font-size:.7rem}.og-roadmap>div>div{flex:1}.og-roadmap strong{font-size:.75rem;display:block}.og-roadmap small{color:var(--muted);font-size:.62rem;font-style:italic;display:block}.og-current-level strong{color:var(--accent)}.og-chapter-progress{margin:16px 0}.og-chapter-progress h3{font:600 1rem var(--font-display)}.og-progress-label{justify-content:space-between;margin-top:8px;font-size:.75rem;display:flex}.og-chapter-progress progress{width:100%;height:8px;accent-color:var(--accent)}.og-xp-history{padding:0;list-style:none}.og-xp-history li{border-bottom:1px solid var(--card-border);justify-content:space-between;padding:8px 0;font-size:.8rem;display:flex}.og-sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@media (max-width:600px){.og-player{padding:.7rem .8rem}.og-player-top{gap:8px}.og-player-name{font-size:.95rem}.og-player-xp{font-size:.7rem}.og-xp-bar{margin-top:.5rem}.og-xp-labels{font-size:.55rem}.og-avatar{width:48px;height:48px}.og-logout{padding:.2rem .5rem;font-size:.6rem}.og-wordmark{font-size:40px}}@media (max-width:400px){.og-player{padding:.6rem .7rem}.og-player-name{gap:4px;font-size:.88rem}.og-avatar{width:42px;height:42px}.og-screen{padding:0 .6rem}.og-avatar-panel{padding:20px 12px}.og-avatar-grid{gap:6px}}.og-avatar-panel{width:min(92vw,420px);max-height:90dvh;color:var(--text);background:var(--card-solid);border:0;border-radius:16px;margin:auto;padding:24px;overflow-y:auto}.og-avatar-panel::backdrop{background:#000000b3}.og-avatar-close{border:1px solid var(--card-border);background:var(--bg);color:inherit;border-radius:16px;margin:18px auto 0;padding:10px 24px;font-weight:700;display:block}.og-today,.og-root[data-theme=dark] .og-today{background:var(--card)}@media (prefers-color-scheme:dark){.og-root[data-theme=system] .og-today{background:var(--card)}}.og-progress-ring{background:conic-gradient(var(--accent) var(--progress),var(--accent-glow) 0);border:0;position:relative}.og-progress-ring:before{content:"";background:var(--bg);border:8px solid var(--card-border);border-radius:50%;position:absolute;inset:12px}.og-progress-ring>*{position:relative}body:has(.og-root[data-theme=dark])>.le-kopf{--bg:#151014;--le-text:#d0c8cc;color:#d0c8cc}body:has(.og-root[data-theme=dark])>.le-kopf .le-brand{color:#d0c8cc}@media (prefers-color-scheme:dark){body:has(.og-root[data-theme=system])>.le-kopf{--bg:#151014;--le-text:#d0c8cc;color:#d0c8cc}body:has(.og-root[data-theme=system])>.le-kopf .le-brand{color:#d0c8cc}}.og-root[data-theme=light] .og-setup,.og-root[data-theme=system] .og-setup{background:#fff}.og-root[data-theme=light] .og-mode,.og-root[data-theme=light] .og-direction,.og-root[data-theme=system] .og-mode,.og-root[data-theme=system] .og-direction{background:#00000008;border-color:#00000014}.og-root[data-theme=light] .og-mode[aria-pressed=true],.og-root[data-theme=system] .og-mode[aria-pressed=true]{background:var(--accent)}.og-root[data-theme=light] .og-direction:has(:checked){background:var(--accent)}.og-root[data-theme=system] .og-direction:has(:checked){background:var(--accent)}@supports (color:color-mix(in lab, red, red)){.og-root[data-theme=light] .og-mode[aria-pressed=true],.og-root[data-theme=system] .og-mode[aria-pressed=true]{background:color-mix(in srgb,var(--accent) 8%,transparent)}.og-root[data-theme=light] .og-direction:has(:checked){background:color-mix(in srgb,var(--accent) 8%,transparent)}.og-root[data-theme=system] .og-direction:has(:checked){background:color-mix(in srgb,var(--accent) 8%,transparent)}}.og-root[data-theme=light] .og-mode[aria-pressed=true],.og-root[data-theme=system] .og-mode[aria-pressed=true]{border-color:var(--accent)}.og-root[data-theme=light] .og-direction:has(:checked){border-color:var(--accent)}.og-root[data-theme=system] .og-direction:has(:checked){border-color:var(--accent)}@media (prefers-color-scheme:dark){.og-root[data-theme=system] .og-setup{background:0 0}.og-root[data-theme=system] .og-mode,.og-root[data-theme=system] .og-direction{background:var(--card);border-color:var(--card-border)}.og-root[data-theme=system] .og-mode[aria-pressed=true]{background:var(--accent-glow);border-color:var(--accent)}.og-root[data-theme=system] .og-direction:has(:checked){background:var(--accent-glow);border-color:var(--accent)}}.og-setup-header,.og-chapters{background:var(--bg)}.og-mode{line-height:normal}.og-mode strong{margin-bottom:2px}.og-direction input{opacity:0;width:1px;height:1px;position:absolute}.og-direction:has(input:focus-visible){outline:3px solid var(--accent);outline-offset:2px}.og-avatar-panel:focus{outline:none}.og-avatar-grid{gap:10px}.og-avatar-grid span{max-width:56px;margin-top:2px;font-size:10px;line-height:1.2}.og-progress-stats strong{font-size:1.5rem}.og-progress-stats span{font-weight:700}.og-rings{width:160px;height:160px;margin:20px auto 30px;position:relative}.og-rings>div{flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.og-rings strong{font-size:1.5rem;font-weight:800}.og-rings span{color:var(--muted);font-size:.58rem}.og-roadmap>div>span:nth-child(2){background:var(--card-border);border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.og-roadmap>div>span:first-child{color:var(--accent);font-weight:700}.og-current-level{background:#ffffff0d}.og-root{--radius:16px;--radius-lg:24px}.og-root[data-grade="1"]{--logo-gradient:linear-gradient(140deg, #16a34a, #22c55e 40%, #15803d 80%);--og-logo-glow:#16a34a0f}.og-root[data-grade="2"]{--logo-gradient:linear-gradient(140deg, #d43a2a, #e8654a 40%, #b82e1e 80%);--og-logo-glow:#c83c2817}.og-root[data-grade="3"]{--logo-gradient:linear-gradient(140deg, #3b82f6, #8ba4cc 50%, #d4943a 90%);--og-logo-glow:#2563eb1f}.og-root[data-grade="4"]{--logo-gradient:linear-gradient(140deg, #9b6dff, #c4a8f0 50%, #d4943a 90%);--og-logo-glow:#8b5cf61f}.og-brand{border-radius:24px;width:max-content;max-width:100%}.og-rank{font-family:var(--font-display)}.og-mode strong,.og-mode small{font-family:Arial,sans-serif}.og-root[data-screen=modi] .og-footer{background:var(--bg);z-index:20;height:24px;padding:6px;position:fixed;bottom:0;left:0}.og-root[data-screen=modi]{padding-bottom:24px}.og-setup{flex-direction:column;min-height:calc(100dvh - 52px);display:flex}.og-setup-footer{padding:1rem 0 calc(env(safe-area-inset-bottom) + 1rem);margin-top:auto;bottom:24px}@media (min-width:600px){.og-wordmark{font-size:52px}}.og-root[data-grade="1"][data-theme=dark]{--accent2-glow:#4ade8040;--correct-glow:#22c55e33;--wrong-glow:#ef444433}@media (prefers-color-scheme:dark){.og-root[data-grade="1"][data-theme=system]{--accent2-glow:#4ade8040;--correct-glow:#22c55e33;--wrong-glow:#ef444433}}.og-root[data-grade="2"][data-theme=dark]{--accent2-glow:#f8717140;--correct-glow:#22c55e33;--wrong-glow:#fb923c33}@media (prefers-color-scheme:dark){.og-root[data-grade="2"][data-theme=system]{--accent2-glow:#f8717140;--correct-glow:#22c55e33;--wrong-glow:#fb923c33}}.og-root[data-grade="3"][data-theme=dark]{--accent2-glow:#60a5fa40;--correct-glow:#22c55e33;--wrong-glow:#ef444433}@media (prefers-color-scheme:dark){.og-root[data-grade="3"][data-theme=system]{--accent2-glow:#60a5fa40;--correct-glow:#22c55e33;--wrong-glow:#ef444433}}.og-root[data-grade="4"][data-theme=dark]{--accent2-glow:#a78bfa40;--correct-glow:#22c55e33;--wrong-glow:#ef444433}@media (prefers-color-scheme:dark){.og-root[data-grade="4"][data-theme=system]{--accent2-glow:#a78bfa40;--correct-glow:#22c55e33;--wrong-glow:#ef444433}}.og-root[data-grade="1"]{isolation:isolate;position:relative}.og-root[data-grade="1"]:before{content:"";z-index:-1;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='900' height='1600' fill='none' stroke-linecap='round'%3E%3C!-- top-left star --%3E%3Cpath d='M45 60l6 18 18 3-13 10 4 19-15-10-16 9 5-19-12-9h18z' stroke='%2316a34a' stroke-width='2.2'/%3E%3C!-- top-right pencil --%3E%3Cpath d='M820 45l-3 5-24 52 6 0 24-52zm-27 57l-2 7 8-1' stroke='%230d9488' stroke-width='2'/%3E%3C!-- cat at right edge --%3E%3Cellipse cx='850' cy='240' rx='20' ry='17' stroke='%2322c55e' stroke-width='2'/%3E%3Cpath d='M833 226l-6-16 14 11m28-11l6-16-14 11m-16 19l-7 4m14 0l7 4m-7-4v6' stroke='%2322c55e' stroke-width='1.8'/%3E%3C!-- flower left side --%3E%3Ccircle cx='55' cy='380' r='7' stroke='%2316a34a' stroke-width='1.8'/%3E%3Cpath d='M55 365c4-11 14-8 11 0m-11 0c-4-11-14-8-11 0m7 15c-11 4-8 14 0 11m0-11c11 4 8 14 0 11m15-7c4 11-5 14-9 7m9-7c-4-11 5-14 9-7m-26-7c-4 11 5 14 9 7m-9-7c4-11-5-14-9-7' stroke='%2316a34a' stroke-width='1.5'/%3E%3C!-- book right --%3E%3Cpath d='M780 480c0-4 14-16 30-14m-30 14v32c0 0 14-10 30-8m0-38v32m0-32c16-3 30 9 30 14v32c0 0-14-10-30-8' stroke='%2315803d' stroke-width='2'/%3E%3C!-- cloud top center --%3E%3Cpath d='M420 130c-14-3-20-16-11-26s24-8 30 0c4-11 22-14 28-3s-3 22-11 25c5 5 3 16-8 18h-42z' stroke='%2316a34a' stroke-width='1.8'/%3E%3C!-- lightbulb left --%3E%3Cpath d='M80 620c0-16 14-30 14-30s14 14 14 30c0 10-7 16-7 21h-14c0-5-7-11-7-21zm3 27h22m-18 7h14' stroke='%23f59e0b' stroke-width='2'/%3E%3C!-- sun right --%3E%3Ccircle cx='830' cy='680' r='13' stroke='%23f59e0b' stroke-width='2'/%3E%3Cpath d='M830 660v-9m0 58v9m-20-38l-7-6m47 19l7 6m-47 0l-7 6m47-19l7-6m-36-16l-4-7m19 48l4 7m0-48l4-7m-19 48l-4 7' stroke='%23f59e0b' stroke-width='1.6'/%3E%3C!-- heart center --%3E%3Cpath d='M450 520c-6-16-24-19-24-6s24 30 24 30 24-17 24-30-18-10-24 6z' stroke='%23ef4444' stroke-width='2'/%3E%3C!-- ABC scattered --%3E%3Ctext x='750' cy='380' font-family='Fredoka,sans-serif' font-size='32' fill='%2322c55e' fill-opacity='0.3' stroke='none' transform='rotate(-12 750 380)' y='380'%3EA%3C/text%3E%3Ctext x='790' font-family='Fredoka,sans-serif' font-size='26' fill='%230d9488' fill-opacity='0.25' stroke='none' transform='rotate(8 790 360)' y='360'%3Eb%3C/text%3E%3Ctext x='770' font-family='Fredoka,sans-serif' font-size='34' fill='%2316a34a' fill-opacity='0.2' stroke='none' transform='rotate(5 770 420)' y='420'%3EC%3C/text%3E%3C!-- butterfly bottom left --%3E%3Cpath d='M120 900c-16-10-26-5-21 8s18 8 21-8zm0 0c16-10 26-5 21 8s-18 8-21-8z' stroke='%230d9488' stroke-width='1.8'/%3E%3Cpath d='M120 890v-10m-4-3l4 3 4-3' stroke='%230d9488' stroke-width='1.3'/%3E%3C!-- checkmark left --%3E%3Cpath d='M90 760l8 10 16-20' stroke='%2316a34a' stroke-width='2.8'/%3E%3C!-- arrow mid --%3E%3Cpath d='M320 780c28-14 56-7 70 7m-8-11l8 11-12 4' stroke='%2322c55e' stroke-width='2.2'/%3E%3C!-- speech bubble right --%3E%3Cpath d='M760 840c0-11 12-20 26-20s26 9 26 20-12 20-26 20c-4 0-7 0-10-1l-11 10 3-12c-5-4-8-10-8-17z' stroke='%2316a34a' stroke-width='1.8'/%3E%3C!-- tree bottom right --%3E%3Cpath d='M830 1050v30m0-30c-14-6-20-22-8-30 6 3 8 11 8 11s3-16 14-19c11 8 3 25-6 30m-8 8c-11-3-16-14-7-19m15 19c11-3 16-14 7-19' stroke='%2315803d' stroke-width='2'/%3E%3C!-- dots cluster top --%3E%3Ccircle cx='620' cy='55' r='4' fill='%2322c55e' fill-opacity='0.25' stroke='none'/%3E%3Ccircle cx='645' cy='40' r='3' fill='%230d9488' fill-opacity='0.2' stroke='none'/%3E%3Ccircle cx='635' cy='70' r='5' fill='%2316a34a' fill-opacity='0.15' stroke='none'/%3E%3Ccircle cx='660' cy='60' r='2.5' fill='%23f59e0b' fill-opacity='0.2' stroke='none'/%3E%3C!-- squiggle mid --%3E%3Cpath d='M250 1100c12-6 18 6 28 0s18-6 28 0 18 6 28 0' stroke='%23f59e0b' stroke-width='2'/%3E%3C!-- zigzag bottom --%3E%3Cpath d='M500 1200l16-14 16 14 16-14 16 14 16-14 16 14 16-14' stroke='%230d9488' stroke-width='1.8'/%3E%3C!-- small star bottom --%3E%3Cpath d='M680 1020l4 12 12 2-9 8 3 13-10-7-11 6 4-13-9-7h12z' stroke='%2322c55e' stroke-width='1.8'/%3E%3C!-- dog bottom --%3E%3Cellipse cx='400' cy='1050' rx='22' ry='15' stroke='%2316a34a' stroke-width='2'/%3E%3Cpath d='M382 1040c-5-3-12 0-10 6m56 0c5-3 12 0 10 6m-26-7l-3 4m6 0l3 4m-3-4c0 3-2 5-3 5' stroke='%2316a34a' stroke-width='1.6'/%3E%3Cellipse cx='393' cy='1048' rx='2' ry='2.5' fill='%2316a34a' fill-opacity='0.4' stroke='none'/%3E%3Cellipse cx='407' cy='1048' rx='2' ry='2.5' fill='%2316a34a' fill-opacity='0.4' stroke='none'/%3E%3C!-- wavy line mid-right --%3E%3Cpath d='M650 700c10-8 20 8 30 0s20-8 30 0' stroke='%2316a34a' stroke-width='1.6'/%3E%3C!-- dots bottom left --%3E%3Ccircle cx='200' cy='1250' r='3.5' fill='%2322c55e' fill-opacity='0.2' stroke='none'/%3E%3Ccircle cx='220' cy='1240' r='2.5' fill='%23f59e0b' fill-opacity='0.2' stroke='none'/%3E%3Ccircle cx='210' cy='1265' r='4' fill='%230d9488' fill-opacity='0.15' stroke='none'/%3E%3C!-- rainbow arc --%3E%3Cpath d='M150 1400c40-50 100-50 140 0' stroke='%2322c55e' stroke-width='2' fill='none'/%3E%3Cpath d='M160 1400c35-40 90-40 120 0' stroke='%23f59e0b' stroke-width='1.5' fill='none'/%3E%3Cpath d='M170 1400c28-30 75-30 100 0' stroke='%230d9488' stroke-width='1.2' fill='none'/%3E%3C!-- music note right --%3E%3Cpath d='M810 1300v-30c0 0 15-5 15 10' stroke='%2322c55e' stroke-width='2'/%3E%3Cellipse cx='810' cy='1302' rx='6' ry='4' fill='none' stroke='%2322c55e' stroke-width='1.8'/%3E%3C/svg%3E");background-position:top;background-repeat:repeat-y;background-size:100vw;position:fixed;inset:0}.og-root[data-grade="1"][data-theme=dark]:before{opacity:.06;filter:brightness(2)saturate(1.2)}.og-root[data-grade="1"] .og-brand{position:relative;overflow:visible}.og-root[data-grade="1"] .og-brand:before{content:"";opacity:.35;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='60' height='60' fill='none' stroke='%2316a34a' stroke-width='2.2' stroke-linecap='round'%3E%3Cpath d='M30 4l7 20 20 3-15 12 5 21-17-11-17 10 6-21-14-11h20z'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:60px;height:60px;position:absolute;top:-10px;left:-30px}.og-root[data-grade="1"] .og-brand:after{content:"";opacity:.3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='55' height='55' fill='none' stroke='%230d9488' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M28 6c0-8 8-6 8-6s8 4 8 14c0 7-5 11-5 15h-10c0-4-3-8-3-15z'/%3E%3Cpath d='M24 33h18m-14 5h10'/%3E%3Cpath d='M35 7l3-4' stroke-width='1.5'/%3E%3C/svg%3E") 0 0/contain no-repeat;width:55px;height:55px;position:absolute;top:-5px;right:-25px}.og-root[data-grade="1"][data-theme=dark] .og-brand:before{opacity:.2;filter:brightness(1.8)}.og-root[data-grade="1"][data-theme=dark] .og-brand:after{opacity:.18;filter:brightness(1.8)}.og-root[data-grade="1"] .og-grade{display:inline-block;position:relative}.og-root[data-grade="1"] .og-grade:after{content:"";opacity:.5;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='10' fill='none' stroke='%2316a34a' stroke-width='3' stroke-linecap='round'%3E%3Cpath d='M3 6c18-4 35 3 52-1s30-5 48 1 28 4 34 0'/%3E%3C/svg%3E") 50%/100% 100% no-repeat;height:10px;position:absolute;bottom:-5px;left:-8px;right:-8px}@media (prefers-color-scheme:dark){.og-root[data-grade="1"][data-theme=system]:before{opacity:.06;filter:brightness(2)saturate(1.2)}.og-root[data-grade="1"][data-theme=system] .og-brand:before{opacity:.2;filter:brightness(1.8)}.og-root[data-grade="1"][data-theme=system] .og-brand:after{opacity:.18;filter:brightness(1.8)}}.og-xp-note{color:var(--muted);margin:-.6rem 0 1rem;font-size:.72rem}.og-root[data-grade="1"][data-theme=light] .og-today,.og-root[data-grade="1"][data-theme=system] .og-today{background:#16a34a0f;border-color:#16a34a26}.og-root[data-grade="2"][data-theme=light] .og-today,.og-root[data-grade="2"][data-theme=system] .og-today{background:#dc26260d;border-color:#dc262624}.og-root[data-grade="3"][data-theme=light] .og-today,.og-root[data-grade="3"][data-theme=system] .og-today{background:#2563eb0f;border-color:#2563eb26}.og-root[data-grade="4"][data-theme=light] .og-today,.og-root[data-grade="4"][data-theme=system] .og-today{background:#7c3aed0f;border-color:#7c3aed26}@media (prefers-color-scheme:dark){.og-root[data-grade="1"][data-theme=system] .og-today,.og-root[data-grade="2"][data-theme=system] .og-today,.og-root[data-grade="3"][data-theme=system] .og-today,.og-root[data-grade="4"][data-theme=system] .og-today{background:var(--card);border-color:var(--card-border)}}.og-root[data-grade="1"] .og-nav-card,.og-root[data-grade="3"] .og-nav-card,.og-root[data-grade="4"] .og-nav-card,.og-root[data-grade="1"] .og-action-card,.og-root[data-grade="3"] .og-action-card,.og-root[data-grade="4"] .og-action-card{background:var(--card)}.og-primary{text-shadow:0 1px 2px #0003}.og-nav-card{font-family:Arial,sans-serif;line-height:normal}.og-primary{line-height:normal}.og-today .og-primary{padding:.5rem .9rem;font-size:.8rem}.og-root[data-screen=modi],.og-root[data-grade="1"] .og-setup{background:var(--bg)}.og-root[data-grade="1"][data-screen=modi]:before{display:none}.og-root[data-grade="1"] .og-directions legend{text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.5rem;font-size:.72rem;font-weight:800}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}