@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-border-style:solid;--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}}}@layer theme{:root,:host{--font-sans:var(--font-sans);--font-mono:var(--font-mono);--radius-xs:var(--radius-xs);--radius-sm:var(--radius-sm);--radius-md:var(--radius-md);--radius-lg:var(--radius-lg);--radius-xl:var(--radius-xl);--radius-2xl:var(--radius-2xl);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--font-edu:var(--font-edu);--radius-full:var(--radius-full)}}@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,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, 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:where(:not(iframe)){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}:root{--action-brand:#0a7c6e;--action-brand-hover:#0d9488;--action-brand-active:#0f766e;--action-brand-foreground:#fff;--action-brand-soft:#e6f2f0;--action-brand-soft-hover:#d5eae7;--teal-400:#14b8a6;--teal-300:#2dd4bf;--text-primary:#1c1b18;--text-secondary:#1c1b18a6;--text-tertiary:#1c1b1873;--text-quaternary:#1c1b1833;--text-disabled:#1c1b181a;--text-on-brand:#fff;--text-on-inverse-muted:#ffffffb3;--text-on-inverse-subtle:#ffffff8c;--opacity-disabled:.5;--surface-base:#fafaf8;--surface-navigation:#f4f2ee;--surface-card:#fff;--surface-elevated:#eeecea;--surface-overlay:#fff;--surface-hover:#eeecea;--surface-inverse:#1c1b18;--border-subtle:#d9d5cd;--border-medium:#c4bfb5;--border-strong:#a09890;--border-focus:#0a7c6e;--success:#16a34a;--success-bg:#dcfce7;--success-text:#14532d;--warning:#d97706;--warning-bg:#fef3c7;--warning-text:#78350f;--destructive:#dc2626;--destructive-bg:#fee2e2;--destructive-text:#7f1d1d;--info:#2563eb;--info-bg:#dbeafe;--info-text:#1e3a8a;--subj-math:#6e4fd9;--subj-math-bg:#efebfb;--subj-francais:#b0497a;--subj-francais-bg:#faebf1;--subj-sciences:#2f8a5d;--subj-sciences-bg:#e4f3eb;--subj-histoire:#9c5e2b;--subj-histoire-bg:#f5eadd;--subj-geographie:#2877a8;--subj-geographie-bg:#e2eef6;--subj-anglais:#b23e3e;--subj-anglais-bg:#fbe7e7;--subj-eps:#16777a;--subj-eps-bg:#dee;--subj-arts:#c36a2a;--subj-arts-bg:#fae7d7;--subj-musique:#6f4e89;--subj-musique-bg:#efe9f4;--subj-default:#5c5750;--subj-default-bg:#eceae5;--font-sans:"Google Sans Flex", "Google Sans", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-edu:"Lexend", "Google Sans Flex", system-ui, sans-serif;--font-mono:"Google Sans Code", ui-monospace, "SF Mono", "Cascadia Code", monospace;--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-16:4rem;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:24px;--radius-2xl:32px;--radius-full:9999px;--duration-instant:50ms;--duration-fast:.15s;--duration-normal:.2s;--duration-slow:.35s;--ease-standard:cubic-bezier(.2, 0, 0, 1);--ease-decelerate:cubic-bezier(0, 0, .2, 1);--ease-accelerate:cubic-bezier(.4, 0, 1, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--sidebar-width:248px;--topbar-height:64px;--bottombar-height:64px;--content-max:1280px;--layer-base:0;--layer-sticky:100;--layer-dropdown:200;--layer-overlay:300;--layer-modal:400;--layer-toast:500;--layer-tooltip:600}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.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}}.m-0{margin:0}.block{display:block}.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}.border{border-style:var(--tw-border-style);border-width:1px}.lowercase{text-transform:lowercase}.uppercase{text-transform:uppercase}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.filter{filter:var(--tw-blur,) var(--tw-brightness,) var(--tw-contrast,) var(--tw-grayscale,) var(--tw-hue-rotate,) var(--tw-invert,) var(--tw-saturate,) var(--tw-sepia,) var(--tw-drop-shadow,)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}html,body{font-family:var(--font-sans);background:var(--surface-base);color:var(--text-primary);font-feature-settings:"ss01", "cv11";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.focusable:focus-visible,button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,[role=button]:focus-visible{outline:2px solid var(--border-focus);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}.k-text-display,.text-display{letter-spacing:-.03em;font-size:60px;font-weight:600;line-height:1.07}.k-text-h1,.text-h1{letter-spacing:-.025em;font-size:40px;font-weight:600;line-height:1.1}.k-text-h2,.text-h2{letter-spacing:-.02em;font-size:32px;font-weight:600;line-height:1.15}.k-text-h3,.text-h3{letter-spacing:-.015em;font-size:24px;font-weight:600;line-height:1.2}.k-text-h4,.text-h4{letter-spacing:-.01em;font-size:20px;font-weight:600;line-height:1.3}.k-text-h5,.text-h5{letter-spacing:-.005em;font-size:17px;font-weight:600;line-height:1.35}.k-text-body-lg,.text-body-lg{font-size:18px;font-weight:400;line-height:1.45}.k-text-body,.text-body{font-size:15px;font-weight:400;line-height:1.5}.k-text-body-sm,.text-body-sm{font-size:13px;font-weight:400;line-height:1.5}.k-text-label,.text-label{letter-spacing:.01em;font-size:12px;font-weight:500;line-height:1.4}.k-text-caption,.text-caption{font-size:12px;font-weight:400;line-height:1.5}.k-text-micro,.text-micro{letter-spacing:.06em;text-transform:uppercase;font-size:10.5px;font-weight:600;line-height:1.5}.k-text-stat,.text-stat{letter-spacing:-.025em;font-size:32px;font-weight:700;line-height:1.1}.k-text-mono,.text-mono{font-family:var(--font-mono)}.k-text-edu-display,.text-edu-display{font-family:var(--font-edu);font-size:48px;font-weight:700;line-height:1.15}.k-text-edu-h1,.text-edu-h1{font-family:var(--font-edu);font-size:36px;font-weight:700;line-height:1.2}.k-text-edu-h2,.text-edu-h2{font-family:var(--font-edu);font-size:28px;font-weight:700;line-height:1.25}.k-text-edu-h3,.text-edu-h3{font-family:var(--font-edu);font-size:22px;font-weight:600;line-height:1.4}.k-text-edu-body-lg,.text-edu-body-lg{font-family:var(--font-edu);font-size:20px;font-weight:400;line-height:1.6}.k-text-edu-body,.text-edu-body{font-family:var(--font-edu);font-size:18px;font-weight:400;line-height:1.65}.k-text-edu-label,.text-edu-label{font-family:var(--font-edu);font-size:13px;font-weight:500;line-height:1.6}.k-text-edu,.text-edu{font-family:var(--font-edu);line-height:1.6}.k-text-primary{color:var(--text-primary)}.k-text-secondary{color:var(--text-secondary)}.k-text-tertiary{color:var(--text-tertiary)}.k-text-quaternary{color:var(--text-quaternary)}.k-text-brand{color:var(--action-brand)}.k-text-on-brand{color:var(--text-on-brand)}.k-text-on-inverse-muted{color:var(--text-on-inverse-muted)}.k-text-on-inverse-subtle{color:var(--text-on-inverse-subtle)}.k-text-success{color:var(--success-text)}.k-text-warning{color:var(--warning-text)}.k-text-destructive{color:var(--destructive-text)}.flex{display:flex}.flex-col{flex-direction:column;display:flex}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.justify-end{justify-content:flex-end}.flex-1{flex:1;min-width:0}.flex-wrap{flex-wrap:wrap}.flex-shrink-0{flex-shrink:0}.flex-grow{flex-grow:1}.grid{display:grid}.gap-1{gap:4px}.gap-2{gap:8px}.gap-3{gap:12px}.gap-4{gap:16px}.gap-5{gap:20px}.gap-6{gap:24px}.gap-8{gap:32px}.p-1{padding:4px}.p-2{padding:8px}.p-3{padding:12px}.p-4{padding:16px}.p-5{padding:20px}.p-6{padding:24px}.px-2{padding-inline:8px}.px-3{padding-inline:12px}.px-4{padding-inline:16px}.px-5{padding-inline:20px}.px-6{padding-inline:24px}.px-8{padding-inline:32px}.py-1{padding-block:4px}.py-2{padding-block:8px}.py-3{padding-block:12px}.py-4{padding-block:16px}.py-6{padding-block:24px}.py-8{padding-block:32px}.pt-3{padding-top:12px}.pt-4{padding-top:16px}.pb-4{padding-bottom:16px}.m-0{margin:0}.mt-1{margin-top:4px}.mt-2{margin-top:8px}.mt-3{margin-top:12px}.mt-4{margin-top:16px}.mt-5{margin-top:20px}.mt-6{margin-top:24px}.mt-8{margin-top:32px}.mb-1{margin-bottom:4px}.mb-2{margin-bottom:8px}.mb-3{margin-bottom:12px}.mb-4{margin-bottom:16px}.mb-5{margin-bottom:20px}.mb-6{margin-bottom:24px}.mb-8{margin-bottom:32px}.w-full{width:100%}.h-full{height:100%}.min-h-screen{min-height:100dvh}.max-w-screen{max-width:100vw}.relative{position:relative}.absolute{position:absolute}.sticky{position:sticky}.inset-0{inset:0}.top-0{top:0}.overflow-hidden{overflow:hidden}.overflow-auto{overflow:auto}.overflow-y-auto{overflow-y:auto}.text-center{text-align:center}.text-right{text-align:right}.text-left{text-align:left}.text-nowrap{white-space:nowrap}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.cursor-pointer{cursor:pointer}.select-none{-webkit-user-select:none;user-select:none}.divide-y>*+*{border-top:1px solid var(--border-subtle)}.divide-x>*+*{border-left:1px solid var(--border-subtle)}.hover-lift{transition:transform var(--duration-fast)}.hover-lift:hover{transform:translateY(-1px)}.no-scrollbar::-webkit-scrollbar{display:none}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.hide-on-desktop{display:none}@media (max-width:900px){.hide-on-desktop{display:inline-flex}}@media (max-width:600px){.hide-on-mobile{display:none}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.skeleton{background:linear-gradient(90deg, var(--surface-elevated) 0%, var(--surface-navigation) 50%, var(--surface-elevated) 100%);border-radius:var(--radius-sm);background-size:200% 100%;animation:1.5s linear infinite shimmer}@keyframes scan-sweep{0%{opacity:0;transform:translateY(-110%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(110%)}}.scan-line{background:linear-gradient(90deg, transparent, var(--action-brand), transparent);height:2px;animation:scan-sweep 1.8s var(--ease-standard) infinite;position:absolute;left:0;right:0;box-shadow:0 0 24px 6px #0a7c6e59}@keyframes item-pop-in{0%{opacity:0;transform:translateY(8px)scale(.96)}60%{transform:translateY(0)scale(1.02)}to{opacity:1;transform:translateY(0)scale(1)}}.pop-in{animation:item-pop-in .36s var(--ease-spring) both}@keyframes pop-in-modal{0%{opacity:0;transform:translateY(8px)scale(.97)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-dot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(1.4)}}.pulse-dot{animation:pulse-dot 1.4s var(--ease-standard) infinite}@keyframes spin{to{transform:rotate(360deg)}}.spinner{animation:.8s linear infinite spin}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:0 var(--space-4);border-radius:var(--radius-md);height:40px;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);white-space:nowrap;-webkit-user-select:none;user-select:none;color:inherit;cursor:pointer;background:0 0;border:0;font-size:14px;font-weight:500;display:inline-flex}.btn:disabled,.btn[aria-disabled=true]{opacity:var(--opacity-disabled);pointer-events:none}.btn-primary{background:var(--action-brand);color:var(--text-on-brand)}.btn-primary:hover{background:var(--action-brand-hover)}.btn-primary:active{background:var(--action-brand-active)}.btn-secondary{background:var(--surface-elevated);color:var(--text-primary)}.btn-secondary:hover{background:var(--surface-hover)}.btn-outline{color:var(--text-primary);border:1px solid var(--border-medium);background:0 0}.btn-outline:hover{background:var(--surface-elevated)}.btn-ghost{color:var(--text-secondary);background:0 0}.btn-ghost:hover{background:var(--surface-elevated);color:var(--text-primary)}.btn-destructive{background:var(--destructive);color:#fff}.btn-destructive:hover{filter:brightness(.95)}.btn.on-dark{color:#ffffffe0}.btn-ghost.on-dark{background:0 0}.btn-ghost.on-dark:hover{color:#fff;background:#ffffff1f}.btn-secondary.on-dark{color:#fff;background:#ffffff26}.btn-secondary.on-dark:hover{color:#fff;background:#ffffff38}.btn-sm{height:32px;padding:0 var(--space-3);font-size:13px}.btn-lg{height:48px;padding:0 var(--space-6);font-size:15px}.btn-icon{width:40px;padding:0}.btn-icon-sm{width:32px;height:32px;padding:0}.badge{align-items:center;gap:var(--space-1);padding:2px var(--space-2);border-radius:var(--radius-full);white-space:nowrap;font-size:11.5px;font-weight:500;line-height:1.4;display:inline-flex}.badge-soft{background:var(--surface-elevated);color:var(--text-secondary)}.badge-warning{background:var(--warning-bg);color:var(--warning-text)}.badge-success{background:var(--success-bg);color:var(--success-text)}.badge-destructive{background:var(--destructive-bg);color:var(--destructive-text)}.badge-brand{background:var(--action-brand-soft);color:var(--action-brand)}.badge-dot:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;display:inline-block}.input{width:100%;height:40px;padding:0 var(--space-3);background:var(--surface-card);border:1px solid var(--border-medium);border-radius:var(--radius-md);color:var(--text-primary);transition:border-color var(--duration-fast) var(--ease-standard);font-family:inherit;font-size:14px;display:block}.input::placeholder{color:var(--text-tertiary)}.input:focus{border-color:var(--border-focus);outline:none;box-shadow:0 0 0 3px #0a7c6e26}textarea.input{padding:var(--space-3);resize:vertical;height:auto;min-height:96px;line-height:1.5}.chip{align-items:center;gap:var(--space-2);height:30px;padding:0 var(--space-3);border-radius:var(--radius-full);background:var(--surface-card);border:1px solid var(--border-subtle);color:var(--text-primary);transition:all var(--duration-fast);cursor:pointer;font-size:13px;display:inline-flex}.chip:hover{border-color:var(--border-medium);background:var(--surface-elevated)}.chip.active{background:var(--text-primary);color:var(--surface-base);border-color:var(--text-primary)}.chip.active:hover{background:var(--text-primary)}.avatar{border-radius:var(--radius-full);background:var(--surface-elevated);width:36px;height:36px;color:var(--text-primary);flex-shrink:0;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex;overflow:hidden}.avatar-sm{width:28px;height:28px;font-size:11px}.avatar-lg{width:56px;height:56px;font-size:18px}.avatar-brand{background:var(--action-brand-soft);color:var(--action-brand)}.avatar-dark{background:var(--surface-inverse);color:var(--surface-base)}.elevation-0{background:var(--surface-base)}.elevation-1{background:var(--surface-navigation)}.elevation-2{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.elevation-3{background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.card-interactive{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);transition:background var(--duration-fast), border-color var(--duration-fast);cursor:pointer}.card-interactive:hover{background:var(--surface-elevated);border-color:var(--border-medium)}.card-inverse{background:var(--surface-inverse);color:var(--text-on-brand);border-radius:var(--radius-lg);border:0}.card-inverse-interactive{background:var(--surface-inverse);color:var(--text-on-brand);border-radius:var(--radius-lg);transition:background var(--duration-fast);cursor:pointer;border:0}.card-inverse-interactive:hover{background:var(--surface-inverse)}@supports (color:color-mix(in lab, red, red)){.card-inverse-interactive:hover{background:color-mix(in oklab, var(--surface-inverse) 88%, var(--text-on-brand))}}.app-shell{grid-template-columns:var(--sidebar-width) 1fr;background:var(--surface-base);min-height:100dvh;display:grid}.sidebar{background:var(--surface-navigation);border-right:1px solid var(--border-subtle);flex-direction:column;min-width:0;height:100dvh;padding:16px;display:flex;position:sticky;top:0}@media (max-width:900px){.app-shell{grid-template-columns:1fr}.sidebar{display:none}.main-region{padding-bottom:var(--bottombar-height)}.app-shell>.bottombar{z-index:30;position:fixed;bottom:0;left:0;right:0}}@media not all and (max-width:900px){.app-shell>.bottombar{display:none}}.sidebar-brand{align-items:center;gap:10px;min-width:0;padding:6px 12px 18px;display:flex}.sidebar-brand .brand-name{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:600;overflow:hidden}.sidebar-brand img,.sidebar-brand svg{flex-shrink:0}.sidebar-nav{flex-direction:column;flex:1;gap:4px;min-height:0;display:flex;overflow-y:auto}.sidebar-group-label{letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);padding:14px 12px 4px;font-size:11px;font-weight:600}.sidebar-footer{flex-direction:column;gap:4px;margin-top:auto;padding-top:12px;display:flex}.sidebar-user{background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;text-align:left;width:100%;transition:border-color var(--duration-fast);align-items:center;gap:10px;margin-top:6px;padding:9px 11px;font-family:inherit;display:flex}.sidebar-user:hover{border-color:var(--border-medium)}.sidebar-user .su-meta{flex:1;min-width:0}.sidebar-user .su-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:13.5px;font-weight:600;overflow:hidden}.sidebar-user .su-role{color:var(--text-tertiary);font-size:12px}.sidebar-user .su-caret{color:var(--text-tertiary);flex-shrink:0}.sidebar.collapsed{align-items:stretch;padding:16px 14px}.sidebar.collapsed .sidebar-brand{justify-content:center;padding:6px 0 18px}.sidebar.collapsed .sidebar-brand .brand-name{display:none}.sidebar.collapsed .sidebar-user{justify-content:center;padding:9px}.sidebar.collapsed .sidebar-user .su-meta,.sidebar.collapsed .sidebar-user .su-caret{display:none}.sidebar.collapsed .nav-item{justify-content:center;gap:0;padding:10px}.sidebar.collapsed .nav-item .nav-label,.sidebar.collapsed .nav-item .nav-badge{display:none}.nav-item{border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--duration-fast), color var(--duration-fast);text-align:left;background:0 0;border:0;align-items:center;gap:12px;width:100%;padding:10px 12px;font-family:inherit;font-size:14px;font-weight:500;display:flex}.nav-item svg{flex-shrink:0}.nav-item .nav-label{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.nav-item .nav-badge{flex-shrink:0;margin-left:auto}.nav-item:hover,.nav-item.active{background:var(--surface-card);color:var(--text-primary)}.nav-item.active svg{color:var(--action-brand)}.nav-item:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.nav-item.collapsed{justify-content:center;gap:0;padding:10px}.nav-item.collapsed .nav-label,.nav-item.collapsed .nav-badge{display:none}.topbar{height:var(--topbar-height);max-height:var(--topbar-height);background:var(--surface-base);border-bottom:1px solid var(--border-subtle);z-index:30;align-items:center;gap:12px;min-width:0;padding:0 24px;display:flex;position:sticky;top:0}.topbar>*{min-width:0}@media (max-width:600px){.topbar{gap:8px;padding:0 16px}}.topbar-leading{align-items:center;gap:10px;min-width:0;display:flex}.topbar-title{letter-spacing:-.01em;color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:15px;font-weight:600;overflow:hidden}.topbar-actions{flex-shrink:0;align-items:center;gap:10px;margin-left:auto;display:flex}.topbar.compact{height:52px;max-height:52px;padding:0 16px}.topbar-switcher{border-radius:var(--radius-md);cursor:pointer;text-align:left;min-width:0;transition:background var(--duration-fast);background:0 0;border:0;align-items:center;gap:10px;padding:6px 10px;font-family:inherit;display:flex}.topbar-switcher:hover{background:var(--surface-elevated)}.topbar-switcher .sw-meta{flex-direction:column;min-width:0;display:flex}.topbar-switcher .sw-name{color:var(--text-primary);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.topbar-switcher .sw-sub{color:var(--text-tertiary);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.topbar-switcher .sw-caret{color:var(--text-tertiary);flex-shrink:0}.bottombar{height:var(--bottombar-height);background:var(--surface-card);border-top:1px solid var(--border-subtle);align-items:stretch;gap:4px;padding:6px 8px;display:flex}.main-region{flex-direction:column;min-width:0;display:flex}.page{max-width:var(--content-max);width:100%;margin:0 auto;padding:32px}@media (max-width:900px){.page{padding:20px 16px 24px}}.nav-tab{border-radius:var(--radius-md);min-width:0;min-height:48px;color:var(--text-secondary);cursor:pointer;transition:color var(--duration-fast);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:4px;padding:6px 4px;font-family:inherit;font-size:11px;font-weight:500;display:flex;position:relative}.nav-tab svg{flex-shrink:0}.nav-tab .nav-label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;overflow:hidden}.nav-tab:hover{color:var(--text-primary)}.nav-tab.active,.nav-tab.active svg{color:var(--action-brand)}.nav-tab:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.nav-tab .nav-dot{background:var(--warning);border-radius:50%;width:7px;height:7px;position:absolute;top:6px;left:calc(50% + 7px)}.nav-tab .nav-badge{box-sizing:border-box;border-radius:var(--radius-full);background:var(--warning-bg);min-width:16px;height:16px;color:var(--warning-text);justify-content:center;align-items:center;padding:0 4px;font-size:10px;font-weight:600;line-height:1;display:inline-flex;position:absolute;top:4px;left:calc(50% + 4px)}.nav-action{border-radius:var(--radius-full);cursor:pointer;background:var(--action-brand);width:52px;height:52px;color:var(--text-on-brand);transition:background var(--duration-fast);border:0;flex:none;justify-content:center;align-self:center;align-items:center;margin-top:-16px;padding:0;font-family:inherit;display:inline-flex}.nav-action svg{width:24px;height:24px}.nav-action:hover{background:var(--action-brand-hover)}.nav-action:active{background:var(--action-brand-active)}.nav-action:focus-visible{outline:2px solid var(--border-focus);outline-offset:3px}.progress{background:var(--surface-elevated);border-radius:var(--radius-full);width:100%;height:6px;overflow:hidden}.progress>div{background:var(--action-brand);height:100%;transition:width var(--duration-slow) var(--ease-standard)}.switch{background:var(--surface-elevated);border-radius:var(--radius-full);cursor:pointer;width:36px;height:22px;transition:background var(--duration-fast);border:1px solid var(--border-subtle);flex-shrink:0;position:relative}.switch:after{content:"";background:var(--surface-card);border:1px solid var(--border-subtle);width:16px;height:16px;transition:left var(--duration-fast) var(--ease-spring);border-radius:50%;position:absolute;top:1px;left:1px}.switch[aria-checked=true]{background:var(--action-brand);border-color:var(--action-brand)}.switch[aria-checked=true]:after{border-color:var(--action-brand);background:#fff;left:15px}.switch[aria-disabled=true],.switch:disabled{opacity:var(--opacity-disabled);pointer-events:none;cursor:not-allowed}.subject-tag{border-radius:var(--radius-full);background:var(--subj-default-bg);color:var(--subj-default);align-items:center;gap:6px;padding:2px 8px;font-size:11.5px;font-weight:500;display:inline-flex}.subject-tag:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.subject-tag[data-subject=mathematiques]{background:var(--subj-math-bg);color:var(--subj-math)}.subject-tag[data-subject=francais]{background:var(--subj-francais-bg);color:var(--subj-francais)}.subject-tag[data-subject=sciences]{background:var(--subj-sciences-bg);color:var(--subj-sciences)}.subject-tag[data-subject=histoire]{background:var(--subj-histoire-bg);color:var(--subj-histoire)}.subject-tag[data-subject=geographie]{background:var(--subj-geographie-bg);color:var(--subj-geographie)}.subject-tag[data-subject=anglais]{background:var(--subj-anglais-bg);color:var(--subj-anglais)}.subject-tag[data-subject=eps]{background:var(--subj-eps-bg);color:var(--subj-eps)}.subject-tag[data-subject=arts_plastiques]{background:var(--subj-arts-bg);color:var(--subj-arts)}.subject-tag[data-subject=musique]{background:var(--subj-musique-bg);color:var(--subj-musique)}.item-row{border-radius:var(--radius-md);background:var(--surface-card);border:1px solid var(--border-subtle);transition:border-color var(--duration-fast), background var(--duration-fast);align-items:flex-start;gap:12px;padding:12px 14px;display:flex}.item-row:hover{border-color:var(--border-medium)}.item-row.done .item-content{color:var(--text-tertiary);text-decoration:line-through}.item-row.done .item-glyph{opacity:.4}.item-glyph{border-radius:var(--radius-md);background:var(--surface-elevated);width:32px;height:32px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.agenda-thumb{border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-tertiary);font-family:var(--font-mono);background-image:repeating-linear-gradient(#0000 0 22px,#1c1b180f 22px 23px),linear-gradient(#fbf7ee 0%,#f4ecdc 100%);justify-content:center;align-items:center;font-size:11px;display:flex;position:relative;overflow:hidden}.agenda-thumb:before{content:"";background:#1c1b1814;border-radius:2px;height:4px;position:absolute;top:14px;left:14px;right:14px}.kid-mode{font-family:var(--font-edu)}.kid-mode .item-row{border-radius:var(--radius-lg);border-width:2px;padding:16px 18px}.choice-card{text-align:left;background:var(--surface-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);cursor:pointer;width:100%;transition:background var(--duration-fast) var(--ease-standard), border-color var(--duration-fast) var(--ease-standard);align-items:flex-start;gap:14px;padding:16px;font-family:inherit;display:flex}.choice-card:hover{border-color:var(--border-medium)}.choice-card:focus-visible{outline:2px solid var(--border-focus);outline-offset:-2px}.choice-card[aria-checked=true]{border-color:var(--action-brand);background:var(--action-brand-soft)}.choice-glyph{border-radius:var(--radius-md);background:var(--surface-elevated);width:46px;height:46px;color:var(--text-secondary);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.choice-card[aria-checked=true] .choice-glyph{background:var(--surface-card);color:var(--action-brand)}.choice-body{flex:1;min-width:0}.choice-title{letter-spacing:-.01em;color:var(--text-primary);font-size:15.5px;font-weight:600;display:block}.choice-desc{color:var(--text-tertiary);margin-top:4px;font-size:12.5px;line-height:1.5;display:block}.choice-check{color:var(--action-brand);opacity:0;transition:opacity var(--duration-fast) var(--ease-standard);flex-shrink:0}.choice-card[aria-checked=true] .choice-check{opacity:1}.toast{background:var(--surface-inverse);color:var(--surface-base);border-radius:var(--radius-full);z-index:60;animation:toast-in .2s var(--ease-decelerate);align-items:center;gap:8px;padding:10px 16px;font-size:14px;font-weight:500;display:flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.toast-success{background:var(--success);color:#fff}.toast-error{background:var(--destructive);color:#fff}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,12px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:900px){.toast{bottom:calc(var(--bottombar-height) + 12px)}}[data-sonner-toaster][data-theme]{--normal-bg:var(--surface-inverse);--normal-text:var(--surface-base);--normal-border:var(--surface-inverse);--success-bg:var(--success);--success-text:white;--error-bg:var(--destructive);--error-text:white;--warning-bg:var(--warning);--warning-text:white}[data-sonner-toast]{border-radius:var(--radius-full)!important;font-family:var(--font-sans)!important;font-size:14px!important;font-weight:500!important}.landing{background:var(--surface-base);min-height:100dvh;color:var(--text-primary);font-family:var(--font-sans)}.landing-container{max-width:1120px;margin:0 auto;padding:0 32px}@media (max-width:720px){.landing-container{padding:0 20px}}.landing-section{padding-block:80px}.landing-section-soft{background:var(--surface-navigation)}@media (max-width:720px){.landing-section{padding-block:56px}}.landing-display{letter-spacing:-.03em;color:var(--text-primary);font-size:clamp(32px,4.6vw,52px);font-weight:700;line-height:1.08}.landing-h2{letter-spacing:-.025em;font-size:clamp(28px,4.2vw,44px);font-weight:700;line-height:1.1}.landing-h3{letter-spacing:-.02em;font-size:clamp(22px,3vw,30px);font-weight:700;line-height:1.2}.landing-h4{letter-spacing:-.01em;font-size:19px;font-weight:600;line-height:1.3}.landing-h5{font-size:16px;font-weight:600;line-height:1.4}.landing-lede{color:var(--text-secondary);max-width:56ch;font-size:clamp(16px,1.7vw,19px);line-height:1.55}.landing-pill{cursor:pointer;height:44px;transition:background var(--duration-fast), transform var(--duration-fast);white-space:nowrap;border:0;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:0 22px;font-size:14px;font-weight:600;display:inline-flex}.landing-pill:hover{transform:translateY(-1px)}.landing-pill-dark{background:var(--text-primary);color:var(--surface-base)}.landing-pill-dark:hover{background:#2a2925}.landing-pill-ghost{color:var(--text-secondary);background:0 0;height:40px}.landing-pill-ghost:hover{background:var(--surface-elevated);color:var(--text-primary)}.landing-pill-lg{height:52px;padding:0 28px;font-size:15px}.landing-nav-link{color:var(--text-secondary);transition:color var(--duration-fast);font-size:13px;font-weight:500;text-decoration:none}.landing-nav-link:hover{color:var(--text-primary)}.landing-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)!important}@media (max-width:900px){.landing-hero-grid{grid-template-columns:1fr!important}}.landing-step{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}@media (max-width:720px){.landing-step{direction:ltr!important;grid-template-columns:1fr!important}}.pain-grid{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width:640px){.pain-grid{grid-template-columns:1fr}}.hero-email-form{border:1px solid var(--border-medium);background:#fff;border-radius:999px;flex-wrap:wrap;align-items:center;gap:4px;padding:4px;display:flex}.hero-email-input{min-width:0;height:44px;color:var(--text-primary);background:0 0;border:0;outline:0;flex:1;padding:0 18px;font-family:inherit;font-size:15px}.hero-email-input::placeholder{color:var(--text-tertiary)}.hero-email-submit{flex-shrink:0;height:44px;padding:0 22px}@media (max-width:480px){.hero-email-form{border-radius:16px;flex-direction:column;align-items:stretch;padding:6px}.hero-email-input{height:40px;padding:0 14px}.hero-email-submit{width:100%}}.cta-email-input::placeholder{color:#ffffffa6}.cta-email-input:focus::placeholder{color:#fff6}.koda-prose{--prose-scale:1;font-family:var(--font-sans);font-size:calc(15px * var(--prose-scale));color:var(--text-secondary);line-height:1.6}.koda-prose>:first-child{margin-top:0}.koda-prose>:last-child{margin-bottom:0}.koda-prose-base{--prose-scale:1}.koda-prose-sm{--prose-scale:.867}.koda-prose-lg{--prose-scale:1.2}.koda-prose h1{font-size:calc(30px * var(--prose-scale));letter-spacing:-.02em;color:var(--text-primary);margin:1.6em 0 .5em;font-weight:600;line-height:1.15}.koda-prose h2{font-size:calc(24px * var(--prose-scale));letter-spacing:-.015em;color:var(--text-primary);margin:1.6em 0 .5em;font-weight:600;line-height:1.2}.koda-prose h3{font-size:calc(18px * var(--prose-scale));color:var(--text-primary);margin:1.4em 0 .4em;font-weight:600;line-height:1.3}.koda-prose h4{font-size:calc(16px * var(--prose-scale));color:var(--text-primary);margin:1.3em 0 .35em;font-weight:600;line-height:1.35}.koda-prose h5{font-size:calc(14px * var(--prose-scale));color:var(--text-primary);margin:1.2em 0 .3em;font-weight:600;line-height:1.4}.koda-prose h6{font-size:calc(13px * var(--prose-scale));letter-spacing:.04em;text-transform:uppercase;color:var(--text-tertiary);margin:1.2em 0 .3em;font-weight:600;line-height:1.4}.koda-prose p{font-size:calc(15px * var(--prose-scale));color:var(--text-secondary);margin:0 0 1em;line-height:1.6}.koda-prose a{color:var(--action-brand);text-underline-offset:2px;text-decoration:underline}.koda-prose strong{color:var(--text-primary);font-weight:600}.koda-prose em{font-style:italic}.koda-prose del,.koda-prose s{color:var(--text-tertiary);text-decoration:line-through}.koda-prose ins{text-decoration:underline;-webkit-text-decoration-color:var(--success);-webkit-text-decoration-color:var(--success);-webkit-text-decoration-color:var(--success);text-decoration-color:var(--success);color:var(--text-primary)}.koda-prose mark{background:var(--warning-bg);color:var(--text-primary);border-radius:var(--radius-xs);padding:.05em .25em}.koda-prose sub,.koda-prose sup{font-size:.75em;line-height:0}.koda-prose abbr[title]{text-underline-offset:2px;cursor:help;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}.koda-prose kbd{font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-card);border:1px solid var(--border-medium);border-radius:var(--radius-xs);border-bottom-width:2px;padding:.05em .4em;font-size:.82em}.koda-prose ul,.koda-prose ol{font-size:calc(15px * var(--prose-scale));color:var(--text-secondary);margin:0 0 1em;padding-left:1.4em;list-style-position:outside}.koda-prose ul{list-style-type:disc}.koda-prose ol{list-style-type:decimal}.koda-prose ul ul{list-style-type:circle}.koda-prose ul ul ul{list-style-type:square}.koda-prose li{margin:.3em 0}.koda-prose li>ul,.koda-prose li>ol{margin:.3em 0 0;font-size:1em}.koda-prose ul.contains-task-list{padding-left:.2em;list-style:none}.koda-prose li.task-list-item{padding-left:1.6em}.koda-prose li.task-list-item::marker{content:none}.koda-prose .task-list-item input[type=checkbox]{vertical-align:middle;accent-color:var(--action-brand);margin:0 .5em 0 -1.6em}.koda-prose ul>li::marker{color:var(--text-quaternary)}.koda-prose ol>li::marker{color:var(--text-tertiary)}.koda-prose dl{font-size:calc(15px * var(--prose-scale));margin:0 0 1em}.koda-prose dt{color:var(--text-primary);margin:.8em 0 .2em;font-weight:600}.koda-prose dd{color:var(--text-secondary);margin:0 0 .4em 1.2em}.koda-prose blockquote{border-left:2px solid var(--border-subtle);color:var(--text-primary);margin:0 0 1em;padding-left:1em}.koda-prose blockquote>:last-child{margin-bottom:0}.koda-prose blockquote blockquote{margin-top:.6em}.koda-prose code{font-family:var(--font-mono);color:var(--text-primary);background:var(--surface-elevated);border-radius:var(--radius-sm);padding:.1em .35em;font-size:.9em}.koda-prose pre{font-size:calc(13.5px * var(--prose-scale));background:var(--surface-elevated);border:1px solid var(--border-subtle);border-radius:var(--radius-md);margin:0 0 1em;padding:.9em 1.1em;line-height:1.55;overflow-x:auto}.koda-prose pre code{font-size:inherit;color:var(--text-primary);background:0 0;border-radius:0;padding:0}.koda-prose table{width:100%;font-size:calc(14px * var(--prose-scale));border-collapse:collapse;margin:0 0 1em}.koda-prose th,.koda-prose td{text-align:left;border-bottom:1px solid var(--border-subtle);padding:.5em .8em}.koda-prose th{color:var(--text-primary);border-bottom-color:var(--border-medium);font-weight:600}.koda-prose td{color:var(--text-secondary)}.koda-prose th[align=left],.koda-prose td[align=left]{text-align:left}.koda-prose th[align=center],.koda-prose td[align=center]{text-align:center}.koda-prose th[align=right],.koda-prose td[align=right]{text-align:right}.koda-prose img{border-radius:var(--radius-md);max-width:100%;height:auto;margin:.4em 0}.koda-prose hr{border:0;border-top:1px solid var(--border-subtle);margin:1.6em 0}.koda-prose-edu{font-family:var(--font-edu);line-height:1.7}.menu{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);min-width:248px;z-index:var(--layer-dropdown);animation:pop-in-modal .15s var(--ease-decelerate);padding:4px}.menu-item{border-radius:var(--radius-sm);cursor:pointer;width:100%;color:var(--text-secondary);font:inherit;text-align:left;transition:background var(--duration-fast) var(--ease-standard), color var(--duration-fast) var(--ease-standard);background:0 0;border:0;align-items:center;gap:10px;padding:9px 10px;font-size:13px;display:flex}.menu-item:hover{background:var(--surface-elevated);color:var(--text-primary)}.menu-item svg,.menu-item [data-lucide]{width:16px;height:16px;color:var(--text-tertiary);flex-shrink:0}.menu-item .menu-item-label{flex:1;min-width:0}.menu-separator{background:var(--border-subtle);border:0;height:1px;margin:4px 6px}.menu-header{border-bottom:1px solid var(--border-subtle);margin-bottom:4px;padding:8px 12px}.menu-header .menu-header-name{color:var(--text-primary);font-size:13px;font-weight:600;line-height:1.3}.menu-header .menu-header-subtitle{color:var(--text-tertiary);font-size:12px}.dialog-overlay{z-index:var(--layer-modal);background:#1c1b1880;justify-content:center;align-items:center;padding:16px;animation:.15s fade-in;display:flex;position:fixed;inset:0}.dialog{background:var(--surface-overlay);border-radius:var(--radius-xl);width:min(440px,100%);animation:pop-in-modal .2s var(--ease-spring);padding:24px}.sheet-overlay{z-index:var(--layer-modal);background:#1c1b1866;justify-content:flex-end;animation:.2s fade-in;display:flex;position:fixed;inset:0}.sheet-overlay.left{justify-content:flex-start}.sheet{--sheet-w:440px;width:min(var(--sheet-w), calc(100vw - 48px));background:var(--surface-card);border-left:1px solid var(--border-subtle);height:100%;padding:24px;overflow-y:auto}.sheet-sm{--sheet-w:360px}.sheet-lg{--sheet-w:600px}.sheet-overlay.left .sheet{border-left:0;border-right:1px solid var(--border-subtle)}.popover{background:var(--surface-overlay);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:380px;max-height:calc(100dvh - 96px);z-index:var(--layer-dropdown);animation:fade-in .15s, pop-in-modal .2s var(--ease-spring);flex-direction:column;display:flex;overflow:hidden}.tooltip{z-index:var(--layer-tooltip);background:var(--surface-inverse);max-width:240px;color:var(--surface-base);border-radius:var(--radius-sm);animation:fade-in var(--duration-fast) var(--ease-decelerate);padding:6px 10px;font-size:12px;font-weight:500;line-height:1.4;position:absolute}.tooltip-arrow{background:var(--surface-inverse);width:8px;height:8px;position:absolute;transform:rotate(45deg)}.koda-mark{--koda-mark-size:28px;width:var(--koda-mark-size);height:var(--koda-mark-size);padding:calc(var(--koda-mark-size) * 8 / 46);border-radius:calc(var(--koda-mark-size) * 14 / 46);background:var(--action-brand-soft);gap:calc(var(--koda-mark-size) * 2 / 46);flex-shrink:0;grid-template-columns:1fr 1fr;display:grid}.koda-mark i{border-radius:calc(var(--koda-mark-size) * 4 / 46)}.koda-mark i:first-child{background:var(--action-brand-hover)}.koda-mark i:nth-child(2){background:var(--teal-400)}.koda-mark i:nth-child(3){background:var(--action-brand-active)}.koda-mark i:nth-child(4){background:var(--teal-300)}.koda-mark--plain{background:0 0;padding:0}*,:before,:after{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{font-family:var(--font-sans);background:var(--surface-base);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.45}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@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}