:root{--green-950:#06281a;--green-900:#0b3a22;--green-800:#0e4d2c;--green-700:#0f7a3a;--green-600:#15924a;--green-500:#22b35e;--green-400:#4cc97f;--green-200:#b9ebcb;--green-100:#dcf5e4;--green-50:#effaf2;--canvas:#f4f6f1;--surface:#fff;--surface-muted:#f8faf6;--border:#e2e8df;--border-strong:#cfd8cb;--text:#16261c;--text-muted:#5a6b60;--text-subtle:#8a978e;--amber-600:#c46f05;--amber-500:#e89a0c;--amber-100:#fdf0d2;--red-600:#c9302c;--red-500:#e5484d;--red-100:#fde4e3;--blue-600:#2463d1;--blue-100:#e0ebfd;--indigo-700:#3f37c9;--indigo-600:#4f46e5;--indigo-200:#c7d2fe;--indigo-100:#e0e7ff;--indigo-50:#eef2ff;--violet-600:#7c3aed;--violet-100:#ede9fe;--slate-900:#1e293b;--slate-700:#475569;--slate-100:#f1f5f9;--gold-500:#f2b300;--gold-100:#fff4cc;--silver-400:#a9b4bf;--bronze-400:#d08b52;--tier-1-bg:linear-gradient(160deg, #fff0b8 0%, #f7cc3d 38%, #e0a100 72%, #b87d00 100%);--tier-1-ring:#f2b300;--tier-1-glow:242, 179, 0;--tier-2-bg:linear-gradient(160deg, #f4f7fa 0%, #c9d3dc 38%, #9aa6b2 74%, #78838f 100%);--tier-2-ring:#a9b4bf;--tier-2-glow:169, 180, 191;--tier-3-bg:linear-gradient(160deg, #ffd9b5 0%, #e3a36d 40%, #c27a40 74%, #9c5c2a 100%);--tier-3-ring:#d08b52;--tier-3-glow:208, 139, 82;--tier-rest-bg:linear-gradient(160deg, #fff 0%, #eef2ec 60%, #dfe6dd 100%);--font-sans:"Inter", "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;--text-xs:.75rem;--text-sm:.875rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.375rem;--text-2xl:1.75rem;--text-3xl:2.25rem;--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;--fab-safe-area:62px;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--radius-xl:22px;--radius-full:999px;--shadow-sm:0 1px 2px #1028180f;--shadow-md:0 4px 14px #10281814;--shadow-lg:0 14px 40px #10281829;--focus-ring:0 0 0 3px #22b35e59;--ease-out:cubic-bezier(.22, 1, .36, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.14s;--duration-base:.24s;--duration-slow:.52s;--sidebar-width:248px;--sidebar-rail:76px;--topbar-height:64px;--content-max:1280px}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{min-height:100vh;font-family:var(--font-sans);font-size:var(--text-md);color:var(--text);background:var(--canvas);-webkit-font-smoothing:antialiased;margin:0;line-height:1.5}h1,h2,h3,h4{letter-spacing:-.01em;margin:0;font-weight:700;line-height:1.25}p{margin:0}a{color:var(--green-700);text-decoration:none}a:hover{text-decoration:underline}img,svg{max-width:100%;display:block}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer}:focus-visible{box-shadow:var(--focus-ring);outline:none}::selection{background:var(--green-200)}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.text-muted{color:var(--text-muted)}.text-sm{font-size:var(--text-sm)}.stack{gap:var(--space-4);flex-direction:column;display:flex}.row{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.spacer{flex:1}.grid{gap:var(--space-5);display:grid}.page{gap:var(--space-6);flex-direction:column;display:flex}@media (width<=640px){.page{gap:var(--space-4)}}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes scale-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes pop{0%{opacity:0;transform:scale(.4)}60%{opacity:1;transform:scale(1.12)}to{transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-6px)}40%{transform:translate(6px)}60%{transform:translate(-4px)}80%{transform:translate(4px)}}@keyframes pulse-ring{0%{box-shadow:0 0 #22b35e8c}to{box-shadow:0 0 0 16px #22b35e00}}@keyframes urgency{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes bob{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes grow-x{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes grow-y{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes unlock{0%{transform:scale(1)rotate(0)}25%{transform:scale(1.1)rotate(-12deg)}50%{transform:scale(1.1)rotate(10deg)}75%{opacity:1;transform:scale(.6)}to{opacity:0;transform:scale(0)}}@keyframes glow{0%,to{box-shadow:0 0 #f2b30000}50%{box-shadow:0 0 0 6px #f2b30040}}@keyframes row-flash{0%{background-color:var(--gold-100)}to{background-color:var(--green-50)}}@keyframes leaf-fall{0%{opacity:0;transform:translateY(-20px)rotate(0)}15%{opacity:1}to{opacity:0;transform:translate3d(var(--drift,40px), 260px, 0) rotate(var(--turn,320deg))}}@keyframes float-up{0%{opacity:0;transform:translateY(8px)}20%{opacity:1}to{opacity:0;transform:translateY(-36px)}}.anim-fade-up{animation:fade-up var(--duration-slow) var(--ease-out) both;animation-delay:calc(var(--i,0) * 60ms)}.anim-fade-in{animation:fade-in var(--duration-base) ease both}.anim-scale-in{animation:scale-in var(--duration-base) var(--ease-out) both;animation-delay:calc(var(--i,0) * 50ms)}.anim-pop{animation:pop .52s var(--ease-spring) both;animation-delay:calc(var(--i,0) * .12s)}.anim-shake{animation:.42s shake}.page-transition{animation:fade-up .36s var(--ease-out) both}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.btn{--btn-bg:var(--green-700);--btn-color:#fff;--btn-border:transparent;justify-content:center;align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-5);border:1px solid var(--btn-border);border-radius:var(--radius-md);background:var(--btn-bg);color:var(--btn-color);font-weight:600;font-size:var(--text-sm);white-space:nowrap;transition:transform var(--duration-fast) ease, box-shadow var(--duration-base) ease, background-color var(--duration-base) ease, filter var(--duration-base) ease;-webkit-user-select:none;user-select:none;text-decoration:none;display:inline-flex}.btn:hover{box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.btn:active{box-shadow:none;transform:translateY(0)scale(.97)}.btn:disabled{cursor:not-allowed;opacity:.55;box-shadow:none;transform:none}.btn--primary:hover{--btn-bg:var(--green-600)}.btn--secondary{--btn-bg:var(--surface);--btn-color:var(--text);--btn-border:var(--border-strong)}.btn--secondary:hover{--btn-bg:var(--surface-muted)}.btn--soft{--btn-bg:var(--green-50);--btn-color:var(--green-700);--btn-border:var(--green-200)}.btn--soft:hover{--btn-bg:var(--green-100)}.btn--ghost{--btn-bg:transparent;--btn-color:var(--text-muted)}.btn--ghost:hover{--btn-bg:var(--green-50);--btn-color:var(--green-700);box-shadow:none}.btn--danger{--btn-bg:var(--red-600)}.btn--danger:hover{--btn-bg:var(--red-500)}.btn--gold{--btn-bg:linear-gradient(135deg, #1f9a52, #0f7a3a)}.btn--sm{min-height:34px;padding:0 var(--space-3);border-radius:var(--radius-sm);font-size:var(--text-xs)}.btn--lg{min-height:52px;padding:0 var(--space-6);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn--block{width:100%}.btn__spinner{border:2px solid;border-right-color:#0000;border-radius:50%;width:16px;height:16px;animation:.7s linear infinite spin}.icon-btn{border-radius:var(--radius-sm);width:40px;height:40px;color:var(--text-muted);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;background:0 0;border:1px solid #0000;place-items:center;display:inline-grid}.icon-btn:hover{background:var(--green-50);color:var(--green-700)}.icon-btn:active{transform:scale(.92)}.icon-btn:disabled{opacity:.4;cursor:not-allowed}.icon-btn--sm{width:32px;height:32px}.icon-btn--danger:hover{background:var(--red-100);color:var(--red-600)}.icon-btn--outline{border-color:var(--border);background:var(--surface)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);min-width:0}.card--padded{padding:var(--space-5)}.card__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.card__title{align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:700;display:flex}.card__title .icon{color:var(--green-700)}.card__actions{gap:var(--space-2);flex-wrap:wrap;align-items:center;display:flex}.card-link{transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease, border-color var(--duration-base) ease}.card-link:hover{box-shadow:var(--shadow-md);border-color:var(--green-200);transform:translateY(-3px)}.pill{border-radius:var(--radius-full);font-size:var(--text-xs);white-space:nowrap;background:var(--surface-muted);color:var(--text-muted);border:1px solid var(--border);align-items:center;gap:4px;padding:3px 10px;font-weight:600;display:inline-flex}.pill--green{background:var(--green-100);color:var(--green-800);border-color:var(--green-200)}.pill--amber{background:var(--amber-100);color:var(--amber-600);border-color:#f6dca3}.pill--red{background:var(--red-100);color:var(--red-600);border-color:#f7c5c3}.pill--blue{background:var(--blue-100);color:var(--blue-600);border-color:#c4d7f8}.pill--gold{background:var(--gold-100);color:#8a6100;border-color:#f5dc85}.pill--dark{background:var(--green-900);color:#fff;border-color:var(--green-900)}.xp-pill{border-radius:var(--radius-full);background:var(--green-50);border:1px solid var(--green-200);color:var(--green-800);font-weight:700;font-size:var(--text-sm);white-space:nowrap;align-items:center;gap:6px;padding:5px 12px;display:inline-flex}.xp-pill .icon{color:var(--gold-500);fill:var(--gold-500)}.avatar{color:#fff;letter-spacing:.02em;border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:inline-grid}.avatar--green{background:#1c8a4a}.avatar--teal{background:#11807a}.avatar--amber{background:#c77d12}.avatar--blue{background:#3566c4}.avatar--rose{background:#c2476b}.avatar--olive{background:#6d7f22}.progress{flex-direction:column;gap:6px;min-width:0;display:flex}.progress__meta{justify-content:space-between;gap:var(--space-2);font-size:var(--text-xs);color:var(--text-muted);display:flex}.progress__meta strong{color:var(--text)}.progress__track{background:var(--green-50);border-radius:var(--radius-full);border:1px solid var(--border);width:100%;overflow:hidden}.progress__track--sm{height:7px}.progress__track--md{height:10px}.progress__track--lg{height:14px}.progress__fill{border-radius:inherit;height:100%;transition:width .9s var(--ease-out);position:relative;overflow:hidden}.progress__fill:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59,#0000) 0 0/200% 100%;animation:2.4s linear infinite shimmer;position:absolute;inset:0}.progress__fill--green{background:linear-gradient(90deg, var(--green-600), var(--green-500))}.progress__fill--dark{background:var(--green-800)}.progress__fill--amber{background:linear-gradient(90deg, var(--amber-600), var(--amber-500))}.progress__fill--red{background:linear-gradient(90deg, var(--red-600), var(--red-500))}.progress__fill--gold{background:linear-gradient(90deg, #e3a300, var(--gold-500))}.ring{flex-shrink:0;position:relative}.ring svg{display:block}.ring__track{fill:none;stroke:var(--green-50)}.ring__fill{fill:none;stroke-linecap:round;transition:stroke-dashoffset 1s var(--ease-out)}.ring__fill--green{stroke:var(--green-600)}.ring__fill--amber{stroke:var(--amber-500)}.ring__fill--red{stroke:var(--red-500)}.ring__fill--gold{stroke:var(--gold-500)}.ring__content{text-align:center;place-items:center;display:grid;position:absolute;inset:0}.segments{gap:6px;display:flex}.segments__item{border-radius:var(--radius-full);background:var(--border);height:8px;transition:background-color var(--duration-base) ease;flex:1}.segments__item.is-done{background:var(--green-600)}.segments__item.is-current{background:var(--green-400);animation:1.6s infinite glow}.stat-tile{align-items:center;gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-md);background:var(--surface);border:1px solid var(--border);min-width:0;display:flex}.stat-tile__icon{border-radius:var(--radius-md);background:var(--green-50);width:42px;height:42px;color:var(--green-700);flex-shrink:0;place-items:center;display:grid}.stat-tile--amber .stat-tile__icon{background:var(--amber-100);color:var(--amber-600)}.stat-tile--red .stat-tile__icon{background:var(--red-100);color:var(--red-600)}.stat-tile--blue .stat-tile__icon{background:var(--blue-100);color:var(--blue-600)}.stat-tile--gold .stat-tile__icon{background:var(--gold-100);color:#9b6d00}.stat-tile__value{font-size:var(--text-xl);font-weight:800;line-height:1.1}.stat-tile__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.stat-tile__hint{font-size:var(--text-xs);color:var(--text-subtle)}.stat-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fit,minmax(190px,1fr));display:grid}.empty-state{align-items:center;gap:var(--space-2);padding:var(--space-10) var(--space-4);text-align:center;flex-direction:column;display:flex}.empty-state__icon{background:var(--green-50);width:60px;height:60px;color:var(--green-700);margin-bottom:var(--space-2);border-radius:50%;place-items:center;display:grid}.empty-state__icon--error{background:var(--red-100);color:var(--red-600)}.empty-state h3{font-size:var(--text-lg)}.empty-state p{max-width:420px}.loading-state{justify-content:center;align-items:center;gap:var(--space-3);padding:var(--space-10);color:var(--text-muted);font-size:var(--text-sm);display:flex}.loading-state--compact{padding:var(--space-4)}.spinner{border:3px solid var(--green-100);border-top-color:var(--green-600);border-radius:50%;width:22px;height:22px;animation:.8s linear infinite spin}.skeleton{vertical-align:middle;border-radius:var(--radius-sm);background:linear-gradient(90deg, var(--surface-muted) 25%, var(--border) 37%, var(--surface-muted) 63%);background-size:400% 100%;min-width:1.5rem;height:.85em;animation:1.4s ease-in-out infinite skeleton-sheen;display:inline-block}@keyframes skeleton-sheen{0%{background-position:100%}to{background-position:0}}@media (prefers-reduced-motion:reduce){.skeleton{animation:none}}.page-header{justify-content:space-between;align-items:flex-end;gap:var(--space-4);flex-wrap:wrap;display:flex}.page-header__main{align-items:center;gap:var(--space-3);min-width:0;display:flex}.page-header__back{background:var(--green-50);width:40px;height:40px;color:var(--green-700);border:1px solid var(--green-200);transition:transform var(--duration-fast) ease, background-color var(--duration-fast) ease;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.page-header__back:hover{background:var(--green-100);transform:translate(-2px)}.page-header__eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--green-700);font-weight:700}.page-header__title{font-size:var(--text-2xl)}.page-header__subtitle{color:var(--text-muted);margin-top:2px}.page-header__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.logo{align-items:center;gap:var(--space-2);font-weight:800;font-size:var(--text-lg);color:var(--green-800);display:inline-flex}.logo__mark{background:var(--green-700);color:#d8f7e2;border-radius:10px;place-items:center;width:34px;height:34px;display:grid;box-shadow:inset 0 -2px #00000026}.logo--light{color:#fff}.logo--light .logo__mark{color:#c9f5d6;background:#ffffff29}.field{flex-direction:column;gap:6px;min-width:0;display:flex}.field__label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:700}.field__required{color:var(--red-600)}.field__hint{font-size:var(--text-xs);color:var(--text-subtle)}.field__error{font-size:var(--text-xs);color:var(--red-600);animation:fade-in var(--duration-base) ease}.input{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-muted);width:100%;min-height:44px;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease;padding:10px 14px}.input:hover{border-color:var(--green-400)}.input:focus{border-color:var(--green-600);box-shadow:var(--focus-ring);background:#fff;outline:none}.field.has-error .input{border-color:var(--red-500)}.input--textarea{resize:vertical;min-height:110px;line-height:1.5}.select{position:relative}.select__control{appearance:none;cursor:pointer;padding-right:36px}.select__chevron{pointer-events:none;color:var(--text-muted);position:absolute;top:50%;right:12px;transform:translateY(-50%)}.form-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.form-grid .span-2{grid-column:span 2}@media (width<=560px){.form-grid{grid-template-columns:1fr}.form-grid .span-2{grid-column:auto}}.search-input{align-items:center;gap:var(--space-2);min-height:42px;padding:0 var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);color:var(--text-subtle);min-width:220px;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-fast) ease;flex:1;display:flex}.search-input:focus-within{border-color:var(--green-600);box-shadow:var(--focus-ring)}.search-input input{background:0 0;border:0;outline:none;flex:1;min-width:0;height:40px}.inline-select{min-width:170px}.inline-select .input{background:var(--surface);min-height:42px}.tabs{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);gap:4px;max-width:100%;padding:4px;display:inline-flex;overflow-x:auto}.tabs__tab{border-radius:var(--radius-sm);color:var(--text-muted);font-weight:600;font-size:var(--text-sm);white-space:nowrap;transition:background-color var(--duration-base) ease, color var(--duration-base) ease;background:0 0;border:0;align-items:center;gap:6px;padding:8px 14px;display:inline-flex}.tabs__tab:hover{color:var(--green-700)}.tabs__tab.is-active{background:var(--green-700);color:#fff;box-shadow:var(--shadow-sm)}.tabs__count{border-radius:var(--radius-full);font-size:var(--text-xs);background:#00000014;padding:0 7px}.toolbar{gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;align-items:center;display:flex}.data-table{min-width:0}.data-table__scroll{border:1px solid var(--border);border-radius:var(--radius-md);overflow-x:auto}.data-table table{border-collapse:collapse;width:100%;font-size:var(--text-sm)}.data-table th{text-align:left;background:var(--surface-muted);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid var(--border);white-space:nowrap;padding:12px 14px;font-weight:700}.data-table td{border-bottom:1px solid var(--border);vertical-align:middle;padding:12px 14px}.data-table tbody tr:last-child td{border-bottom:0}.data-table tbody tr{transition:background-color var(--duration-fast) ease}.data-table tbody tr:hover{background:var(--green-50)}.data-table tr.is-clickable{cursor:pointer}.data-table__check{width:44px}.data-table__check input{width:16px;height:16px;accent-color:var(--green-700)}.data-table__empty{text-align:center;color:var(--text-muted);padding:var(--space-8)!important}.cell-user{align-items:center;gap:var(--space-3);min-width:0;display:flex}.cell-user strong{white-space:nowrap;display:block}.cell-user small{color:var(--text-muted)}.cell-actions{justify-content:flex-end;gap:4px;display:flex}.cell-progress{min-width:120px}@media (width<=760px){.data-table__scroll{border:0;overflow:visible}.data-table table,.data-table tbody,.data-table tr,.data-table td{width:100%;display:block}.data-table thead{display:none}.data-table tbody tr{margin-bottom:var(--space-3);padding:var(--space-3) var(--space-4);border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface)}.data-table td{justify-content:space-between;align-items:center;gap:var(--space-3);border-bottom:1px dashed var(--border);text-align:right;padding:7px 0;display:flex}.data-table td:before{content:attr(data-label);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;text-align:left;font-weight:600}.data-table td.is-primary{padding-bottom:var(--space-3)}.data-table td.is-primary:before,.data-table td.data-table__check:before{display:none}.data-table td.data-table__check{border:0;justify-content:flex-start;width:auto}.data-table td:last-child{border-bottom:0}.data-table td.hide-mobile{display:none}.cell-progress{width:55%;min-width:0}.cell-actions{justify-content:flex-end}}.pagination{justify-content:space-between;align-items:center;gap:var(--space-3);padding-top:var(--space-4);flex-wrap:wrap;display:flex}.pagination__pages{align-items:center;gap:4px;display:flex}.pagination__page{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);min-width:32px;height:32px;font-weight:600;font-size:var(--text-sm);transition:background-color var(--duration-fast) ease}.pagination__page:hover{background:var(--green-50)}.pagination__page.is-active{background:var(--green-700);border-color:var(--green-700);color:#fff}.pagination__size{border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--surface);height:32px;padding:0 8px}.modal-backdrop{z-index:100;padding:var(--space-4);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#081e1273;place-items:center;animation:.18s both fade-in;display:grid;position:fixed;inset:0}.modal-backdrop.is-closing{animation:.18s reverse both fade-in}.modal{background:var(--surface);border-radius:var(--radius-xl);width:100%;max-height:calc(100vh - 32px);box-shadow:var(--shadow-lg);animation:scale-in .24s var(--ease-spring) both;outline:none;flex-direction:column;display:flex}.modal-backdrop.is-closing .modal{animation:.18s reverse both scale-in}.modal--sm{max-width:420px}.modal--md{max-width:560px}.modal--lg{max-width:820px}.modal__header{justify-content:space-between;align-items:flex-start;gap:var(--space-3);padding:var(--space-5) var(--space-5) var(--space-3);display:flex}.modal__title{font-size:var(--text-lg)}.modal__description{color:var(--text-muted);font-size:var(--text-sm);margin-top:2px}.modal__body{padding:0 var(--space-5) var(--space-5);overflow-y:auto}.modal__footer{justify-content:flex-end;gap:var(--space-2);padding:var(--space-4) var(--space-5);border-top:1px solid var(--border);flex-wrap:wrap;display:flex}.modal--bare{overflow:hidden}.modal--bare>*{flex:1;min-height:0}@media (width<=560px){.modal-backdrop{place-items:end center;padding:0}.modal{border-radius:var(--radius-xl) var(--radius-xl) 0 0;max-height:92vh}.modal__footer .btn{flex:1}}.toast-region{right:var(--space-4);bottom:var(--space-4);z-index:200;gap:var(--space-2);flex-direction:column;max-width:min(380px,100vw - 32px);display:flex;position:fixed}.toast{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--green-900);color:#fff;box-shadow:var(--shadow-lg);font-size:var(--text-sm);animation:fade-up .28s var(--ease-out) both;padding:12px 12px 12px 16px;display:flex}.toast--error{background:#7a1f1c}.toast--info{background:#1d3f73}.toast span{flex:1}.toast__close{color:#ffffffb3;background:0 0;border:0;border-radius:6px;place-items:center;padding:4px;display:grid}.toast__close:hover{color:#fff;background:#ffffff1f}.rich-text{color:#24382c;line-height:1.75}.rich-text>*+*{margin-top:var(--space-4)}.rich-text h2{font-size:var(--text-xl);margin-top:var(--space-6);color:var(--green-900)}.rich-text h3{font-size:var(--text-lg);margin-top:var(--space-5)}.rich-text ul,.rich-text ol{margin-bottom:0;padding-left:1.4rem}.rich-text li+li{margin-top:6px}.rich-text li::marker{color:var(--green-600)}.rich-text strong{color:var(--green-900)}.rich-text blockquote{padding:var(--space-4) var(--space-5);border-left:4px solid var(--green-500);background:var(--green-50);border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--green-900);margin-left:0;margin-right:0;font-style:italic}.divider{background:var(--border);height:1px;margin:var(--space-4) 0;border:0}.kbd-hint{font-size:var(--text-xs);color:var(--text-subtle)}.chip{border-radius:var(--radius-full);background:var(--green-50);color:var(--green-800);font-size:var(--text-xs);border:1px solid var(--green-200);align-items:center;gap:6px;padding:4px 10px;font-weight:600;display:inline-flex}.rich-text [data-align=center]{text-align:center}.rich-text [data-align=right]{text-align:right}.rich-text [data-align=left]{text-align:left}.rich-text h4{font-size:var(--text-md);margin-top:var(--space-5)}.rich-text hr{height:2px;margin:var(--space-6) 0;background:linear-gradient(90deg, transparent, var(--green-200) 20%, var(--green-200) 80%, transparent);border:0;border-radius:2px}.rich-text a{color:var(--green-700);text-underline-offset:2px;font-weight:600;text-decoration:underline}.rich-text a:hover{color:var(--green-600)}.rich-text s{color:var(--text-muted)}.rich-text mark{color:inherit;background:#c8f0cf;border-radius:4px;padding:1px 3px}.rich-text mark[data-color=green]{background:#c8f0cf}.rich-text mark[data-color=amber]{background:#fde9b0}.rich-text mark[data-color=blue]{background:#c9dcfb}.rich-text mark[data-color=pink]{background:#fbc9dd}.rich-text img{border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.rich-text img[data-layout=center]{margin:var(--space-5) auto;max-width:min(100%,560px);display:block}.rich-text img[data-layout=full]{width:100%;margin:var(--space-5) 0;display:block}.rich-text img[data-layout=inline]{float:left;width:min(46%,300px);margin:6px var(--space-5) var(--space-3) 0}.rich-text:after{content:"";clear:both;display:block}@media (width<=560px){.rich-text img[data-layout=inline]{float:none;width:100%;margin:var(--space-4) 0}}.callout{gap:var(--space-3);margin:var(--space-5) 0;padding:var(--space-4);border-radius:var(--radius-md);border-left:4px solid var(--green-500);background:var(--green-50);display:flex}.callout__icon{background:var(--green-600);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:30px;height:30px;display:grid}.callout__body{flex:1;min-width:0}.callout__body>*+*{margin-top:var(--space-2)}.callout__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--green-800);margin-bottom:2px;font-weight:800;display:block}.callout--warning{border-left-color:var(--amber-500);background:var(--amber-100)}.callout--warning .callout__icon{background:var(--amber-600)}.callout--warning .callout__label{color:var(--amber-600)}.callout--tip{border-left-color:var(--blue-600);background:var(--blue-100)}.callout--tip .callout__icon{background:var(--blue-600)}.callout--tip .callout__label{color:var(--blue-600)}.video-embed{margin:var(--space-5) 0}.video-embed__frame{aspect-ratio:16/9;border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#0d1a12;position:relative;overflow:hidden}.video-embed__frame iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.video-embed__caption{font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:5px;margin-top:6px;font-weight:600;display:inline-flex}.video-embed--invalid{align-items:center;gap:var(--space-2);padding:var(--space-4);border-radius:var(--radius-md);background:var(--amber-100);color:var(--amber-600);font-size:var(--text-sm);display:flex}.scroll-top{right:var(--space-4);bottom:var(--space-4);z-index:50;border-radius:var(--radius-full);background:linear-gradient(145deg, var(--green-600), var(--green-800));color:#fff;width:46px;height:46px;box-shadow:var(--shadow-lg);opacity:0;visibility:hidden;transition:opacity var(--duration-base) var(--ease-out), transform var(--duration-base) var(--ease-out), visibility 0s linear var(--duration-base), box-shadow var(--duration-fast) ease, background-color var(--duration-fast) ease;border:1px solid #ffffff38;place-items:center;padding:0;display:grid;position:fixed;transform:translateY(12px)scale(.82)}.scroll-top.is-visible{opacity:1;visibility:visible;transition-delay:0s;transform:translateY(0)scale(1)}.scroll-top:hover{background:linear-gradient(145deg, var(--green-500), var(--green-700));transform:translateY(-3px)scale(1.06);box-shadow:0 18px 34px #10281847}.scroll-top:active{transform:translateY(-1px)scale(.98)}.scroll-top:focus-visible{box-shadow:var(--shadow-lg), var(--focus-ring)}body:has(.scroll-top.is-visible) .toast-region{bottom:calc(var(--space-4) + 46px + var(--space-3))}@media (width<=768px){.scroll-top{width:42px;height:42px;right:var(--space-3);bottom:var(--space-3)}body:has(.scroll-top.is-visible) .toast-region{bottom:calc(var(--space-3) + 42px + var(--space-3))}}.panel-note{margin:calc(-1 * var(--space-2)) 0 var(--space-4);max-width:70ch;color:var(--text-muted);font-size:var(--text-sm);line-height:1.5}.panel-note--sub{font-size:var(--text-xs);margin-top:0}.panel-note__insight{color:var(--text);margin-top:4px;font-weight:600;display:block}.info-tip{vertical-align:middle;display:inline-flex;position:relative}.info-tip__btn{border-radius:var(--radius-full);width:22px;height:22px;color:var(--text-subtle);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;background:0 0;border:0;place-items:center;padding:0;display:grid}.info-tip__btn:hover,.info-tip__btn.is-open{background:var(--green-50);color:var(--green-700);transform:scale(1.08)}.info-tip__bubble{z-index:80;width:max-content;max-width:min(320px, calc(100vw - 2 * var(--space-4)));border-radius:var(--radius-md);background:var(--green-950);color:#e4f1e8;box-shadow:var(--shadow-lg);font-size:var(--text-xs);letter-spacing:.01em;text-transform:none;white-space:normal;opacity:0;visibility:hidden;pointer-events:none;transition:opacity var(--duration-fast) ease, visibility 0s linear var(--duration-fast);padding:10px 12px;font-weight:500;line-height:1.55;position:absolute;top:calc(100% + 8px)}.info-tip__bubble--center{transform:translateX(calc(-50% + var(--shift,0px)));left:50%}.info-tip__bubble--start{transform:translateX(var(--shift,0px));left:0}.info-tip__bubble.is-open{opacity:1;visibility:visible;transition-delay:0s}@media (hover:hover){.info-tip:hover .info-tip__bubble,.info-tip__btn:focus-visible+.info-tip__bubble{opacity:1;visibility:visible;transition-delay:0s}}.avatar--photo{object-fit:cover;animation:avatar-in var(--duration-base) var(--ease-out)}@keyframes avatar-in{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:none}}.avatar-upload{align-items:center;gap:var(--space-2);flex-direction:column;display:flex}.avatar-upload__frame{flex-shrink:0;position:relative}.avatar-upload__btn{border:2px solid var(--surface);border-radius:var(--radius-full);background:var(--green-700);color:#fff;width:30px;height:30px;box-shadow:var(--shadow-sm);transition:background-color var(--duration-fast) ease, transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease;place-items:center;padding:0;display:grid;position:absolute;bottom:-2px;right:-2px}.avatar-upload__btn:hover:not(:disabled){background:var(--green-600);box-shadow:var(--shadow-md);transform:scale(1.12)}.avatar-upload__btn:active:not(:disabled){transform:scale(.96)}.avatar-upload__btn:disabled{opacity:.6;cursor:not-allowed}.avatar-upload__remove{font-size:var(--text-xs)}.avatar-upload__error{text-align:left;max-width:260px}.section-heading{margin:var(--space-5) 0 var(--space-3);padding-top:var(--space-4);border-top:1px solid var(--border);letter-spacing:.1em;text-transform:uppercase;color:var(--text-subtle);font-size:.7rem;font-weight:700}.account-details{gap:var(--space-4) var(--space-5);grid-template-columns:repeat(2,minmax(0,1fr));margin:0;display:grid}.account-details__field{flex-direction:column;gap:3px;min-width:0;display:flex}.account-details dt{color:var(--text-subtle);font-size:var(--text-xs);align-items:center;gap:6px;font-weight:600;display:inline-flex}.account-details dd{color:var(--text);font-size:var(--text-sm);overflow-wrap:anywhere;margin:0;font-weight:600}@media (width<=640px){.account-details{gap:var(--space-3);grid-template-columns:minmax(0,1fr)}}.profile-hero__role{border-radius:var(--radius-full);background:var(--green-50);color:var(--green-800);font-size:var(--text-xs);align-self:flex-start;padding:2px 10px;font-weight:700}.security-row{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.security-row__text{flex-direction:column;gap:2px;min-width:0;display:flex}@media (width<=520px){.security-row{align-items:stretch}.security-row .btn{width:100%}}.app-shell{min-height:100vh;display:flex}.sidebar{z-index:60;width:var(--sidebar-width);padding:var(--space-4) var(--space-3);background:radial-gradient(circle at 0% 100%, #4cc97f2e, transparent 45%), linear-gradient(180deg, var(--green-900), var(--green-950));color:#d9eadf;transition:transform var(--duration-base) var(--ease-out);flex-direction:column;display:flex;position:fixed;inset:0 auto 0 0}.sidebar-animated .sidebar{transition:transform var(--duration-base) var(--ease-out), width var(--duration-base) var(--ease-out)}.sidebar-animated .app-main{transition:margin-left var(--duration-base) var(--ease-out)}.sidebar__collapse{top:calc(var(--topbar-height) / 2 - 13px);z-index:2;border:1px solid var(--border);background:var(--surface);width:26px;height:26px;color:var(--green-800);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;border-radius:50%;place-items:center;padding:0;display:none;position:absolute;right:-13px;box-shadow:0 2px 8px #061e122e}.sidebar__collapse:hover{background:var(--green-50);color:var(--green-700)}.sidebar__collapse:active{transform:scale(.92)}.sidebar__brand{padding:0 var(--space-2) var(--space-5);justify-content:space-between;align-items:center;display:flex}.sidebar__logo:hover{text-decoration:none}.sidebar__close{color:#cfe6d7;display:none}.sidebar__close:hover{color:#fff;background:#ffffff1a}.sidebar__nav{gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.sidebar__group{flex-direction:column;gap:2px;display:flex}.sidebar__group-label{padding:0 var(--space-3) var(--space-2);letter-spacing:.12em;text-transform:uppercase;color:#7fa38c;font-size:.68rem;font-weight:700}.sidebar__link{align-items:center;gap:var(--space-3);padding:10px var(--space-3);border-radius:var(--radius-md);color:#cfe3d6;font-weight:500;font-size:var(--text-sm);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, padding-left var(--duration-base) var(--ease-out);display:flex;position:relative}.sidebar__link:hover{color:#fff;padding-left:calc(var(--space-3) + 3px);background:#ffffff12;text-decoration:none}.sidebar__link.is-active{color:#fff;background:#5cd6842e;font-weight:600}.sidebar__link.is-active:before{content:"";background:var(--green-400);width:4px;animation:grow-y .3s var(--ease-out);border-radius:0 4px 4px 0;position:absolute;top:8px;bottom:8px;left:-12px}.sidebar__footer{gap:var(--space-2);padding-top:var(--space-4);border-top:1px solid #ffffff14;flex-direction:column;display:flex}.sidebar__user{align-items:center;gap:var(--space-3);padding:0 var(--space-2);min-width:0;display:flex}.sidebar__user-text{flex-direction:column;min-width:0;display:flex}.sidebar__user-text strong{color:#fff;font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__user-text span{font-size:var(--text-xs);color:#8fb39b}.sidebar__logout{align-items:center;gap:var(--space-3);padding:9px var(--space-3);border-radius:var(--radius-md);color:#f4a3a0;font-size:var(--text-sm);background:0 0;border:0;font-weight:500;display:flex}.sidebar__logout:hover{color:#ffc5c2;background:#e5484d24}.drawer-scrim{display:none}.app-main{min-width:0;margin-left:var(--sidebar-width);flex-direction:column;flex:1;display:flex}.topbar{z-index:40;align-items:center;gap:var(--space-3);height:var(--topbar-height);padding:0 var(--space-6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffe0;display:flex;position:sticky;top:0}.topbar__menu{display:none}.topbar__crumbs{align-items:center;gap:var(--space-2);min-width:0;font-size:var(--text-sm);color:var(--text-muted);display:flex}.topbar__course{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.topbar__page{color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.topbar__crumb{color:var(--text-muted);white-space:nowrap}.topbar__crumb:hover{color:var(--green-700)}.topbar__right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.topbar__streak{font-weight:700;font-size:var(--text-sm);color:var(--amber-600);align-items:center;gap:4px;display:inline-flex}.app-content{width:100%;max-width:var(--content-max);padding:var(--space-6);padding-bottom:calc(var(--space-6) + var(--fab-safe-area));flex:1;margin:0 auto}@media (width>=1101px){.sidebar__collapse{display:grid}.sidebar-collapsed .sidebar{width:var(--sidebar-rail);padding-inline:var(--space-2)}.sidebar-collapsed .sidebar .logo__text,.sidebar-collapsed .sidebar__group-label,.sidebar-collapsed .sidebar__link-label,.sidebar-collapsed .sidebar__user-text{display:none}.sidebar-collapsed .sidebar__brand,.sidebar-collapsed .sidebar__link,.sidebar-collapsed .sidebar__logout{justify-content:center;padding-inline:0}.sidebar-collapsed .sidebar__link:hover{padding-left:0}.sidebar-collapsed .sidebar__link.is-active:before{left:-8px}.sidebar-collapsed .sidebar__user{justify-content:center;padding:0}.sidebar-collapsed .sidebar__group{gap:4px}.sidebar-collapsed .app-main{margin-left:var(--sidebar-rail)}.sidebar-collapsed .sidebar__nav{overflow:visible}.sidebar-collapsed .sidebar__logout{position:relative}.sidebar-collapsed .sidebar__link:after,.sidebar-collapsed .sidebar__logout:after{content:attr(data-label);z-index:5;border-radius:var(--radius-sm);background:var(--green-950);color:#fff;font-size:var(--text-xs);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) ease, transform var(--duration-fast) ease;padding:6px 10px;font-weight:600;position:absolute;top:50%;left:calc(100% + 12px);transform:translateY(-50%)translate(-4px);box-shadow:0 6px 18px #061e1247}.sidebar-collapsed .sidebar__link:hover:after,.sidebar-collapsed .sidebar__link:focus-visible:after,.sidebar-collapsed .sidebar__logout:hover:after,.sidebar-collapsed .sidebar__logout:focus-visible:after{opacity:1;transform:translateY(-50%)translate(0)}}@media (width<=1100px) and (width>=769px){.sidebar{width:var(--sidebar-rail);padding-inline:var(--space-2)}.sidebar .logo__text,.sidebar__group-label,.sidebar__link-label,.sidebar__user-text{display:none}.sidebar__brand,.sidebar__link,.sidebar__logout{justify-content:center;padding-inline:0}.sidebar__link:hover{padding-left:0}.sidebar__link.is-active:before{left:-8px}.sidebar__user{justify-content:center;padding:0}.sidebar__group{gap:4px}.app-main{margin-left:var(--sidebar-rail)}}@media (width<=768px){.sidebar{box-shadow:var(--shadow-lg);width:min(280px,84vw);transform:translate(-100%)}.sidebar__close{display:inline-grid}.drawer-open .sidebar{transform:translate(0)}.drawer-scrim{z-index:55;opacity:0;pointer-events:none;transition:opacity var(--duration-base) ease;background:#061e1273;display:block;position:fixed;inset:0}.drawer-open .drawer-scrim{opacity:1;pointer-events:auto}.app-main{margin-left:0}.topbar{padding:0 var(--space-3)}.topbar__menu{display:inline-grid}.topbar__course,.topbar__crumbs .icon{display:none}.app-content{padding:var(--space-4) var(--space-3) calc(var(--space-8) + var(--fab-safe-area))}}.link-button{color:var(--green-700);font-size:var(--text-xs);background:0 0;border:0;padding:0;font-weight:600}.link-button:hover{text-decoration:underline}.form-error{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);background:var(--red-100);color:var(--red-600);font-size:var(--text-sm);padding:10px 12px;animation:.38s shake;display:flex}.login-form{gap:var(--space-3);flex-direction:column;display:flex}.login-form__label{letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);margin-bottom:6px;font-size:.68rem;font-weight:700;display:block}.login-form__row{justify-content:space-between;align-items:center;margin-top:-6px;display:flex}.role-toggle{border-radius:var(--radius-full);background:var(--surface-muted);border:1px solid var(--border);grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:4px;display:grid;position:relative}.role-toggle__indicator{border-radius:var(--radius-full);background:linear-gradient(135deg, var(--green-600), var(--green-800));width:calc(50% - 6px);height:calc(100% - 8px);transition:transform .42s var(--ease-spring);position:absolute;top:4px;left:4px;box-shadow:0 6px 16px #0f7a3a52}.role-toggle__option{z-index:1;border-radius:var(--radius-full);min-height:36px;color:var(--text-muted);font-size:var(--text-xs);transition:color var(--duration-base) ease, transform var(--duration-fast) ease;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;font-weight:700;display:inline-flex;position:relative}.role-toggle__option:hover{color:var(--green-800)}.role-toggle__option:active{transform:scale(.97)}.role-toggle__option.is-active{color:#fff}.login-field .field{gap:4px}.login-field .field__label{font-size:.68rem}.login-field .input{min-height:42px;font-size:var(--text-sm);border-color:var(--border);background:var(--surface-muted);transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, background-color var(--duration-base) ease;border-radius:12px;padding:8px 13px}.login-field .input:hover{border-color:var(--green-400)}.login-field .input:focus{border-color:var(--green-600);background:#fff;box-shadow:0 0 0 4px #22b35e2e,0 6px 18px #0f7a3a1a}.login-field .field__label{letter-spacing:.05em}.login-row{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.register-hint{color:var(--text-muted);align-items:flex-start;gap:6px;margin-top:-2px;font-size:.68rem;line-height:1.45;display:flex}.register-hint .icon{color:var(--green-600);flex-shrink:0;margin-top:1px}.login-actions{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.login-actions--single{grid-template-columns:1fr}.login-actions .btn{width:100%;min-height:44px;font-size:var(--text-sm);border-radius:12px}.login-actions .btn--primary{background:linear-gradient(135deg, var(--green-600), var(--green-800))}.login-actions .btn--primary:hover{filter:brightness(1.06);box-shadow:0 10px 24px #0f7a3a4d}.shape--a{opacity:.16;animation:14s ease-in-out infinite drift-a}.shape--b{opacity:.2;fill:var(--green-200);animation:17s ease-in-out infinite drift-b}.shape--c{opacity:.14;animation:19s ease-in-out infinite reverse drift-a}.shape--d{opacity:.12;fill:var(--gold-500);animation:9s ease-in-out infinite pulse-soft}.shape--e{opacity:.18;fill:var(--green-100);animation:21s ease-in-out infinite reverse drift-b}@keyframes drift-a{0%,to{transform:translate(0,0)rotate(0)}50%{transform:translate(14px,-18px)rotate(4deg)}}@keyframes drift-b{0%,to{transform:translate(0,0)scale(1)}50%{transform:translate(-16px,14px)scale(1.06)}}@keyframes pulse-soft{0%,to{opacity:.12;transform:scale(1)}50%{opacity:.22;transform:scale(1.12)}}@media (width<=560px){.login-actions{grid-template-columns:1fr}.login-row{gap:var(--space-3);grid-template-columns:1fr}.login-field .input{min-height:48px;font-size:var(--text-md)}.login-actions .btn{min-height:48px}.role-toggle__option{min-height:42px;font-size:var(--text-sm)}}.notif{display:flex;position:relative}.notif__trigger{width:42px;height:42px;color:var(--slate-700);position:relative}.notif__trigger:hover,.notif__trigger.is-open{background:var(--indigo-50);border-color:var(--indigo-200);color:var(--indigo-700)}.notif__badge{border-radius:var(--radius-full);background:var(--indigo-600);border:2px solid var(--surface);color:#fff;place-items:center;min-width:19px;height:19px;padding:0 5px;font-size:.64rem;font-weight:700;line-height:1;display:grid;position:absolute;top:-5px;right:-5px}.notif__panel{z-index:60;width:360px;max-width:calc(100vw - 2 * var(--space-4));border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transform-origin:100% 0;max-height:min(70vh,520px);animation:scale-in .18s var(--ease-out) both;position:absolute;top:calc(100% + 10px);right:0;overflow-y:auto;box-shadow:0 18px 44px #14182d29}.notif__head{z-index:1;justify-content:space-between;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);background:var(--surface);border-bottom:1px solid var(--border);display:flex;position:sticky;top:0}.notif__head strong{font-size:var(--text-sm)}.notif__mark-all{color:var(--indigo-600);font-size:var(--text-xs);cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.notif__mark-all:hover{color:var(--indigo-700);text-decoration:underline}.notif__group-head,.notif-page__group-head{padding:var(--space-3) var(--space-4) 6px;color:var(--text-subtle);letter-spacing:.08em;text-transform:uppercase;margin:0;font-size:.68rem;font-weight:700}.notif__list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.notif__empty{padding:var(--space-6) var(--space-4);color:var(--text-muted);font-size:var(--text-sm);text-align:center;margin:0}.notif__empty--none{align-items:center;gap:var(--space-2);color:var(--text-subtle);flex-direction:column;display:flex}.notif__empty--none .icon{color:var(--indigo-200)}.notif__foot{padding:10px var(--space-4);background:var(--surface-muted);border-top:1px solid var(--border);text-align:center;position:sticky;bottom:0}.notif__foot a{color:var(--indigo-600);font-size:var(--text-xs);font-weight:700}.notif-item{align-items:flex-start;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-4);background:var(--surface);text-align:left;color:inherit;cursor:pointer;transition:background-color var(--duration-fast) ease;border:0;border-left:3px solid #0000;text-decoration:none;display:flex}.notif-item:hover{background:var(--indigo-50);text-decoration:none}.notif-item.is-unread{border-left-color:var(--indigo-600);background:var(--indigo-50)}.notif-item.is-unread:hover{background:var(--indigo-100)}.notif-item.is-unread .notif-item__text strong{color:var(--slate-900);font-weight:700}.notif-item__text strong{font-size:var(--text-sm);color:var(--text);font-weight:600}.notif-item__icon{border-radius:var(--radius-md);flex:none;place-items:center;width:34px;height:34px;display:grid}.notif-item--compact .notif-item__icon{width:30px;height:30px}.notif-item__icon--violet{background:var(--violet-100);color:var(--violet-600)}.notif-item__icon--blue{background:var(--blue-100);color:var(--blue-600)}.notif-item__icon--indigo{background:var(--indigo-100);color:var(--indigo-600)}.notif-item__icon--amber{background:var(--amber-100);color:var(--amber-600)}.notif-item__icon--slate{background:var(--slate-100);color:var(--slate-700)}.notif-item__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notif-item__text small{color:var(--text-muted);font-size:var(--text-xs);overflow-wrap:anywhere;line-height:1.45}.notif-item__meta{align-items:center;gap:var(--space-2);flex:none;margin-left:auto;display:flex}.notif-item__meta time{color:var(--text-subtle);font-size:var(--text-xs);white-space:nowrap}.notif-item__dot{background:var(--indigo-600);border-radius:50%;flex:none;width:8px;height:8px}.notif-page__filters{gap:var(--space-2);margin-bottom:var(--space-4);display:flex}.notif-page__filter{border:1px solid var(--border);border-radius:var(--radius-full);background:var(--surface);color:var(--text-muted);font-size:var(--text-xs);cursor:pointer;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, border-color var(--duration-fast) ease;padding:6px 14px;font-weight:700}.notif-page__filter:hover{border-color:var(--indigo-200);color:var(--indigo-700)}.notif-page__filter.is-active{background:var(--indigo-600);border-color:var(--indigo-600);color:#fff}.notif-page__group+.notif-page__group{margin-top:var(--space-4)}.notif-page__group-head{padding-inline:0}.notif-page__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.notif-page__list .notif-item{border:1px solid var(--border);border-radius:var(--radius-md);border-left-width:3px}.notif-page__more{margin-top:var(--space-5);justify-content:center;display:flex}@media (width<=768px){.notif__trigger{width:38px;height:38px}.notif{position:static}.notif__panel{top:calc(100% + 6px);left:var(--space-3);right:var(--space-3);transform-origin:top;width:auto}}.reset-step__intro{margin:0 0 var(--space-4) 0;font-size:.92rem;line-height:1.55}.input--code{font-family:var(--font-mono,ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace);letter-spacing:.35em;text-indent:.35em;font-size:1.35rem;font-weight:700}.sidebar__badge{border-radius:var(--radius-full);background:var(--indigo-600);color:#fff;place-items:center;min-width:20px;height:20px;margin-left:auto;padding:0 6px;font-size:.64rem;font-weight:700;line-height:1;display:grid}.sidebar-collapsed .sidebar__badge,.sidebar .sidebar__link{position:relative}@media (width>=1101px){.sidebar-collapsed .sidebar__badge{min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:.58rem;position:absolute;top:4px;right:10px}}@media (width<=1100px) and (width>=769px){.sidebar__badge{min-width:16px;height:16px;margin-left:0;padding:0 4px;font-size:.58rem;position:absolute;top:4px;right:10px}}.farm-scene{width:100%;height:100%}.farm-scene.is-stressed{filter:saturate(.6)sepia(.2)}.guide-character{filter:drop-shadow(0 6px 10px #00000026);flex-shrink:0;animation:3.2s ease-in-out infinite bob}.leaf-specimen,.weed-specimen{width:100%;height:100%}.pest-illustration{flex-shrink:0}.media-asset{gap:var(--space-2);flex-direction:column;margin:0;display:flex}.media-asset__frame{aspect-ratio:16/9;border-radius:var(--radius-md);background:var(--green-50);border:1px solid var(--border);overflow:hidden}.media-asset__frame img,.media-asset__frame video{object-fit:cover;background:#000;width:100%;height:100%}.media-asset figcaption{font-size:var(--text-sm);flex-direction:column;gap:2px;display:flex}.media-asset figcaption strong{align-items:center;gap:6px;display:inline-flex}.media-asset figcaption span{color:var(--text-muted)}.media-asset--compact .media-asset__frame{aspect-ratio:4/3}.media-placeholder{justify-content:center;align-items:center;gap:var(--space-2);width:100%;height:100%;color:var(--green-800);background:radial-gradient(circle at 20% 30%,#fff9 0 12%,#0000 13%),linear-gradient(135deg,#dff2d4,#b9dea0 60%,#9ccf86);flex-direction:column;display:flex;position:relative;overflow:hidden}.media-placeholder--video{color:#fff;background:linear-gradient(135deg,#1d4d33,#0f7a3a)}.media-placeholder--animation{background:linear-gradient(135deg,#e8f4d8,#cde9b6)}.media-placeholder--animation:after{content:"";background:var(--green-500);opacity:.35;border-radius:50%;width:40px;height:40px;animation:1.8s ease-in-out infinite bob;position:absolute;bottom:20%;left:15%}.media-placeholder__icon{width:58px;height:58px;color:var(--green-700);box-shadow:var(--shadow-md);transition:transform var(--duration-base) var(--ease-spring);background:#ffffffd9;border-radius:50%;place-items:center;display:grid}.media-asset:hover .media-placeholder__icon{transform:scale(1.08)}.media-placeholder__label{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;opacity:.8;font-weight:700}.dashboard-grid{gap:var(--space-5);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}.dashboard-grid>.span-4{grid-column:span 4}.dashboard-grid>.span-5{grid-column:span 5}.dashboard-grid>.span-6{grid-column:span 6}.dashboard-grid>.span-7{grid-column:span 7}.dashboard-grid>.span-8{grid-column:span 8}@media (width<=1100px){.dashboard-grid>.span-4,.dashboard-grid>.span-5{grid-column:span 6}.dashboard-grid>.span-7,.dashboard-grid>.span-8{grid-column:span 12}}@media (width<=760px){.dashboard-grid{gap:var(--space-4);grid-template-columns:1fr}.dashboard-grid>*{grid-column:auto!important}}.welcome-banner{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6) var(--space-8);border-radius:var(--radius-xl);color:#fff;background:radial-gradient(circle at 85% -20%, #ffffff2e, transparent 40%), linear-gradient(120deg, var(--green-700), #138a44 55%, var(--green-800));box-shadow:var(--shadow-md);display:flex;position:relative;overflow:hidden}.welcome-banner:after{content:"";background:#ffffff0f;border-radius:50%;width:200px;height:200px;position:absolute;bottom:-70px;right:22%}.welcome-banner__text{z-index:1;gap:var(--space-2);flex-direction:column;min-width:0;display:flex;position:relative}.welcome-banner h1{font-size:var(--text-2xl)}.welcome-banner p{color:#d5f3de}.welcome-banner__wave{animation:2.4s ease-in-out infinite bob;display:inline-block}.welcome-banner__level{align-items:center;gap:var(--space-3);margin-top:var(--space-2);font-size:var(--text-xs);color:#e6f8ec;max-width:380px;font-weight:700;display:flex}.welcome-banner__level .progress{flex:1}.welcome-banner__level .progress__track{background:#fff3;border-color:#0000}.welcome-banner__stats{z-index:1;gap:var(--space-3);display:flex;position:relative}.welcome-stat{min-width:96px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--green-900);box-shadow:var(--shadow-md);animation:pop .6s var(--ease-spring) both;background:#fffffff2;flex-direction:column;align-items:center;display:flex}.welcome-stat+.welcome-stat{animation-delay:.12s}.welcome-stat strong{font-size:var(--text-2xl);align-items:center;gap:4px;line-height:1.1;display:flex}.welcome-stat span{letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);font-size:.68rem;font-weight:700}.welcome-stat__flame{color:#f08a1c}@media (width<=760px){.welcome-banner{padding:var(--space-5);flex-direction:column;align-items:stretch}.welcome-banner h1{font-size:var(--text-xl)}.welcome-banner__stats .welcome-stat{flex:1}}.current-module{align-items:center;gap:var(--space-5);display:flex}.current-module__percent{font-size:var(--text-xl)}.current-module__info{align-items:flex-start;gap:var(--space-2);flex-direction:column;min-width:0;display:flex}.current-module__info h3{font-size:var(--text-md)}@media (width<=420px){.current-module{text-align:center;flex-direction:column}.current-module__info{align-items:center}}.badge-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.badge-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.badge-grid--profile{grid-template-columns:repeat(auto-fill,minmax(110px,1fr))}.badge-tile{padding:var(--space-4) var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);text-align:center;transition:transform var(--duration-base) var(--ease-spring), box-shadow var(--duration-base) ease;flex-direction:column;align-items:center;gap:4px;display:flex}.badge-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)rotate(-1deg)}.badge-tile--compact{padding:var(--space-3) var(--space-2)}.badge-tile.is-locked{background:var(--surface)}.badge-tile.is-locked .badge-tile__name{color:var(--text-subtle)}.badge-emblem{filter:drop-shadow(0 3px 5px #0c281838);flex-shrink:0;place-items:center;display:inline-grid;position:relative}.badge-emblem svg{z-index:1;position:relative;overflow:visible}.badge-emblem:before{content:"";background:radial-gradient(circle, rgba(var(--badge-glow), .42) 0%, rgba(var(--badge-glow), .16) 45%, transparent 70%);border-radius:50%;position:absolute;inset:-16%}.badge-emblem.is-earned:before{animation:3.6s ease-in-out infinite badge-halo}.badge-emblem__value{font-size:26px;font-weight:800;font-family:var(--font-sans);letter-spacing:-.02em}.badge-emblem.is-locked{filter:grayscale(.85)opacity(.55)}.badge-emblem.is-locked:before{background:radial-gradient(circle,#96a0982e,#0000 70%)}.badge-emblem__spark{z-index:2;width:7%;height:7%;box-shadow:0 0 6px rgba(var(--badge-glow), .9);opacity:0;background:#fff;border-radius:50%;position:absolute}.badge-emblem__spark--a{animation:3.2s ease-in-out infinite badge-spark;top:6%;right:12%}.badge-emblem__spark--b{width:5%;height:5%;animation:3.2s ease-in-out 1.1s infinite badge-spark;bottom:14%;left:6%}.badge-emblem__spark--c{width:4%;height:4%;animation:3.2s ease-in-out 2.2s infinite badge-spark;top:34%;left:2%}.badge-emblem.is-reveal{animation:pop .56s var(--ease-spring) both}.badge-emblem.is-reveal:after{content:"";border:3px solid rgba(var(--badge-glow), .85);animation:badge-burst .9s var(--ease-out) .26s both;border-radius:50%;position:absolute;inset:-8%}@keyframes badge-halo{0%,to{opacity:.75;transform:scale(1)}50%{opacity:1;transform:scale(1.06)}}@keyframes badge-spark{0%,to{opacity:0;transform:scale(.4)}45%{opacity:.95;transform:scale(1)}70%{opacity:0;transform:scale(.5)}}@keyframes badge-burst{0%{opacity:.9;transform:scale(.6)}to{opacity:0;transform:scale(1.5)}}.badge-tile__name{font-size:var(--text-xs)}.badge-tile__desc{font-size:var(--text-xs);color:var(--text-muted)}.badge-tile__date{color:var(--green-700);font-size:.68rem;font-weight:600}.leaderboard-preview__section{margin-top:calc(var(--space-2) * -1);margin-bottom:var(--space-3)}.leaderboard-preview{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-preview li{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);transition:background-color var(--duration-fast) ease;padding:8px 10px;display:flex}.leaderboard-preview li:hover{background:var(--surface-muted)}.leaderboard-preview li.is-me{background:var(--green-50);border:1px solid var(--green-200);animation:1.6s row-flash}.leaderboard-preview__name{white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.leaderboard-preview strong{font-size:var(--text-xs);color:var(--green-800)}.rank-badge{background:var(--tier-rest-bg);border:1px solid var(--border-strong);width:26px;height:26px;color:var(--text-muted);font-size:var(--text-xs);border-radius:50%;flex-shrink:0;place-items:center;font-weight:800;display:grid;position:relative}.rank-badge--1,.rank-badge--2,.rank-badge--3{color:#fff;text-shadow:0 1px 2px #50370066;border:0}.rank-badge--1:after,.rank-badge--2:after,.rank-badge--3:after{content:"";pointer-events:none;background:linear-gradient(#ffffff73,#0000 55%);border-radius:50%;position:absolute;inset:2px}.rank-badge--1{background:var(--tier-1-bg);box-shadow:0 0 0 1px var(--tier-1-ring), 0 0 10px rgba(var(--tier-1-glow), .6);animation:3.6s ease-in-out infinite rank-shine}.rank-badge--2{background:var(--tier-2-bg);box-shadow:0 0 0 1px var(--tier-2-ring), var(--shadow-sm)}.rank-badge--3{background:var(--tier-3-bg);box-shadow:0 0 0 1px var(--tier-3-ring), var(--shadow-sm)}@keyframes rank-shine{0%,to{box-shadow:0 0 0 1px var(--tier-1-ring), 0 0 8px rgba(var(--tier-1-glow), .45)}50%{box-shadow:0 0 0 1px var(--tier-1-ring), 0 0 14px rgba(var(--tier-1-glow), .8)}}.objectives{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.objectives__row{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);color:var(--text);font-size:var(--text-sm);transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease;padding:10px 12px;display:flex}a.objectives__row:hover{border-color:var(--green-400);text-decoration:none;transform:translate(3px)}.objectives__dot{background:var(--amber-100);width:24px;height:24px;color:var(--amber-600);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.objectives__dot.is-done{background:var(--green-600);color:#fff;animation:pop .4s var(--ease-spring)}.objectives__dot.is-locked{background:var(--surface-muted);color:var(--text-subtle)}.objectives__label{flex:1;min-width:0}.objectives__label small{color:var(--text-muted)}.objectives__xp{color:var(--green-700);font-weight:700;font-size:var(--text-xs);white-space:nowrap}.weekly-chart{gap:var(--space-2);grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;height:190px;display:grid}.weekly-chart__col{flex-direction:column;align-items:center;gap:6px;height:100%;display:flex}.weekly-chart__value{color:var(--green-800);min-height:14px;font-size:.68rem;font-weight:700}.weekly-chart__bar-wrap{flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex}.weekly-chart__bar{background:linear-gradient(180deg, var(--green-500), var(--green-700));transform-origin:bottom;width:min(100%,46px);animation:grow-y .7s var(--ease-out) both;border-radius:8px 8px 4px 4px}.weekly-chart__bar.is-empty{background:var(--green-100)}.weekly-chart__col.is-today .weekly-chart__bar{background:linear-gradient(#f5c842,#e3a300)}.weekly-chart__label{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.weekly-chart__col.is-today .weekly-chart__label{color:var(--green-800)}.module-grid{gap:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=1080px){.module-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=680px){.module-grid{gap:var(--space-4);grid-template-columns:1fr}}.module-card{border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);color:var(--text);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease, border-color var(--duration-base) ease;flex-direction:column;display:flex;position:relative;overflow:hidden}a.module-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-400);text-decoration:none;transform:translateY(-4px)}a.module-card:active{transform:translateY(-1px)}.module-card--locked{color:var(--text-muted);box-shadow:none;background:#f1f3ef}.module-card--locked h3{color:var(--text-muted)}.module-card--in-progress{border-color:var(--green-400);box-shadow:0 0 0 3px #22b35e1f}.module-card__cover{aspect-ratio:16/9;background:var(--green-50);position:relative;overflow:hidden}.module-card__image{object-fit:cover;object-position:center;width:100%;height:100%;display:block}.module-card__image--fallback{color:#ffffffeb;background:linear-gradient(135deg, var(--green-500), var(--green-800));place-items:center;display:grid}.module-card__image--fallback.tint-2{background:linear-gradient(135deg, #3fb375, var(--green-900))}.module-card__image--fallback.tint-3{background:linear-gradient(135deg, #63bf6a, var(--green-800))}.module-card__image--fallback.tint-4{background:linear-gradient(135deg,#2fa86c,#0c5b34)}.module-card__image--fallback.tint-5{background:linear-gradient(135deg, #57c08a, var(--green-950))}a.module-card:hover .module-card__image{transform:scale(1.04)}.module-card__image{transition:transform var(--duration-slow) var(--ease-out)}.module-card__veil{color:#fff;-webkit-backdrop-filter:grayscale(.4);backdrop-filter:grayscale(.4);background:#0e28198c;place-items:center;display:grid;position:absolute;inset:0}.module-card__number{width:38px;height:38px;font-weight:800;font-size:var(--text-md);color:#fff;background:var(--green-700);border:3px solid var(--surface);box-shadow:var(--shadow-sm);border-radius:50%;place-items:center;display:grid;position:absolute;bottom:12px;left:12px}.module-card__number--completed{background:var(--green-600)}.module-card__number--in-progress{background:var(--amber-500);animation:2s ease-out infinite pulse-ring}.module-card__number--locked{background:#c7cec8}.module-card__state{position:absolute;top:10px;right:10px}.module-card__state .pill{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#fffffff0}.module-card__content{padding:var(--space-4);flex-direction:column;flex:1;gap:6px;min-width:0;display:flex}.module-card__eyebrow{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--green-700);align-items:center;gap:5px;font-weight:700;display:inline-flex}.module-card--locked .module-card__eyebrow{color:var(--text-subtle)}.module-card h3{font-size:var(--text-lg)}.module-card__desc{-webkit-line-clamp:2;font-size:var(--text-sm);color:var(--text-muted);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.module-card__progress{padding-top:var(--space-3);flex-direction:column;gap:8px;margin-top:auto;display:flex}.module-card__meta{align-items:center;gap:var(--space-3);font-size:var(--text-xs);color:var(--text-muted);font-weight:600;display:flex}.module-card__meta>span{align-items:center;gap:4px;display:inline-flex}.module-card__meta .icon{color:var(--green-600)}.module-card--locked .module-card__meta .icon{color:var(--text-subtle)}.module-card__chevron{color:var(--green-600);transition:transform var(--duration-base) ease;margin-left:auto}a.module-card:hover .module-card__chevron{transform:translate(4px)}.module-card__lock-note{padding-top:var(--space-2);font-size:var(--text-xs);color:var(--text-subtle);align-items:center;gap:6px;display:flex}@media (width<=680px){.module-card h3{font-size:var(--text-md)}.module-card__content{padding:var(--space-3)}}.is-unlocking{animation:1.6s both unlock-glow}@keyframes unlock-glow{0%{box-shadow:0 0 #f2b30099}40%{box-shadow:0 0 0 10px #f2b30040}to{box-shadow:var(--shadow-sm)}}.unlock-burst{background:var(--gold-500);color:#fff;z-index:3;width:48px;height:48px;animation:unlock 1.1s var(--ease-out) .25s both;pointer-events:none;border-radius:50%;place-items:center;margin:-24px 0 0 -24px;display:grid;position:absolute;top:50%;left:50%}.module-hero{gap:var(--space-3);padding:var(--space-5) var(--space-6);border-radius:var(--radius-xl);background:linear-gradient(120deg, var(--green-700), var(--green-800));color:#fff;flex-direction:column;display:flex}.module-hero h1{font-size:var(--text-xl);text-transform:uppercase;letter-spacing:.01em}.module-hero p{color:#cdeed8;font-size:var(--text-sm)}.module-hero .progress__track{background:#fff3;border-color:#0000}.module-hero .progress__fill{background:#fff}.module-hero__row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.topic-grid{gap:var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}@media (width<=860px){.topic-grid{grid-template-columns:1fr}}.topic-card{gap:var(--space-3);padding:var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease;flex-direction:column;display:flex;position:relative}.topic-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.topic-card h3{font-size:var(--text-lg)}.topic-card__summary{color:var(--text-muted);font-size:var(--text-sm);flex:1}.topic-card--locked{background:#eef0ec;border-style:dashed}.topic-card--locked:hover{box-shadow:none;transform:none}.topic-card--locked h3,.topic-card--locked .topic-card__summary{color:var(--text-subtle)}.topic-card--completed{border-color:var(--green-200)}.topic-card__levels{flex-wrap:wrap;gap:6px;display:flex}.level-dot{border-radius:var(--radius-full);border:1.5px solid var(--border-strong);min-width:26px;height:26px;font-size:var(--text-xs);color:var(--text-muted);background:var(--surface);place-items:center;padding:0 6px;font-weight:700;display:grid}.level-dot.is-passed{background:var(--green-600);border-color:var(--green-600);color:#fff}.level-dot.is-attempted{border-color:var(--amber-500);color:var(--amber-600)}.topic-card__footer{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.topic-card__status{font-size:var(--text-sm);align-items:center;gap:6px;font-weight:600;display:inline-flex}.topic-card__status.is-cleared{color:var(--green-700)}.topic-card__status.is-ready{color:var(--amber-600)}.topic-card__status.is-progress{color:var(--blue-600)}.topic-card__status.is-locked{color:var(--text-subtle);font-weight:500}.topic-card__actions{gap:var(--space-2);flex-wrap:wrap;display:flex}.lesson-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}.lesson-layout__aside{top:calc(var(--topbar-height) + var(--space-4));gap:var(--space-4);flex-direction:column;display:flex;position:sticky}@media (width<=1000px){.lesson-layout{grid-template-columns:1fr}.lesson-layout__aside{position:static}}.lesson-article{padding:var(--space-8)}@media (width<=640px){.lesson-article{padding:var(--space-5)}}.lesson-article__title{font-size:var(--text-3xl);margin:var(--space-2) 0 var(--space-5)}@media (width<=640px){.lesson-article__title{font-size:var(--text-2xl)}}.lesson-media{gap:var(--space-4);margin-top:var(--space-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.lesson-nav{justify-content:space-between;gap:var(--space-3);flex-wrap:wrap;display:flex}.lpa{gap:var(--space-2);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.lpa__step{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);color:var(--text-muted);padding:6px 12px 6px 6px;display:flex}.lpa__step+.lpa__step:before{content:"";background:var(--border-strong);width:16px;height:2px;margin-left:calc(var(--space-2) * -1 - 16px);margin-right:0;display:none}.lpa__icon{background:var(--surface-muted);border-radius:50%;place-items:center;width:28px;height:28px;display:grid}.lpa__step strong{font-size:var(--text-xs);color:var(--text);line-height:1.1;display:block}.lpa__step small{font-size:.68rem}.lpa__step.is-active{border-color:var(--green-600);background:var(--green-50)}.lpa__step.is-active .lpa__icon{background:var(--green-700);color:#fff}.lpa__step.is-done .lpa__icon{background:var(--green-600);color:#fff}.mission-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.mission-list__item{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease;padding:10px 12px;display:flex}.mission-list__item:hover{border-color:var(--green-400)}.mission-list__item.is-locked{color:var(--text-subtle);background:#f1f3ef}.mission-list__item.is-locked:hover{border-color:var(--border)}.mission-list__icon{border-radius:var(--radius-sm);background:var(--green-50);width:34px;height:34px;color:var(--green-700);flex-shrink:0;place-items:center;display:grid}.mission-list__item.is-passed .mission-list__icon{background:var(--green-600);color:#fff}.mission-list__item.is-locked .mission-list__icon{color:var(--text-subtle);background:#e3e7e1}.mission-list__text{flex-direction:column;flex:1;min-width:0;display:flex}.mission-list__text strong{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mission-list__text small{color:var(--text-muted);font-size:var(--text-xs)}.game-section__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.game-section__icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--green-600), var(--green-800));color:#fff;flex-shrink:0;place-items:center;width:52px;height:52px;display:grid}.game-section--locked .game-section__icon{background:#c7cec8}.game-section__header h2{font-size:var(--text-lg)}.mission-grid{gap:var(--space-3);grid-template-columns:repeat(auto-fill,minmax(260px,1fr));display:grid}.profile-hero{align-items:center;gap:var(--space-5);flex-wrap:wrap;display:flex}.profile-hero__info{flex-direction:column;flex:1;gap:4px;min-width:220px;display:flex}.profile-hero__info h1{font-size:var(--text-2xl)}.profile-meta{gap:var(--space-4);color:var(--text-muted);font-size:var(--text-sm);flex-wrap:wrap;display:flex}.profile-meta span{align-items:center;gap:6px;display:inline-flex}.module-progress-list{gap:var(--space-4);flex-direction:column;display:flex}.history-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.history-list li{align-items:center;gap:var(--space-3);border-bottom:1px solid var(--border);font-size:var(--text-sm);padding:10px 0;display:flex}.history-list li:last-child{border-bottom:0}.history-list__icon{border-radius:50%;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}.history-list__icon.is-pass{background:var(--green-100);color:var(--green-700)}.history-list__icon.is-fail{background:var(--amber-100);color:var(--amber-600)}.history-list__text{flex-direction:column;flex:1;min-width:0;display:flex}.history-list__text small{color:var(--text-muted)}.section-heading{font-size:var(--text-lg);margin-bottom:var(--space-3)}.section-heading-row{justify-content:space-between;align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.record-grid{gap:var(--space-4);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=900px){.record-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=460px){.record-grid{grid-template-columns:1fr}}.record-tile{padding:var(--space-4) var(--space-5);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease;flex-direction:column;align-items:flex-start;gap:2px;display:flex;position:relative;overflow:hidden}.record-tile:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.record-tile:after{content:"";background:var(--record-glow,#22b35e24);border-radius:50%;width:110px;height:110px;position:absolute;top:-30px;right:-30px}.record-tile__icon{border-radius:var(--radius-md);color:#fff;background:var(--record-color,var(--green-700));z-index:1;place-items:center;width:40px;height:40px;margin-bottom:6px;display:grid;position:relative}.record-tile__value{z-index:1;font-size:var(--text-3xl);color:var(--green-950);line-height:1.05;position:relative}.record-tile__label{z-index:1;font-size:var(--text-sm);font-weight:700;position:relative}.record-tile__hint{z-index:1;font-size:var(--text-xs);color:var(--text-muted);position:relative}.record-tile--streak{--record-color:#df8412;--record-glow:#df841229}.record-tile--perfect{--record-color:#2f8aab;--record-glow:#2f8aab29}.record-tile--xp{--record-color:#e0a800;--record-glow:#e0a8002e}.record-tile--rank{--record-color:var(--green-700);--record-glow:#22b35e29}.award-grid{gap:var(--space-5);margin-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=980px){.award-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.award-grid{grid-template-columns:1fr}}.award-card{padding:var(--space-5) var(--space-4);border-radius:var(--radius-lg);border:1px solid var(--border);background:var(--surface);text-align:center;transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease, border-color var(--duration-base) ease;flex-direction:column;align-items:center;gap:6px;display:flex}.award-card:hover{box-shadow:var(--shadow-md);border-color:var(--green-200);transform:translateY(-4px)}.award-card h3{font-size:var(--text-md);margin-top:var(--space-2)}.award-card p{font-size:var(--text-sm);color:var(--text-muted)}.award-card.is-locked{background:var(--surface-muted)}.award-card.is-locked h3{color:var(--text-muted)}.award-card__earned{font-size:var(--text-xs);color:var(--green-700);align-items:center;gap:5px;margin-top:4px;font-weight:700;display:inline-flex}.award-card__locked{font-size:var(--text-xs);color:var(--text-subtle);align-items:center;gap:5px;margin-top:4px;display:inline-flex}.achievements-total{font-size:var(--text-3xl);color:var(--green-800);font-weight:800}.leaderboard-layout{gap:var(--space-5);grid-template-columns:minmax(0,1fr) 300px;align-items:start;display:grid}@media (width<=980px){.leaderboard-layout{grid-template-columns:1fr}}.podium-stage{margin-bottom:var(--space-5);padding:var(--space-6) var(--space-4) 0;border-radius:var(--radius-xl) var(--radius-xl) var(--radius-md) var(--radius-md);border:1px solid var(--green-100);background:radial-gradient(120% 70% at 50% 0,#f2b30038 0%,#f2b30014 38%,#0000 68%),linear-gradient(#f4fbf2 0%,#e8f5e6 52%,#dcefdb 100%);position:relative;overflow:hidden}.podium-stage__glow{background:radial-gradient(circle,#ffe9a3bf 0%,#f2b30042 42%,#0000 70%);border-radius:50%;width:62%;height:78%;animation:5s ease-in-out infinite podium-spotlight;position:absolute;top:-12%;left:50%;transform:translate(-50%)}.podium-stage__rays{opacity:.26;background:repeating-conic-gradient(from 195deg at 50% 32%,#ffffffb3 0deg 3.5deg,#0000 3.5deg 15deg);width:150%;height:120%;animation:22s linear infinite podium-rays;position:absolute;top:-30%;left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(circle at 50% 32%,#000 8%,#0000 52%);mask-image:radial-gradient(circle at 50% 32%,#000 8%,#0000 52%)}.podium-stage__leaves{position:absolute;inset:0;overflow:hidden}.podium-stage__leaves span{background:var(--green-500);opacity:.12;width:34px;height:34px;animation:9s ease-in-out infinite podium-leaf-drift;animation-delay:calc(var(--i) * 1.3s);border-radius:0 100%;position:absolute}.podium-stage__leaves span:first-child{top:18%;left:6%;transform:rotate(20deg)}.podium-stage__leaves span:nth-child(2){width:22px;height:22px;top:62%;left:18%;transform:rotate(-35deg)}.podium-stage__leaves span:nth-child(3){top:24%;right:8%;transform:rotate(-15deg)}.podium-stage__leaves span:nth-child(4){width:26px;height:26px;top:66%;right:20%;transform:rotate(48deg)}.podium-stage__leaves span:nth-child(5){opacity:.09;width:18px;height:18px;top:6%;left:40%}.podium-stage__leaves span:nth-child(6){width:20px;height:20px;bottom:8%;right:38%;transform:rotate(70deg)}.podium{z-index:1;align-items:end;gap:var(--space-3);max-width:520px;padding-top:var(--space-5);grid-template-columns:repeat(3,minmax(0,1fr));margin:0 auto;display:grid;position:relative}.podium__slot{text-align:center;flex-direction:column;align-items:center;gap:4px;display:flex;position:relative}.podium__trophy{place-items:center;margin-bottom:2px;display:grid;position:relative}.trophy-emblem{z-index:2;filter:drop-shadow(0 6px 10px #a06c0059);animation:3.4s ease-in-out infinite trophy-bob;position:relative}.trophy-emblem__shine{animation:4.5s ease-in-out infinite trophy-shine}.podium__trophy-burst{background:radial-gradient(circle,#ffecaaf2 0%,#f2b3006b 38%,#0000 68%);border-radius:50%;width:132px;height:132px;animation:3.4s ease-in-out infinite trophy-halo;position:absolute}.podium__confetti{pointer-events:none;position:absolute;inset:0}.podium__confetti span{opacity:0;background:var(--gold-500);width:7px;height:9px;animation:confetti-burst 1.5s var(--ease-out) both;animation-delay:calc(.7s + var(--i) * 45ms);transform-origin:50%;border-radius:2px;position:absolute;top:50%;left:50%}.podium__confetti span:nth-child(3n){background:var(--green-500)}.podium__confetti span:nth-child(3n+1){background:#ffe9a3}.podium__confetti span:nth-child(4n){border-radius:50%;width:6px;height:6px}.podium__confetti span:first-child{--angle:-80deg}.podium__confetti span:nth-child(2){--angle:-55deg}.podium__confetti span:nth-child(3){--angle:-30deg}.podium__confetti span:nth-child(4){--angle:-10deg}.podium__confetti span:nth-child(5){--angle:10deg}.podium__confetti span:nth-child(6){--angle:30deg}.podium__confetti span:nth-child(7){--angle:55deg}.podium__confetti span:nth-child(8){--angle:80deg}.podium__confetti span:nth-child(9){--angle:110deg}.podium__confetti span:nth-child(10){--angle:140deg}.podium__confetti span:nth-child(11){--angle:165deg}.podium__confetti span:nth-child(12){--angle:-110deg}.podium__confetti span:nth-child(13){--angle:-140deg}.podium__confetti span:nth-child(14){--angle:-165deg}.podium__avatar{box-shadow:var(--shadow-md);border:3px solid #fff}.podium__slot--1 .podium__avatar{box-shadow:0 0 0 3px var(--tier-1-ring), 0 0 18px rgba(var(--tier-1-glow), .55), var(--shadow-md)}.podium__slot--2 .podium__avatar{box-shadow:0 0 0 3px var(--tier-2-ring), var(--shadow-md)}.podium__slot--3 .podium__avatar{box-shadow:0 0 0 3px var(--tier-3-ring), var(--shadow-md)}.podium__name{font-size:var(--text-sm);white-space:nowrap}.podium__xp{font-size:var(--text-xs);color:var(--text-muted);font-weight:600}.podium__block{width:100%;margin-top:var(--space-2);border-radius:var(--radius-md) var(--radius-md) 0 0;color:#fff;font-size:var(--text-2xl);text-shadow:0 2px 3px #5a3c0059;transform-origin:bottom;animation:podium-rise .76s var(--ease-out) both;animation-delay:calc((2 - var(--i)) * .15s);place-items:center;font-weight:800;display:grid;position:relative;overflow:hidden}.podium__block:before{content:"";background:linear-gradient(#fff6,#0000);height:42%;position:absolute;inset:0 0 auto}.podium__slot--1 .podium__block{background:var(--tier-1-bg);height:110px;box-shadow:0 -4px 22px rgba(var(--tier-1-glow), .45);animation:podium-rise-first .9s var(--ease-spring) both;animation-delay:.3s}.podium__slot--2 .podium__block{background:var(--tier-2-bg);height:80px}.podium__slot--3 .podium__block{background:var(--tier-3-bg);height:60px}.podium__slot.is-me .podium__name{color:var(--green-700)}@keyframes podium-rise{0%{opacity:.4;transform:scaleY(0)}to{opacity:1;transform:scaleY(1)}}@keyframes podium-rise-first{0%{opacity:.4;transform:scaleY(0)}70%{opacity:1;transform:scaleY(1.08)}85%{transform:scaleY(.97)}to{transform:scaleY(1)}}@keyframes podium-spotlight{0%,to{opacity:.8;transform:translate(-50%)scale(1)}50%{opacity:1;transform:translate(-50%)scale(1.06)}}@keyframes podium-rays{to{transform:translate(-50%)rotate(360deg)}}@keyframes podium-leaf-drift{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-12px)rotate(12deg)}}@keyframes trophy-bob{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-6px)scale(1.02)}}@keyframes trophy-halo{0%,to{opacity:.6;transform:scale(.94)}50%{opacity:1;transform:scale(1.05)}}@keyframes trophy-shine{0%,55%{transform:translate(0)skew(-18deg)}85%,to{transform:translate(150px)skew(-18deg)}}@keyframes confetti-burst{0%{opacity:0;transform:rotate(var(--angle,0deg)) translateY(0) scale(.5)}15%{opacity:1}to{opacity:0;transform:rotate(var(--angle,0deg)) translateY(-90px) scale(1) rotate(180deg)}}.leaderboard-table{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.leaderboard-table__head,.leaderboard-table__row{align-items:center;gap:var(--space-3);grid-template-columns:90px minmax(0,1fr) 80px 80px 90px;padding:10px 14px;display:grid}.leaderboard-table__head{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:700}.leaderboard-table__row{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);font-size:var(--text-sm);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease}.leaderboard-table__row:hover{box-shadow:var(--shadow-sm);transform:translate(3px)}.leaderboard-table__row.is-me{background:var(--green-50);border-color:var(--green-400);animation:fade-up var(--duration-slow) var(--ease-out) both, row-flash 2s ease .4s, me-row-pulse 3s ease-in-out 1s infinite}@keyframes me-row-pulse{0%,to{box-shadow:0 0 0 3px #22b35e1f}50%{box-shadow:0 0 0 5px #22b35e38}}.leaderboard-table__rank{align-items:center;gap:var(--space-2);display:flex}.leaderboard-table__you{color:var(--green-700);font-weight:600}.leaderboard-table__badges{color:var(--text-muted);align-items:center;gap:4px;display:inline-flex}.leaderboard-table__xp{text-align:right;color:var(--green-800)}.rank-change{font-size:var(--text-xs);align-items:center;gap:1px;font-weight:700;display:inline-flex}.rank-change--up{color:var(--green-600);animation:float-in-up .7s var(--ease-out) both}.rank-change--down{color:var(--red-500)}.rank-change--same{color:var(--text-subtle)}@keyframes float-in-up{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.leaderboard-table__head,.leaderboard-table__row{grid-template-columns:72px minmax(0,1fr) 70px;padding:10px}.leaderboard-table .hide-sm{display:none}}.rank-card{text-align:center}.rank-card__rank{color:var(--green-700);animation:pop .6s var(--ease-spring) both;font-size:3.5rem;font-weight:800;line-height:1}.rank-card__gap{margin-top:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-muted);font-size:var(--text-sm)}.mission-page{background:radial-gradient(circle at 100% 0%, #4cc97f1f, transparent 35%), var(--canvas);min-height:100vh}.mission-topbar{z-index:40;align-items:center;gap:var(--space-3);height:60px;padding:0 var(--space-5);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border);background:#ffffffeb;display:flex;position:sticky;top:0}.mission-topbar__back{width:38px;height:38px;color:var(--green-700);background:var(--green-50);transition:transform var(--duration-fast) ease;border-radius:50%;place-items:center;display:grid}.mission-topbar__back:hover{text-decoration:none;transform:translate(-2px)}.mission-topbar__logo:hover{text-decoration:none}.mission-topbar__crumbs{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-muted);min-width:0;display:flex}.mission-topbar__crumbs strong{color:var(--text);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.mission-topbar__right{align-items:center;gap:var(--space-3);margin-left:auto;display:flex}.mission-main{max-width:1180px;padding:var(--space-5) var(--space-5) calc(var(--space-10) + var(--fab-safe-area));margin:0 auto}@media (width<=640px){.mission-topbar{padding:0 var(--space-3)}.mission-topbar__logo{display:none}.mission-main{padding:var(--space-3) var(--space-3) calc(var(--space-8) + var(--fab-safe-area))}.hide-sm{display:none!important}}.mission-stage{position:relative}.mission-stage.is-submitting>:first-child{opacity:.4;pointer-events:none;transition:opacity var(--duration-base) ease}.mission-stage.is-submitting .loading-state{align-items:flex-start;padding-top:30vh;position:absolute;inset:0}.mission-intro{max-width:640px;margin:var(--space-6) auto;padding:var(--space-8);background:var(--surface);border-radius:var(--radius-xl);box-shadow:var(--shadow-md);border:1px solid var(--border);text-align:center;align-items:center;gap:var(--space-3);flex-direction:column;display:flex}.mission-intro h1{font-size:var(--text-2xl)}.mission-intro__badge{color:#fff;background:linear-gradient(135deg, var(--green-500), var(--green-800));width:84px;height:84px;animation:pop .6s var(--ease-spring) both, bob 3s ease-in-out .7s infinite;border-radius:24px;place-items:center;display:grid;box-shadow:0 10px 24px #0f7a3a59}.mission-intro__facts{gap:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}.mission-intro__how{margin:var(--space-2) 0;gap:var(--space-2);text-align:left;flex-direction:column;width:100%;padding:0;list-style:none;display:flex}.mission-intro__how li{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border);font-size:var(--text-sm);padding:10px 14px;display:flex}.mission-intro__how li span{background:var(--green-700);color:#fff;width:26px;height:26px;font-weight:700;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.mission-intro__actions{gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;justify-content:center;display:flex}@media (width<=640px){.mission-intro{padding:var(--space-5);margin-top:var(--space-2)}}.game-header{justify-content:space-between;align-items:flex-start;gap:var(--space-4);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.game-header h1{font-size:var(--text-2xl);margin-top:4px}.game-header__chips{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}@media (width<=640px){.game-header h1{font-size:var(--text-xl)}}.hud-chip{border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);font-size:var(--text-sm);color:var(--text-muted);white-space:nowrap;box-shadow:var(--shadow-sm);align-items:center;gap:6px;padding:7px 14px;display:inline-flex}.hud-chip strong{color:var(--text)}.hud-chip .icon{color:var(--green-700)}.hud-chip--success{background:var(--green-50);border-color:var(--green-400);color:var(--green-800);animation:pop .4s var(--ease-spring)}.countdown{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);padding:4px 14px 4px 4px;display:inline-flex}.countdown svg{flex-shrink:0}.countdown__track{fill:none;stroke:var(--green-50);stroke-width:5px}.countdown__fill{fill:none;stroke:var(--green-600);stroke-width:5px;stroke-linecap:round;transition:stroke-dashoffset 1s linear, stroke var(--duration-base) ease}.countdown__text{flex-direction:column;line-height:1.1;display:flex}.countdown__text span{text-transform:uppercase;color:var(--text-muted);letter-spacing:.06em;font-size:.66rem;font-weight:700}.countdown__text strong{font-size:var(--text-xl);font-variant-numeric:tabular-nums;color:var(--green-800)}.countdown--warning .countdown__fill{stroke:var(--amber-500)}.countdown--warning .countdown__text strong{color:var(--amber-600)}.countdown--danger{background:#fff6f5;border-color:#f7c5c3}.countdown--danger .countdown__fill{stroke:var(--red-500)}.countdown--danger .countdown__text strong{color:var(--red-600);animation:1s ease-in-out infinite urgency;display:inline-block}.game-message{align-items:flex-start;gap:var(--space-2);margin:var(--space-3) 0;border-radius:var(--radius-md);font-size:var(--text-sm);animation:fade-up .26s var(--ease-out) both;background:var(--blue-100);color:var(--blue-600);padding:10px 14px;display:flex}.game-message .icon{flex-shrink:0;margin-top:1px}.game-message--ok{background:var(--green-100);color:var(--green-800)}.game-message--error{background:var(--red-100);color:var(--red-600);animation:fade-up .26s var(--ease-out) both, shake .38s ease 80ms}.game-message--warn{background:var(--amber-100);color:var(--amber-600)}.game-actions{margin-top:var(--space-5);justify-content:flex-end;display:flex}.game-actions--split{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap}.next-level-btn{letter-spacing:.06em;min-width:220px;font-weight:800}.next-level-btn.is-ready{background:linear-gradient(135deg,#1fb35d,#0c6b32);animation:1.8s ease-out infinite pulse-ring;box-shadow:0 0 0 4px #22b35e40,0 8px 18px #0f7a3a4d}@media (width<=640px){.game-actions .btn{width:100%}}.result-banner{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);min-width:240px;animation:scale-in .32s var(--ease-spring) both;flex:1;padding:12px 16px;font-weight:600;display:flex}.result-banner--success{background:var(--green-100);color:var(--green-800);border:1px solid var(--green-200)}.result-banner--warning{background:var(--amber-100);color:var(--amber-600)}.result-banner--danger{background:var(--red-100);color:var(--red-600)}.speech-bubble{max-width:380px;padding:var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);font-size:var(--text-sm);animation:scale-in .38s var(--ease-spring) .15s both;transform-origin:0 100%;background:#fff;line-height:1.55;position:relative}.speech-bubble:before{content:"";border:10px solid #0000;border-left:0;border-right-color:#fff;position:absolute;bottom:26px;left:-10px}.speech-bubble--small{max-width:240px;padding:var(--space-3);font-weight:600}.decision-game{gap:var(--space-4);flex-direction:column;display:flex}.decision-stage{border-radius:var(--radius-xl);min-height:360px;box-shadow:var(--shadow-md);animation:.42s both fade-in;position:relative;overflow:hidden}.decision-stage .farm-scene{transition:filter .6s;position:absolute;inset:0}.decision-stage__progress{top:var(--space-4);right:var(--space-4);border-radius:var(--radius-full);font-size:var(--text-xs);background:#ffffffe6;align-items:center;gap:6px;padding:6px 12px;display:flex;position:absolute}.decision-stage__progress span{background:var(--border-strong);width:22px;height:6px;transition:background-color var(--duration-base) ease, width var(--duration-base) ease;border-radius:3px}.decision-stage__progress span.is-done{background:var(--green-600)}.decision-stage__progress span.is-current{background:var(--green-500);width:34px}.decision-stage__guide{left:var(--space-5);align-items:flex-end;gap:var(--space-3);padding-bottom:var(--space-4);max-width:62%;display:flex;position:absolute;bottom:0}.decision-stage__guide .speech-bubble{margin-bottom:90px}.decision-visual{right:var(--space-5);bottom:var(--space-5);align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);animation:fade-up .48s var(--ease-out) .25s both;background:#fffffff0;display:flex;position:absolute}.decision-visual__value{color:#fff;width:74px;height:74px;font-weight:800;font-size:var(--text-lg);background:radial-gradient(circle at 30% 30%,#5fb3e8,#1f6fb5 60%,#2e8b57);border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 -4px #00000026}.decision-visual__arrow{color:var(--red-500)}.decision-visual__chart{flex-direction:column;align-items:center;gap:4px;display:flex}.decision-visual__chart strong{font-size:var(--text-xs)}.decision-visual__bars{align-items:flex-end;gap:4px;height:52px;display:flex}.decision-visual__bars span{transform-origin:bottom;width:12px;animation:grow-y .5s var(--ease-out) both;background:var(--green-500);border-radius:3px 3px 0 0}.decision-visual__bars span.is-up:nth-child(n+4){background:var(--amber-500)}.decision-visual__bars span.is-up:last-child,.decision-visual__bars span.is-down:first-child{background:var(--red-500)}@media (width<=760px){.decision-stage{flex-direction:column;min-height:0;display:flex}.decision-stage .farm-scene{position:absolute}.decision-stage__guide{max-width:none;padding:var(--space-10) var(--space-3) var(--space-3);position:relative;left:auto}.decision-stage__guide .guide-character{width:80px;height:100px}.decision-stage__guide .speech-bubble{margin-bottom:30px}.decision-visual{margin:0 var(--space-3) var(--space-3);align-self:flex-end;position:relative;bottom:auto;right:auto}.decision-visual__value{width:58px;height:58px;font-size:var(--text-md)}}.decision-panel{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.decision-panel__header{justify-content:space-between;align-items:center;gap:var(--space-3);margin-bottom:var(--space-4);flex-wrap:wrap;display:flex}.decision-panel__title{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);font-weight:800}.decision-cards{gap:var(--space-4);perspective:1200px;grid-template-columns:repeat(3,minmax(0,1fr));display:grid}@media (width<=760px){.decision-cards{grid-template-columns:1fr}}.decision-card{text-align:left;background:0 0;border:0;min-height:190px;padding:0;position:relative}.decision-card:disabled{cursor:default}.decision-card__inner{width:100%;height:100%;min-height:inherit;transform-style:preserve-3d;transition:transform .65s var(--ease-out);position:relative}.decision-card.is-revealed .decision-card__inner{transform:rotateY(180deg)}.decision-card__face{padding:var(--space-4);border-radius:var(--radius-lg);border:2px solid var(--border);background:var(--surface);backface-visibility:hidden;transition:border-color var(--duration-fast) ease, box-shadow var(--duration-base) ease, transform var(--duration-base) var(--ease-out);flex-direction:column;gap:6px;display:flex;position:absolute;inset:0}.decision-card:not(:disabled):not(.is-revealed):hover .decision-card__front{border-color:var(--green-500);box-shadow:var(--shadow-md);transform:translateY(-4px)}.decision-card:not(.is-revealed):active .decision-card__front{transform:scale(.98)}.decision-card__front strong{font-size:var(--text-md)}.decision-card__front>span:last-child{font-size:var(--text-sm);color:var(--text-muted)}.decision-card__number{background:var(--green-700);color:#fff;width:26px;height:26px;font-weight:800;font-size:var(--text-xs);border-radius:7px;place-items:center;display:grid;position:absolute;top:12px;left:12px}.decision-card__icon{background:var(--green-50);width:64px;height:64px;color:var(--green-700);border-radius:50%;align-self:center;place-items:center;margin:8px 0 4px;display:grid}.decision-card__back{justify-content:center;transform:rotateY(180deg)}.decision-card__back>span:last-child{font-size:var(--text-sm)}.decision-card__verdict{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;font-weight:800;display:inline-flex}.decision-card.tone-best .decision-card__back{border-color:var(--green-500);background:var(--green-50);color:var(--green-900)}.decision-card.tone-partial .decision-card__back{border-color:var(--amber-500);background:var(--amber-100);color:#6b4200}.decision-card.tone-poor .decision-card__back{background:var(--red-100);color:#7a1f1c;border-color:#f1a9a6}.decision-card.is-chosen .decision-card__back{box-shadow:0 0 0 4px #0f7a3a2e, var(--shadow-md)}.decision-card.is-chosen.tone-poor .decision-card__back{box-shadow:0 0 0 4px #e5484d2e, var(--shadow-md)}.decision-card.is-revealed:not(.is-chosen){opacity:.72}.decision-card.is-chosen:after{content:"Your choice";z-index:2;border-radius:var(--radius-full);background:var(--green-900);color:#fff;animation:pop .4s var(--ease-spring) .5s both;padding:2px 10px;font-size:.68rem;font-weight:700;position:absolute;top:-10px;right:12px}.decision-feedback{align-items:center;gap:var(--space-3);margin-top:var(--space-4);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border);animation:fade-up .4s var(--ease-out) .45s both;flex-wrap:wrap;display:flex}.decision-feedback p{min-width:200px;font-size:var(--text-sm);flex:1}.decision-feedback.tone-best{background:var(--green-50);border-color:var(--green-200);color:var(--green-900)}.decision-feedback.tone-best>.icon{color:var(--gold-500)}.id-workspace{gap:var(--space-3);grid-template-columns:minmax(0,1fr) 72px;display:grid}.id-viewport{aspect-ratio:4/3;border-radius:var(--radius-xl);box-shadow:var(--shadow-md);cursor:zoom-in;touch-action:manipulation;-webkit-user-select:none;user-select:none;border:1px solid var(--border);position:relative;overflow:hidden}.id-viewport.can-mark{cursor:crosshair}.id-viewport>svg{position:absolute;inset:0}.id-hint{top:var(--space-3);left:var(--space-3);align-items:center;gap:var(--space-2);border-radius:var(--radius-md);max-width:60%;box-shadow:var(--shadow-sm);font-size:var(--text-sm);pointer-events:none;background:#fffffff0;padding:8px 12px;font-weight:600;display:flex;position:absolute}.id-hint .icon{color:var(--green-600);flex-shrink:0}.id-mark{border:3px solid var(--red-500);pointer-events:none;border-radius:50%;width:44px;height:44px;margin:-22px 0 0 -22px;position:absolute}.id-mark.is-correct{animation:pop .42s var(--ease-spring) both;box-shadow:0 0 0 2px #fffc,inset 0 0 0 2px #ffffff80}.id-mark.is-correct:after{content:"✓";background:var(--green-600);color:#fff;border-radius:50%;place-items:center;width:20px;height:20px;font-size:12px;font-weight:800;display:grid;position:absolute;top:-10px;right:-10px}.id-mark.is-wrong{border-style:dashed;border-color:#fff;animation:.38s shake,.5s .4s reverse both fade-in}.id-lens{z-index:3;box-shadow:0 0 0 2px var(--green-700), var(--shadow-lg);pointer-events:none;background:#eee;border:5px solid #fff;border-radius:50%;animation:.16s both scale-in;position:absolute;overflow:hidden}.id-lens__content{position:absolute;top:0;left:0}.id-lens__content svg{width:100%;height:100%}.id-lens__label{border-radius:var(--radius-full);background:var(--green-900);color:#fff;padding:1px 8px;font-size:.68rem;font-weight:700;position:absolute;bottom:10px;left:50%;transform:translate(-50%)}.zoom-control{align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;align-self:start;display:flex}.zoom-control__btn{border:1px solid var(--border);background:var(--surface-muted);width:38px;height:38px;color:var(--green-800);transition:transform var(--duration-fast) ease, background-color var(--duration-fast) ease;border-radius:50%;place-items:center;display:grid}.zoom-control__btn:hover{background:var(--green-50)}.zoom-control__btn:active{transform:scale(.9)}.zoom-control__slider{writing-mode:vertical-lr;width:24px;height:120px;accent-color:var(--green-700);cursor:pointer;direction:rtl}.zoom-control__levels{flex-direction:column;gap:4px;display:flex}.zoom-control__level{border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--text-subtle);background:0 0;border:1px solid #0000;padding:3px 8px;font-weight:700}.zoom-control__level.can-mark{color:var(--text-muted)}.zoom-control__level.is-active{border-color:var(--green-600);background:var(--green-50);color:var(--green-800)}@media (width<=640px){.id-workspace{grid-template-columns:1fr}.zoom-control{flex-direction:row;justify-content:center;align-self:stretch}.zoom-control__slider{writing-mode:horizontal-tb;direction:ltr;width:110px;height:24px}.zoom-control__levels{flex-direction:row-reverse}.id-hint{max-width:calc(100% - 24px);font-size:var(--text-xs)}}.id-bottom{gap:var(--space-4);margin-top:var(--space-4);grid-template-columns:280px minmax(0,1fr);display:grid}@media (width<=860px){.id-bottom{grid-template-columns:1fr}}.id-notes,.id-pathogens{padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.id-notes h2,.id-pathogens h2{align-items:center;gap:var(--space-2);font-size:var(--text-sm);margin-bottom:var(--space-3);display:flex}.id-notes ul{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.id-notes li{align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--text-subtle);display:flex}.id-notes li.is-found{color:var(--text);animation:fade-up .3s var(--ease-out)}.id-notes__dot{border:1.5px dashed var(--border-strong);width:22px;height:22px;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.id-notes li.is-found .id-notes__dot{background:var(--red-500);color:#fff;border:0}.id-pathogens.is-locked .id-pathogens__grid{opacity:.55;filter:grayscale(.4)}.id-pathogens.is-unlocked{border-color:var(--green-400);animation:1.4s unlock-glow}.id-pathogens__lock{margin:-6px 0 var(--space-3);font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:6px;display:flex}.id-pathogens__grid{gap:var(--space-3);transition:opacity var(--duration-base) ease, filter var(--duration-base) ease;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.pathogen-card{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface-muted);text-align:left;transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease, box-shadow var(--duration-base) ease;padding:10px 12px;display:flex;position:relative}.pathogen-card:not(:disabled):hover{border-color:var(--green-500);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.pathogen-card:disabled{cursor:default}.pathogen-card__thumb{color:#fff;background:#7a5b3a;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.pathogen-card__thumb--bacterium{background:#b9912f}.pathogen-card__thumb--virus{background:#5a7fb8}.pathogen-card__thumb--oomycete{background:#4d8d8a}.pathogen-card__thumb--abiotic{background:#9aa38f}.pathogen-card__text{flex-direction:column;min-width:0;display:flex}.pathogen-card__text strong{font-size:var(--text-sm)}.pathogen-card__text em{font-size:var(--text-xs);color:var(--text-muted)}.pathogen-card__status{color:#fff;width:24px;height:24px;animation:pop .36s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.pathogen-card.is-correct{border-color:var(--green-600);background:var(--green-50);opacity:1}.pathogen-card.is-correct .pathogen-card__status{background:var(--green-600)}.pathogen-card.is-wrong{background:var(--red-100);opacity:.75;border-color:#f1a9a6;animation:.4s shake}.pathogen-card.is-wrong .pathogen-card__status{background:var(--red-500)}.match-board{gap:var(--space-3);grid-template-columns:1.1fr repeat(3,minmax(0,1fr));display:grid}@media (width<=1100px){.match-board{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=640px){.match-board{grid-template-columns:1fr}}.match-target{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:2px solid var(--green-600);box-shadow:var(--shadow-md);flex-direction:column;display:flex}.match-target__label{border-radius:var(--radius-full);background:var(--green-700);color:#fff;font-size:var(--text-xs);letter-spacing:.06em;align-self:flex-start;align-items:center;gap:6px;padding:4px 12px;font-weight:800;display:inline-flex}.match-target__image{padding:var(--space-3);border-radius:var(--radius-md);background:radial-gradient(circle,#f6fbf1,#dcebd0);place-items:center;display:grid;position:relative}.match-target__image .pest-illustration{width:min(180px,100%);height:auto;transition:transform var(--duration-slow) var(--ease-spring)}.match-target__image.is-revealed .pest-illustration{transform:scale(1.05)}.match-target__scope{border:2px solid #fff;border-radius:50%;width:34px;height:34px;animation:2s ease-out infinite pulse-ring;position:absolute;top:10px;right:10px;box-shadow:0 0 0 2px #0f7a3a66}.match-target__info h2{font-size:var(--text-lg)}.match-target__hint{margin-top:var(--space-2);border-radius:var(--radius-sm);background:var(--amber-100);color:#6b4200;font-size:var(--text-xs);gap:6px;padding:6px 10px;display:flex}.match-target__hint .icon{flex-shrink:0;margin-top:1px}.match-chain{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.match-chain__slot{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);border:1.5px dashed var(--border-strong);font-size:var(--text-xs);color:var(--text-subtle);padding:6px 10px;display:flex}.match-chain__slot span{background:var(--surface-muted);border-radius:50%;place-items:center;width:18px;height:18px;font-weight:700;display:grid}.match-chain__slot.is-ok{border-style:solid;border-color:var(--green-500);background:var(--green-50);color:var(--green-800);animation:pop .36s var(--ease-spring);font-weight:600}.match-chain__slot.is-ok span{background:var(--green-600);color:#fff}.match-chain__slot.is-wrong{background:var(--red-100);color:var(--red-600);border-style:solid;border-color:#f1a9a6;font-weight:600;animation:.38s shake}.match-chain__slot.is-wrong span{background:var(--red-500);color:#fff}.match-column{gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);flex-direction:column;display:flex}.match-column.is-answered{background:var(--surface-muted)}.match-column__header{align-items:center;gap:var(--space-2);display:flex}.match-column__header h3{font-size:var(--text-sm)}.match-column__number{background:var(--green-900);color:#fff;width:28px;height:28px;font-weight:800;font-size:var(--text-sm);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.match-column__options{gap:var(--space-2);flex-direction:column;display:flex}.match-option{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface);text-align:left;transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease, box-shadow var(--duration-base) ease, opacity var(--duration-base) ease;padding:8px 10px;display:flex;position:relative}.match-option:not(:disabled):hover{border-color:var(--green-500);box-shadow:var(--shadow-sm);transform:translate(3px)}.match-option:disabled{cursor:default}.match-column.is-answered .match-option:not(.is-correct):not(.is-wrong):not(.is-answer){opacity:.5}.match-option__icon{background:var(--green-50);width:40px;height:40px;color:var(--green-700);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.match-option__text{flex-direction:column;min-width:0;display:flex}.match-option__text strong{font-size:var(--text-sm)}.match-option__text small{font-size:var(--text-xs);color:var(--text-muted)}.match-option__status{color:#fff;width:22px;height:22px;animation:pop .36s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:50%;right:8px;transform:translateY(-50%)}.match-option.is-correct{border-color:var(--green-600);background:var(--green-50)}.match-option.is-correct .match-option__status{background:var(--green-600)}.match-option.is-wrong{background:var(--red-100);border-color:#f1a9a6;animation:.38s shake}.match-option.is-wrong .match-option__status{background:var(--red-500)}.match-option.is-answer{border-color:var(--green-500);border-style:dashed}.other-pests{margin-top:var(--space-4);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border)}.other-pests h3{font-size:var(--text-sm);text-align:center;color:var(--text-muted);margin-bottom:var(--space-3)}.other-pests__list{gap:var(--space-3);grid-template-columns:repeat(auto-fit,minmax(180px,1fr));display:grid}.other-pests__item{align-items:center;gap:var(--space-2);display:flex}.other-pests__item div{flex-direction:column;line-height:1.25;display:flex}.other-pests__item strong{font-size:var(--text-sm)}.other-pests__item small,.other-pests__item span{font-size:var(--text-xs);color:var(--text-muted)}.dd-game.is-dragging,.dd-game.is-dragging *{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.dd-layout{gap:var(--space-4);grid-template-columns:minmax(0,1fr) 320px;align-items:start;display:grid}@media (width<=960px){.dd-layout{grid-template-columns:1fr}}.dd-workspace{padding:var(--space-4);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.dd-workspace__header{align-items:center;gap:var(--space-4);margin-bottom:var(--space-3);flex-wrap:wrap;display:flex}.dd-workspace__header h2{font-size:var(--text-md)}.dd-workspace__progress{flex:1;min-width:160px}.dd-specimen{border-radius:var(--radius-lg);border:1px solid var(--border);-webkit-user-select:none;user-select:none;background:#efebdd;max-width:560px;margin:0 auto;position:relative;overflow:hidden}.dd-stage{aspect-ratio:1;position:relative}.dd-stage>svg{width:100%;height:100%;position:absolute;inset:0}.dd-specimen__chip{top:var(--space-3);left:var(--space-3);border-radius:var(--radius-full);color:#fff;font-size:var(--text-xs);background:#0a2314c7;padding:5px 12px;font-weight:600;position:absolute}.dd-zone{z-index:2;width:0;height:0;position:absolute}.dd-specimen .dd-zone{transform:translateY(0)}.dd-zone__target{color:#fff;width:44px;height:44px;transition:transform var(--duration-fast) var(--ease-spring), background-color var(--duration-fast) ease;touch-action:none;background:#4cc97f59;border:3px solid #fff;border-radius:50%;place-items:center;animation:1.5s ease-in-out infinite zone-flash;display:grid;position:absolute;top:-22px;left:-22px;box-shadow:0 0 0 2px #0f7a3abf}.dd-zone__dot{background:#fff;border-radius:50%;width:10px;height:10px}@keyframes zone-flash{0%,to{box-shadow:0 0 0 2px #0f7a3abf,0 0 #4cc97f99}50%{box-shadow:0 0 0 2px #0f7a3abf,0 0 0 14px #4cc97f00}}.dd-zone.is-inviting .dd-zone__target{background:#f2b30073}.dd-zone.is-over .dd-zone__target{box-shadow:0 0 0 3px var(--gold-500);background:#f2b300b3;animation:none;transform:scale(1.35)}.dd-zone.is-filled .dd-zone__target{background:var(--green-700);animation:none}.dd-zone.is-bounce .dd-zone__target{animation:pop .42s var(--ease-spring)}.dd-zone.is-correct .dd-zone__target{background:var(--green-600);animation:pop .42s var(--ease-spring)}.dd-zone.is-wrong .dd-zone__target{background:var(--red-500);animation:.4s shake}.dd-tag{border-radius:var(--radius-sm);border:1.5px solid var(--green-600);box-shadow:var(--shadow-md);font-size:var(--text-xs);white-space:nowrap;cursor:grab;touch-action:none;animation:scale-in .24s var(--ease-spring);background:#fff;flex-direction:column;padding:4px 10px;font-weight:700;display:inline-flex;position:absolute;top:-14px;left:28px}.dd-tag--left{left:auto;right:28px}.dd-tag small{color:var(--red-600);font-weight:600}.dd-zone.is-correct .dd-tag{border-color:var(--green-600);background:var(--green-50)}.dd-zone.is-wrong .dd-tag{border-color:var(--red-500);background:var(--red-100)}.dd-dock{padding:var(--space-2) var(--space-3) var(--space-3);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0a2314d1;position:relative}.dd-dock__title{color:#d7eadc;font-size:var(--text-xs);margin-bottom:6px;font-weight:700;display:block}.dd-dock__labels{gap:var(--space-2);flex-wrap:wrap;display:flex}.dd-dock__empty{color:#a9c7b3;font-size:var(--text-xs)}.dd-label{border-radius:var(--radius-sm);color:var(--text);font-size:var(--text-xs);cursor:grab;touch-action:none;transition:transform var(--duration-fast) var(--ease-spring), box-shadow var(--duration-fast) ease, opacity var(--duration-fast) ease;background:#fff;border:1.5px solid #fff;align-items:center;gap:4px;padding:6px 10px;font-weight:700;display:inline-flex}.dd-label .icon{color:var(--text-subtle)}.dd-label:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}.dd-label.is-selected{border-color:var(--gold-500);transform:translateY(-2px);box-shadow:0 0 0 3px #f2b30073}.dd-label.is-lifted{opacity:.35}.dd-ghost{z-index:300;border-radius:var(--radius-sm);border:2px solid var(--gold-500);font-size:var(--text-sm);pointer-events:none;background:#fff;padding:7px 12px;font-weight:700;animation:.12s scale-in;position:fixed;transform:translate(-50%,-130%)rotate(-3deg);box-shadow:0 12px 28px #00000040}@media (width<=640px){.dd-tag{padding:3px 7px;font-size:.66rem}}.dd-inventory{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;display:flex}.dd-inventory h2{font-size:var(--text-md)}.dd-inventory__card{padding:var(--space-3);border-radius:var(--radius-md);background:var(--surface-muted);border:1px solid var(--border)}.dd-inventory__card h3{font-size:var(--text-sm);align-items:center;gap:6px;margin-bottom:4px;display:flex}.dd-inventory__card h3 .icon{color:var(--green-600)}.dd-inventory__card p{font-size:var(--text-xs);color:var(--text-muted)}.dd-inventory__list{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.dd-inventory__list li{align-items:flex-start;gap:var(--space-2);border-radius:var(--radius-sm);padding:6px 8px;display:flex}.dd-inventory__list li .icon{color:var(--text-subtle);flex-shrink:0;margin-top:2px}.dd-inventory__list li div{flex-direction:column;display:flex}.dd-inventory__list strong{font-size:var(--text-sm)}.dd-inventory__list small{font-size:var(--text-xs);color:var(--text-muted)}.dd-inventory__list li.is-placed{background:var(--green-50)}.dd-inventory__list li.is-placed .icon{color:var(--green-600)}.dd-result{gap:var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);background:var(--amber-100);text-align:center;animation:scale-in .3s var(--ease-spring);flex-direction:column;display:flex}.dd-result.is-perfect{background:var(--green-100)}.strategy-hero{border-radius:var(--radius-xl);height:340px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}.strategy-hero .farm-scene{transition:filter 1s;position:absolute;inset:0}.strategy-hero__pests span{color:#ffd9d6;background:#7a2019d1;border-radius:50%;place-items:center;width:30px;height:30px;transition:opacity .6s,transform .6s;animation:1.6s ease-in-out infinite bob;display:grid;position:absolute}.strategy-hero.is-saved .strategy-hero__pests span{opacity:0;transform:scale(0)rotate(90deg)}.strategy-hero__guide{left:var(--space-4);top:var(--space-4);align-items:flex-start;gap:var(--space-2);flex-direction:row-reverse;justify-content:flex-end;display:flex;position:absolute}.strategy-hero__guide .speech-bubble:before{border-left-width:10px;border-left-color:#fff;border-right:0;inset:20px -10px auto auto}.strategy-hero__guide .guide-character{margin-top:60px}.strategy-meters{right:var(--space-4);top:var(--space-4);gap:var(--space-2);flex-direction:column;width:min(280px,45%);display:flex;position:absolute}.strategy-meter{align-items:center;gap:4px var(--space-2);padding:var(--space-3);border-radius:var(--radius-md);box-shadow:var(--shadow-md);background:#fffffff2;grid-template-columns:1fr auto;display:grid}.strategy-meter>span{font-size:var(--text-xs);grid-column:1/-1;align-items:center;gap:6px;font-weight:700;display:flex}.strategy-meter>span .icon{color:var(--green-700)}.strategy-meter strong{font-size:var(--text-sm)}.strategy-deploy{background:#06281a59;place-items:center;animation:.2s fade-in;display:grid;position:absolute;inset:0;overflow:hidden}.strategy-deploy span{z-index:1;align-items:center;gap:var(--space-2);border-radius:var(--radius-full);color:var(--green-800);box-shadow:var(--shadow-lg);background:#fff;padding:10px 18px;font-weight:700;display:inline-flex;position:relative}.strategy-deploy__sweep{background:linear-gradient(100deg,#0000 30%,#b4ffc88c 50%,#0000 70%);animation:1.2s ease-in-out both sweep;position:absolute;inset:-20%}@keyframes sweep{0%{transform:translate(-100%)}to{transform:translate(100%)}}.strategy-hero.is-lost .farm-scene{filter:saturate(.4)sepia(.35)brightness(.95)}@media (width<=760px){.strategy-hero{height:auto;min-height:360px;padding:var(--space-3);justify-content:space-between;gap:var(--space-3);flex-direction:column;display:flex}.strategy-hero__guide,.strategy-meters{width:100%;position:relative;top:auto;left:auto;right:auto}.strategy-hero__guide .guide-character{width:70px;height:88px;margin-top:20px}}.strategy-panels{gap:var(--space-3);margin-top:var(--space-4);grid-template-columns:1fr 1.6fr 1fr;display:grid}@media (width<=1060px){.strategy-panels{grid-template-columns:1fr 1fr}.strategy-panel--tactics{order:-1;grid-column:1/-1}}@media (width<=640px){.strategy-panels{grid-template-columns:1fr}}.strategy-panel{gap:var(--space-3);padding:var(--space-4);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);flex-direction:column;min-width:0;display:flex}.strategy-panel h2{align-items:center;gap:var(--space-2);font-size:var(--text-sm);display:flex}.strategy-panel__step{background:var(--green-900);color:#fff;width:24px;height:24px;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.strategy-panel__subtitle{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:6px;display:flex}.strategy-diagnosis__pest{align-items:center;gap:var(--space-3);padding:var(--space-2);border-radius:var(--radius-md);background:var(--green-50);display:flex}.strategy-diagnosis__pest div{flex-direction:column;display:flex}.strategy-diagnosis__pest em{font-size:var(--text-xs);color:var(--text-muted)}.strategy-observations{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.strategy-observations li{font-size:var(--text-sm);gap:6px;display:flex}.strategy-observations .icon{color:var(--green-600);flex-shrink:0;margin-top:3px}.tactic-grid{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}@media (width<=760px){.tactic-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.tactic-card{padding:var(--space-3) var(--space-2);border-radius:var(--radius-md);border:2px solid var(--border);background:var(--surface-muted);text-align:center;transition:border-color var(--duration-fast) ease, transform var(--duration-base) var(--ease-spring), box-shadow var(--duration-base) ease;flex-direction:column;align-items:center;gap:2px;display:flex;position:relative}.tactic-card:not(:disabled):hover{border-color:var(--green-400);box-shadow:var(--shadow-md);transform:translateY(-4px)}.tactic-card:disabled{cursor:default}.tactic-card__icon{border-radius:var(--radius-md);width:56px;height:56px;color:var(--green-700);box-shadow:var(--shadow-sm);background:#fff;place-items:center;margin-bottom:4px;display:grid}.tactic-card--biological .tactic-card__icon{color:#b33a2c}.tactic-card--mechanical .tactic-card__icon{color:#b58500}.tactic-card--chemical .tactic-card__icon{color:#2d7c8a}.tactic-card strong{font-size:var(--text-sm)}.tactic-card__name{font-size:var(--text-xs);color:var(--green-800);font-weight:600}.tactic-card small{color:var(--text-muted);font-size:.7rem;line-height:1.35}.tactic-card__stats{flex-direction:column;align-items:center;gap:2px;margin-top:6px;font-size:.68rem;font-weight:600;display:flex}.tactic-card__stats>span:first-child{color:var(--text-muted);align-items:center;gap:3px;display:inline-flex}.impact{border-radius:var(--radius-full);padding:1px 6px}.impact--low{background:var(--green-100);color:var(--green-800)}.impact--mid{background:var(--amber-100);color:var(--amber-600)}.impact--high{background:var(--red-100);color:var(--red-600)}.tactic-card.is-selected{border-color:var(--green-600);background:var(--green-50);box-shadow:0 0 0 3px #22b35e2e}.tactic-card__check{background:var(--green-600);color:#fff;width:24px;height:24px;animation:pop .36s var(--ease-spring);border-radius:50%;place-items:center;display:grid;position:absolute;top:-8px;right:-8px}.tactic-card.is-best{border-color:var(--gold-500)}.tactic-card__best{border-radius:var(--radius-full);background:var(--gold-500);color:#fff;animation:pop .4s var(--ease-spring);margin-top:4px;padding:1px 8px;font-size:.66rem;font-weight:800}.strategy-goals{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.strategy-goals li{align-items:center;gap:var(--space-2);border-radius:var(--radius-md);border:1px solid var(--border);font-size:var(--text-sm);transition:background-color var(--duration-base) ease, border-color var(--duration-base) ease;padding:8px 10px;display:flex}.strategy-goals li>span:nth-child(2){flex:1}.strategy-goals__icon{background:var(--surface-muted);width:28px;height:28px;color:var(--green-700);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.strategy-goals__check{border:2px solid var(--border-strong);border-radius:50%;flex-shrink:0;place-items:center;width:22px;height:22px;display:grid}.strategy-goals li.is-done{background:var(--green-50);border-color:var(--green-200)}.strategy-goals li.is-done .strategy-goals__check{border-color:var(--green-600);background:var(--green-600);color:#fff;animation:pop .36s var(--ease-spring)}.strategy-outcome{padding:var(--space-3);border-radius:var(--radius-md);font-size:var(--text-sm);flex-direction:column;gap:4px;display:flex}.strategy-outcome.is-success{background:var(--green-100);color:var(--green-900)}.strategy-outcome.is-failure{background:var(--red-100);color:#7a1f1c}.strategy-outcome strong{font-size:var(--text-md)}.strategy-outcome__score{font-weight:700}.mission-result{gap:var(--space-4);flex-direction:column;max-width:880px;margin:0 auto;display:flex;position:relative}.mission-result section{padding:var(--space-5);border-radius:var(--radius-xl);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.mission-result h2{align-items:center;gap:var(--space-2);font-size:var(--text-md);margin-bottom:var(--space-3);display:flex}.mission-result__hero{text-align:center;align-items:center;gap:var(--space-2);animation:scale-in .42s var(--ease-spring) both;flex-direction:column;display:flex;position:relative;overflow:hidden}.is-success .mission-result__hero{background:linear-gradient(180deg, var(--green-50), #fff 60%);border-color:var(--green-200)}.is-failure .mission-result__hero{background:linear-gradient(#fff6e6,#fff 60%)}.mission-result__icon{color:#fff;width:76px;height:76px;animation:pop .7s var(--ease-spring) both;background:linear-gradient(135deg,#f6c945,#e09b00);border-radius:50%;place-items:center;display:grid;box-shadow:0 10px 24px #e09b0059}.is-failure .mission-result__icon{background:linear-gradient(135deg, var(--amber-500), var(--amber-600));box-shadow:none;animation:pop .5s var(--ease-spring) both, shake .5s ease .5s}.mission-result__code{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;letter-spacing:.06em;font-weight:700}.mission-result__hero h1{font-size:var(--text-3xl);color:var(--green-900)}.is-failure .mission-result__hero h1{color:#7a4a00}.mission-result__scores{align-items:center;gap:var(--space-8);margin-top:var(--space-4);flex-wrap:wrap;justify-content:center;display:flex}.mission-result__score{font-size:var(--text-3xl);line-height:1}.mission-result__score-label{font-size:var(--text-xs);color:var(--text-muted);text-transform:uppercase;font-weight:700;display:block}.mission-result__xp{gap:var(--space-3);text-align:left;flex-direction:column;min-width:260px;display:flex;position:relative}.mission-result__xp-gain{align-items:center;gap:var(--space-2);font-size:var(--text-3xl);color:var(--green-700);font-weight:800;display:flex;position:relative}.mission-result__xp-gain .icon{color:var(--gold-500);fill:var(--gold-500);animation:spin 1.2s var(--ease-out) 1}.xp-float{font-size:var(--text-lg);color:var(--gold-500);animation:1.6s ease-out .6s both float-up;position:absolute;top:-10px;left:30px}.mission-result__unlocks{gap:var(--space-2);flex-direction:column;display:flex}.unlock-banner{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--gold-100);font-size:var(--text-sm);border:1px solid #f5dc85;padding:10px 14px;display:flex}.unlock-banner__icon{background:var(--gold-500);color:#fff;border-radius:50%;flex-shrink:0;place-items:center;width:34px;height:34px;animation:1.6s infinite glow;display:grid}.feedback-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.feedback-list__item{gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);padding:10px 12px;display:flex}.feedback-list__item strong{font-size:var(--text-sm)}.feedback-list__item p{font-size:var(--text-sm);color:var(--text-muted);margin-top:2px}.feedback-list__icon{border-radius:50%;flex-shrink:0;place-items:center;width:24px;height:24px;margin-top:1px;display:grid}.feedback-list__item.is-ok .feedback-list__icon{background:var(--green-600);color:#fff}.feedback-list__item.is-miss{background:#fffaf2}.feedback-list__item.is-miss .feedback-list__icon{background:var(--red-500);color:#fff}.mission-result__actions{justify-content:flex-end;gap:var(--space-3);flex-wrap:wrap;display:flex}@media (width<=640px){.mission-result section{padding:var(--space-4)}.mission-result__hero h1{font-size:var(--text-2xl)}.mission-result__xp{width:100%;min-width:0}.mission-result__actions .btn{flex:100%}}.leaf-confetti{z-index:5;pointer-events:none;height:320px;position:absolute;inset:0 0 auto;overflow:hidden}.leaf-confetti span{top:0;left:var(--x);background:var(--green-500);opacity:0;width:12px;height:18px;animation:leaf-fall 2.4s ease-in var(--delay) both;border-radius:0 100%;position:absolute}.leaf-confetti span:nth-child(3n){background:var(--gold-500);border-radius:50%;width:9px;height:9px}.leaf-confetti span:nth-child(4n){background:var(--green-700)}.instructor-banner{justify-content:space-between;align-items:center;gap:var(--space-5);padding:var(--space-6);border-radius:var(--radius-xl);background:radial-gradient(circle at 90% 0%, #ffffff1f, transparent 40%), linear-gradient(120deg, var(--green-800), var(--green-950));color:#fff;flex-wrap:wrap;display:flex}.instructor-banner h2{font-size:var(--text-2xl)}.instructor-banner p{color:#bfe3cb;margin-top:4px}.instructor-banner__tiles{gap:var(--space-3);flex-wrap:wrap;display:flex}.banner-tile{min-width:96px;padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);color:var(--green-900);animation:pop .52s var(--ease-spring) both;background:#fff;flex-direction:column;align-items:center;display:flex}.banner-tile:nth-child(2){animation-delay:90ms}.banner-tile:nth-child(3){animation-delay:.18s}.banner-tile strong{font-size:var(--text-2xl);line-height:1.1}.banner-tile span{text-transform:uppercase;letter-spacing:.06em;color:var(--text-muted);font-size:.68rem;font-weight:700}.banner-tile--risk{color:var(--red-600);background:#fde8e6}@media (width<=640px){.instructor-banner{padding:var(--space-5)}.instructor-banner__tiles{width:100%}.banner-tile{flex:1;min-width:0}}.analytics-split{gap:var(--space-5);grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);display:grid}@media (width<=860px){.analytics-split{grid-template-columns:minmax(0,1fr)}}.analytics-split__title{font-size:var(--text-sm);margin-bottom:var(--space-3)}.syllabus-analytics{gap:var(--space-4);flex-direction:column;display:flex}.big-bars{justify-content:center;gap:var(--space-6);height:220px;display:flex}.big-bars__col{align-items:center;gap:var(--space-2);flex-direction:column;width:100px;display:flex}.big-bars__track{background:#ece9d9;border-radius:10px;flex:1;width:64px;position:relative;overflow:hidden}.big-bars__fill{background:linear-gradient(180deg, var(--green-700), var(--green-900));color:#fff;transform-origin:bottom;animation:grow-y .9s var(--ease-out) both;justify-content:center;padding-top:10px;font-weight:800;display:flex;position:absolute;bottom:0;left:0;right:0}.big-bars__label{font-size:var(--text-xs);color:var(--text-muted);text-align:center;font-weight:600}.module-completion{gap:var(--space-2);flex-direction:column;display:flex}.module-completion h3{font-size:var(--text-sm)}.blindspots{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.blindspots li{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:#f4f2e8;padding:10px 12px;display:flex}.blindspots__rank{background:var(--green-900);color:#fff;width:24px;height:24px;font-size:var(--text-xs);border-radius:50%;flex-shrink:0;place-items:center;font-weight:700;display:grid}.blindspots__text{flex-direction:column;flex:1;min-width:0;display:flex}.blindspots__text strong{font-size:var(--text-sm);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.blindspots__text small{font-size:var(--text-xs);color:var(--text-muted)}.student-progress{gap:var(--space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.student-progress li{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface-muted);display:flex}.student-progress__main{flex-direction:column;flex:1;align-items:flex-start;gap:6px;min-width:0;display:flex}.student-progress__main .progress{width:100%}.student-progress__top{justify-content:space-between;gap:var(--space-2);width:100%;font-size:var(--text-sm);display:flex}.student-progress__more{margin-top:var(--space-3);font-weight:600;font-size:var(--text-sm);align-items:center;gap:6px;display:inline-flex}.workspace-header{gap:var(--space-2);padding:var(--space-5) var(--space-5) var(--space-3);flex-direction:column;display:flex}.workspace-header__crumbs{align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.workspace-header__title{font-size:var(--text-xl)}.workspace-header__title-edit{max-width:520px}.workspace-tabs{padding:0 var(--space-5)}.workspace-body{padding:var(--space-4) var(--space-5) var(--space-5)}.workspace-footer{justify-content:flex-end;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-5);border-top:1px solid var(--border);border-radius:0 0 var(--radius-lg) var(--radius-lg);background:#fffffff2;display:flex;position:sticky;bottom:0}.workspace-footer>span{margin-right:auto}.workspace-footer__dirty{color:var(--amber-600);font-weight:600;animation:.2s fade-in}@media (width<=640px){.workspace-header,.workspace-body{padding-inline:var(--space-4)}.workspace-tabs{padding:0 var(--space-4)}}.embed-list{gap:var(--space-2);flex-wrap:wrap;display:flex}.embed-list__item{border:1px dashed var(--border-strong);border-radius:var(--radius-sm);background:var(--surface-muted);font-size:var(--text-xs);color:var(--text-muted);align-items:center;gap:6px;padding:8px 12px;display:inline-flex}.manage-list{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.manage-list li{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);padding:10px 12px;display:flex}.manage-list__icon{border-radius:var(--radius-sm);background:var(--green-50);width:36px;height:36px;color:var(--green-700);flex-shrink:0;place-items:center;display:grid}.manage-list__text{flex-direction:column;flex:1;min-width:0;display:flex}.manage-list__text strong{font-size:var(--text-sm)}.manage-list__text small{font-size:var(--text-xs);color:var(--text-muted)}.module-workspace__head{align-items:center;gap:var(--space-4);display:flex}.module-workspace__head h2{font-size:var(--text-xl)}.code-input{white-space:pre;min-height:260px;font-family:ui-monospace,Cascadia Code,Consolas,monospace;font-size:.8rem;line-height:1.5}.media-manager__grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(220px,1fr));display:grid}.media-manager__item{position:relative}.media-manager__remove{box-shadow:var(--shadow-sm);background:#ffffffeb;position:absolute;top:8px;right:8px}.dropzone{justify-content:center;align-items:center;gap:var(--space-2);min-height:190px;padding:var(--space-5);border:2px dashed var(--border-strong);border-radius:var(--radius-lg);background:var(--surface-muted);text-align:center;cursor:pointer;transition:border-color var(--duration-fast) ease, background-color var(--duration-fast) ease, transform var(--duration-fast) ease;flex-direction:column;display:flex}.dropzone:hover,.dropzone.is-over{border-color:var(--green-500);background:var(--green-50)}.dropzone.is-over{transform:scale(1.01)}.dropzone__icon{width:56px;height:56px;color:var(--green-700);box-shadow:var(--shadow-sm);background:#fff;border-radius:50%;place-items:center;display:grid}.dropzone.is-over .dropzone__icon{animation:.8s ease-in-out infinite bob}.dropzone__preview{align-items:center;gap:var(--space-2);flex-direction:column;width:100%;display:flex}.dropzone__preview img,.dropzone__preview video{border-radius:var(--radius-md);max-height:220px;box-shadow:var(--shadow-sm)}.heatmap{gap:var(--space-3);flex-direction:column;display:flex}.heatmap__legend{gap:var(--space-4);font-size:var(--text-xs);color:var(--text-muted);flex-wrap:wrap;display:flex}.heatmap__legend span{align-items:center;gap:6px;display:inline-flex}.heatmap__legend i{border-radius:4px;width:14px;height:14px}.heatmap__row{gap:var(--space-3);align-items:stretch;display:flex}.heatmap__module{border-radius:var(--radius-sm);background:var(--green-900);color:#fff;width:40px;font-weight:800;font-size:var(--text-xs);flex-shrink:0;place-items:center;display:grid}.heatmap__cells{gap:var(--space-2);flex:1;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));display:grid}.heatmap__cell{border-radius:var(--radius-sm);font-size:var(--text-xs);transition:transform var(--duration-fast) ease, box-shadow var(--duration-fast) ease;cursor:default;flex-direction:column;gap:2px;padding:8px 10px;display:flex}.heatmap__cell:hover{box-shadow:var(--shadow-sm);transform:translateY(-2px)}.heatmap__cell span{white-space:nowrap;text-overflow:ellipsis;opacity:.85;overflow:hidden}.heatmap__cell em{font-style:normal;font-weight:800;font-size:var(--text-sm)}.heat--mastered{color:#fff;background:#1f8a4c}.heat--proficient{color:#0c3a1e;background:#8fd19e}.heat--developing{color:#5a3d00;background:#f4d27a}.heat--struggling{color:#6b1510;background:#f2a097}.heat--none{color:var(--text-subtle);background:#eceee9}.best-lesson{flex-direction:column;line-height:1.2;display:flex}.best-lesson small{color:var(--text-muted)}@media (width<=760px){.best-lesson{align-items:flex-end}}.history-header{align-items:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.history-header>div{flex:1;min-width:180px}.history-subtitle{font-size:var(--text-sm);margin-bottom:var(--space-3)}.history-list--scroll{max-height:320px;padding-right:6px;overflow-y:auto}.module-card__edit{width:32px;height:32px;color:var(--green-700);box-shadow:var(--shadow-sm);transition:transform var(--duration-fast) var(--ease-spring), background-color var(--duration-fast) ease;background:#fffffff0;border-radius:50%;place-items:center;display:grid;position:absolute;top:10px;right:10px}a.module-card:hover .module-card__edit{background:#fff;transform:scale(1.12)}.lesson-rows{gap:var(--space-2);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.lesson-row{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);color:var(--text);transition:border-color var(--duration-fast) ease, transform var(--duration-fast) ease, box-shadow var(--duration-base) ease;display:flex}.lesson-row:hover{border-color:var(--green-400);box-shadow:var(--shadow-sm);text-decoration:none;transform:translate(3px)}.lesson-row__number{border-radius:var(--radius-sm);background:var(--green-50);min-width:46px;height:34px;color:var(--green-800);font-weight:800;font-size:var(--text-sm);flex-shrink:0;place-items:center;padding:0 8px;display:grid}.lesson-row__text{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.lesson-row__text strong{font-size:var(--text-md)}.lesson-row__text small{color:var(--text-muted);font-size:var(--text-sm);line-height:1.45}.lesson-row__meta{gap:var(--space-3);font-size:var(--text-xs);color:var(--text-subtle);margin-top:4px;font-weight:600;display:flex}.lesson-row__meta span{align-items:center;gap:4px;display:inline-flex}.lesson-row__edit{border-radius:var(--radius-sm);background:var(--surface-muted);width:36px;height:36px;color:var(--text-muted);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;flex-shrink:0;place-items:center;display:grid}.lesson-row:hover .lesson-row__edit{background:var(--green-100);color:var(--green-700)}@media (width<=560px){.lesson-row{padding:var(--space-3)}.lesson-row__text strong{font-size:var(--text-sm)}}.rte{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface);overflow:clip}.rte:focus-within{border-color:var(--green-600);box-shadow:var(--focus-ring)}.rte--loading{min-height:320px;color:var(--text-muted);font-size:var(--text-sm);place-items:center;display:grid}.rte__chrome{top:var(--topbar-height);z-index:5;background:var(--surface-muted);position:sticky;box-shadow:0 6px 12px -8px #061e1259}.rte__toolbar{border-bottom:1px solid var(--border);background:var(--surface-muted);flex-wrap:wrap;align-items:center;gap:2px;padding:6px;display:flex}.rte__tool{min-width:32px;height:32px;color:var(--text-muted);font-size:var(--text-xs);transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease, transform var(--duration-fast) ease;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;gap:4px;padding:0 6px;font-weight:600;display:inline-flex}.rte__tool:hover:not(:disabled){background:var(--green-100);color:var(--green-800)}.rte__tool:active:not(:disabled){transform:scale(.94)}.rte__tool:disabled{opacity:.35;cursor:not-allowed}.rte__tool.is-active{background:var(--green-700);color:#fff}.rte__tool--wide{padding:0 10px}.rte__tool small{font-size:.6rem;font-weight:800}.rte__divider{background:var(--border-strong);width:1px;height:20px;margin:0 4px}.rte__swatches{align-items:center;gap:3px;display:inline-flex}.rte__swatch{width:20px;height:20px;transition:transform var(--duration-fast) var(--ease-spring);border:2px solid #0000;border-radius:50%;box-shadow:inset 0 0 0 1px #0000001f}.rte__swatch:hover{transform:scale(1.15)}.rte__swatch.is-active{border-color:var(--green-800)}.rte__swatch--green{background:#c8f0cf}.rte__swatch--amber{background:#fde9b0}.rte__swatch--blue{background:#c9dcfb}.rte__swatch--pink{background:#fbc9dd}.rte__contextbar{border-bottom:1px solid var(--border);background:var(--green-50);flex-wrap:wrap;align-items:center;gap:4px;padding:6px 8px;display:flex}.rte__contextbar-label{margin-right:var(--space-2);font-size:var(--text-xs);color:var(--green-800);align-items:center;gap:5px;font-weight:700;display:inline-flex}.rte__surface{min-height:0}.rte__content{min-height:340px;padding:var(--space-5);outline:none}.rte__content .ProseMirror-selectednode{outline:2px solid var(--green-500);outline-offset:3px;border-radius:var(--radius-sm)}.rte__content p.is-editor-empty:first-child:before{content:"Write the lesson content…";float:left;pointer-events:none;height:0;color:var(--text-subtle)}.rte-node.is-selected>*{outline:2px solid var(--green-500);outline-offset:3px;border-radius:var(--radius-md)}.rte__bubble{border-radius:var(--radius-md);background:var(--green-950);box-shadow:var(--shadow-lg);gap:2px;padding:4px;display:flex}.rte__bubble .rte__tool{color:#d7eadc}.rte__bubble .rte__tool:hover:not(:disabled){color:#fff;background:#ffffff24}.rte__bubble .rte__tool.is-active{background:var(--green-500);color:#04240f}.rte__menu{z-index:120;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--surface);min-width:190px;box-shadow:var(--shadow-lg);animation:scale-in .12s var(--ease-out) both;padding:5px;position:fixed}.rte__menu button{align-items:center;gap:var(--space-2);border-radius:var(--radius-sm);text-align:left;width:100%;font-size:var(--text-sm);color:var(--text);background:0 0;border:0;padding:8px 10px;display:flex}.rte__menu button:hover{background:var(--green-50);color:var(--green-800)}.rte__menu button .icon{color:var(--green-700)}.rte__menu-divider{background:var(--border);height:1px;margin:4px 0;display:block}@media (width<=640px){.rte__content{padding:var(--space-4)}}.lesson-rows--sortable>li{align-items:stretch;gap:var(--space-2);display:flex}.lesson-rows--sortable>li>.lesson-row{flex:1;min-width:0}.lesson-row__grip{border-radius:var(--radius-sm);width:30px;color:var(--text-subtle);cursor:grab;touch-action:none;transition:background-color var(--duration-fast) ease, color var(--duration-fast) ease;flex:none;place-items:center;display:grid}.lesson-row__grip:hover{background:var(--green-50);color:var(--green-700)}.lesson-rows--sortable.is-dragging .lesson-row__grip{cursor:grabbing}.lesson-rows--sortable.is-dragging .lesson-row{pointer-events:none}.lesson-rows--sortable>li.is-grabbed{opacity:.55;transform:scale(.99)}.lesson-rows--sortable>li.is-drop-target{box-shadow:inset 0 3px 0 0 var(--green-500);border-radius:var(--radius-md)}.lesson-rows__hint{margin-top:var(--space-3);align-items:center;gap:6px;display:flex}.module-cover-edit{gap:var(--space-4);flex-wrap:wrap;align-items:flex-start;display:flex}.module-cover-edit__preview{aspect-ratio:16/10;border-radius:var(--radius-md);border:1px solid var(--border);flex:none;width:200px;position:relative;overflow:hidden}.module-cover-edit__preview .module-card__image{object-fit:cover;width:100%;height:100%}.module-cover-edit__actions{gap:var(--space-3);flex-direction:column;flex:1;min-width:240px;display:flex}@media (width<=560px){.module-cover-edit__preview{width:100%}}.section-grid{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(320px,1fr));display:grid}@media (width<=400px){.section-grid{grid-template-columns:1fr}}.section-card{gap:var(--space-4);padding:var(--space-5);border-radius:var(--radius-lg);background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-sm);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease;flex-direction:column;display:flex}.section-card:hover{box-shadow:var(--shadow-md);transform:translateY(-3px)}.section-card__header{align-items:center;gap:var(--space-3);display:flex}.section-card__header>div:nth-child(2){flex:1}.section-card__header h2{font-size:var(--text-lg)}.section-card__icon{border-radius:var(--radius-md);background:linear-gradient(135deg, var(--green-600), var(--green-800));color:#fff;flex-shrink:0;place-items:center;width:46px;height:46px;display:grid}.section-card__instructor{align-items:center;gap:var(--space-3);padding:var(--space-3);border-radius:var(--radius-md);background:var(--green-50);display:flex}.section-card__instructor div{flex-direction:column;min-width:0;display:flex}.section-card__instructor strong{font-size:var(--text-sm)}.section-card__instructor small{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.section-card__instructor.is-empty{background:var(--amber-100);color:var(--amber-600)}.section-card__footer{justify-content:space-between;align-items:center;gap:var(--space-2);flex-wrap:wrap;display:flex}.pending-approvals{border-color:#f6dca3}.pending-approvals__intro{margin-bottom:var(--space-3)}.pending-approvals__list{margin:0 0 var(--space-2);gap:var(--space-2);flex-direction:column;padding:0;list-style:none;display:flex}.pending-approvals__list li{align-items:center;gap:var(--space-3);border-radius:var(--radius-md);background:var(--amber-100);padding:8px 10px;display:flex}.pending-approvals__list span{flex-direction:column;min-width:0;display:flex}.pending-approvals__list strong{font-size:var(--text-sm)}.pending-approvals__list small{font-size:var(--text-xs);color:var(--text-muted);text-overflow:ellipsis;overflow:hidden}.landing{--nav-height:68px;background:var(--surface);color:var(--text);overflow-x:hidden}html:has(.landing){scroll-behavior:smooth}.landing-section{scroll-margin-top:var(--nav-height);padding:clamp(var(--space-10), 9vh, 6.5rem) var(--space-5)}.landing-section:not(.is-visible) .anim-fade-up{opacity:0;animation:none}.landing-section__head{max-width:640px;margin:0 auto var(--space-10);text-align:center}.landing-section__head h2{letter-spacing:-.02em;margin:var(--space-3) 0 var(--space-4);font-size:clamp(1.7rem,3.4vw,2.5rem);line-height:1.15}.landing-section__head p{color:var(--text-muted);font-size:var(--text-lg);margin:0;line-height:1.65}.landing-eyebrow{align-items:center;gap:var(--space-2);border-radius:var(--radius-full);background:var(--green-50);color:var(--green-700);font-size:var(--text-xs);letter-spacing:.06em;text-transform:uppercase;padding:.4rem .85rem;font-weight:700;display:inline-flex}.landing-nav{z-index:50;height:var(--nav-height);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:border-color var(--duration-base) ease, box-shadow var(--duration-base) ease, background var(--duration-base) ease;background:#ffffffd1;border-bottom:1px solid #0000;align-items:center;display:flex;position:fixed;inset:0 0 auto}.landing-nav.is-scrolled{border-bottom-color:var(--border);background:#fffffff0;box-shadow:0 6px 24px #0b3a220f}.landing-nav__inner{width:min(1180px,100%);padding:0 var(--space-5);align-items:center;gap:var(--space-5);margin:0 auto;display:flex}.landing-nav__brand{color:inherit;flex-shrink:0;text-decoration:none;display:inline-flex}.landing-nav__links{align-items:center;gap:var(--space-2);margin-left:auto;display:flex}.landing-nav__link{border-radius:var(--radius-full);color:var(--text-muted);font-size:var(--text-sm);transition:color var(--duration-fast) ease, background var(--duration-fast) ease;padding:.5rem .9rem;font-weight:600;text-decoration:none}.landing-nav__link:hover,.landing-nav__link:focus-visible{color:var(--green-800);background:var(--green-50)}.landing-nav__actions{align-items:center;gap:var(--space-3);display:flex}.landing-nav__toggle{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface);width:40px;height:40px;color:var(--green-800);cursor:pointer;transition:background var(--duration-fast) ease, border-color var(--duration-fast) ease;justify-content:center;align-items:center;display:none}.landing-nav__toggle:hover{background:var(--green-50);border-color:var(--green-200)}.landing-hero{align-items:center;gap:clamp(var(--space-6), 5vw, var(--space-10));width:min(1180px,100%);padding-top:calc(var(--nav-height) + clamp(var(--space-8), 7vh, 5rem));grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);margin:0 auto;display:grid}.landing-hero__text h1{letter-spacing:-.03em;margin:var(--space-4) 0 var(--space-4);text-wrap:balance;font-size:clamp(2.1rem,5vw,3.6rem);line-height:1.06}.landing-hero__text h1 span{color:var(--green-600)}.landing-hero__text>p{max-width:52ch;margin:0 0 var(--space-6);color:var(--text-muted);font-size:clamp(var(--text-base), 1.6vw, var(--text-lg));line-height:1.7}.landing-hero__actions{gap:var(--space-3);flex-wrap:wrap;display:flex}.device-stack{padding-bottom:clamp(2rem,6vw,3.5rem);position:relative}.device__screen{background:var(--green-950);overflow:hidden}.device__screen img{width:100%;height:auto;display:block}.device--laptop{position:relative}.device--laptop .device__screen{border:10px solid #1d2a23;border-bottom-width:14px;border-radius:14px;box-shadow:0 24px 60px #0b3a2238}.device--laptop .device__base{background:linear-gradient(#243128,#171f1a);border-radius:0 0 10px 10px;width:116%;height:12px;margin:0 auto;display:block;transform:translate(-7%);box-shadow:0 10px 20px #0b3a222e}.device--tablet{width:30%;position:absolute;bottom:6%;right:-3%;transform:rotate(3deg)}.device--tablet .device__screen{border:8px solid #1d2a23;border-radius:14px;box-shadow:0 18px 40px #0b3a2242}.device--phone{width:20%;position:absolute;bottom:-2%;left:-4%;transform:rotate(-5deg)}.device--phone .device__screen{border:7px solid #1d2a23;border-radius:20px;box-shadow:0 18px 38px #0b3a2247}.landing-about__card{width:min(1100px,100%);padding:clamp(var(--space-8), 6vw, 4rem) clamp(var(--space-6), 5vw, var(--space-10));border-radius:var(--radius-xl);background:linear-gradient(135deg, var(--green-800), var(--green-950));color:#fff;text-align:center;margin:0 auto;position:relative;overflow:hidden}.landing-about__glow{pointer-events:none;background:radial-gradient(circle,#4cc97f47,#0000 68%);border-radius:50%;width:420px;height:420px;position:absolute;top:-40%;right:-10%}.landing-about__text{max-width:660px;margin:0 auto;position:relative}.landing-about__text h2{letter-spacing:-.02em;margin:0 0 var(--space-4);text-wrap:balance;font-size:clamp(1.8rem,4vw,2.8rem);line-height:1.12}.landing-about__text p{color:var(--green-100);font-size:clamp(var(--text-base), 1.7vw, var(--text-lg));margin:0;line-height:1.7}.landing-about__stats{justify-content:center;gap:clamp(var(--space-5), 6vw, var(--space-10));margin-top:var(--space-10);padding-top:var(--space-6);border-top:1px solid #ffffff29;flex-wrap:wrap;display:flex;position:relative}.landing-stat{flex-direction:column;gap:.2rem;display:flex}.landing-stat strong{color:#fff;font-size:clamp(1.6rem,3.2vw,2.2rem);line-height:1}.landing-stat span{font-size:var(--text-sm);color:var(--green-200)}.landing-features{background:var(--surface-muted)}.landing-feature-grid{gap:var(--space-5);grid-template-columns:repeat(auto-fit,minmax(280px,1fr));width:min(1100px,100%);margin:0 auto;display:grid}.landing-feature{padding:var(--space-6) var(--space-6);border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);transition:transform var(--duration-base) var(--ease-out), box-shadow var(--duration-base) ease, border-color var(--duration-base) ease}.landing-feature:hover{border-color:var(--green-200);transform:translateY(-4px);box-shadow:0 14px 34px #0b3a2217}.landing-feature__icon{width:46px;height:46px;margin-bottom:var(--space-4);border-radius:var(--radius-md);background:var(--green-50);color:var(--green-700);place-items:center;display:grid}.landing-feature h3{font-size:var(--text-lg);margin:0 0 var(--space-2);line-height:1.3}.landing-feature p{color:var(--text-muted);font-size:var(--text-sm);margin:0;line-height:1.65}.landing-cta__card{width:min(760px,100%);padding:clamp(var(--space-10), 7vw, 4rem) var(--space-6);border:1px solid var(--green-200);border-radius:var(--radius-xl);background:var(--green-50);text-align:center;margin:0 auto;position:relative}.landing-cta__sprout{width:62px;height:62px;margin:0 auto var(--space-5);border-radius:var(--radius-full);background:var(--green-700);color:#fff;place-items:center;display:grid;box-shadow:0 12px 28px #0f7a3a47}.landing-cta__card h2{letter-spacing:-.02em;margin:0 0 var(--space-3);font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.15}.landing-cta__card>p{max-width:46ch;margin:0 auto var(--space-6);color:var(--text-muted);font-size:var(--text-lg);line-height:1.65}.landing-cta__actions{justify-content:center;gap:var(--space-3);flex-wrap:wrap;display:flex}.landing-footer{padding:var(--space-10) var(--space-5);border-top:1px solid var(--border);background:var(--surface)}.landing-footer__inner{align-items:center;gap:var(--space-3);text-align:center;flex-direction:column;width:min(1100px,100%);margin:0 auto;display:flex}.landing-footer p{color:var(--text-muted);font-size:var(--text-sm);margin:0}.landing-footer__meta{font-size:var(--text-xs)}.landing-footer a{color:var(--green-700);font-weight:600}@media (width<=1040px){.landing-hero{text-align:center;gap:var(--space-10);grid-template-columns:1fr}.landing-hero__text>p{margin-inline:auto}.landing-hero__actions{justify-content:center}.device-stack{width:min(620px,100%);margin:0 auto}}@media (width<=840px){.landing-nav__toggle{display:inline-flex}.landing-nav__links{top:var(--nav-height);padding:var(--space-3);background:var(--surface);border-bottom:1px solid var(--border);flex-direction:column;align-items:stretch;gap:0;margin-left:0;display:none;position:absolute;left:0;right:0;box-shadow:0 16px 32px #0b3a221f}.landing-nav__links.is-open{animation:fade-up var(--duration-base) var(--ease-out) both;display:flex}.landing-nav__link{padding:var(--space-4);border-radius:var(--radius-md);font-size:var(--text-base)}.landing-nav__inner{gap:var(--space-3)}.landing-nav__actions{margin-left:auto}}@media (width<=620px){.landing-section{padding-inline:var(--space-4)}.device--tablet{display:none}.device--phone{width:26%;bottom:-4%;left:-2%}.landing-hero__actions .btn,.landing-cta__actions .btn{width:100%}.landing-about__stats{gap:var(--space-6)}}@media (prefers-reduced-motion:reduce){html:has(.landing){scroll-behavior:auto}.landing-section:not(.is-visible) .anim-fade-up{opacity:1}.landing-feature:hover{transform:none}}.auth-split{border-radius:inherit;grid-template-columns:.85fr 1fr;min-height:0;display:grid;overflow:hidden}.auth-brand{padding:var(--space-8) var(--space-6);background:linear-gradient(150deg, var(--green-700), var(--green-950));color:#fff;place-items:center;display:grid;position:relative;overflow:hidden}.auth-brand__wash{background:radial-gradient(circle at 30% 20%,#4cc97f61,#0000 62%);position:absolute;inset:0}.auth-brand__shapes{opacity:.13;width:100%;height:100%;position:absolute;inset:0}.auth-brand__shapes .shape{fill:#fff;transform-origin:50%}.auth-brand__content{align-items:center;gap:var(--space-2);text-align:center;flex-direction:column;display:flex;position:relative}.auth-brand__welcome{font-size:var(--text-sm);letter-spacing:.14em;text-transform:uppercase;color:var(--green-200);margin:0;font-weight:600}.auth-brand__mark{width:84px;height:84px;margin:var(--space-2) 0;border-radius:var(--radius-xl);color:#fff;background:#ffffff24;border:1px solid #ffffff38;place-items:center;display:grid}.auth-brand__wordmark{letter-spacing:-.02em;margin:0;font-size:clamp(1.9rem,3vw,2.5rem);font-weight:800;line-height:1}.auth-brand__tagline{font-size:var(--text-xs);color:var(--green-100);margin:0;line-height:1.5}.auth-form-panel{background:var(--surface);min-height:0;display:flex;position:relative}.auth-form-panel__close{top:var(--space-3);right:var(--space-3);z-index:2;position:absolute}.auth-form-panel__inner{overscroll-behavior:contain;min-width:0;padding:var(--space-8) var(--space-6);gap:var(--space-5);flex-direction:column;flex:1;display:flex;overflow-y:auto}.auth-form-panel__head h1{letter-spacing:-.02em;color:var(--green-950);font-size:1.45rem}.auth-form-panel__head p{color:var(--text-muted);font-size:var(--text-sm);margin-top:3px}.auth-switch{padding-top:var(--space-5);border-top:1px solid var(--border);text-align:center;font-size:var(--text-sm);color:var(--text-muted);margin:0}.auth-switch__link{font:inherit;color:var(--green-700);cursor:pointer;border-radius:var(--radius-sm);background:0 0;border:0;padding:0;font-weight:700}.auth-switch__link:hover{color:var(--green-800);text-decoration:underline}.auth-view{gap:var(--space-4);flex-direction:column;display:flex}.auth-view__actions{justify-content:flex-end;gap:var(--space-3);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.auth-pending{text-align:center;align-items:center}.auth-pending__icon{border-radius:var(--radius-full);background:var(--green-50);width:58px;height:58px;color:var(--green-700);place-items:center;display:grid}.auth-pending p{color:var(--text-muted);margin:0;line-height:1.65}.auth-pending .auth-view__actions{justify-content:center}.auth-page{min-height:100dvh;padding:var(--space-5);background:radial-gradient(circle at 10% 10%, #4cc97f29, transparent 40%), radial-gradient(circle at 90% 90%, #0f7a3a1f, transparent 40%), var(--green-50);place-items:center;display:grid}.auth-page__card{width:min(880px,100%);max-height:calc(100dvh - 2 * var(--space-5));border-radius:var(--radius-xl);background:var(--surface);box-shadow:var(--shadow-lg);animation:scale-in .26s var(--ease-spring) both;display:flex;overflow:hidden}.auth-page__card .auth-split{flex:1;min-height:0}@media (width<=860px){.auth-split{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.auth-brand{padding:var(--space-5)}.auth-brand__content{align-items:center;gap:var(--space-3);text-align:left;flex-direction:row}.auth-brand__welcome,.auth-brand__tagline{display:none}.auth-brand__mark{border-radius:var(--radius-md);width:46px;height:46px;margin:0}.auth-brand__mark .icon{width:26px;height:26px}.auth-brand__wordmark{font-size:1.5rem}.auth-form-panel__inner{padding:var(--space-6) var(--space-5)}}@media (width<=560px){.auth-page{padding:0}.auth-page__card{border-radius:0;min-height:100dvh;max-height:100dvh}.auth-form-panel__inner{padding:var(--space-5) var(--space-4)}.auth-form-panel__close{top:var(--space-2);right:var(--space-2)}}@keyframes landing-rise{0%{opacity:0;filter:blur(7px);transform:translateY(34px)scale(.975)}55%{opacity:1;filter:blur()}to{opacity:1;filter:blur();transform:none}}.landing-section.is-visible .anim-fade-up{animation:.78s cubic-bezier(.22,1,.36,1) both landing-rise;animation-delay:calc(var(--i,0) * 90ms)}@keyframes landing-rise-visual{0%{opacity:0;transform:translateY(46px)scale(.94)}to{opacity:1;transform:none}}.landing-section.is-visible .landing-hero__visual.anim-fade-up{animation:1s cubic-bezier(.22,1,.36,1) .18s both landing-rise-visual}@media (prefers-reduced-motion:reduce){.landing-section.is-visible .anim-fade-up,.landing-section.is-visible .landing-hero__visual.anim-fade-up{opacity:1;filter:none;animation:none;transform:none}}