.admin-shell{--admin-ink: #24382d;--admin-green: #1f4d3a;--admin-mint: #eefaf4;--admin-mint-strong: #d8f5e6;--admin-mint-border: #b0eac9;--admin-yellow: #f8b010;--admin-yellow-soft: #fff6d8;--admin-card: #f7f5ef;--admin-bg: #ffffff;--admin-border: rgba(36, 56, 45, .12);--admin-muted: rgba(36, 56, 45, .55);--admin-shadow: 0 1px 2px rgba(36, 56, 45, .04), 0 8px 22px rgba(36, 56, 45, .05);--admin-radius: 14px;--admin-sidebar: 248px;min-height:100vh;display:grid;grid-template-columns:var(--admin-sidebar) 1fr;background:var(--admin-bg);color:var(--admin-ink);font-family:var(--font-ui, "Inter", system-ui, sans-serif)}.admin-sidebar{position:sticky;top:0;height:100vh;display:flex;flex-direction:column;padding:20px 14px 16px;border-right:1px solid var(--admin-border);background:#fbfaf6}.admin-sidebar__brand{display:flex;flex-direction:column;gap:2px;padding:4px 10px 18px}.admin-sidebar__name{font-family:var(--font-display, "Lora", Georgia, serif);font-size:20px;font-weight:600;letter-spacing:-.03em;color:var(--admin-green)}.admin-sidebar__name span{color:var(--brand-logo-orange, #f39611)}.admin-sidebar__sub{font-size:12px;color:var(--admin-muted)}.admin-nav{display:flex;flex-direction:column;gap:2px;flex:1;overflow:auto}.admin-nav a,.admin-nav button{display:flex;align-items:center;gap:10px;width:100%;padding:9px 12px;border:0;border-radius:10px;background:transparent;color:#24382db8;font:inherit;font-size:13.5px;font-weight:550;text-align:left;cursor:pointer;text-decoration:none}.admin-nav a:hover,.admin-nav button:hover{background:var(--admin-mint);color:var(--admin-ink)}.admin-nav a.active{background:color-mix(in srgb,var(--admin-green) 10%,white);color:var(--admin-green)}.admin-nav__badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;border-radius:999px;background:var(--admin-yellow);color:#3a2a00;font-size:11px;font-weight:700;line-height:18px;text-align:center}.admin-sidebar__foot{display:flex;flex-direction:column;gap:6px;padding-top:12px;border-top:1px solid var(--admin-border)}.admin-sidebar__admin{padding:8px 12px;border:0;border-radius:10px;background:transparent;text-align:left;font:inherit;font-size:12px;color:var(--admin-muted);cursor:pointer}.admin-sidebar__admin span{display:block;margin-top:2px;font-size:11px}.admin-field label,.admin-check{display:block;margin:10px 0 6px;font-size:12px}.admin-check{display:flex;align-items:center;gap:8px}.admin-sidebar__admin strong{display:block;color:var(--admin-ink);font-size:13px;font-weight:600}.admin-main{min-width:0;display:flex;flex-direction:column}.admin-topbar{display:flex;align-items:center;gap:16px;padding:14px 28px;border-bottom:1px solid var(--admin-border);background:var(--admin-bg);position:sticky;top:0;z-index:20}.admin-search{position:relative;flex:1;max-width:560px}.admin-search input{width:100%;height:40px;padding:0 14px 0 38px;border:1px solid var(--admin-border);border-radius:12px;background:#fbfaf6;color:var(--admin-ink);font:inherit;font-size:14px}.admin-search input:focus{outline:none;border-color:color-mix(in srgb,var(--admin-green) 40%,var(--admin-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--admin-mint-strong) 70%,transparent)}.admin-search__icon{position:absolute;left:12px;top:10px;color:var(--admin-muted)}.admin-search__menu{position:absolute;top:calc(100% + 6px);left:0;right:0;background:#fff;border:1px solid var(--admin-border);border-radius:14px;box-shadow:var(--admin-shadow);padding:8px;max-height:420px;overflow:auto}.admin-search__group{padding:8px 8px 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--admin-muted)}.admin-search__item{display:block;width:100%;padding:8px 10px;border:0;border-radius:8px;background:transparent;text-align:left;font:inherit;color:inherit;cursor:pointer}.admin-search__item:hover{background:var(--admin-mint)}.admin-search__empty{padding:16px;color:var(--admin-muted);font-size:13px}.admin-menu-btn{display:none;width:40px;height:40px;border:1px solid var(--admin-border);border-radius:10px;background:#fff;color:var(--admin-ink)}.admin-content{padding:24px 28px 48px;max-width:1280px;width:100%}.admin-page-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:22px}.admin-page-head h1{margin:0;font-family:var(--font-display, "Lora", Georgia, serif);font-size:28px;letter-spacing:-.03em}.admin-page-head p{margin:4px 0 0;color:var(--admin-muted);font-size:14px}.admin-env{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;border:1px solid var(--admin-border);background:var(--admin-mint);font-size:12px;font-weight:600}.admin-kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:20px}.admin-kpi{padding:14px 16px;border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-card);box-shadow:var(--admin-shadow)}.admin-kpi__label{font-size:12px;color:var(--admin-muted);margin-bottom:6px}.admin-kpi__value{font-size:26px;font-weight:650;letter-spacing:-.03em;line-height:1.1}.admin-kpi__meta{margin-top:6px;font-size:12px;color:var(--admin-green)}.admin-card{border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:var(--admin-card);box-shadow:var(--admin-shadow)}.admin-card--pad{padding:18px 20px}.admin-card h2,.admin-card h3{margin:0 0 12px;font-size:16px;letter-spacing:-.02em}.admin-grid-2{display:grid;grid-template-columns:1.2fr .8fr;gap:14px}.admin-today{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.admin-today__row{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-bottom:1px solid color-mix(in srgb,var(--admin-border) 70%,transparent);font-size:13.5px}.admin-today__row:last-child{border-bottom:0}.admin-status-list{display:flex;flex-direction:column;gap:6px}.admin-status-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:7px 8px;border-radius:8px;color:inherit;text-decoration:none}.admin-status-row:hover{background:#fff}.admin-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#c5c5c5}.admin-dot--ok{background:#2f8f5b}.admin-dot--wait{background:var(--admin-yellow)}.admin-dot--missing{background:#c9b48a}.admin-dot--bad{background:#c45c3a}.admin-alerts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}.admin-alert{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;border:1px solid var(--admin-border);background:#fff;font-size:13px;text-decoration:none;color:inherit}.admin-alert--WARNING{background:var(--admin-yellow-soft)}.admin-alert--CRITICAL{background:#fdecea;border-color:#e8b4ac}.admin-alert--INFO{background:var(--admin-mint)}.admin-tabs{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.admin-tabs button{height:34px;padding:0 12px;border:1px solid var(--admin-border);border-radius:999px;background:#fff;color:var(--admin-ink);font:inherit;font-size:13px;cursor:pointer}.admin-tabs button.active{background:var(--admin-green);border-color:var(--admin-green);color:#fff}.admin-toolbar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:14px;align-items:center}.admin-toolbar input[type=search],.admin-field input,.admin-field textarea,.admin-field select{height:38px;padding:0 12px;border:1px solid var(--admin-border);border-radius:10px;background:#fff;font:inherit;color:inherit}.admin-field textarea{height:auto;padding:10px 12px;min-height:84px;width:100%}.admin-field .rich-text-field{height:auto;padding:10px 12px;min-height:84px;width:100%;border:1px solid var(--admin-border);border-radius:10px;background:#fff;font:inherit;color:inherit;box-sizing:border-box}.admin-filter-board{display:flex;flex-direction:column;gap:10px;margin-bottom:14px}.admin-filter-group{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px}.admin-filter-group__label{min-width:110px;font-size:12px;font-weight:600;color:var(--admin-muted)}.admin-chips{display:flex;flex-wrap:wrap;gap:6px}.admin-row-warn td{background:var(--admin-yellow-soft)}.admin-chip{height:30px;padding:0 10px;border:1px solid var(--admin-border);border-radius:999px;background:#fff;font:inherit;font-size:12px;cursor:pointer}.admin-chip.active{background:var(--admin-mint-strong);border-color:var(--admin-mint-border)}.admin-table-wrap{overflow:auto;border:1px solid var(--admin-border);border-radius:var(--admin-radius);background:#fff}.admin-table{width:100%;border-collapse:collapse;font-size:13.5px}.admin-table th{position:sticky;top:0;text-align:left;padding:10px 12px;background:#fbfaf6;border-bottom:1px solid var(--admin-border);font-size:11px;letter-spacing:.03em;text-transform:uppercase;color:var(--admin-muted);font-weight:700}.admin-table td{padding:11px 12px;border-bottom:1px solid color-mix(in srgb,var(--admin-border) 70%,transparent);vertical-align:middle}.admin-table tr:last-child td{border-bottom:0}.admin-table tbody tr{cursor:pointer}.admin-table tbody tr:hover{background:var(--admin-mint)}.admin-user-cell{display:flex;flex-direction:column;min-width:0}.admin-user-cell strong{font-weight:600}.admin-user-cell span{color:var(--admin-muted);font-size:12px}.admin-empty{padding:36px 20px;text-align:center;color:var(--admin-muted)}.admin-empty h3{margin:0 0 6px;color:var(--admin-ink)}.admin-drawer-backdrop,.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#24382d47;z-index:40}.admin-drawer{position:fixed;top:0;right:0;width:min(440px,100vw);height:100vh;height:100dvh;background:#fff;border-left:1px solid var(--admin-border);z-index:41;overflow:auto;padding:22px}.admin-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100vw - 24px));max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px);overflow:auto;background:#fff;border:1px solid var(--admin-border);border-radius:16px;box-shadow:var(--admin-shadow);z-index:42;padding:22px}.admin-modal h2,.admin-drawer h2{margin:0 0 8px;font-size:22px}.admin-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.admin-dl{display:grid;grid-template-columns:140px 1fr;gap:8px 12px;font-size:13.5px}.admin-dl dt{color:var(--admin-muted)}.admin-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 8px;border-radius:999px;border:1px solid var(--admin-border);background:#fff;font-size:12px;font-weight:600}.admin-badge--ok{background:var(--admin-mint)}.admin-badge--warn{background:var(--admin-yellow-soft)}.admin-badge--bad{background:#fdecea}.admin-mech-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:10px}.admin-mech{padding:14px;border:1px solid var(--admin-border);border-radius:12px;background:#fff}.admin-mech strong{display:block;margin-bottom:4px}.admin-mech span{font-size:12px;color:var(--admin-muted)}.admin-plan-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.admin-plan{padding:18px;border:1px solid var(--admin-border);border-radius:16px;background:#fff}.admin-plan--opt{border-color:color-mix(in srgb,var(--admin-yellow) 55%,var(--admin-border));background:linear-gradient(180deg,var(--admin-yellow-soft),white 42%)}.admin-plan h3{margin:0 0 4px}.admin-plan__price{font-size:24px;font-weight:650;margin:8px 0 12px}.admin-plan ul{margin:0;padding-left:18px;color:#24382dc7;font-size:13.5px}.admin-matrix{width:100%;border-collapse:collapse;font-size:13.5px;background:#fff}.admin-matrix th,.admin-matrix td{padding:10px 12px;border-bottom:1px solid var(--admin-border);text-align:center}.admin-matrix th:first-child,.admin-matrix td:first-child{text-align:left}.admin-int-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.admin-legacy-embed .page-header,.admin-legacy-embed .tabs{display:none}.admin-login{min-height:100vh;display:grid;place-items:center;background:radial-gradient(900px 420px at 10% -10%,#eefaf4,transparent 55%),radial-gradient(700px 360px at 110% 10%,#fff6d8,transparent 50%),#fff}.admin-login__card{width:min(420px,calc(100vw - 32px));padding:28px;border:1px solid var(--admin-border);border-radius:18px;background:#fbfaf6;box-shadow:var(--admin-shadow)}.admin-login__card h1{margin:0 0 6px;font-family:var(--font-display, "Lora", Georgia, serif)}.admin-traffic{margin-bottom:20px}.admin-traffic__kpis{grid-template-columns:repeat(2,minmax(0,1fr))}.admin-traffic__lists{margin-top:16px}.admin-traffic-share{font-style:normal;color:var(--admin-muted);font-weight:400}.admin-muted{color:var(--admin-muted);font-size:13.5px}.admin-traffic-chart{margin:8px 0 4px}.admin-traffic-chart svg{width:100%;height:180px;display:block;background:#fff;border:1px solid var(--admin-border);border-radius:12px}.admin-traffic-chart__views{stroke:var(--admin-yellow);stroke-width:2.5}.admin-traffic-chart__uniques{stroke:var(--admin-green);stroke-width:2.5}.admin-traffic-chart__axis{fill:var(--admin-muted);font-size:11px}.admin-traffic-legend{display:flex;flex-wrap:wrap;gap:14px;margin-top:8px;font-size:12px;color:var(--admin-muted)}.admin-traffic-legend i{display:inline-block;width:12px;height:3px;margin-right:6px;vertical-align:middle;border-radius:99px}.admin-traffic-legend__uniques{background:var(--admin-green)}.admin-traffic-legend__views{background:var(--admin-yellow)}@media (max-width: 1366px){.admin-kpis{grid-template-columns:repeat(4,minmax(0,1fr))}.admin-content{padding:20px 20px 40px}}.admin-secret{margin:10px 0 14px}.admin-secret dt{font-size:12px;font-weight:600;color:var(--admin-muted)}.admin-secret dd{margin:2px 0 8px}.admin-secret__form{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.admin-secret__form input{min-width:220px}@media (max-width: 1100px){.admin-kpis,.admin-grid-2,.admin-plan-grid,.admin-int-grid{grid-template-columns:1fr 1fr}}@media (max-width: 860px){.admin-shell{grid-template-columns:minmax(0,1fr)}.admin-sidebar{position:fixed;z-index:30;transform:translate(-110%);transition:transform .2s ease}.admin-shell.is-nav-open .admin-sidebar{transform:none}.admin-menu-btn{display:inline-flex;align-items:center;justify-content:center}.admin-kpis,.admin-grid-2,.admin-plan-grid,.admin-int-grid,.admin-today{grid-template-columns:minmax(0,1fr)}.admin-content{padding:16px}.admin-table-wrap{overflow:auto}}html:has(.lp),html:has(.lp) body{max-width:100%;overflow-x:clip;background-color:var(--lp-bg, #ffffff);color:var(--lp-ink, #24382d);color-scheme:only light}.lp{--lp-ink: #24382d;--lp-ink-soft: rgba(36, 56, 45, .72);--lp-ink-mute: rgba(36, 56, 45, .52);--lp-mint: #d9f2e6;--lp-mint-deep: #c5e8d6;--lp-border: #eaeaea;--lp-bg: #ffffff;--lp-grad: linear-gradient(135deg, #24382d 0%, #2f4a3c 55%, #3d5c4a 100%);--lp-grad-soft: linear-gradient(160deg, #24382d 0%, #2a4034 40%, #d9f2e6 160%);--lp-urok: #f8b010;--lp-urok-text: #f39611;--lp-font-display: "Fraunces", "Lora", Georgia, serif;--lp-font-body: "Source Sans 3", "Segoe UI", sans-serif;--lp-max: 1120px;--lp-pad: clamp(16px, 4vw, 40px);min-height:100vh;max-width:100%;background:var(--lp-bg);color:var(--lp-ink);color-scheme:only light;font-family:var(--lp-font-body);font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1)}.lp.lp--leaving{opacity:0;transform:translateY(14px);pointer-events:none}.lp #features,.lp #for-students,.lp #for-teachers,.lp #tutors,.lp #pricing{scroll-margin-top:96px}.lp a{color:inherit;text-decoration:none}.lp h1,.lp h2,.lp h3{font-family:var(--lp-font-display);font-weight:560;letter-spacing:-.02em;line-height:1.15;margin:0;color:var(--lp-ink)}.lp-nav{position:sticky;top:0;z-index:40;background-color:var(--lp-bg, #ffffff);border-bottom:none;padding-bottom:20px;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),visibility .55s linear}.lp-nav:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(to bottom,rgba(255,255,255,.9) 0%,rgba(255,255,255,.72) 55%,rgba(255,255,255,.28) 82%,transparent 100%);backdrop-filter:blur(14px) saturate(1.05);-webkit-backdrop-filter:blur(14px) saturate(1.05);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,transparent 100%)}.lp-nav__inner{position:relative;max-width:var(--lp-max);margin:0 auto;padding:16px max(var(--lp-pad),env(safe-area-inset-right,0px)) 0 max(var(--lp-pad),env(safe-area-inset-left,0px));display:flex;align-items:center;gap:24px;min-width:0}.lp-brand{display:inline-flex;align-items:center;flex-shrink:0;color:inherit}.lp-brand .krokurok-logo__lockup{height:40px;max-width:min(200px,48vw)}.lp-nav--hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-18px)}.lp-scroll-top{position:fixed;top:20px;right:20px;z-index:50;width:58px;height:58px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1px solid transparent;background:var(--lp-ink);color:#fff;box-shadow:0 8px 24px #24382d29;cursor:pointer;opacity:0;visibility:hidden;transform:translateY(-10px);pointer-events:none;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1),visibility .55s linear,background .25s ease,filter .25s ease}.lp-scroll-top.is-visible{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.lp-scroll-top:hover{background:var(--lp-ink);filter:brightness(1.08)}.lp-scroll-top:focus-visible{outline:2px solid var(--lp-ink);outline-offset:2px}.lp-nav__links{display:flex;align-items:center;justify-content:center;gap:clamp(14px,2.2vw,28px);flex:1;font-size:.95rem;color:var(--lp-ink-soft)}.lp-nav__links a:hover{color:var(--lp-ink)}.lp-nav__actions{display:flex;align-items:center;gap:14px;flex-shrink:0}.lp-nav__login{display:inline-flex;align-items:center;justify-content:center;font-size:.95rem;color:var(--lp-ink-soft);white-space:nowrap}.lp-nav__cta-short{display:none}.lp-nav__login:hover{color:var(--lp-ink)}.lp-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:12px;font-family:var(--lp-font-body);font-size:.98rem;font-weight:600;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease;cursor:pointer}.lp-btn:hover{transform:translateY(-1px)}.lp-btn--sm{min-height:40px;padding:0 16px;font-size:.9rem;border-radius:10px}.lp-btn--primary,a.lp-btn--primary,a.lp-btn--primary:visited{background:var(--lp-grad);color:#fff;box-shadow:0 1px #24382d14}.lp-btn--primary:hover,a.lp-btn--primary:hover{filter:brightness(1.04);color:#fff}.lp-btn--ghost{background:transparent;color:var(--lp-ink);border-color:var(--lp-border)}.lp-btn--ghost:hover{border-color:color-mix(in srgb,var(--lp-ink) 28%,var(--lp-border));background:color-mix(in srgb,var(--lp-mint) 35%,transparent)}.lp-btn--outline{background:#fff;color:var(--lp-ink);border-color:var(--lp-border)}.lp-btn--outline:hover{border-color:color-mix(in srgb,var(--lp-ink) 30%,var(--lp-border))}.lp-btn--block{width:100%;margin-top:auto}.lp-btn--urok,a.lp-btn--urok,a.lp-btn--urok:visited{background:#fff;border-color:var(--lp-urok);color:var(--lp-urok)}.lp-btn--urok:hover,a.lp-btn--urok:hover{background:color-mix(in srgb,var(--lp-urok) 12%,#fff);color:var(--lp-urok)}.lp-hero{max-width:var(--lp-max);margin:0 auto;padding:clamp(36px,7vh,72px) var(--lp-pad) clamp(16px,2.5vh,28px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:clamp(24px,4vw,48px);align-items:start}.lp-hero__copy{min-width:0;max-width:100%}.lp-badge{display:inline-flex;align-items:center;margin:0 0 18px;padding:7px 14px;border-radius:999px;background:var(--lp-mint);color:var(--lp-ink);font-size:.72rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.lp-badge--urok{background:var(--lp-urok);color:var(--lp-ink)}.lp-hero h1{font-family:"Inter",var(--lp-font-body);font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:700;letter-spacing:-.03em;line-height:1.12;max-width:none;margin-bottom:18px}.lp-hero__line{display:block;white-space:nowrap}.lp-hero__accent{display:block;color:var(--lp-urok-text)}.lp-hero__mark{color:var(--lp-urok-text)}.lp-hero__lead{margin:0 0 20px;max-width:36rem;color:var(--lp-ink-soft);font-size:1.05rem;line-height:1.65}.lp-hero__cta{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;max-width:36rem;margin:0 0 18px}.lp-cta-card{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:88px;padding:14px 12px 14px 16px;border-radius:18px;border:1.5px solid transparent;text-decoration:none;transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}.lp-cta-card:hover{transform:translateY(-2px)}.lp-cta-card__text{display:flex;flex-direction:column;gap:4px;min-width:0}.lp-cta-card__text strong{font-family:var(--lp-font-body);font-size:.98rem;font-weight:700;letter-spacing:-.01em;line-height:1.2}.lp-cta-card__text span{font-size:.78rem;font-weight:400;line-height:1.35}.lp-cta-card__btn{width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;font-size:1.05rem;line-height:1}.lp-cta-card--teacher,a.lp-cta-card--teacher,a.lp-cta-card--teacher:visited{background:var(--lp-ink);color:#fff}.lp-cta-card--teacher strong,a.lp-cta-card--teacher strong{color:var(--lp-urok)}.lp-cta-card--teacher .lp-cta-card__text span{color:#ffffffe6}.lp-cta-card--teacher .lp-cta-card__btn{background:#fff;color:var(--lp-ink)}.lp-cta-card--teacher:hover,a.lp-cta-card--teacher:hover{filter:brightness(1.06);color:#fff}.lp-cta-card--student,a.lp-cta-card--student,a.lp-cta-card--student:visited{background:#fff;border-color:var(--lp-urok);color:var(--lp-ink)}.lp-cta-card--student strong,a.lp-cta-card--student strong{color:var(--lp-ink)}.lp-cta-card--student .lp-cta-card__text span{color:var(--lp-ink-soft)}.lp-cta-card--student .lp-cta-card__btn{background:color-mix(in srgb,var(--lp-urok) 22%,#fff);color:var(--lp-urok)}.lp-cta-card--student:hover{box-shadow:0 10px 24px color-mix(in srgb,var(--lp-urok) 18%,transparent)}.lp-hero__points{display:flex;flex-wrap:wrap;align-items:center;width:100%;max-width:36rem;margin:0;padding:0;list-style:none;color:var(--lp-ink-mute);font-size:1.12rem;font-weight:600;letter-spacing:-.01em;line-height:1.4}.lp-hero__points li{display:inline-flex;align-items:center}.lp-hero__points li.is-accent{color:var(--lp-ink-mute)}.lp-hero__points li:not(:last-child):after{content:"";width:4px;height:4px;margin:0 10px;border-radius:50%;background:var(--lp-ink-mute)}.lp-hero__art{display:flex;justify-content:center;align-items:center;min-height:280px}.lp-hero__img{opacity:1;width:min(100%,380px);height:auto;display:block;object-fit:contain;background-color:var(--lp-bg, #ffffff);filter:none}.lp-reveal{animation:lp-rise 1.05s cubic-bezier(.16,1,.3,1) both}.lp-reveal--delay{animation-delay:.16s}@keyframes lp-rise{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}.lp-section-reveal .lp-feature-card,.lp-section-reveal .lp-family__intro,.lp-section-reveal .lp-family__why article,.lp-section-reveal .lp-family__flow,.lp-section-reveal .lp-teachers__copy,.lp-section-reveal .lp-teachers-mock,.lp-section-reveal .lp-stat,.lp-section-reveal .lp-section-head,.lp-section-reveal .lp-market__chips,.lp-section-reveal .lp-tutor-card,.lp-section-reveal .lp-market__empty,.lp-section-reveal .lp-market__all,.lp-section-reveal .billing-toggle,.lp-section-reveal .subscription-card,.lp-section-reveal .lp-trust__inner,.lp-section-reveal .lp-close-card,.lp-section-reveal .lp-seo-visual,.lp-section-reveal .lp-ai-block-mock,.lp-section-reveal .lp-ai-source-mock,.lp-section-reveal .lp-seo-faq__item,.lp-section-reveal .lp-seo-chips,.lp-section-reveal .lp-seo-actions,.lp-section-reveal .lp-seo-step,.lp-section-reveal .lp-seo-plan,.lp-section-reveal .lp-seo-split .lp-feature-card,.lp-section-reveal .lp-seo-examples .lp-feature-card,.lp-section-reveal .lp-board-window,.lp-section-reveal .lp-board-tool,.lp-section-reveal .lp-board-teacher-tools{opacity:0;transform:translateY(28px);transition:opacity .85s cubic-bezier(.16,1,.3,1),transform .85s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}.lp-section-reveal.is-inview .lp-feature-card,.lp-section-reveal.is-inview .lp-family__intro,.lp-section-reveal.is-inview .lp-family__why article,.lp-section-reveal.is-inview .lp-family__flow,.lp-section-reveal.is-inview .lp-teachers__copy,.lp-section-reveal.is-inview .lp-teachers-mock,.lp-section-reveal.is-inview .lp-stat,.lp-section-reveal.is-inview .lp-section-head,.lp-section-reveal.is-inview .lp-market__chips,.lp-section-reveal.is-inview .lp-tutor-card,.lp-section-reveal.is-inview .lp-market__empty,.lp-section-reveal.is-inview .lp-market__all,.lp-section-reveal.is-inview .billing-toggle,.lp-section-reveal.is-inview .subscription-card,.lp-section-reveal.is-inview .lp-trust__inner,.lp-section-reveal.is-inview .lp-close-card,.lp-section-reveal.is-inview .lp-seo-visual,.lp-section-reveal.is-inview .lp-ai-block-mock,.lp-section-reveal.is-inview .lp-ai-source-mock,.lp-section-reveal.is-inview .lp-seo-faq__item,.lp-section-reveal.is-inview .lp-seo-chips,.lp-section-reveal.is-inview .lp-seo-actions,.lp-section-reveal.is-inview .lp-seo-step,.lp-section-reveal.is-inview .lp-seo-plan,.lp-section-reveal.is-inview .lp-seo-split .lp-feature-card,.lp-section-reveal.is-inview .lp-seo-examples .lp-feature-card,.lp-section-reveal.is-inview .lp-board-window,.lp-section-reveal.is-inview .lp-board-tool,.lp-section-reveal.is-inview .lp-board-teacher-tools{opacity:1;transform:translateY(0)}.lp-features{max-width:var(--lp-max);margin:0 auto;padding:clamp(12px,2vh,24px) var(--lp-pad) clamp(40px,7vh,80px)}.lp-section-head{max-width:38rem;margin:0 auto 36px;text-align:center}.lp-section-head h2{font-family:"Inter",var(--lp-font-body);font-size:clamp(1.55rem,2.8vw,2.15rem);font-weight:700;letter-spacing:-.03em}.lp-section-head p{margin:12px 0 0;color:var(--lp-ink-mute);font-size:1rem}.lp-feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.lp-feature-card{padding:22px 20px 24px;border:1px solid var(--lp-border);border-radius:16px;background:#fff;transition:border-color .2s ease,transform .2s ease,background .2s ease}.lp-feature-card:hover{border-color:color-mix(in srgb,var(--lp-ink) 22%,var(--lp-border));background:color-mix(in srgb,var(--lp-mint) 22%,#fff);transform:translateY(-2px)}.lp-feature-card__icon{width:48px;height:48px;margin-bottom:14px;display:block;object-fit:contain}.lp-feature-card h3{font-size:1.12rem;margin-bottom:8px}.lp-feature-card p{margin:0;color:var(--lp-ink-mute);font-size:.94rem;line-height:1.55}.lp-feature-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-feature-card a{font-weight:700;color:var(--lp-ink);text-decoration:underline;text-underline-offset:3px}.lp-feature-card a:hover{opacity:.75}.lp-family{max-width:var(--lp-max);margin:0 auto;padding:clamp(48px,8vh,88px) var(--lp-pad)}.lp-family__intro{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);grid-template-areas:"badge badge" "copy search";column-gap:clamp(28px,4vw,56px);row-gap:18px;align-items:start;margin-bottom:clamp(40px,6vh,64px)}.lp-family__intro>.lp-badge{grid-area:badge;margin-bottom:0;justify-self:start;width:max-content}.lp-family__intro>div:not(.lp-family-search){grid-area:copy;min-width:0}.lp-family__intro>.lp-family-search{grid-area:search}.lp-family__intro h2{max-width:14em;margin:0 0 16px;font-family:var(--lp-font-display);font-size:clamp(1.7rem,3.2vw,2.4rem);font-weight:600;letter-spacing:-.03em;line-height:1.18}.lp-family__intro h2 span{display:block}.lp-family__intro h2 .lp-family__h2-rest{white-space:nowrap}.lp-family__intro p:not(.lp-badge){max-width:38rem;margin:0;color:var(--lp-ink-mute);font-size:1.02rem;line-height:1.6}.lp-family-search{display:flex;flex-direction:column;gap:14px;min-width:0;position:relative;z-index:4}.lp-family-search .lp-market__chips{display:flex;flex-wrap:nowrap;justify-content:stretch;gap:6px;margin:0;width:100%}.lp-family-search .lp-market__chips button{flex:1 1 0;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:32px;padding:0 6px;font-size:.8rem;white-space:nowrap}.lp-family-search__form{display:flex;flex-direction:column;gap:12px}.lp-family-search__query{display:flex;align-items:center;gap:10px;box-sizing:border-box;width:100%;min-width:0;height:44px;min-height:44px;padding:0 12px;overflow:hidden;border:1.5px solid #3d8b5c;border-radius:12px;background:#fff;color:var(--lp-ink-mute)}.lp-family-search__query{padding-right:0}.lp-family-search__query svg{flex-shrink:0;display:block}.lp-family-search__query input{flex:1 1 auto;min-width:0;width:100%;max-width:none;height:100%;margin:0;padding:0 12px 0 0;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;font-size:.92rem;font-weight:400;line-height:1;color:var(--lp-ink);outline:none;text-overflow:ellipsis;appearance:none;-webkit-appearance:none;-moz-appearance:none}.lp-family-search__query input:focus,.lp-family-search__query input:focus-visible,.lp-family-search__query:focus-within,.lp-family-search__query:focus-within input{outline:none;box-shadow:none;background:transparent;-webkit-tap-highlight-color:transparent}.lp-family-search__query input::placeholder{color:var(--lp-ink-mute);font-weight:400}.lp-family-search__row{display:flex;justify-content:flex-end;align-items:flex-start;gap:12px;width:100%}.lp-family-search__actions{flex:1 1 auto;display:flex;flex-direction:column;align-items:stretch;gap:16px;min-width:0}.lp-family-search__sort{display:flex;flex-direction:column;align-items:stretch;box-sizing:border-box;width:12.5rem;min-width:12.5rem;max-width:100%;background:transparent;color:var(--lp-ink)}.lp-family-search__sort.is-open .lp-family-search__sort-trigger{border-bottom-left-radius:0;border-bottom-right-radius:0;transition:border-radius .28s cubic-bezier(.22,1,.36,1)}.lp-family-search__sort-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0;width:100%;height:44px;margin:0;padding:0 14px 0 16px;border:1.5px solid #3d8b5c;border-radius:12px;background:#fff;font:inherit;font-size:.92rem;font-weight:400;color:var(--lp-ink);text-align:left;white-space:nowrap;cursor:pointer;transition:border-radius .28s cubic-bezier(.22,1,.36,1)}.lp-family-search__sort-chevron{flex-shrink:0;font-size:.7rem;color:var(--lp-ink-mute);pointer-events:none;display:inline-block;transition:transform .28s cubic-bezier(.22,1,.36,1)}.lp-family-search__sort.is-open .lp-family-search__sort-chevron{transform:rotate(180deg)}.lp-family-search__sort-panel{min-height:0}.lp-family-search__sort-list{width:100%;margin:0;padding:4px 6px 8px;list-style:none;box-sizing:border-box;background:#fff;border:1.5px solid #3d8b5c;border-top:0;border-radius:0 0 12px 12px;opacity:0;transform:translateY(-10px);pointer-events:none;transition:opacity .22s ease,transform .28s cubic-bezier(.22,1,.36,1)}.lp-family-search__sort.is-open .lp-family-search__sort-list{opacity:1;transform:none;pointer-events:auto}.lp-family-search__sort:not(.is-open) .lp-family-search__sort-list{border-color:transparent;background:transparent}.lp-family-search__sort-list button{display:block;width:100%;margin:0;padding:10px 16px;border:0;border-radius:8px;background:transparent;font:inherit;font-size:.92rem;color:var(--lp-ink);text-align:left;white-space:nowrap;cursor:pointer}.lp-family-search__sort-list button:hover{background:color-mix(in srgb,var(--lp-mint) 40%,#fff)}.lp-family-search__sort-list button.is-active{background:var(--lp-ink);color:#fff}.lp-family-search__find{box-sizing:border-box;width:100%;height:44px;min-height:44px;padding:0 26px;border-radius:12px;white-space:nowrap}.lp-family-search .lp-market__all{margin:0;text-align:right}.lp-family__why{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-bottom:clamp(36px,6vh,56px)}.lp-family__why article{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;column-gap:12px;row-gap:6px;align-items:start;min-width:0;text-align:left}.lp-family__icon{display:grid;place-items:center;width:48px;height:48px;margin-bottom:14px;border-radius:14px;background:var(--lp-mint)}.lp-family__why .lp-family__icon{grid-row:1 / 3;width:64px;height:64px;margin-bottom:0;border-radius:50%}.lp-family__why .lp-family__icon svg{width:28px;height:28px}.lp-family__why .lp-family__icon svg.lp-family__icon-svg--lg,.lp-family__why .lp-family__icon img.lp-family__icon-svg--lg{width:40px;height:40px;object-fit:contain;mix-blend-mode:multiply}.lp-family__why h4{margin:0;font-size:1.02rem;font-weight:700;letter-spacing:-.02em}.lp-family__why p{margin:0;color:var(--lp-ink-mute);font-size:.92rem;line-height:1.5}.lp-family__flow{display:flex;flex-direction:column;align-items:center;width:100%;padding:clamp(24px,4vw,36px) clamp(16px,3vw,28px);border:0;border-radius:24px;background:color-mix(in srgb,var(--lp-mint) 70%,#fff)}.lp-family__flow>p{max-width:none;width:100%;margin:0 0 24px;text-align:center;font-family:var(--lp-font-display);font-size:clamp(1.2rem,2vw,1.5rem);font-weight:600;letter-spacing:-.03em;line-height:1.2}.lp-family__steps{display:flex;align-items:flex-start;justify-content:space-between;width:100%;max-width:1120px;margin:0;padding:0;list-style:none}.lp-family__steps li{display:flex;align-items:flex-start;flex:1;min-width:0}.lp-family__step{display:flex;flex:1;flex-direction:column;align-items:center;min-width:0;text-align:center}.lp-family__steps li:first-child .lp-family__step{transform:translate(10px)}.lp-family__step svg,.lp-family__step img{display:block;width:48px;height:48px;margin:0 0 12px;object-fit:contain;mix-blend-mode:multiply}.lp-family__step strong{display:block;font-size:.95rem;font-weight:700;letter-spacing:-.02em;line-height:1.3}.lp-family__arrow{flex:0 0 auto;align-self:flex-start;width:40px;height:12px;margin:18px 4px 0;object-fit:fill;mix-blend-mode:multiply}.lp-teachers{max-width:var(--lp-max);margin:0 auto;padding:clamp(40px,7vh,72px) var(--lp-pad) clamp(48px,8vh,88px);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(28px,4vw,56px);align-items:center}.lp-teachers__copy h2{max-width:16em;margin:0 0 16px;font-size:clamp(1.7rem,3.2vw,2.35rem);font-weight:600;letter-spacing:-.03em;line-height:1.18}.lp-teachers__copy h2 span{display:block}.lp-teachers__copy>p:not(.lp-badge){max-width:36rem;margin:0;color:var(--lp-ink-mute);font-size:1.02rem;line-height:1.6}.lp-teachers__more{margin-top:16px!important}.lp-teachers__more a{font-weight:700;color:var(--lp-ink);text-decoration:underline;text-underline-offset:3px}.lp-teachers__more a:hover{opacity:.75}.lp-teachers__features{display:grid;grid-template-columns:1fr 1fr;gap:18px 20px;margin:28px 0 0;padding:0;list-style:none}.lp-teachers__features li{display:grid;grid-template-columns:45px minmax(0,1fr);gap:10px;align-items:start}.lp-teachers__icon{display:grid;place-items:center;width:45px;height:45px;color:var(--lp-ink)}.lp-teachers__icon svg,.lp-teachers__icon img{display:block;width:45px;height:45px;object-fit:contain;mix-blend-mode:multiply}.lp-teachers__features strong{display:block;font-size:.96rem;font-weight:700;letter-spacing:-.02em;line-height:1.25}.lp-teachers__features li>div span{display:block;margin-top:2px;color:var(--lp-ink-mute);font-size:.86rem;line-height:1.4}.lp-teachers-mock{min-width:0;overflow:hidden;border:1px solid var(--lp-border);border-radius:18px;background:#fff;box-shadow:0 18px 48px #24382d1a}.lp-teachers-mock__bar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;height:40px;padding:0 14px;border-bottom:1px solid var(--lp-border);background:#f7faf8;color:var(--lp-ink-soft);font-size:.82rem;font-weight:700}.lp-teachers-mock__bar>span:last-child{text-align:center}.lp-teachers-mock__dots{display:flex;gap:5px}.lp-teachers-mock__dots i{width:8px;height:8px;border-radius:50%;background:#d5ddd8}.lp-teachers-mock__body{display:grid;grid-template-columns:148px minmax(0,1fr);min-height:360px}.lp-teachers-mock__nav{display:flex;flex-direction:column;gap:2px;padding:12px 10px;border-right:1px solid var(--lp-border);background:#fbfcfb}.lp-teachers-mock__nav span{padding:7px 10px;border-radius:8px;color:var(--lp-ink-soft);font-size:.8rem;font-weight:600;line-height:1.2}.lp-teachers-mock__nav span.is-active{background:var(--lp-mint);color:var(--lp-ink)}.lp-teachers-mock__main{display:flex;flex-direction:column;gap:12px;padding:16px 16px 14px}.lp-teachers-mock__main>p{margin:0;font-size:.98rem;font-weight:700}.lp-teachers-mock__fields{display:grid;grid-template-columns:1fr 1fr;gap:10px}.lp-teachers-mock__fields label{display:flex;flex-direction:column;gap:4px;padding:10px 12px;border:1px solid var(--lp-border);border-radius:12px;background:#fff}.lp-teachers-mock__fields span{color:var(--lp-ink-mute);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lp-teachers-mock__fields strong{font-size:.92rem;font-weight:700}.lp-teachers-mock__blocks{display:flex;flex-direction:column;gap:8px}.lp-teachers-mock__block{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;padding:10px 12px;border:1px solid var(--lp-border);border-radius:12px;background:#fff}.lp-teachers-mock__block b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--lp-mint);font-size:.78rem;font-weight:700}.lp-teachers-mock__block span{display:block;color:var(--lp-ink-mute);font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.lp-teachers-mock__block strong{display:block;font-size:.9rem;font-weight:700}.lp-teachers-mock__actions{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:4px}.lp-teachers-mock__actions span:first-child{color:var(--lp-ink-soft);font-size:.86rem;font-weight:600}.lp-teachers-mock__actions span:last-child{padding:8px 16px;border-radius:10px;background:var(--lp-ink);color:#fff;font-size:.84rem;font-weight:700}.lp-ai-block-mock{display:flex;flex-direction:column;min-width:0;min-height:280px;overflow:hidden;border:1px solid var(--lp-border);border-radius:20px;background:#fff}.lp-ai-block-mock__bar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;height:40px;padding:0 14px;border-bottom:1px solid var(--lp-border);background:#f7faf8;color:var(--lp-ink-soft);font-size:.82rem;font-weight:700}.lp-ai-block-mock__bar>span:last-child{text-align:center}.lp-ai-block-mock__list{display:flex;flex-direction:column;gap:8px;padding:18px 16px 8px}.lp-ai-block-mock__block{display:grid;grid-template-columns:28px minmax(0,1fr);gap:10px;align-items:center;min-height:48px;padding:10px 12px;border:1px solid var(--lp-border);border-radius:12px;background:#fff}.lp-ai-block-mock__block b{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--lp-mint);color:var(--lp-ink);font-size:.78rem;font-weight:700}.lp-ai-block-mock__block span{color:var(--lp-ink);font-size:.92rem;font-weight:700}.lp-ai-block-mock__block.is-active{grid-template-columns:28px minmax(0,1fr) auto;border-color:color-mix(in srgb,var(--lp-urok) 55%,var(--lp-border));background:color-mix(in srgb,var(--lp-mint) 48%,#fff);box-shadow:inset 3px 0 0 var(--lp-urok)}.lp-ai-block-mock__block em{display:inline-flex;align-items:center;min-height:28px;padding:0 8px;border-radius:8px;background:#fff;color:var(--lp-ink);font-size:.74rem;font-style:normal;font-weight:700;letter-spacing:-.01em;white-space:nowrap}.lp-ai-block-mock__foot{display:flex;flex-direction:column;gap:10px;margin-top:auto;padding:4px 16px 16px}.lp-ai-block-mock__add{align-self:flex-start;min-height:32px;padding:6px 10px;border:1px dashed color-mix(in srgb,var(--lp-ink) 18%,var(--lp-border));border-radius:10px;color:var(--lp-ink);font-size:.82rem;font-weight:700}.lp-ai-source-mock{display:flex;flex-direction:column;min-width:0;overflow:hidden;border:1px solid var(--lp-border);border-radius:20px;background:#fff}.lp-ai-source-mock__bar{display:grid;grid-template-columns:52px 1fr 52px;align-items:center;height:40px;padding:0 14px;border-bottom:1px solid var(--lp-border);background:#f7faf8;color:var(--lp-ink-soft);font-size:.82rem;font-weight:700}.lp-ai-source-mock__bar>span:last-child{text-align:center}.lp-ai-source-mock__body{display:flex;flex-direction:column;gap:10px;padding:14px 14px 12px}.lp-ai-source-mock__field,.lp-ai-source-mock__text{display:flex;flex-direction:column;gap:4px;padding:9px 11px;border:1px solid var(--lp-border);border-radius:12px;background:#fff}.lp-ai-source-mock__field span,.lp-ai-source-mock__text span{color:var(--lp-ink-mute);font-size:.68rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lp-ai-source-mock__field strong{font-size:.94rem;font-weight:700}.lp-ai-source-mock__modes{display:flex;flex-wrap:wrap;gap:6px}.lp-ai-source-mock__modes span{padding:6px 10px;border:1px solid var(--lp-border);border-radius:999px;color:var(--lp-ink-soft);font-size:.78rem;font-weight:700}.lp-ai-source-mock__modes span.is-active{border-color:color-mix(in srgb,var(--lp-ink) 16%,var(--lp-border));background:var(--lp-mint);color:var(--lp-ink);box-shadow:inset 0 -2px 0 var(--lp-urok)}.lp-ai-source-mock__text p{margin:0;color:var(--lp-ink);font-size:.82rem;font-weight:600;line-height:1.35}.lp-ai-source-mock__upload{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.lp-ai-source-mock__file{display:inline-flex;align-items:center;min-height:32px;padding:0 10px;border:1px dashed color-mix(in srgb,var(--lp-ink) 18%,var(--lp-border));border-radius:10px;color:var(--lp-ink);font-size:.8rem;font-weight:700}.lp-ai-source-mock__upload em{color:var(--lp-ink);font-size:.74rem;font-style:normal;font-weight:700}.lp-ai-source-mock__chain{margin:2px 0 0;color:var(--lp-ink-soft);font-size:.72rem;font-weight:700;letter-spacing:.01em}.lp-ai-source-mock__chain b{color:var(--lp-urok);font-weight:700}.lp .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.lp-market{position:relative;z-index:4;max-width:var(--lp-max);margin:0 auto;padding:8px var(--lp-pad) clamp(48px,8vh,88px);overflow:visible}.lp-market .lp-section-head{max-width:42rem}.lp-market__chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 18px}.lp-market__chips button{min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--lp-border);background:#fff;color:var(--lp-ink);font:inherit;font-size:.88rem;font-weight:600;cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease}.lp-market__chips button:hover{border-color:color-mix(in srgb,var(--lp-ink) 28%,var(--lp-border));background:color-mix(in srgb,var(--lp-mint) 40%,#fff)}.lp-market__chips button.is-active{background:var(--lp-ink);border-color:var(--lp-ink);color:#fff}.lp-market__search{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,220px) auto;gap:0;align-items:stretch;margin:0 0 28px;padding:6px;border-radius:16px;background:#fff;border:1px solid var(--lp-border);overflow:visible}.lp-market__field{display:flex;align-items:center;gap:8px;min-height:48px;padding:0 14px;border-radius:12px;background:transparent;border:0;color:var(--lp-ink-mute)}.lp-market__field--city{border-left:1px solid var(--lp-border);border-radius:0}.lp-market__field:focus-within{background:color-mix(in srgb,var(--lp-mint) 28%,#fff)}.lp-market__field input,.lp-market__field select{width:100%;border:0;background:transparent;font:inherit;font-size:.92rem;color:var(--lp-ink);outline:none}.lp-market__field input::placeholder{color:var(--lp-ink-mute)}.lp-market__field--city{position:relative;z-index:2;overflow:visible}.lp-market__field--city.is-open{z-index:6}.lp-market__chevron{flex-shrink:0;font-size:.7rem;color:var(--lp-ink-mute);pointer-events:none}.lp-city-list{position:fixed;z-index:80;max-height:260px;overflow:auto;margin:0;padding:6px;list-style:none;background:#fff;border:1px solid var(--lp-border);border-radius:12px;box-shadow:0 12px 28px #24382d29}.lp-city-list button{width:100%;border:0;background:transparent;text-align:left;padding:8px 10px;border-radius:8px;font:inherit;font-size:.9rem;color:var(--lp-ink);cursor:pointer}.lp-city-list button:hover,.lp-city-list button.is-active{background:color-mix(in srgb,var(--lp-mint) 55%,#fff)}.lp-city-list__empty{padding:10px;font-size:.88rem;color:var(--lp-ink-mute)}.lp-market__find{white-space:nowrap;min-height:48px}.lp-market__carousel{position:relative}.lp-market__track{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(240px,1fr);gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:4px 2px 8px}.lp-market__track::-webkit-scrollbar{display:none}.lp-tutor-card{scroll-snap-align:start;display:flex;flex-direction:column;min-width:0;border:1px solid var(--lp-border);border-radius:16px;background:#fff;overflow:hidden;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.lp-tutor-card:hover{border-color:color-mix(in srgb,var(--lp-ink) 22%,var(--lp-border));transform:translateY(-2px);box-shadow:0 10px 28px #24382d14}.lp-tutor-card__photo{height:168px;background:color-mix(in srgb,var(--lp-mint) 55%,#fff);display:flex;align-items:center;justify-content:center;overflow:hidden}.lp-tutor-card__photo img{width:100%;height:100%;object-fit:cover}.lp-tutor-card__initials{font-family:var(--lp-font-display);font-size:2rem;font-weight:600;color:var(--lp-ink)}.lp-tutor-card__body{padding:14px 16px 16px}.lp-tutor-card__name{display:flex;align-items:center;gap:6px;font-weight:700;font-size:1.02rem}.lp-tutor-card__verified{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--lp-ink);color:#fff;font-size:.62rem;line-height:1}.lp-tutor-card__subject,.lp-tutor-card__meta,.lp-tutor-card__price{margin:4px 0 0;font-size:.9rem}.lp-tutor-card__subject{color:var(--lp-ink-soft)}.lp-tutor-card__meta{color:var(--lp-ink)}.lp-tutor-card__star{color:#d4a017;margin-right:4px}.lp-tutor-card__reviews{color:var(--lp-ink-mute);font-weight:400;margin-left:4px}.lp-tutor-card__price{font-weight:700}.lp-tutor-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.lp-tutor-card__tags span{padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--lp-mint) 70%,#fff);color:var(--lp-ink);font-size:.75rem;font-weight:600}.lp-market__arrow{position:absolute;top:40%;z-index:2;width:40px;height:40px;border-radius:50%;border:1px solid var(--lp-border);background:#fff;color:var(--lp-ink);font-size:1.4rem;line-height:1;cursor:pointer;box-shadow:0 6px 16px #24382d14}.lp-market__arrow--prev{left:-12px}.lp-market__arrow--next{right:-12px}.lp-market__empty,.lp-market__all{text-align:center;color:var(--lp-ink-mute);font-size:.95rem}.lp-market__empty{margin:12px 0 8px}.lp-market__empty a,.lp-market__all a{font-weight:700;color:var(--lp-ink)}.lp-market__all{margin:22px 0 0}.lp-stats{background:var(--lp-mint);border-top:1px solid color-mix(in srgb,var(--lp-ink) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--lp-ink) 6%,transparent)}.lp-stats__inner{max-width:var(--lp-max);margin:0 auto;padding:40px var(--lp-pad);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.lp-stat{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center}.lp-stat__icon{width:80px;height:80px;margin-bottom:6px;object-fit:contain;display:block}.lp-stat strong{font-family:var(--lp-font-display);font-size:clamp(1.35rem,2.2vw,1.7rem);font-weight:600;letter-spacing:-.02em;white-space:nowrap}.lp-stat span{max-width:16rem;font-size:.9rem;color:var(--lp-ink-soft);line-height:1.45}.lp-pricing{max-width:var(--lp-max);margin:0 auto;padding:clamp(48px,8vh,96px) var(--lp-pad)}.lp-wheel-monthly-hint{margin:0 auto 16px;max-width:36rem;text-align:center;font-size:13.5px;line-height:1.4;color:var(--lp-ink-soft)}.lp-pricing.subscription-page .billing-toggle,.lp-pricing .billing-toggle{position:relative;display:grid;grid-template-columns:1fr 1fr;width:fit-content;min-width:248px;max-width:100%;margin:0 auto 20px;padding:4px;border:1px solid var(--lp-border);border-radius:12px;overflow:hidden;background:color-mix(in srgb,var(--lp-mint) 40%,#fff);box-sizing:border-box}.lp-pricing .billing-toggle__thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc(50% - 4px);border-radius:8px;background:var(--lp-ink);transition:left .38s cubic-bezier(.22,1,.36,1);pointer-events:none;z-index:0;transform:none}.lp-pricing .billing-toggle--yearly .billing-toggle__thumb{left:50%;transform:none}.lp-pricing.subscription-page .billing-toggle button,.lp-pricing .billing-toggle button{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap;border:0;background:transparent;padding:8px 16px;cursor:pointer;color:var(--lp-ink-soft);font:inherit;transition:color .28s ease}.lp-pricing.subscription-page .billing-toggle button.active,.lp-pricing .billing-toggle button.active{background:transparent;color:#fff}@keyframes lp-price-swap{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.lp-pricing .subscription-card__price,.lp-pricing .subscription-card__trial{animation:lp-price-swap .34s cubic-bezier(.22,1,.36,1)}.lp-pricing .subscription-card{font-family:var(--lp-font-body);background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}.lp-pricing .subscription-card h2{font-family:var(--lp-font-display)}.lp-pricing .subscription-card__tagline{margin:6px 0 0;color:var(--lp-ink-mute);font-size:.92rem;font-weight:400;line-height:1.4}.lp-pricing .subscription-card__ribbon{top:14px;right:14px;padding:6px 12px;font-size:13px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--lp-ink);background:var(--lp-urok);box-shadow:0 2px 8px color-mix(in srgb,var(--lp-urok) 35%,transparent)}.lp-pricing a.btn-primary,.lp-pricing a.btn-primary:visited,.lp-pricing a.btn-primary:hover{color:#fff}.lp-pricing a.btn-secondary,.lp-pricing a.btn-secondary:visited{color:var(--lp-ink)}.lp-trust{border-top:1px solid var(--lp-border)}.lp-trust__inner{max-width:var(--lp-max);margin:0 auto;padding:22px var(--lp-pad);display:flex;align-items:center;justify-content:space-between;gap:16px}.lp-trust__copy{display:flex;align-items:center;gap:12px;color:var(--lp-ink-soft);font-size:.95rem}.lp-trust__copy p{margin:0}.lp-trust__icon{width:28px;height:28px;flex-shrink:0}.lp-trust__link{font-size:.92rem;font-weight:600;color:var(--lp-ink);white-space:nowrap;text-decoration:none}.lp-trust__link:hover{text-decoration:none;opacity:.75}.lp-close{max-width:var(--lp-max);margin:0 auto;padding:clamp(36px,6vh,72px) var(--lp-pad) clamp(48px,8vh,88px)}.lp-close .lp-section-head{margin-bottom:28px}.lp-close__grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.lp-close-card{display:grid;grid-template-columns:auto minmax(0,1fr);gap:16px;align-items:start;min-height:0;padding:24px;border-radius:20px}.lp-close-card--teacher{background:color-mix(in srgb,var(--lp-mint) 42%,#fff)}.lp-close-card--student{background:color-mix(in srgb,var(--lp-urok) 16%,#fff)}.lp-close-card__icon{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;flex-shrink:0}.lp-close-card--teacher .lp-close-card__icon{background:color-mix(in srgb,var(--lp-mint) 80%,#fff)}.lp-close-card--student .lp-close-card__icon{background:color-mix(in srgb,var(--lp-urok) 22%,#fff)}.lp-close-card__icon img{width:32px;height:32px;object-fit:contain;mix-blend-mode:multiply}.lp-close-card__body{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.lp .lp-close-card h3{margin:0 0 6px;font-family:var(--lp-font-body);font-size:1.12rem;font-weight:700;letter-spacing:-.02em}.lp-close-card p{margin:0 0 16px;color:var(--lp-ink-mute);font-size:.95rem;line-height:1.5}.lp-footer{border-top:1px solid var(--lp-border);padding:28px var(--lp-pad) 40px;background-color:var(--lp-bg, #ffffff);color:var(--lp-ink, #24382d)}.lp-footer__inner{max-width:var(--lp-max);margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;gap:12px 24px}.lp-footer__brand{display:inline-flex;align-items:center}.lp-footer__brand .krokurok-logo__lockup{height:40px;max-width:min(200px,48vw)}.lp-footer p{margin:0;color:var(--lp-ink-mute);font-size:.92rem;flex:1}.lp-footer__links{display:flex;flex-wrap:wrap;gap:16px;font-size:.9rem;color:var(--lp-ink-soft)}.lp-footer__links a:hover{color:var(--lp-ink)}.lp-seo-actions{display:flex;flex-wrap:wrap;gap:12px;margin:0 0 22px}.lp-seo-actions--center{justify-content:center;margin:22px 0 0}.lp-seo-list{margin:20px 0 0;padding:0 0 0 1.15em;color:var(--lp-ink-soft);font-size:.98rem;line-height:1.55}.lp-seo-list li+li{margin-top:8px}.lp-seo-note{margin-top:16px!important}.lp-seo-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:280px;padding:36px 28px;border:1px solid var(--lp-border);border-radius:20px;background:color-mix(in srgb,var(--lp-mint) 42%,#fff);text-align:center}.lp-seo-visual img{width:120px;height:120px;object-fit:contain;mix-blend-mode:multiply}.lp-seo-visual p{margin:16px 0 0;max-width:16rem;color:var(--lp-ink-soft);font-size:.98rem;font-weight:600}.lp-teachers--flip .lp-teachers__copy{order:2}.lp-seo-band{background:var(--lp-mint);border-top:1px solid color-mix(in srgb,var(--lp-ink) 6%,transparent);border-bottom:1px solid color-mix(in srgb,var(--lp-ink) 6%,transparent)}.lp-seo-band .lp-section-head{max-width:40rem;padding:clamp(48px,8vh,88px) var(--lp-pad);margin:0 auto}.lp-seo-subjects,.lp-seo-faq{max-width:var(--lp-max);margin:0 auto;padding:clamp(48px,8vh,88px) var(--lp-pad)}.lp-seo-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0;padding:0;list-style:none}.lp-seo-chips li{min-height:36px;padding:8px 14px;border:1px solid var(--lp-border);border-radius:999px;background:#fff;color:var(--lp-ink);font-size:.88rem;font-weight:600}.lp-seo-chips-note{margin:16px 0 0;text-align:center;color:var(--lp-ink-mute);font-size:.92rem}.lp-seo-faq__list{display:flex;flex-direction:column;gap:10px;max-width:44rem;margin:0 auto}.lp-seo-faq__item{padding:16px 20px;border:1px solid var(--lp-border);border-radius:16px;background:#fff}.lp-seo-faq__item summary{cursor:pointer;font-weight:700;letter-spacing:-.02em;list-style:none}.lp-seo-faq__item summary::-webkit-details-marker{display:none}.lp-seo-faq__item p{margin:10px 0 0;color:var(--lp-ink-mute);font-size:.96rem;line-height:1.55}.lp-seo-split-wrap{max-width:var(--lp-max);margin:0 auto;padding:clamp(12px,2vh,24px) var(--lp-pad) clamp(40px,7vh,80px)}.lp-seo-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.lp-seo-band__inner{max-width:var(--lp-max);margin:0 auto;padding:clamp(48px,8vh,88px) var(--lp-pad)}.lp-seo-band__inner .lp-section-head{padding:0;margin-bottom:28px}.lp-seo-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}.lp-seo-step{padding:22px 20px 24px;border:1px solid var(--lp-border);border-radius:16px;background:#fff}.lp-seo-step b{display:block;margin-bottom:10px;color:var(--lp-urok);font-family:var(--lp-font-display);font-size:1.55rem;line-height:1}.lp-seo-step strong{display:block;margin-bottom:8px;font-size:1.05rem}.lp-seo-step span{display:block;color:var(--lp-ink-mute);font-size:.94rem;line-height:1.5}.lp-seo-examples{grid-template-columns:repeat(3,minmax(0,1fr))}.lp-seo-examples .lp-feature-card:nth-child(4),.lp-seo-examples .lp-feature-card:nth-child(5){grid-column:span 1}.lp-seo-plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.lp-seo-plan{display:flex;flex-direction:column;gap:8px;padding:24px 22px;border:1px solid var(--lp-border);border-radius:16px;background:#fff}.lp-seo-plan.is-accent{border-color:color-mix(in srgb,var(--lp-ink) 18%,var(--lp-border));background:color-mix(in srgb,var(--lp-mint) 42%,#fff)}.lp-seo-plan h3{margin:0;font-size:1.12rem}.lp-seo-plan p{margin:0;color:var(--lp-ink-soft);font-size:.98rem}.lp-seo-plan strong{margin-top:8px;font-size:1.15rem}.lp-seo-plan span{color:var(--lp-ink-mute);font-size:.92rem}.lp-seo-page .lp-hero .lp-seo-actions{margin-bottom:10px}.lp-seo-cta-note{margin:0;max-width:34rem;color:#24382dbd;font-size:.9rem;line-height:1.45}.lp-seo-page .lp-hero{padding-top:clamp(28px,5vh,52px);padding-bottom:clamp(12px,2vh,20px)}.lp-seo-page .lp-features,.lp-seo-page .lp-seo-split-wrap{padding-top:clamp(8px,1.4vh,16px);padding-bottom:clamp(28px,5vh,56px)}.lp-seo-page .lp-teachers{padding:clamp(28px,5vh,50px) var(--lp-pad) clamp(32px,5.5vh,60px)}.lp-seo-page .lp-seo-band__inner,.lp-seo-page .lp-seo-subjects,.lp-seo-page .lp-seo-faq{padding-top:clamp(32px,5.5vh,60px);padding-bottom:clamp(32px,5.5vh,60px)}.lp-seo-page .lp-close{padding:clamp(28px,4.5vh,52px) var(--lp-pad) clamp(32px,5.5vh,60px)}.lp-seo-page .lp-section-head{margin-bottom:24px}.lp-seo-page .lp-section-head h2,.lp-seo-page .lp-teachers__copy h2,.lp-seo-page .lp-close .lp-section-head h2{font-family:var(--lp-font-display);font-size:clamp(1.7rem,3.2vw,2.35rem);font-weight:600;letter-spacing:-.03em;line-height:1.18;color:var(--lp-ink)}.lp-seo-page .lp-hero__lead,.lp-seo-page .lp-section-head p,.lp-seo-page .lp-teachers__copy>p:not(.lp-badge),.lp-seo-page .lp-feature-card p,.lp-seo-page .lp-seo-list,.lp-seo-page .lp-seo-note,.lp-seo-page .lp-seo-faq__item p,.lp-seo-page .lp-seo-chips-note,.lp-seo-page .lp-seo-plan p{color:#24382dbd}.lp-seo-page .lp-seo-visual{min-height:220px}.lp-seo-page .lp-ai-block-mock{min-height:0}.lp-seo-page .lp-teachers-mock__body{min-height:300px}.lp-seo-board-page .lp-hero{grid-template-columns:minmax(0,1fr);align-items:start}.lp-seo-board-page .lp-hero__copy{max-width:40rem}.lp-seo-board-page .lp-seo-split-wrap .lp-section-head+.lp-section-head{padding-top:28px}.lp-seo-board-page .lp-hero__line{white-space:normal}.lp-board-window{min-width:0;overflow:hidden;border:1px solid var(--lp-border);border-radius:18px;background:#fff;box-shadow:0 18px 48px #24382d1a}.lp-board-window__bar{display:grid;grid-template-columns:52px 1fr auto;align-items:center;height:40px;padding:0 14px;border-bottom:1px solid var(--lp-border);background:#f7faf8;color:var(--lp-ink-soft);font-size:.82rem;font-weight:700}.lp-board-window__bar>span:nth-child(2){text-align:center}.lp-board-window__bar strong{color:var(--lp-ink);font-size:.78rem;font-variant-numeric:tabular-nums}.lp-board-window__body{display:grid;grid-template-columns:92px minmax(0,1fr);background:#eef2ef}.lp-board-pips{display:flex;flex-direction:column;gap:8px;padding:10px 8px}.lp-board-pip{display:flex;flex-direction:column;gap:6px;padding:8px 6px;border-radius:12px;background:#24382d;color:#fff}.lp-board-pip__face{display:grid;place-items:center;width:100%;aspect-ratio:4 / 3;border-radius:8px;background:color-mix(in srgb,#d9f2e6 28%,#24382d);font-size:1.05rem;font-weight:700}.lp-board-pip__face[data-tone=student]{background:color-mix(in srgb,#f8b010 32%,#24382d)}.lp-board-pip span:last-child{color:#ffffffd1;font-size:.62rem;font-weight:600;line-height:1.25;text-align:center}.lp-board-window__main{min-width:0;display:flex;flex-direction:column;background:#e8eaef}.lp-board-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:8px 10px;border-bottom:1px solid var(--lp-border);background:#f7f8fa}.lp-board-toolbar__back{color:var(--lp-ink-soft);font-size:.72rem;font-weight:700;white-space:nowrap}.lp-board-toolbar__tools{display:flex;flex-wrap:wrap;gap:4px}.lp-board-toolbar__tools i,.lp-board-controls i{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;color:var(--lp-ink);background:#fff;border:1px solid var(--lp-border)}.lp-board-toolbar__tools i.is-active,.lp-board-controls i.is-active{background:var(--lp-mint);border-color:color-mix(in srgb,var(--lp-ink) 16%,var(--lp-border))}.lp-board-toolbar__meta{display:inline-flex;align-items:center;gap:8px;margin-left:auto;color:var(--lp-ink-soft);font-size:.7rem;font-weight:700}.lp-board-swatch{display:block;width:14px;height:14px;border-radius:999px;background:#111827;font-style:normal}.lp-board-toolbar__meta b{padding:4px 8px;border-radius:8px;background:#fff;border:1px solid var(--lp-border);font-weight:700}.lp-board-canvas{min-height:210px;padding:10px}.lp-board-canvas__art,.lp-board-sheet{display:block;width:100%;border-radius:10px;background:#fff;box-shadow:0 4px 24px #0f172a14}.lp-board-canvas__art{height:auto}.lp-board-svg-kicker{fill:#24382d7a;font-family:"Source Sans 3",sans-serif;font-size:14px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lp-board-svg-title,.lp-board-svg-eq,.lp-board-svg-answer,.lp-board-svg-note,.lp-board-svg-axis-label{fill:#24382d;font-family:"Source Sans 3",sans-serif}.lp-board-svg-title{font-size:28px;font-weight:700}.lp-board-svg-eq{font-size:24px;font-weight:600}.lp-board-svg-answer{font-size:24px;font-weight:700}.lp-board-svg-note{fill:#c98400;font-size:16px;font-weight:700}.lp-board-svg-axis-label{font-size:13px;font-weight:600}.lp-board-svg-rule,.lp-board-svg-axis,.lp-board-svg-tick{stroke:#24382d;stroke-width:2;stroke-linecap:round}.lp-board-svg-rule--orange{stroke:#f8b010;stroke-width:3}.lp-board-svg-box{fill:color-mix(in srgb,#d9f2e6 70%,#fff);stroke:#24382d;stroke-width:1.5}.lp-board-svg-dot{fill:#f8b010;stroke:#24382d;stroke-width:1.5}.lp-board-sheet{position:relative;min-height:210px;padding:22px 22px 28px;background:linear-gradient(#fff8e8,#fff8e8),#fff}.lp-board-sheet__meta{margin:0 0 10px;color:#24382d80;font-size:.72rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lp-board-sheet__title{margin:0 0 10px;font-size:1.15rem;font-weight:700}.lp-board-sheet__text{margin:0 0 8px;max-width:28rem;color:#24382dc7;font-size:.95rem;line-height:1.5}.lp-board-sheet__mark{position:absolute;left:22px;bottom:64px;color:#c98400;font-size:.86rem;font-weight:700}.lp-board-sheet__box{position:absolute;left:22px;bottom:18px;padding:6px 12px;border:1.5px solid #24382d;border-radius:8px;background:color-mix(in srgb,#d9f2e6 70%,#fff);font-weight:700}.lp-board-controls{display:flex;justify-content:center;gap:8px;padding:10px 12px 12px;border-top:1px solid var(--lp-border);background:#f7faf8}.lp-board-controls i.is-end{background:#fff;color:#b42318;border-color:color-mix(in srgb,#b42318 28%,var(--lp-border))}.lp-board-tools{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.lp-board-tool{display:grid;grid-template-columns:36px minmax(0,1fr);gap:12px;align-items:start;padding:16px 16px 18px;border:1px solid var(--lp-border);border-radius:16px;background:#fff}.lp-board-tool__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--lp-mint);color:var(--lp-ink)}.lp-board-tool h3{margin:0 0 4px;font-size:1rem}.lp-board-tool p{margin:0;color:#24382dbd;font-size:.92rem;line-height:1.45}.lp-board-teacher-tools{margin-top:16px;padding:18px 20px;border:1px solid var(--lp-border);border-radius:16px;background:color-mix(in srgb,var(--lp-mint) 28%,#fff)}.lp-board-teacher-tools p{margin:0 0 12px;font-weight:700}.lp-board-teacher-tools ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.lp-board-teacher-tools strong{display:block;margin-bottom:4px}.lp-board-teacher-tools span{color:#24382dbd;font-size:.9rem;line-height:1.45}.lp-board-chain{grid-template-columns:repeat(5,minmax(0,1fr))}.lp-board-chain-links{margin-top:22px!important;text-align:center}.lp-seo-board-page .lp-seo-examples{grid-template-columns:repeat(2,minmax(0,1fr))}@media (max-width: 980px){.lp-hero__line{white-space:normal}.lp-feature-grid,.lp-feature-grid--2,.lp-seo-split,.lp-seo-steps,.lp-seo-examples,.lp-seo-plans,.lp-board-tools,.lp-board-chain,.lp-board-teacher-tools ul{grid-template-columns:repeat(2,minmax(0,1fr))}.lp-market__search{grid-template-columns:minmax(0,1fr);gap:0}.lp-market__field--query,.lp-market__field--city,.lp-market__find{grid-column:1 / -1}.lp-market__field--city{border-left:0;border-top:1px solid var(--lp-border)}}@media (max-width: 1000px){.lp-nav__inner{gap:12px}.lp-nav__links{display:none}}@media (max-width: 860px){.lp-hero,.lp-seo-board-page .lp-hero{grid-template-columns:minmax(0,1fr);padding-top:20px;gap:12px}.lp-seo-board-page .lp-hero__art{order:0}.lp-board-window__body{grid-template-columns:minmax(0,1fr)}.lp-board-pips{flex-direction:row;padding:8px 8px 0}.lp-board-pip{flex:1 1 0;flex-direction:row;align-items:center;gap:8px;padding:6px 8px}.lp-board-pip__face{width:36px;aspect-ratio:1;flex-shrink:0;font-size:.85rem}.lp-board-pip span:last-child{text-align:left}.lp-board-canvas{min-height:180px}.lp-hero h1{max-width:none;font-size:clamp(1.7rem,7.2vw,2.35rem)}.lp-hero__line{white-space:normal}.lp-hero__lead{font-size:1rem}.lp-hero__cta{grid-template-columns:minmax(0,1fr);max-width:none}.lp-hero__points{width:100%;max-width:none;flex-wrap:wrap;white-space:normal;font-size:.92rem;row-gap:6px}.lp-hero__points li:not(:last-child):after{margin:0 8px}.lp-hero__art{order:-1;min-height:0}.lp-hero__img{width:min(100%,220px)}.lp-teachers{grid-template-columns:minmax(0,1fr)}.lp-teachers--flip .lp-teachers__copy{order:0}.lp-teachers-mock__nav{display:none}.lp-teachers-mock__body{grid-template-columns:minmax(0,1fr);min-height:0}.lp-close__grid{grid-template-columns:minmax(0,1fr)}.lp-close-card .lp-btn{width:100%}.lp-family__intro{grid-template-columns:minmax(0,1fr);grid-template-areas:"badge" "copy" "search"}.lp-family__intro h2{max-width:none}.lp-family__intro h2 .lp-family__h2-rest{white-space:normal}.lp-family-search .lp-market__chips{flex-wrap:wrap;justify-content:flex-start}.lp-family-search .lp-market__chips button{flex:0 1 auto}.lp-family-search__row{flex-direction:column;align-items:stretch}.lp-family-search__sort{width:100%;min-width:0}.lp-family-search__sort-trigger,.lp-family-search__query input{width:100%;font-size:16px}.lp-family__why{grid-template-columns:minmax(0,1fr)}.lp-family__steps{flex-direction:column;align-items:stretch;max-width:22rem;gap:2px}.lp-family__steps li{flex:none;width:100%;flex-direction:column;align-items:stretch}.lp-family__steps li:first-child .lp-family__step{transform:none}.lp-family__step{flex-direction:row;align-items:center;text-align:left;gap:12px}.lp-family__step svg,.lp-family__step img{width:36px;height:36px;margin:0;flex-shrink:0}.lp-family__arrow{display:block;width:22px;height:8px;margin:2px auto;transform:rotate(90deg);align-self:center}.lp-stats__inner{grid-template-columns:1fr 1fr}.lp-stat strong{white-space:normal}.lp-trust__inner{flex-direction:column;align-items:flex-start}.lp-market__search{grid-template-columns:minmax(0,1fr)}.lp-market__arrow{display:none}.lp-footer__inner{flex-direction:column;align-items:flex-start}}@media (max-width: 520px){.lp{font-size:16px}.lp-nav__inner{gap:8px;padding-top:12px}.lp-brand{min-width:0}.lp-brand .krokurok-logo__lockup,.lp-footer__brand .krokurok-logo__lockup{height:32px;max-width:min(132px,34vw)}.lp-nav__actions{gap:8px;margin-left:auto}.lp-nav__login{display:inline-flex;min-height:44px;min-width:44px;padding:0 8px;font-size:.9rem;font-weight:600;color:var(--lp-ink)}.lp-nav__actions .lp-btn--sm{min-height:44px;padding:0 12px;font-size:.84rem;white-space:nowrap}.lp-feature-grid,.lp-family__why,.lp-teachers__features,.lp-stats__inner,.lp-teachers-mock__fields{grid-template-columns:minmax(0,1fr)}.lp-cta-card{min-height:76px;padding:12px 12px 12px 14px}.lp-hero__cta{gap:10px;margin-bottom:14px}.lp-stat,.lp-stats__inner{text-align:left}.lp-stat{align-items:flex-start}.lp-stat__icon{width:56px;height:56px}.lp-scroll-top{width:48px;height:48px;top:12px;right:12px}.lp-teachers-mock__actions{flex-wrap:wrap}.lp-ai-block-mock__block.is-active{grid-template-columns:28px minmax(0,1fr)}.lp-ai-block-mock__block em{grid-column:2;justify-self:start}.lp-feature-grid--2,.lp-seo-split,.lp-seo-steps,.lp-seo-examples,.lp-seo-plans,.lp-board-tools,.lp-board-chain,.lp-board-teacher-tools ul{grid-template-columns:minmax(0,1fr)}}@media (max-width: 400px){.lp-nav__cta-full{display:none}.lp-nav__cta-short{display:inline}}@media (max-width: 360px){.lp-nav__inner{gap:6px}.lp-brand .krokurok-logo__lockup{max-width:min(108px,30vw)}.lp-nav__actions{gap:4px}.lp-nav__actions .lp-btn--sm{padding:0 10px}}@media (prefers-reduced-motion: reduce){.lp,.lp.lp--leaving,.lp-reveal,.lp-reveal--delay,.lp-btn,.lp-cta-card,.lp-feature-card,.lp-section-reveal .lp-feature-card,.lp-section-reveal .lp-stat,.lp-section-reveal .lp-section-head,.lp-section-reveal .lp-market__chips,.lp-section-reveal .lp-market__search,.lp-section-reveal .lp-tutor-card,.lp-section-reveal .lp-market__empty,.lp-section-reveal .lp-market__all,.lp-section-reveal .billing-toggle,.lp-section-reveal .subscription-card,.lp-section-reveal .lp-trust__inner,.lp-section-reveal .lp-close-card,.lp-section-reveal .lp-seo-visual,.lp-section-reveal .lp-ai-block-mock,.lp-section-reveal .lp-ai-source-mock,.lp-section-reveal .lp-seo-faq__item,.lp-section-reveal .lp-seo-chips,.lp-section-reveal .lp-seo-actions,.lp-section-reveal .lp-seo-step,.lp-section-reveal .lp-seo-plan,.lp-section-reveal .lp-seo-split .lp-feature-card,.lp-section-reveal .lp-seo-examples .lp-feature-card,.lp-section-reveal .lp-board-window,.lp-section-reveal .lp-board-tool,.lp-section-reveal .lp-board-teacher-tools,.lp-section-reveal .lp-teachers__copy,.lp-section-reveal .lp-teachers-mock,.lp-nav,.lp-scroll-top,.lp-family-search__sort-panel,.lp-family-search__sort-list,.lp-family-search__sort-chevron,.lp-family-search__sort-trigger,.lp-pricing .billing-toggle__thumb,.lp-pricing .billing-toggle button,.lp-pricing .subscription-card__price,.lp-pricing .subscription-card__trial{animation:none!important;transition:none!important;transform:none!important;opacity:1!important}}.lp-pricing .annual-promo{max-width:520px;margin:0 auto 24px}.lp-pricing .billing-toggle button.active .billing-toggle__promo{background:var(--lp-urok);color:var(--lp-ink)}.lp-pricing .subscription-card__price-old,.lp-pricing .subscription-card__promo-row{display:block}.lp-pricing .subscription-card__price-old{font-size:.95rem;font-weight:500;color:var(--lp-ink-mute)}@media (max-width: 430px){.lp-pricing .billing-toggle{width:100%;min-width:0}.lp-pricing .billing-toggle button{padding:7px 8px;gap:4px}}.tutorLandingPage{--tutor-ink: #123c2b;--tutor-ink-soft: #66736d;--tutor-orange: #f39200;--tutor-orange-text: var(--brand-logo-orange, #f39611);--tutor-mint: #dff6eb;--tutor-mint-strong: #c9eedc;--tutor-paper: #fffdf8;--tutor-serif: "Fraunces", "Lora", Georgia, serif;--tutor-sans: "Source Sans 3", "Segoe UI", sans-serif;--tutor-hand: "Segoe Print", "Comic Sans MS", cursive;--tutor-copy-inset: clamp(12px, 4vw, 72px);--tutor-row-width: min(100%, 1600px);--tutor-side-gutter: 56px;--tutor-frame-width: min(calc(100% - 2 * var(--tutor-side-gutter)), 1500px);--tutor-block-gap: 48px;position:relative;isolation:isolate;width:100%;overflow-x:clip;color:var(--tutor-ink);background:var(--tutor-paper);font-family:var(--tutor-sans);font-size:17px;line-height:1.45}.tutorLandingPage,.tutorLandingPage *{box-sizing:border-box}.tutorLandingPage a{color:inherit;text-decoration:none}.tutorLandingPage__section{position:relative;isolation:isolate;width:100%;overflow-x:clip;overflow-y:visible;background:var(--tutor-paper)}.tutorLandingPage__section--hero,.tutorLandingPage__section--features,.tutorLandingPage__section--market,.tutorLandingPage__section--ai{min-height:0}.tutorLandingPage__header{position:relative;z-index:10;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:54px;width:min(100% - 64px,1220px);height:92px;margin:0 auto}.tutorLandingPage__logo{display:inline-flex;align-items:center}.tutorLandingPage__logo img{display:block;width:auto;height:38px}.tutorLandingPage__nav{display:flex;align-items:center;justify-content:center;gap:46px;color:#24382db8;font-family:var(--tutor-sans);font-size:.95rem;font-weight:400;line-height:1.55}.tutorLandingPage__nav a,.tutorLandingPage__login{font-size:.95rem;font-weight:400;line-height:1.55;transition:color .16s ease}.tutorLandingPage__nav a:hover,.tutorLandingPage__login:hover{color:var(--tutor-orange-text)}.tutorLandingPage__headerActions{display:flex;align-items:center;gap:22px;white-space:nowrap}.tutorLandingPage__login{color:#24382db8}.tutorLandingPage__button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:54px;padding:0 28px;border:1px solid var(--tutor-ink);border-radius:10px;color:#fff!important;background:var(--tutor-ink);box-shadow:0 8px 18px #123c2b1a;font:650 16px/1 var(--tutor-sans);transition:transform .16s ease,background .16s ease}.tutorLandingPage__button:hover{background:#1b513a;transform:translateY(-1px)}.tutorLandingPage__button--small{min-height:42px;padding:0 20px;border-radius:12px;font-size:14px}.tutorLandingPage__button--secondary{color:var(--tutor-ink)!important;border-color:#d9dfdb;background:#fff;box-shadow:none}.tutorLandingPage__button--secondary:hover{border-color:var(--tutor-ink);background:#fff}.tutorLandingPage__hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:center;column-gap:24px;width:min(100%,1600px);min-height:0;margin:0 auto;padding:8px 0 12px}.tutorLandingPage__heroCopy{position:relative;z-index:3;width:100%;max-width:570px;justify-self:start;margin-left:0;padding-left:var(--tutor-copy-inset);padding-top:2px}.tutorLandingPage__badge{display:inline-flex;align-items:center;min-height:28px;margin:0 0 14px;padding:0 14px;border-radius:999px;color:#193f30;background:var(--tutor-mint);font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1}.tutorLandingPage__heroCopy h1,.tutorLandingPage__copy h2,.tutorLandingPage__faqHeading h2{color:var(--tutor-ink);font-family:var(--tutor-sans);font-size:55px;font-weight:800;letter-spacing:-.052em;line-height:.98}.tutorLandingPage__heroCopy h1{margin:0 0 17px}.tutorLandingPage__heroCopy h1 span{color:var(--tutor-orange-text)}.tutorLandingPage__lead{margin:0 0 17px;color:var(--tutor-ink-soft);font-size:17px;line-height:1.43}.tutorLandingPage__trust{display:flex;align-items:center;gap:13px;width:min(100%,520px);margin:0 0 17px;padding:12px 16px;border-radius:14px;background:linear-gradient(90deg,#e8f8ef,#f8fcfa)}.tutorLandingPage__shield{display:grid;place-items:center;flex:0 0 auto;width:39px;height:46px;color:#fff;background:#5ab974;clip-path:polygon(50% 0,92% 16%,88% 65%,50% 100%,12% 65%,8% 16%);font-size:24px;font-weight:800}.tutorLandingPage__trust strong{display:block;margin-bottom:2px;font-size:15px;font-weight:750}.tutorLandingPage__trust p{margin:0;color:#75827c;font-size:11px;line-height:1.38}.tutorLandingPage__actions{display:flex;gap:15px;margin-bottom:8px}.tutorLandingPage__caption{margin:0;color:#929b96;font-size:11px}.tutorLandingPage__heroVisual{position:relative;z-index:1;align-self:center;width:100%;max-width:930px;margin-top:-12px;margin-left:0;justify-self:end}.tutorLandingPage__heroVisual img{display:block;width:100%;height:auto}.tutorLandingPage__workspace{position:relative;z-index:4;width:var(--tutor-frame-width);min-height:215px;margin:0 auto;padding:22px 34px 27px;border-radius:34px;background:radial-gradient(ellipse at 20% 0%,rgba(255,255,255,.86),transparent 38%),var(--tutor-mint)}.tutorLandingPage__workspaceHeading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:17px}.tutorLandingPage__workspaceHeading h2{margin:0;color:#111;font-family:var(--tutor-sans);font-size:27px;font-weight:800;letter-spacing:-.035em}.tutorLandingPage__workspaceHeading p{margin:0 16px 0 0;color:#486b5b;font-family:var(--tutor-hand);font-size:15px;transform:rotate(2deg)}.tutorLandingPage__workspaceGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.tutorLandingPage__workspaceCard{display:flex;align-items:flex-start;gap:14px;min-height:116px;padding:20px 18px;border-radius:18px;background:#fffffff0}.tutorLandingPage__workspaceIcon{display:grid;place-items:center;flex:0 0 auto;width:49px;height:49px;border-radius:50%;color:var(--tutor-ink);background:#d9f3e5}.tutorLandingPage__workspaceIcon svg{width:28px;height:28px}.tutorLandingPage__workspaceCard h3{margin:1px 0 7px;color:#17251f;font-family:var(--tutor-sans);font-size:16px;font-weight:750;line-height:1.2}.tutorLandingPage__workspaceCard p{margin:0;color:#6f7d76;font-size:13px;line-height:1.37}.tutorLandingPage__featureRow,.tutorLandingPage__aiRow{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;column-gap:40px;width:var(--tutor-row-width);margin:var(--tutor-block-gap) auto 0;padding:0}.tutorLandingPage__copy{position:relative;z-index:3;align-self:center;min-width:0}.tutorLandingPage__featureRow--constructor>.tutorLandingPage__copy,.tutorLandingPage__featureRow--market>.tutorLandingPage__copy,.tutorLandingPage__copy--ai{display:grid;grid-template-columns:minmax(0,570px) minmax(0,1fr);padding-left:var(--tutor-copy-inset)}.tutorLandingPage__copy--ai{align-self:start;padding-top:12px}.tutorLandingPage__featureRow--constructor>.tutorLandingPage__copy>*,.tutorLandingPage__featureRow--market>.tutorLandingPage__copy>*,.tutorLandingPage__copy--ai>*{grid-column:1}.tutorLandingPage__featureRow--constructor>.tutorLandingPage__copy>.tutorLandingPage__badge,.tutorLandingPage__featureRow--market>.tutorLandingPage__copy>.tutorLandingPage__badge,.tutorLandingPage__copy--ai>.tutorLandingPage__badge{justify-self:start;width:max-content}.tutorLandingPage__copy h2{margin:0 0 18px}.tutorLandingPage__copy h2 span{color:var(--tutor-orange-text)}.tutorLandingPage__copy>p:not(.tutorLandingPage__badge):not(.tutorLandingPage__aiNote){max-width:570px;margin:0;color:var(--tutor-ink-soft);font-size:16px;line-height:1.48}.tutorLandingPage__copy small{display:block;margin-top:10px;color:#84918b;font-size:13px;line-height:1.4}.tutorLandingPage__benefits{display:grid;gap:11px;margin:18px 0 0;padding:0;list-style:none}.tutorLandingPage__benefits li{display:grid;grid-template-columns:38px minmax(0,1fr);align-items:center;gap:13px;color:#1d3f32;font-size:15px;font-weight:750;line-height:1.25}.tutorLandingPage__roundIcon{display:grid;place-items:center;flex:0 0 auto;width:38px;height:38px;border-radius:50%;color:#244a3a;background:#e4f5ec}.tutorLandingPage__roundIcon svg{width:21px;height:21px}.tutorLandingPage__productVisual{position:relative;z-index:2;overflow:visible;width:100%;max-width:100%;min-width:0}.tutorLandingPage__productVisual>img{position:relative;z-index:2;display:block;width:100%;max-width:100%;height:auto}.tutorLandingPage__productVisual--constructor{align-self:center}.tutorLandingPage__productVisual--call{justify-self:stretch}.tutorLandingPage__copy--call,.tutorLandingPage__copy--calendar{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,570px);padding:0}.tutorLandingPage__copy--call>*,.tutorLandingPage__copy--calendar>*{grid-column:2;max-width:none;width:auto}.tutorLandingPage__copy--call>.tutorLandingPage__badge,.tutorLandingPage__copy--calendar>.tutorLandingPage__badge{justify-self:start;width:max-content}.tutorLandingPage__inlineBenefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:18px 0 0;padding:0;list-style:none}.tutorLandingPage__inlineBenefits li{display:flex;align-items:center;gap:10px;color:#2d493d;font-size:14px;font-weight:650;line-height:1.2}.tutorLandingPage__inlineBenefits li>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e3f5eb}.tutorLandingPage__inlineBenefits svg{width:21px;height:21px}.tutorLandingPage__annotation--constructor{top:4.8%;right:-100px;width:21.83%;transform:none}.tutorLandingPage__annotation--constructor img{display:block;width:100%;height:auto}.tutorLandingPage__section--market{background:var(--tutor-paper)}.tutorLandingPage__productVisual--market{align-self:center}.tutorLandingPage__productVisual--market>img,.tutorLandingPage__productVisual--calendar>img{border-radius:17px;box-shadow:0 14px 34px #24433614}.tutorLandingPage__blob{position:absolute;z-index:0;pointer-events:none}.tutorLandingPage__blob--market{top:-47px;left:-70px;width:915px;height:490px;border-radius:38% 62% 56% 44%/43% 35% 65% 57%;background:radial-gradient(ellipse at 78% 25%,#d9f6e8 0 34%,transparent 35%),#e7f9f0;transform:rotate(-2deg)}.tutorLandingPage__annotation{position:absolute;z-index:6;color:#133b2d;font-family:var(--tutor-hand);pointer-events:none}.tutorLandingPage__annotation>i{position:absolute;width:31px;height:20px;border-top:3px solid #173f31;border-radius:50%}.tutorLandingPage__annotation p{margin:0;font-size:17px;font-weight:600;line-height:1.28}.tutorLandingPage__annotation svg{display:block;overflow:visible;fill:none;stroke:#163f30;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.tutorLandingPage__annotation--market{top:8px;right:-160px;width:150px;transform:rotate(2deg)}.tutorLandingPage__annotation--market>i{top:-18px;left:-18px;transform:rotate(50deg)}.tutorLandingPage__annotation--market svg{width:125px;margin:-4px 0 0 -91px}.tutorLandingPage__productVisual--calendar{justify-self:start}.tutorLandingPage__blob--calendar{top:-52px;left:-36px;width:922px;height:430px;border-radius:61% 39% 44% 56%/46% 58% 42% 54%;background:#e2f7ec;transform:rotate(2deg)}.tutorLandingPage__annotation--calendar{top:18px;left:-160px;width:150px;transform:rotate(-7deg)}.tutorLandingPage__annotation--calendar>i{top:-13px;left:7px;transform:rotate(8deg)}.tutorLandingPage__annotation--calendar svg{width:150px;margin:-3px 0 0 55px}.tutorLandingPage__copy--calendar>p:not(.tutorLandingPage__badge){max-width:550px}.tutorLandingPage__section--ai{padding:0 0 48px;background:linear-gradient(to bottom,var(--tutor-paper) 0,rgba(255,253,248,0) 90px),radial-gradient(ellipse at 55% 20%,rgba(221,248,235,.8),transparent 39%),var(--tutor-paper)}.tutorLandingPage__aiBenefits{display:grid;gap:12px;margin:20px 0 0;padding:0;list-style:none}.tutorLandingPage__aiBenefits li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:13px;align-items:start}.tutorLandingPage__aiIcon{display:block;width:38px;height:38px;object-fit:contain}.tutorLandingPage__aiBenefits strong{display:block;margin-bottom:1px;color:#1d3f32;font-size:15px;font-weight:750}.tutorLandingPage__aiBenefits p{margin:0;color:#6f7c76;font-size:12px;line-height:1.35}.tutorLandingPage__productVisual--ai{margin:0}.tutorLandingPage__try{position:relative;z-index:4;display:flex;justify-content:center;width:var(--tutor-row-width);margin:var(--tutor-block-gap) auto 0;padding:0 24px;text-align:center}.tutorLandingPage__tryCopy h3{margin:0 0 5px;color:#132f24;font-family:var(--tutor-sans);font-size:26px;font-weight:800;letter-spacing:-.035em;line-height:1.08}.tutorLandingPage__tryCopy{display:flex;flex-direction:column;align-items:center;max-width:720px}.tutorLandingPage__tryCopy>p{margin:0 0 14px;color:#5f7168;font-size:13.7px;line-height:1.28}.tutorLandingPage__tryCopy>div{display:flex;align-items:center;justify-content:center;gap:14px}.tutorLandingPage__tryCopy .tutorLandingPage__button{min-height:44px;padding:0 37px;font-size:14px}.tutorLandingPage__tryCopy .tutorLandingPage__button svg{width:18px;height:18px}.tutorLandingPage__tryCopy>div>span{display:inline-flex;align-items:center;gap:12px;color:#53665d;font-size:12px;white-space:nowrap}.tutorLandingPage__tryCopy>div>span+span{margin-left:10px}.tutorLandingPage__tryCopy>div>span svg{width:27px;height:27px;padding:5px;border-radius:50%;background:#ffffffad}.tutorLandingPage__section--faq{min-height:0;padding:48px 0 64px;background:#fff}.tutorLandingPage__faqInner{position:relative;isolation:isolate;width:min(100% - 64px,1400px);margin:0 auto}.tutorLandingPage__faqBlob{position:absolute;z-index:0;pointer-events:none}.tutorLandingPage__faqBlob--one{top:68px;left:calc(50% - 720px);width:1410px;height:670px;border-radius:31% 69% 37% 63%/55% 32% 68% 45%;background:#e4f9ed;transform:rotate(-3deg)}.tutorLandingPage__faqBlob--two{bottom:-9px;left:calc(50% - 610px);width:1250px;height:360px;border-radius:63% 37% 61% 39%/43% 58% 42% 57%;background:#e2f8ec;transform:rotate(4deg)}.tutorLandingPage__faqHeading{position:relative;z-index:2;text-align:center}.tutorLandingPage__faqHeading h2{margin:0}.tutorLandingPage__faqHeading h2 span{color:var(--tutor-orange-text)}.tutorLandingPage__faqList{position:relative;z-index:3;display:grid;gap:10px;width:min(100%,990px);margin:40px auto 0}.tutorLandingPage__faqItem{min-height:87px;padding:0 20px 11px;border:1px solid rgba(24,64,47,.08);border-radius:13px;background:#fffffff2;box-shadow:0 4px 13px #2646380a}.tutorLandingPage__faqHead{display:grid;grid-template-columns:43px minmax(0,1fr);align-items:center;gap:14px;min-height:58px}.tutorLandingPage__faqIcon{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;color:#174a35;background:#d9f5e7}.tutorLandingPage__faqIcon svg{width:21px;height:21px}.tutorLandingPage__faqHead strong{color:#193a2d;font-size:15px;font-weight:750}.tutorLandingPage__faqItem p{margin:-7px 31px 0 57px;color:#708078;font-size:12px;line-height:1.38}.tutorLandingPage__annotation--faq{top:180px;left:10px;width:170px;transform:rotate(-8deg)}.tutorLandingPage__annotation--faq>i{top:-21px;left:-16px;transform:rotate(34deg)}.tutorLandingPage__annotation--faq svg{width:160px;height:110px;margin:5px 0 0 15px}.tutorLandingPage__footer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;width:min(100% - 64px,1380px);min-height:110px;margin:0 auto;color:#708078}.tutorLandingPage__footer>img{display:block;height:34px;width:auto}.tutorLandingPage__footer p{margin:0;font-size:14px}.tutorLandingPage__footer nav{display:flex;gap:22px;font-size:13px}@media (max-width: 1500px){.tutorLandingPage__header{gap:28px;width:min(100% - 48px,1220px)}.tutorLandingPage__nav{gap:28px}.tutorLandingPage{--tutor-copy-inset: clamp(8px, 3vw, 48px)}.tutorLandingPage__heroCopy{padding-left:var(--tutor-copy-inset)}.tutorLandingPage__heroCopy h1,.tutorLandingPage__copy h2,.tutorLandingPage__faqHeading h2{font-size:clamp(40px,4.2vw,50px)}.tutorLandingPage__lead{font-size:15px}.tutorLandingPage__featureRow,.tutorLandingPage__aiRow{column-gap:28px}.tutorLandingPage__try{width:100%}.tutorLandingPage__tryCopy>div{flex-wrap:wrap}}@media (max-width: 1500px){.tutorLandingPage__annotation--constructor,.tutorLandingPage__annotation--market,.tutorLandingPage__annotation--calendar,.tutorLandingPage__annotation--faq{display:none}}@media (max-width: 1050px){.tutorLandingPage__header{width:calc(100% - 40px);gap:20px}.tutorLandingPage__nav{display:none}.tutorLandingPage__headerActions{justify-self:end}.tutorLandingPage__hero{grid-template-columns:minmax(0,1fr);height:auto;padding:25px 24px 10px}.tutorLandingPage__heroCopy{width:min(100%,650px);margin:0 auto;padding-left:0}.tutorLandingPage__heroVisual{width:min(100%,880px);margin:-25px auto 0}.tutorLandingPage__workspace{width:calc(100% - 40px);margin-bottom:35px}.tutorLandingPage__workspaceGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.tutorLandingPage__featureRow,.tutorLandingPage__aiRow{grid-template-columns:minmax(0,1fr);width:calc(100% - 40px);height:auto;margin-top:0;padding:40px 0}.tutorLandingPage__copy{width:min(100%,680px);margin:0 auto;padding:0}.tutorLandingPage__copy--call,.tutorLandingPage__copy--calendar,.tutorLandingPage__featureRow--constructor>.tutorLandingPage__copy,.tutorLandingPage__featureRow--market>.tutorLandingPage__copy,.tutorLandingPage__copy--ai{display:block;padding-left:0}.tutorLandingPage__copy--call>*,.tutorLandingPage__copy--calendar>*,.tutorLandingPage__featureRow--constructor>.tutorLandingPage__copy>*,.tutorLandingPage__featureRow--market>.tutorLandingPage__copy>*,.tutorLandingPage__copy--ai>*{grid-column:auto}.tutorLandingPage__productVisual{width:min(100%,880px);margin:25px auto 0}.tutorLandingPage__featureRow--call .tutorLandingPage__productVisual,.tutorLandingPage__featureRow--calendar .tutorLandingPage__productVisual{order:2}.tutorLandingPage__featureRow--call .tutorLandingPage__copy,.tutorLandingPage__featureRow--calendar .tutorLandingPage__copy{order:1}.tutorLandingPage__blob{inset:-35px -20px auto;width:auto;height:92%}.tutorLandingPage__productVisual--ai{width:min(100%,850px)}.tutorLandingPage__try{width:100%;margin-bottom:40px;padding-left:0}.tutorLandingPage__section--faq{padding-top:50px}.tutorLandingPage__faqInner{width:calc(100% - 40px)}}@media (max-width: 680px){.tutorLandingPage{font-size:16px}.tutorLandingPage__header{height:76px}.tutorLandingPage__logo img{height:30px;max-width:128px}.tutorLandingPage__headerActions{gap:8px}.tutorLandingPage__login{display:none}.tutorLandingPage__button--small{min-height:40px;padding:0 13px;font-size:12px}.tutorLandingPage__hero{padding:20px 18px 0}.tutorLandingPage__heroCopy h1,.tutorLandingPage__copy h2,.tutorLandingPage__faqHeading h2{font-size:clamp(38px,11vw,51px);line-height:1.01}.tutorLandingPage__desktopBreak{display:none}.tutorLandingPage__lead{font-size:16px}.tutorLandingPage__trust{width:100%}.tutorLandingPage__actions{display:grid}.tutorLandingPage__heroVisual{width:132%;margin:-5px -16%}.tutorLandingPage__workspace{width:calc(100% - 24px);padding:23px 15px;border-radius:23px}.tutorLandingPage__workspaceHeading{align-items:flex-start}.tutorLandingPage__workspaceHeading h2{font-size:23px}.tutorLandingPage__workspaceHeading p{display:none}.tutorLandingPage__workspaceGrid{grid-template-columns:minmax(0,1fr);gap:10px}.tutorLandingPage__workspaceCard{min-height:0}.tutorLandingPage__featureRow,.tutorLandingPage__aiRow{width:calc(100% - 32px);margin-top:0;padding:32px 0}.tutorLandingPage__copy>p:not(.tutorLandingPage__badge):not(.tutorLandingPage__aiNote){font-size:15px}.tutorLandingPage__inlineBenefits{grid-template-columns:minmax(0,1fr)}.tutorLandingPage__productVisual--constructor,.tutorLandingPage__productVisual--call,.tutorLandingPage__productVisual--market,.tutorLandingPage__productVisual--calendar,.tutorLandingPage__productVisual--ai{width:112%;margin-right:-6%;margin-left:-6%}.tutorLandingPage__aiBenefits strong{font-size:14px}.tutorLandingPage__try{width:100%;padding:0}.tutorLandingPage__tryCopy h3{font-size:24px}.tutorLandingPage__tryCopy>div{align-items:center;flex-direction:column;gap:10px}.tutorLandingPage__tryCopy>div>span+span{margin-left:0}.tutorLandingPage__tryCopy .tutorLandingPage__button{width:100%}.tutorLandingPage__section--faq{padding-top:38px}.tutorLandingPage__faqInner{width:calc(100% - 24px)}.tutorLandingPage__faqHeading{padding:0 16px}.tutorLandingPage__faqList{width:100%}.tutorLandingPage__faqItem{padding-right:14px;padding-left:14px}.tutorLandingPage__faqHead{grid-template-columns:38px minmax(0,1fr);gap:10px}.tutorLandingPage__faqHead strong{font-size:14px}.tutorLandingPage__faqItem p{margin:0 15px 4px 48px}.tutorLandingPage__faqBlob--one{left:-90%;width:220%}.tutorLandingPage__faqBlob--two{left:-70%;width:200%}.tutorLandingPage__footer{grid-template-columns:minmax(0,1fr);width:calc(100% - 32px);padding:24px 0}.tutorLandingPage__footer nav{flex-direction:column;gap:8px}}@media (prefers-reduced-motion: reduce){.tutorLandingPage__button,.tutorLandingPage__nav a,.tutorLandingPage__login{transition:none}}.iiLanding__hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;column-gap:8px;width:min(100%,1600px);margin:0 auto;padding:4px 0 28px}.iiLanding__heroCopy{position:relative;z-index:3;width:100%;max-width:560px;padding-left:var(--tutor-copy-inset)}.iiLanding__heroCopy h1{margin:0 0 16px;color:var(--tutor-ink);font-family:var(--tutor-sans);font-size:55px;font-weight:800;letter-spacing:-.052em;line-height:.98}.iiLanding__heroCopy h1 span,.iiLanding__heroAccent{color:var(--tutor-orange-text)}.iiLanding__heroLead{margin:0 0 22px;max-width:470px;color:var(--tutor-ink-soft);font-size:16px;line-height:1.45}.iiLanding__heroVisual{position:relative;z-index:1;width:100%;max-width:900px;justify-self:end;margin-right:8px}.iiLanding__heroVisual img{display:block;width:100%;height:auto}.iiLanding__frame{width:var(--tutor-frame-width);margin:0 auto}.iiLanding__section--ways{padding:12px 0 28px}.iiLanding__ways{padding:36px 36px 40px;border-radius:36px;background:#eaf8f1}.iiLanding__waysHead{margin:0 0 26px}.iiLanding__waysHead h2,.iiLanding__typesHead h2,.iiLanding__draftCopy h2{margin:0;color:var(--tutor-ink);font-family:var(--tutor-sans);font-size:55px;font-weight:800;letter-spacing:-.052em;line-height:.98}.iiLanding__waysHead p,.iiLanding__typesHead p{margin:8px 0 0;color:var(--tutor-ink-soft);font-size:16px}.iiLanding__waysGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.iiLanding__way{min-width:0;padding:22px 20px;border-radius:26px}.iiLanding__way--topic{background:#f8efe4}.iiLanding__way--source{background:#e4f6ec}.iiLanding__way--words{background:#eee6fb}.iiLanding__wayHead{display:grid;grid-template-columns:42px minmax(0,1fr);gap:12px;align-items:start;margin-bottom:10px}.iiLanding__wayNum{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;font-size:18px;font-weight:800}.iiLanding__way--topic .iiLanding__wayNum{background:#f39200}.iiLanding__way--source .iiLanding__wayNum{background:#2f8a4e}.iiLanding__way--words .iiLanding__wayNum{background:#7b5ea7}.iiLanding__wayHead h3{margin:2px 0 0;color:var(--tutor-ink);font-size:20px;font-weight:800;letter-spacing:-.03em;line-height:1.2}.iiLanding__way>p{margin:0 0 16px;color:#66736d;font-size:14px;line-height:1.4}.iiLanding__formMock{padding:16px 16px 14px;border:1px solid #eadfd3;border-radius:18px;background:#fff}.iiLanding__field{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.iiLanding__field span{color:#6b756f;font-size:12px;font-weight:650}.iiLanding__field b,.iiLanding__select{display:flex;align-items:center;min-height:38px;padding:0 12px;border:1px solid #e4e8e5;border-radius:10px;background:#fff;color:var(--tutor-ink);font-size:14px;font-weight:650}.iiLanding__select{justify-content:space-between}.iiLanding__select i{width:8px;height:8px;border-right:1.6px solid #8a938d;border-bottom:1.6px solid #8a938d;transform:rotate(45deg) translateY(-2px)}.iiLanding__wordsCta{width:100%;margin-top:28px;min-height:46px}.iiLanding__sourceStack{position:relative}.iiLanding__upload{position:relative;z-index:2;width:fit-content}.iiLanding__uploadBtn{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px;border:1px solid #d7e4dc;border-radius:10px;background:#fff;color:var(--tutor-ink);font-size:14px;font-weight:650}.iiLanding__uploadBtn svg{width:16px;height:16px}.iiLanding__menu{position:absolute;top:calc(100% + 8px);left:0;z-index:3;min-width:188px;padding:6px;border:1px solid #e2e8e4;border-radius:12px;background:#fff;box-shadow:0 10px 24px #18402f1a}.iiLanding__menu span{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;color:var(--tutor-ink);font-size:13px;font-weight:650}.iiLanding__menu svg{width:16px;height:16px;color:#2f8a4e}.iiLanding__sourceArrow{position:absolute;top:-6px;left:250px;z-index:1;width:64px;height:142px;pointer-events:none}.iiLanding__ocr,.iiLanding__quiz{margin-top:8px;padding:12px 14px;border:1px solid #dce8e2;border-radius:14px;background:#fff}.iiLanding__ocr{margin-top:104px}.iiLanding__ocr span,.iiLanding__quizHead{display:flex;align-items:center;gap:8px;margin-bottom:8px;color:#5f6b65;font-size:12px;font-weight:700}.iiLanding__ocr p{margin:0;color:#4d5852;font-size:12px;line-height:1.4}.iiLanding__down{display:flex;justify-content:center;margin:6px 0 2px;color:#173f31}.iiLanding__quizHead b{display:grid;place-items:center;width:22px;height:22px;border-radius:7px;color:#fff;background:#1b513a;font-size:10px}.iiLanding__quiz p{margin:0 0 8px;color:var(--tutor-ink);font-size:13px;font-weight:700;line-height:1.35}.iiLanding__quiz label{display:flex;align-items:flex-start;gap:8px;margin:6px 0;color:#4a5550;font-size:12px;line-height:1.3}.iiLanding__radio{flex:0 0 auto;width:14px;height:14px;margin-top:1px;border:1.5px solid #c3cdc8;border-radius:50%}.iiLanding__quiz label.is-on .iiLanding__radio{border-color:#2f8a4e;box-shadow:inset 0 0 0 3px #2f8a4e}.iiLanding__wordsMock{padding:14px 12px 10px;border:1px solid #e7e1f4;border-radius:16px;background:#fff}.iiLanding__wordsHead{display:flex;flex-direction:column;gap:3px;margin-bottom:10px}.iiLanding__wordsHead strong{color:var(--tutor-ink);font-size:15px;font-weight:800;letter-spacing:-.03em}.iiLanding__wordsHead span{color:#7a8480;font-size:11px;line-height:1.3}.iiLanding__wordsTools{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:10px}.iiLanding__wordsTools span{display:inline-flex;align-items:center;min-height:26px;padding:0 9px;border:1px solid #e4e8e5;border-radius:999px;background:#fff;color:var(--tutor-ink);font-size:11px;font-weight:650;white-space:nowrap}.iiLanding__wordsTable{overflow:hidden;border:1px solid #e8ece9;border-radius:10px}.iiLanding__wordsCols,.iiLanding__wordsRow{display:grid;grid-template-columns:22px minmax(0,1fr) minmax(0,1.15fr) 44px;align-items:center}.iiLanding__wordsCols{background:#f6f7f6}.iiLanding__wordsCols b{padding:6px;color:#8a938d;font-size:9px;font-weight:800;letter-spacing:.04em;text-transform:uppercase}.iiLanding__wordsCols b:nth-child(3){display:flex;align-items:center;gap:4px;text-transform:none;letter-spacing:0;font-size:10px}.iiLanding__wordsCols i{display:grid;place-items:center;width:11px;height:11px;border:1px solid #1b513a;border-radius:3px;color:#1b513a;background:#fff;font-size:8px;font-style:normal;font-weight:800;line-height:1}.iiLanding__wordsRow{border-top:1px solid #eef1ef}.iiLanding__wordsRow em,.iiLanding__wordsRow span{min-width:0;padding:7px 6px;color:var(--tutor-ink);font-size:12px;font-style:normal;font-weight:650;line-height:1.25}.iiLanding__wordsRow em{display:grid;place-items:center;color:#8a938d;background:#f7f8f7;font-size:10px}.iiLanding__wordsActs{display:flex;align-items:center;justify-content:center;gap:3px;padding:0 4px;color:#8a938d}.iiLanding__wordsActs svg{flex:0 0 auto}.iiLanding__section--types{padding:36px 0 20px;background:#fff}.iiLanding__typesHead{margin:0 0 28px}.iiLanding__typesGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.iiLanding__type{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;min-height:92px;padding:16px 18px;border:1px solid rgba(24,64,47,.08);border-radius:18px;background:#fff;box-shadow:0 4px 14px #2646380a;text-align:left}.iiLanding__typeIcon{display:grid;place-items:center;flex:0 0 auto;width:52px;height:52px}.iiLanding__typeIcon img{display:block;width:52px;height:52px}.iiLanding__typeLabel{color:var(--tutor-ink);font-size:15px;font-weight:700;line-height:1.25}.iiLanding__section--draft{padding:28px 0 20px}.iiLanding__draft{position:relative;display:grid;grid-template-columns:minmax(280px,560px) minmax(0,1fr);align-items:center;gap:24px 20px;padding:36px 32px;border-radius:34px;background:#f7f1e6}.iiLanding__waysHead h2 span,.iiLanding__typesHead h2 span,.iiLanding__draftCopy h2 span:first-child{color:var(--tutor-orange-text)}.iiLanding__draftRest{white-space:nowrap}.iiLanding__draftCopy{display:flex;flex-direction:column;align-items:flex-start;gap:28px}.iiLanding__draftCopy h2{margin-top:24px}.iiLanding__draftCopy>p{margin:8px 0 0;max-width:420px;color:var(--tutor-ink-soft);font-size:16px;line-height:1.45}.iiLanding__section--seo{padding:8px 0 12px}.iiLanding__seo{max-width:860px;padding:28px 32px 30px;border-radius:28px;background:#f7f1e6}.iiLanding__seo h2{margin:0;color:var(--tutor-ink);font-family:var(--tutor-sans);font-size:32px;font-weight:800;letter-spacing:-.04em;line-height:1.12}.iiLanding__seo>p,.iiLanding__seo h3+p{margin:10px 0 0;color:var(--tutor-ink-soft);font-size:16px;line-height:1.5}.iiLanding__seo h3{margin:20px 0 0;color:var(--tutor-ink);font-family:var(--tutor-sans);font-size:20px;font-weight:750;letter-spacing:-.02em;line-height:1.25}.iiLanding__bullets{display:flex;flex-direction:column;gap:10px;margin:0;padding:0;list-style:none}.iiLanding__bullets li{display:flex;align-items:center;gap:10px;color:var(--tutor-ink);font-size:15px;font-weight:650}.iiLanding__draftShot{min-width:0;width:100%;max-width:780px;justify-self:end}.iiLanding__draftMock{width:100%;padding:4px 4px 16px;border-radius:18px;background:#fff;box-shadow:0 10px 28px #26463814}.iiLanding__draftAiHead{display:flex;align-items:center;gap:10px;padding:14px 16px 12px}.iiLanding__draftAiHead span{display:grid;place-items:center;width:28px;height:28px;border-radius:8px;background:#173f31;color:#fff;font-size:10px;font-weight:800;letter-spacing:.04em}.iiLanding__draftAiHead strong{color:var(--tutor-ink);font-size:15px;font-weight:800;letter-spacing:-.02em}.iiLanding__draftForm{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px 12px;padding:0 16px}.iiLanding__draftForm .iiLanding__field{margin-bottom:0}.iiLanding__field--wide{grid-column:1 / -1}@media (max-width: 1500px){.iiLanding__heroCopy h1,.iiLanding__waysHead h2,.iiLanding__typesHead h2,.iiLanding__draftCopy h2{font-size:clamp(40px,4.2vw,50px)}.iiLanding__ways,.iiLanding__draft{padding-left:24px;padding-right:24px}}@media (max-width: 1050px){.iiLanding__hero{grid-template-columns:minmax(0,1fr);padding:18px 24px 10px}.iiLanding__heroCopy{width:min(100%,650px);margin:0 auto;padding-left:0}.iiLanding__heroVisual{max-width:760px;margin:8px auto 0}.iiLanding__frame{width:calc(100% - 40px)}.iiLanding__waysGrid,.iiLanding__typesGrid,.iiLanding__draft,.iiLanding__draftForm{grid-template-columns:minmax(0,1fr)}.iiLanding__typesGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 680px){.iiLanding__hero{padding:8px 16px}.iiLanding__heroCopy h1,.iiLanding__waysHead h2,.iiLanding__typesHead h2,.iiLanding__draftCopy h2{font-size:clamp(38px,11vw,51px);line-height:1.01}.iiLanding__draftRest{white-space:normal}.iiLanding__frame{width:calc(100% - 24px)}.iiLanding__ways,.iiLanding__draft,.iiLanding__seo{padding:22px 16px;border-radius:24px}.iiLanding__seo h2{font-size:clamp(26px,7vw,32px)}.iiLanding__typesGrid{grid-template-columns:minmax(0,1fr)}.iiLanding__type{min-height:84px}}.iiLanding .tutorLandingPage__section--faq{overflow:hidden;padding-bottom:72px}.iiLanding .tutorLandingPage__faqBlob--one{height:480px}.iiLanding .tutorLandingPage__faqBlob--two{height:220px;bottom:0}.iiLanding .tutorLandingPage__footer{position:relative;z-index:4;background:var(--tutor-paper)}.boardLanding :focus-visible{outline:2px solid var(--tutor-ink);outline-offset:3px}.boardLanding__break{display:inline}.boardLanding__hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);align-items:center;column-gap:20px;width:min(100%,1600px);margin:0 auto;padding:8px 0 0}.boardLanding__heroCopy{position:relative;z-index:3;width:100%;max-width:560px;padding-left:var(--tutor-copy-inset)}.boardLanding__heroCopy h1,.boardLanding__toolsHead h2,.boardLanding__materialsCopy h2,.boardLanding__platformCopy h2,.boardLanding__ctaCopy h2{margin:0 0 16px;color:var(--tutor-ink);font-family:var(--tutor-sans);font-size:55px;font-weight:800;letter-spacing:-.052em;line-height:.98}.boardLanding__heroCopy h1 span,.boardLanding__toolsHead h2 span,.boardLanding__materialsCopy h2 span,.boardLanding__platformCopy h2 span,.boardLanding__ctaCopy h2 span{color:var(--tutor-orange-text)}.boardLanding__ctaCopy h2{width:auto;margin:60px 0 16px -56px;color:var(--tutor-ink);text-align:left;white-space:nowrap}.boardLanding__ctaCopy h2>span{display:inline;text-align:left}.boardLanding__ctaCopy h2>.boardLanding__ctaLead{color:var(--tutor-ink)}.boardLanding .tutorLandingPage__badge{display:inline-flex;align-items:center;width:max-content;max-width:100%;min-height:28px;margin:0 0 14px;padding:0 14px;border-radius:999px;color:#193f30;background:var(--tutor-mint);font-size:11px;font-weight:800;letter-spacing:.13em;line-height:1}.boardLanding__lead,.boardLanding__toolsHead p,.boardLanding__materialsCopy>p:not(.tutorLandingPage__badge),.boardLanding__platformCopy>p:not(.tutorLandingPage__badge),.boardLanding__ctaCopy p:not(.tutorLandingPage__badge){margin:0;color:var(--tutor-ink-soft);font-size:16px;line-height:1.48}.boardLanding__lead{max-width:430px;margin-bottom:22px}.boardLanding__hero .tutorLandingPage__actions{display:flex;flex-direction:row;align-items:center;flex-wrap:nowrap;gap:15px;width:max-content;max-width:none;margin-bottom:28px}.boardLanding__hero .tutorLandingPage__actions>.tutorLandingPage__button{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;width:auto;min-width:min-content;white-space:nowrap}.boardLanding__hero .tutorLandingPage__actions>.tutorLandingPage__button:not(.tutorLandingPage__button--secondary) span{display:inline-flex;flex:0 0 auto;align-items:center;line-height:1}.boardLanding__heroBenefits,.boardLanding__platformBenefits{display:flex;flex-wrap:nowrap;gap:12px 16px;margin:0;padding:0;list-style:none}.boardLanding__platformBenefits{width:100%;max-width:460px;justify-content:space-between;gap:0}.boardLanding__benefit{display:inline-flex;align-items:center;gap:8px;color:var(--tutor-ink);font-size:13px;font-weight:650;line-height:1.25;white-space:nowrap}.boardLanding__platformBenefits .boardLanding__benefit{align-items:center;white-space:normal}.boardLanding__benefitIcon,.boardLanding__iconWrap,.boardLanding__platformIcon{display:grid;place-items:center;flex:0 0 auto;color:var(--tutor-ink);background:var(--tutor-mint)}.boardLanding__benefitIcon{position:relative;width:32px;height:32px;border-radius:50%}.boardLanding__benefitIcon svg,.boardLanding__iconWrap svg,.boardLanding__platformIcon svg{width:20px;height:20px}.boardLanding__platformIcon img{position:absolute;top:50%;left:50%;display:block;width:54px;height:54px;object-fit:contain;transform:translate(-50%,-50%)}.boardLanding__platformBenefits .boardLanding__benefitIcon{overflow:visible}.boardLanding__platformBenefits .boardLanding__benefitIcon img{position:absolute;top:50%;left:50%;display:block;width:36px;height:36px;object-fit:contain;transform:translate(-50%,-50%)}.boardLanding__heroBenefits .boardLanding__benefit{flex-direction:column;align-items:center;gap:8px;max-width:150px;text-align:center;white-space:normal}.boardLanding__heroBenefits .boardLanding__benefitIcon{position:relative;width:52px;height:52px;flex:0 0 52px;overflow:visible;border-radius:50%}.boardLanding__heroBenefits .boardLanding__benefitIcon svg{position:absolute;top:50%;left:50%;width:36px;height:36px;overflow:visible;transform:translate(-50%,-50%)}.boardLanding__heroVisual,.boardLanding__materialsVisual{position:relative;z-index:1;width:100%}.boardLanding__heroVisual{max-width:700px;justify-self:end;padding-right:56px}.boardLanding__materialsVisual{grid-area:visual;max-width:630px;justify-self:stretch;margin:32px 0 0 var(--tutor-copy-inset)}.boardLanding__blob{position:absolute;z-index:0;pointer-events:none;border-radius:46% 54% 48% 52%/52% 44% 56% 48%;background:#e7f8ef}.boardLanding__blob--hero{top:-6%;right:-8%;bottom:-8%;left:-10%}.boardLanding__blob--materials{top:6%;right:-8%;bottom:-4%;left:10%}.boardLanding__chrome,.boardLanding__shot{position:relative;z-index:1;margin:0;overflow:hidden;background:#fff;box-shadow:0 22px 48px #123c2b1a}.boardLanding__chrome{border-radius:18px}.boardLanding__chromeBar{display:grid;grid-template-columns:10px 10px 10px 1fr;align-items:center;gap:7px;height:36px;padding:0 16px;background:#f7f8f6}.boardLanding__chromeBar i{width:10px;height:10px;border-radius:50%;background:#d7ddd8}.boardLanding__chromeBar span{justify-self:center;min-width:42%;padding:4px 14px;border-radius:999px;color:#7b8680;background:#fff;font-size:11px;letter-spacing:.01em;text-align:center}.boardLanding__chrome img,.boardLanding__shot img,.boardLanding__ctaArt img{display:block;width:100%;height:auto;object-fit:contain}.boardLanding__section{padding:56px 0 0}.boardLanding__frame{width:var(--tutor-frame-width);margin:0 auto}.boardLanding__section--tools{padding:56px 0 0}.boardLanding__toolsHead{position:relative;max-width:620px;margin:0 0 36px;text-align:left}.boardLanding__toolsHead h2,.boardLanding__toolsHead p{width:100%;text-align:left}.boardLanding__featureGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.boardLanding__featureCard,.boardLanding__platformCard{min-width:0;padding:28px 22px 26px;border:0;border-radius:22px;background:#fff;box-shadow:0 10px 28px #2646380f}.boardLanding__iconWrap{width:64px;height:64px;flex:0 0 64px;aspect-ratio:1;margin-bottom:18px;overflow:hidden;border-radius:50%;background:#eef8f2}.boardLanding__iconWrap svg{width:32px;height:32px}.boardLanding__iconWrap--shot{overflow:hidden;background:transparent}.boardLanding__iconWrap--shot img{display:block;width:100%;height:100%;object-fit:cover}.boardLanding__featureCard h3,.boardLanding__platformCard h3{margin:0 0 8px;color:var(--tutor-ink);font-size:18px;font-weight:750;letter-spacing:-.03em;line-height:1.2}.boardLanding__featureCard p,.boardLanding__platformCard p{margin:0;color:#6f7d76;font-size:14px;line-height:1.4}.boardLanding__section--materials{padding:56px 0 0}.boardLanding__materials{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);grid-template-areas:"visual copy";align-items:start;column-gap:36px;width:var(--tutor-row-width);margin:0 auto}.boardLanding__materialsCopy{grid-area:copy;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,570px);padding:80px 0 0 128px}.boardLanding__materialsCopy>*{grid-column:2;max-width:none;width:auto}.boardLanding__materialsCopy>.tutorLandingPage__badge{justify-self:start;width:max-content;margin-left:0}.boardLanding__materialsCopy h2{text-align:left}.boardLanding__materialsCopy>p:not(.tutorLandingPage__badge){max-width:550px;margin:0 0 26px;text-align:left}.boardLanding__shot{overflow:hidden;border-radius:24px;background:#fff;box-shadow:none}.boardLanding__section--platform{padding:56px 0 0}.boardLanding__platform{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;column-gap:36px}.boardLanding__platformCopy>p:not(.tutorLandingPage__badge){max-width:580px;margin-bottom:22px}.boardLanding__platformGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.boardLanding__platformCard{min-height:148px;padding:20px 18px 18px}.boardLanding__platformIcon{position:relative;width:48px;height:48px;margin-bottom:14px;overflow:visible;border-radius:50%;background:#eef8f2}.boardLanding__section--cta{padding:56px 0}.boardLanding__cta{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:20px 28px;min-height:280px;padding:18px 12px 18px 0;border-radius:32px;background:#f4faf6}.boardLanding__ctaArt{position:relative;z-index:0;min-width:0}.boardLanding__ctaCopy{position:relative;z-index:1;display:grid;justify-items:start;width:100%;max-width:none;padding-right:0;justify-self:stretch;text-align:left}.boardLanding__ctaCopy>*{max-width:none;width:auto;justify-self:start}.boardLanding__ctaCopy h2{justify-self:start}.boardLanding__ctaCopy p:not(.tutorLandingPage__badge){max-width:550px;margin:0 0 22px -56px;justify-self:start;text-align:left}.boardLanding__ctaCopy .tutorLandingPage__button{justify-self:end;margin-top:16px;margin-right:44px}@media (max-width: 1500px){.boardLanding__heroCopy h1,.boardLanding__toolsHead h2,.boardLanding__materialsCopy h2,.boardLanding__platformCopy h2,.boardLanding__ctaCopy h2{font-size:clamp(40px,4.2vw,50px)}}@media (max-width: 1180px){.boardLanding__featureGrid{grid-template-columns:repeat(3,minmax(0,1fr))}.boardLanding__platformGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 1050px){.boardLanding__hero,.boardLanding__materials,.boardLanding__platform,.boardLanding__cta{grid-template-columns:minmax(0,1fr)}.boardLanding__hero{padding:20px 24px 0}.boardLanding__heroCopy,.boardLanding__materialsCopy{width:min(100%,680px);margin:0 auto;padding-left:0}.boardLanding__materials{grid-template-areas:"copy" "visual"}.boardLanding__materialsCopy{display:block;padding:0;text-align:left}.boardLanding__materialsCopy>*{grid-column:auto}.boardLanding__materialsCopy .tutorLandingPage__badge{margin-left:0}.boardLanding__materialsCopy h2,.boardLanding__materialsCopy>p:not(.tutorLandingPage__badge){text-align:left}.boardLanding__materialsCopy>p:not(.tutorLandingPage__badge){margin-left:0}.boardLanding__heroVisual,.boardLanding__materialsVisual{width:min(100%,880px);margin:20px auto 0;padding-right:0}.boardLanding__materialsVisual{margin-right:0;margin-left:0}.boardLanding__frame,.boardLanding__materials{width:calc(100% - 40px)}.boardLanding__cta{padding:22px 22px 28px;text-align:left}.boardLanding__ctaArt{justify-items:center}.boardLanding__ctaCopy{display:block;max-width:none;padding-right:0;justify-self:stretch}.boardLanding__ctaCopy h2{margin:0 0 16px;justify-self:start}.boardLanding__ctaCopy>*{grid-column:auto}.boardLanding__ctaCopy p:not(.tutorLandingPage__badge){margin-left:0;margin-right:0;justify-self:start;text-align:left}.boardLanding__ctaCopy .tutorLandingPage__button{margin-left:auto;margin-right:0}.boardLanding__heroBenefits,.boardLanding__platformBenefits{flex-wrap:wrap}}@media (max-width: 768px){.boardLanding__featureGrid,.boardLanding__platformGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.boardLanding__heroBenefits,.boardLanding__platformBenefits{flex-wrap:wrap}}@media (max-width: 680px){.boardLanding__toolsHead{margin-left:auto;margin-right:auto}.boardLanding__hero{padding:16px 18px 0}.boardLanding__heroCopy h1,.boardLanding__toolsHead h2,.boardLanding__materialsCopy h2,.boardLanding__platformCopy h2,.boardLanding__ctaCopy h2{font-size:clamp(38px,11vw,51px);line-height:1.01}.boardLanding__break{display:none}.boardLanding__lead,.boardLanding__toolsHead p,.boardLanding__materialsCopy>p:not(.tutorLandingPage__badge),.boardLanding__platformCopy>p:not(.tutorLandingPage__badge){font-size:15px}.boardLanding__hero .tutorLandingPage__actions{display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;width:max-content}.boardLanding__featureGrid,.boardLanding__platformGrid{grid-template-columns:minmax(0,1fr)}.boardLanding__frame,.boardLanding__materials{width:calc(100% - 24px)}.boardLanding__cta{border-radius:24px;padding:16px 14px 22px}.boardLanding__ctaCopy h2,.boardLanding__ctaCopy h2>span{white-space:normal}.boardLanding__ctaCopy .tutorLandingPage__button{width:100%}}@media (max-width: 520px){.boardLanding__hero .tutorLandingPage__actions{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;width:100%;max-width:100%}}@media (prefers-reduced-motion: reduce){.boardLanding a,.boardLanding .tutorLandingPage__button{transition:none}}:root{--color-white: #ffffff;--color-ink: #24382d;--color-ink-hover: #1c2e25;--brand-green: #1f4d3a;--brand-krok: #1a3d2e;--brand-logo-orange: #f39611;--brand-urok: #f05a1a;--brand-urok-hover: #d94e14;--brand-gold: #f8b010;--brand-gold-soft: rgba(248, 176, 16, .16);--color-ink-80: rgba(36, 56, 45, .8);--color-ink-60: rgba(36, 56, 45, .6);--color-ink-40: rgba(36, 56, 45, .4);--color-ink-22: rgba(36, 56, 45, .22);--color-ink-12: rgba(36, 56, 45, .12);--color-ink-06: rgba(36, 56, 45, .06);--color-ink-03: rgba(36, 56, 45, .03);--highlight-fg: var(--color-ink);--highlight-hover-bg: rgba(36, 56, 45, .12);--highlight-active-bg: rgba(36, 56, 45, .16);--highlight-border: var(--color-ink);--background-page: #ffffff;--background-card: #ffffff;--background-active: rgba(36, 56, 45, .06);--background: #ffffff;--foreground: #24382d;--card: #ffffff;--card-foreground: #24382d;--popover: #ffffff;--popover-foreground: #24382d;--input: #ffffff;--muted: rgba(36, 56, 45, .06);--muted-foreground: rgba(36, 56, 45, .5);--page-bg: var(--background-page);--sidebar-bg: var(--background-page);--card-bg: var(--background-card);--background-main: var(--background-page);--background-sidebar: var(--background-page);--background-elevated: var(--background-card);--cream: var(--color-white);--text-primary: #24382d;--text-secondary: rgba(36, 56, 45, .72);--text-muted: rgba(36, 56, 45, .5);--border-default: rgba(36, 56, 45, .15);--border-strong: rgba(36, 56, 45, .26);--border-soft: var(--border-default);--shadow-card: 0 1px 2px rgba(36, 56, 45, .05), 0 8px 24px rgba(36, 56, 45, .07);--shadow-elevated: 0 2px 5px rgba(36, 56, 45, .06), 0 16px 40px rgba(36, 56, 45, .09);--shadow-soft: var(--shadow-card);--shadow-button: var(--shadow-card);--shadow-sm: 0 1px 2px rgba(36, 56, 45, .05);--shadow-md: var(--shadow-card);--shadow-lg: var(--shadow-elevated);--sage-primary: var(--color-ink);--sage-hover: var(--color-ink-hover);--sage-soft: var(--color-ink-12);--sage-pale: var(--color-ink-06);--sage-active: var(--background-active);--sage-active-text: var(--color-ink);--clay-primary: var(--color-ink);--clay-soft: var(--color-ink-12);--clay-pale: var(--color-ink-06);--sand-primary: var(--color-ink-40);--sand-soft: var(--color-ink-06);--danger: var(--color-ink);--danger-soft: var(--color-ink-06);--warning-soft-tone: var(--color-ink-60);--success-soft-tone: var(--color-ink);--plan-card-bg: var(--background-card);--plan-card-bg-hover: var(--color-ink-03);--plan-card-border: var(--border-default);--plan-card-border-hover: var(--border-strong);--plan-card-accent: var(--color-ink);--font-display: "Lora", "Georgia", "Times New Roman", serif;--font-ui: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--font-mono: ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius-sm: 10px;--radius-md: 14px;--radius-lg: 14px;--radius-xl: 18px;--sidebar-width: 248px;--color-bg: var(--background-page);--color-bg-secondary: var(--background-card);--color-bg-tertiary: var(--color-ink-03);--color-border: var(--border-default);--color-text: var(--text-primary);--color-text-muted: var(--text-muted);--color-text-secondary: var(--text-secondary);--color-primary: var(--color-ink);--color-primary-hover: var(--color-ink-hover);--color-primary-soft: var(--color-ink-06);--color-success: var(--color-ink);--color-warning: var(--color-ink-60);--color-error: var(--color-ink);--color-info: var(--color-ink);--color-coin: var(--brand-urok);--color-coin-soft: rgba(240, 90, 26, .18);--font-family: var(--font-ui);--font-size-sm: 12px;--font-size-base: 14px;--font-size-lg: 16px;--font-size-xl: 20px;--font-size-2xl: 26px;--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px;--content-max: 1120px;--shell-pad-x: 28px;--shell-pad-y: 20px;--auth-back-size: 58px;--auth-back-size-mobile: 48px;--auth-back-inset: 12px;--auth-back-gap: 16px;color-scheme:only light}.krokurok-logo{display:inline-flex;align-items:center;gap:10px;color:var(--color-ink);min-width:0}.krokurok-logo__lockup{display:block;height:40px;width:auto;max-width:min(200px,100%);object-fit:contain;object-position:left center;flex-shrink:0;-webkit-user-select:none;user-select:none;background-color:var(--color-white, #ffffff);filter:none}.krokurok-logo--compact .krokurok-mark{display:block}.krokurok-logo__text{display:flex;flex-direction:column;gap:2px;min-width:0}.krokurok-logo__name-row{display:inline-flex;align-items:center;gap:8px;min-width:0}.krokurok-logo__subtitle{display:block;font-size:11px;font-weight:600;letter-spacing:.01em;text-transform:none;color:var(--text-muted);line-height:1.2}.krokurok-mark{display:block;object-fit:contain;flex-shrink:0;-webkit-user-select:none;user-select:none}.ui-card{border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--background-card);box-shadow:var(--shadow-card);transition:border-color .15s ease,box-shadow .15s ease,transform .12s ease}.ui-card--padded{padding:18px 20px}.ui-card--interactive:hover{border-color:var(--border-strong);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.ui-page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:18px}.ui-page-header__copy h1{margin:0;font-family:var(--font-display);font-weight:600;font-size:var(--font-size-2xl);color:var(--text-primary);letter-spacing:-.02em;line-height:1.25}.ui-page-header__copy p{margin:6px 0 0;color:var(--text-secondary);font-size:var(--font-size-base)}.ui-page-header__actions{display:flex;align-items:center;gap:10px;flex-shrink:0}.ui-section-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:4px}.ui-section-title h3{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--color-ink);letter-spacing:-.01em}.ui-badge{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.02em;border:1px solid var(--border-default);background:var(--color-white);color:var(--color-ink)}.ui-badge--sage,.ui-badge--clay,.ui-badge--sand,.ui-badge--danger,.ui-badge--success{background:var(--color-white);color:var(--color-ink);border-color:var(--border-default)}.ui-stat-card{display:block;width:100%;text-align:left;text-decoration:none;color:inherit;font:inherit;cursor:pointer;position:relative;padding:18px 16px 16px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--background-card);box-shadow:var(--shadow-card);transition:border-color .15s ease,transform .12s ease,box-shadow .15s ease}.ui-stat-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-elevated);transform:translateY(-1px)}.ui-stat-card__index{position:absolute;top:12px;right:14px;width:26px;height:26px;border-radius:50%;border:1px solid var(--border-default);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:600;letter-spacing:.02em;color:var(--text-muted);background:var(--color-white)}.ui-stat-card__icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;margin-bottom:12px;color:var(--color-ink);background:var(--color-white);border:1px solid var(--border-default)}.ui-stat-card__icon .nav-icon,.ui-stat-card__icon svg{width:18px;height:18px}.ui-stat-card__value{font-family:var(--font-display);font-size:1.85rem;font-weight:600;line-height:1.1;color:var(--color-ink)}.ui-stat-card__label{margin-top:4px;font-size:13px;font-weight:600;color:var(--color-ink)}.ui-stat-card__hint{margin-top:2px;font-size:11px;font-weight:500;color:var(--text-muted)}.ui-stat-card--sage,.ui-stat-card--peach,.ui-stat-card--sand,.ui-stat-card--clay{background:var(--background-card);border-color:var(--border-default)}.ui-stat-card--sage .ui-stat-card__icon,.ui-stat-card--peach .ui-stat-card__icon,.ui-stat-card--sand .ui-stat-card__icon,.ui-stat-card--clay .ui-stat-card__icon{background:var(--color-white);border-color:var(--border-default);color:var(--color-ink)}.ui-empty{display:flex;flex-direction:column;align-items:center;text-align:center;padding:40px 28px;gap:12px;background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-md);box-shadow:var(--shadow-card)}.ui-empty__icon{display:none}.ui-empty__visual{display:flex;justify-content:center;margin-bottom:4px;color:var(--color-ink)}.ui-empty__title{margin:0;font-family:var(--font-display);font-weight:600;font-size:1.3rem;color:var(--color-ink);letter-spacing:-.02em;line-height:1.3}.ui-empty__desc{margin:0;max-width:28rem;color:var(--text-secondary);font-size:var(--font-size-base);line-height:1.55}.ui-empty__action{margin-top:10px}.ui-empty--promo{flex-direction:column;align-items:center;text-align:center;gap:12px;padding:44px 32px;min-height:280px;justify-content:center}.ui-empty--promo .ui-empty__copy{display:flex;flex-direction:column;align-items:center;gap:10px;max-width:28rem}.ui-empty--promo .ui-empty__title{font-size:clamp(1.25rem,2vw,1.45rem);max-width:none}.ui-empty--promo .ui-empty__desc{max-width:36ch}.ui-illustration{display:block;color:var(--color-ink)}.ui-icon-button{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border:1px solid var(--border-default);border-radius:10px;background:var(--color-white);color:var(--color-ink);cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ui-icon-button:hover{color:var(--highlight-fg);border-color:var(--highlight-border);background:var(--highlight-hover-bg);box-shadow:none}.ui-calendar-panel{display:flex;flex-direction:column;height:100%;min-height:0;padding:20px 18px;background:var(--background-card);border-left:1px solid var(--border-default)}.ui-calendar-panel__head{display:flex;align-items:center;gap:8px;margin-bottom:18px;color:var(--color-ink)}.ui-calendar-panel__head h3{margin:0;font-family:var(--font-display);font-size:1.05rem;font-weight:600}.ui-calendar-panel__list{display:flex;flex-direction:column;gap:14px;flex:1;min-height:0}.ui-calendar-panel__day{display:flex;flex-direction:column;gap:4px;padding-bottom:12px;border-bottom:1px solid var(--color-ink-06)}.ui-calendar-panel__day:last-child{border-bottom:none}.ui-calendar-panel__date{font-size:13px;font-weight:600;color:var(--color-ink)}.ui-calendar-panel__status{font-size:12px;color:var(--text-muted)}.ui-calendar-panel__footer{margin-top:auto;padding-top:16px}.ui-calendar-panel__link{font-size:13px;font-weight:600;color:var(--color-ink);text-decoration:none}.ui-calendar-panel__link:hover{text-decoration:underline}.ui-calendar-panel__events{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.ui-calendar-panel__event{display:flex;flex-direction:column;gap:1px;padding:6px 8px;border:1px solid var(--border-default);border-radius:10px;background:var(--color-white)}.ui-calendar-panel__event-time{font-size:11px;font-weight:700;color:var(--color-ink);font-variant-numeric:tabular-nums}.ui-calendar-panel__event-title{font-size:13px;font-weight:600;color:var(--color-ink)}.ui-calendar-panel__event-student{font-size:11.5px;color:var(--text-muted)}.calendar-page__grid{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:16px;align-items:start}.calendar-page__form-panel h3,.calendar-page__list-panel h3{margin:0 0 12px;font-family:var(--font-display);font-weight:600;font-size:1.1rem;color:var(--color-ink)}.calendar-form{display:flex;flex-direction:column;gap:12px}.calendar-form__datetime{display:grid;grid-template-columns:1.35fr 1fr;gap:10px}@media (max-width: 420px){.calendar-form__datetime{grid-template-columns:minmax(0,1fr)}}.calendar-form__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.calendar-form__hint{margin:0;font-size:13px;color:var(--text-muted)}.calendar-form__hint a{color:var(--color-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}.calendar-form__hint a:hover{color:var(--color-ink-hover)}.calendar-page__list-panel{align-self:start}.calendar-page__list-panel:has(.calendar-page__empty){gap:8px}.calendar-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:10px;padding:0 16px 16px;color:var(--text-muted);text-align:center}.calendar-page__empty>p{margin:12px 0 0}.calendar-page__empty-illustration{display:block;width:min(130px,55%);height:auto;margin:0;object-fit:contain;object-position:top center}.calendar-event-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:12px 14px;border:1px solid var(--border-default);border-radius:12px;background:var(--color-white)}.calendar-event-item__time{font-size:12px;font-weight:700;color:var(--color-ink);margin-bottom:2px}.calendar-event-item__title{font-size:14px;font-weight:600;color:var(--color-ink)}.calendar-event-item__meta{font-size:12px;color:var(--text-muted);margin-top:2px}.calendar-event-item__notes{font-size:12px;color:var(--text-secondary);margin-top:6px}.calendar-event-item__actions{display:flex;flex-direction:column;gap:6px;flex-shrink:0}@media (max-width: 900px){.calendar-page__grid{grid-template-columns:minmax(0,1fr)}.calendar-event-item{flex-direction:column}.calendar-event-item__actions{flex-direction:row}}.ui-notif-card{display:flex;flex-direction:column;gap:4px;min-height:0}.sidebar-plan-card{display:block;margin:8px 4px 10px;padding:12px 14px;border-radius:var(--radius-md);background:var(--background-card);border:1px solid var(--border-default);box-shadow:var(--shadow-card);text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.sidebar-plan-card:hover{color:var(--highlight-fg);border-color:var(--highlight-border);background:var(--highlight-hover-bg);box-shadow:none}.sidebar-plan-card__label{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);margin-bottom:4px}.sidebar-plan-card__name{font-family:var(--font-display);font-size:1.05rem;font-weight:600;color:var(--color-ink)}.sidebar-plan-card__warn{margin-top:4px;font-size:12px;color:var(--color-ink);font-weight:600}.sidebar-plan-card__action{margin-top:6px;font-size:12px;font-weight:600;color:var(--color-ink-80)}.sidebar-plan-card--pending{min-height:88px;pointer-events:none;background:var(--background-card)}.btn-ghost{background:transparent;border-color:transparent;color:var(--text-secondary)}.btn-ghost:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.btn-primary{color:var(--color-white);background-color:var(--color-ink);border-color:var(--color-ink);box-shadow:none}.btn-primary:hover{background-color:var(--color-ink-hover);border-color:var(--color-ink-hover);color:var(--color-white);box-shadow:var(--shadow-card)}.btn-secondary{color:var(--color-ink);background-color:var(--color-white);border-color:var(--border-default)}.btn-secondary:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.dash-layout{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;min-height:calc(100vh - 120px);margin:0;width:100%}.dash-layout__main,.dash-layout>.dash-layout__main.page-container{min-width:0;padding:0;display:flex;flex-direction:column;gap:12px}.dash-layout__calendar{min-width:0;background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}@media (max-width: 1100px){.dash-layout{grid-template-columns:minmax(0,1fr)}.dash-layout__calendar{border-left:none}.ui-calendar-panel{border-left:none;min-height:220px}}.not-found-page{min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:32px 20px;background:var(--background-page, #ffffff);color:var(--color-ink)}.not-found-page__card{width:min(560px,100%);display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:36px 28px;border:1px solid var(--border-default);border-radius:var(--radius-md);background:var(--background-card);box-shadow:var(--shadow-card)}.not-found-page__illustration{display:block;width:min(420px,100%);height:auto;aspect-ratio:4 / 3;object-fit:contain;margin-bottom:4px}.not-found-page__text{margin:0 0 10px;color:var(--text-secondary);font-size:var(--font-size-base);max-width:32ch;line-height:1.5}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}a{text-decoration:none}a:hover,a:focus,a:active{text-decoration:none}html{font-size:16px;background:var(--background, var(--background-page, #ffffff));background-color:var(--background, var(--background-page, #ffffff));color-scheme:only light}.img-unveil,.img-unveil.is-ready{opacity:1}.route-fallback{min-height:100vh;background:var(--background-page, #f7f4ee)}.route-content-fallback{min-height:520px;background:transparent}.route-content-error{min-height:240px;padding:32px 8px;color:var(--color-text, #1a1a1a)}.route-content-error h1{font-size:1.25rem;margin-bottom:8px}.route-content-error p{color:var(--color-text-muted, #5c5c5c)}body{font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.5;color:var(--color-text);background-color:var(--background-page, #ffffff);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color .25s ease,color .25s ease;min-height:100dvh}:root{color-scheme:only light}:root,html,body,#root{color-scheme:only light;background-color:var(--background, var(--background-page, #ffffff));color:var(--foreground, var(--text-primary, #24382d))}.public-shell{min-height:100dvh;color-scheme:only light;background-color:var(--background, var(--background-page, #ffffff));color:var(--foreground, var(--text-primary, #24382d))}input,textarea,select,button,input[type=search],input[type=checkbox],input[type=radio]{color-scheme:only light}input[type=checkbox],input[type=radio]{accent-color:var(--color-ink, #24382d)}input:-webkit-autofill,input:-webkit-autofill:hover,input:-webkit-autofill:focus,textarea:-webkit-autofill,select:-webkit-autofill{-webkit-text-fill-color:var(--color-ink, #24382d);-webkit-box-shadow:0 0 0 1000px #ffffff inset;box-shadow:0 0 0 1000px #fff inset;caret-color:var(--color-ink, #24382d)}#root{min-height:100vh;min-height:100dvh;background-color:var(--background-page, #ffffff);color:var(--text-primary, #24382d);color-scheme:only light}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:600;line-height:1.3;margin-bottom:var(--spacing-md);letter-spacing:-.015em}h1{font-size:var(--font-size-2xl)}h2{font-size:var(--font-size-xl)}h3{font-size:var(--font-size-lg)}p{margin-bottom:var(--spacing-md)}.text-muted{color:var(--color-text-muted)}code,.code-inline{font-family:var(--font-mono);font-size:var(--font-size-sm);background-color:var(--color-bg-tertiary);padding:2px 6px;border-radius:var(--radius-sm)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:9px 18px;font-family:inherit;font-size:var(--font-size-base);font-weight:600;line-height:1.5;color:var(--color-text);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,box-shadow .15s ease,transform .1s ease}.btn:hover{text-decoration:none}.btn:hover:not(.btn-primary):not(.btn-danger):not(.btn-success){color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}a.btn,a.btn:hover,a.btn:focus,a.btn:active{text-decoration:none}.btn:active{transform:translateY(1px)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--color-primary-soft)}.btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.btn-primary{color:var(--color-white, #ffffff);background-color:var(--color-ink, #24382d);border-color:var(--color-ink, #24382d);box-shadow:none;border-radius:12px}.btn-primary:hover{background-color:var(--color-ink-hover, #1c2e25);border-color:var(--color-ink-hover, #1c2e25);color:var(--color-white, #ffffff);box-shadow:var(--shadow-card)}.btn-secondary{color:var(--color-text);background-color:transparent;border-color:var(--color-border)}.btn-sm{padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm)}.btn-full{width:100%}.form-group label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-sm);color:var(--color-text)}input[type=text],input[type=email],input[type=password],input[type=number],input[type=search],input[type=tel],input[type=url],input:not([type]),.input,textarea,select{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;transition:border-color .15s ease,box-shadow .15s ease;box-sizing:border-box}textarea{resize:vertical;min-height:88px;line-height:1.45}input:focus,.input:focus,textarea:focus,select:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}input:disabled,textarea:disabled,select:disabled{opacity:.5;cursor:not-allowed}input::placeholder,.input::placeholder,textarea::placeholder{color:var(--color-text-muted)}.alert{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.alert>svg{width:18px;height:18px;flex-shrink:0}.alert-error{background-color:var(--color-white, #ffffff);border:1px solid var(--border-default);color:var(--color-ink, #24382d);border-radius:var(--radius-md);padding:var(--spacing-md);justify-content:space-between;transition:opacity .35s ease,max-height .35s ease,margin .35s ease,padding .35s ease,border-width .35s ease}.auth-page .alert.alert-error,.auth-page .auth-error-box{background:#fde8e8;border:1.5px solid #e11d48;color:#9f1239;border-radius:14px;padding:12px 14px;align-items:flex-start;gap:10px}.auth-page .auth-error-box__icon{flex-shrink:0;margin-top:1px;color:#be123c}.auth-page .auth-error-box__text{flex:1;font-size:.95rem;line-height:1.4;font-weight:600}.auth-page .alert-dismiss{color:#9f1239}.auth-page .alert-dismiss:hover,.auth-page .alert-dismiss:focus-visible{color:#881337;background:#e11d481a}.auth-page .auth-input--invalid{border-color:#e11d48!important;box-shadow:0 0 0 3px #e11d481f}.auth-page .auth-field-error{margin:6px 0 0;color:#9f1239;font-size:.82rem;line-height:1.3}.alert-dismiss{flex-shrink:0;width:28px;height:28px;border:0;border-radius:999px;background:transparent;color:var(--color-text-muted, #6b7280);font-size:1.25rem;line-height:1;cursor:pointer}.alert-dismiss:hover,.alert-dismiss:focus-visible{color:var(--color-ink, #24382d);background:#24382d0f}.alert-error.alert-autohiding{opacity:0;pointer-events:none}.alert-error.alert-autohidden{display:none!important}.alert-success{background-color:var(--color-white, #ffffff);border:1px solid var(--border-default);color:var(--color-ink, #24382d)}.badge{display:inline-flex;align-items:center;padding:2px 8px;font-size:var(--font-size-sm);font-weight:500;border-radius:9999px;background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.badge-teacher{background-color:var(--color-primary-soft);color:var(--color-primary)}.badge-student{background-color:#f5a52426;color:var(--color-warning)}.badge-active{background-color:#22a06b21;color:var(--color-success)}.badge-disabled{background-color:#e5484d21;color:var(--color-error)}.badge-warning{background-color:#f5a52426;color:var(--color-warning)}.badge-action{background-color:var(--color-primary-soft);color:var(--color-primary)}.spinner{width:24px;height:24px;border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.layout{min-height:100vh;display:flex;flex-direction:column}.header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.header-brand h1{font-size:var(--font-size-lg);margin:0;color:var(--color-primary)}.header-nav{display:flex;gap:var(--spacing-xs)}.header-nav a{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted);text-decoration:none;border-radius:var(--radius-md);transition:all .15s ease}.header-nav a:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.header-nav a.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.header-nav a .nav-open-badge{display:inline-flex;align-items:center;justify-content:center;margin-left:6px;min-width:18px;height:18px;padding:0 5px;border-radius:999px;font-size:11px;font-weight:700;line-height:1;color:#fff;background:var(--brand-urok, #f05a1a);vertical-align:middle}.header-user{display:flex;align-items:center;gap:var(--spacing-md)}.user-public-id-wrap{position:relative;display:inline-flex;align-items:center}.user-public-id{-webkit-appearance:none;appearance:none;font-family:var(--font-mono);font-size:var(--font-size-sm);line-height:1.3;color:#00000073;background-color:transparent;border:1px solid transparent;padding:2px 8px;border-radius:var(--radius-sm);cursor:pointer}.user-public-id:hover:not(:disabled){color:#000000b3;background-color:#fffdf959}.user-public-id:disabled{cursor:default;opacity:.7}.user-public-id-copied{position:absolute;top:calc(100% + 4px);right:0;z-index:40;white-space:nowrap;padding:3px 8px;border-radius:6px;font-size:11px;font-weight:600;font-family:inherit;color:var(--color-ink, #24382d);background:var(--color-bg-secondary, #fff);border:1px solid var(--color-border, rgba(0, 0, 0, .12));box-shadow:0 4px 12px #00000014;pointer-events:none}.user-email{font-size:var(--font-size-sm);color:var(--color-text-muted)}.main{flex:1;padding:var(--spacing-lg);max-width:1400px;width:100%;margin:0 auto}.page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.page-header h1{margin:0;line-height:1.2}.table-container{overflow-x:auto;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.data-table th{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg-tertiary)}.data-table tr:last-child td{border-bottom:none}.data-table tr:hover td{background-color:var(--color-bg-tertiary)}.table-empty{padding:var(--spacing-xl);text-align:center;color:var(--color-text-muted);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.login-page{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:linear-gradient(135deg,var(--color-bg) 0%,var(--color-bg-secondary) 100%)}.login-card{width:100%;max-width:400px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl)}.login-header{text-align:center;margin-bottom:var(--spacing-xl)}.login-header h1{color:var(--color-primary);margin-bottom:var(--spacing-sm)}.login-header p{color:var(--color-text-muted);margin:0}.login-footer{margin-top:var(--spacing-lg);text-align:center}.login-footer p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:0}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.stat-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg);text-align:center}.stat-value{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-primary);margin-bottom:var(--spacing-xs)}.stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.dashboard-section{margin-top:var(--spacing-xl)}.system-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.system-card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}.card-header{padding:var(--spacing-sm) var(--spacing-md);font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.card-body{padding:var(--spacing-md)}.status-badge{display:inline-flex;align-items:center;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;border-radius:var(--radius-sm)}.status-ok{background-color:#22a06b21;color:var(--color-success)}.status-warning{background-color:#f5a52426;color:var(--color-warning)}.status-error{background-color:#e5484d21;color:var(--color-error)}.version{font-family:var(--font-mono);font-size:var(--font-size-lg)}.uptime{font-size:var(--font-size-lg);font-weight:600}.timestamp{font-size:var(--font-size-sm);color:var(--color-text-muted)}.system-info{margin-top:var(--spacing-xl)}.loading{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);color:var(--color-text-muted)}.page-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);text-align:center;background:#fff;border:1px solid rgba(0,0,0,.14);border-radius:var(--radius-md)}.page-error h2{color:#000}.auth-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);color:var(--color-text-muted)}.backend-banner{position:fixed;left:50%;bottom:16px;z-index:9999;transform:translate(-50%);display:inline-flex;align-items:center;gap:10px;max-width:calc(100vw - 24px);padding:10px 14px;border-radius:12px;border:1px solid var(--border-default);background:var(--background-card);box-shadow:var(--shadow-elevated);color:var(--text-secondary);font-size:var(--font-size-sm)}.backend-banner__spinner{width:14px;height:14px;border:2px solid var(--color-ink-22);border-top-color:var(--color-ink);border-radius:50%;animation:spin .7s linear infinite;flex-shrink:0}.error-boundary{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background-color:var(--color-bg)}.error-content{text-align:center;max-width:600px}.error-content h1{color:var(--color-error);margin-bottom:var(--spacing-md)}.error-content .error-message{color:var(--color-text);margin-bottom:var(--spacing-lg)}.error-content .error-stack{text-align:left;padding:var(--spacing-md);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:var(--font-size-sm);color:var(--color-text-muted);white-space:pre-wrap;word-break:break-word;margin-bottom:var(--spacing-lg)}.auth-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:var(--background-page, #ffffff);animation:auth-page-in .4s cubic-bezier(.22,1,.36,1) both;transition:opacity .38s cubic-bezier(.22,1,.36,1),transform .38s cubic-bezier(.22,1,.36,1)}.auth-page:has(.auth-card--register){align-items:flex-start;padding-top:calc(var(--auth-back-inset, 12px) + 8px + var(--auth-back-size, 58px) + var(--auth-back-gap, 16px));padding-bottom:40px}.auth-page.auth-page--leaving{animation:none;opacity:0;transform:translateY(14px);pointer-events:none}@keyframes auth-page-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion: reduce){.auth-page,.register-role-card,.auth-card--enter{animation:none;transition:none}.auth-page.auth-page--leaving{opacity:0;transform:none}}.auth-back-btn,a.auth-back-btn{position:fixed;top:calc(var(--auth-back-inset, 12px) + 8px + env(safe-area-inset-top,0px));left:calc(var(--auth-back-inset, 12px) + 8px + env(safe-area-inset-left,0px));z-index:50;width:var(--auth-back-size, 58px);height:var(--auth-back-size, 58px);display:inline-flex;align-items:center;justify-content:center;border-radius:50%;border:1.5px solid var(--color-ink, #24382d);background:transparent;color:var(--color-ink, #24382d);box-shadow:none;cursor:pointer;text-decoration:none;transition:background .2s ease,transform .2s ease}.auth-back-btn:hover,a.auth-back-btn:hover{background:color-mix(in srgb,var(--color-ink, #24382d) 8%,transparent);color:var(--color-ink, #24382d)}.auth-back-btn:focus-visible{outline:2px solid var(--color-ink, #24382d);outline-offset:2px}.app-main .auth-back-btn.page-back-btn,a.auth-back-btn.page-back-btn{position:relative;top:auto;left:auto;z-index:1;flex-shrink:0}.auth-card{width:100%;max-width:440px;background-color:var(--background-card, var(--color-bg-secondary));border:1px solid var(--border-soft, var(--color-border));border-radius:var(--radius-xl, 20px);padding:var(--spacing-xl);box-shadow:var(--shadow-soft)}.auth-card--register{width:calc(100% - 32px);max-width:880px}.auth-card--register .auth-header h1{font-family:var(--font-family);font-weight:700;letter-spacing:-.02em}@media (max-width: 900px){.auth-card--register{max-width:720px}}@media (max-width: 639px){.auth-card--register{width:100%;max-width:none;padding:var(--spacing-lg)}}@media (max-width: 480px){.auth-page{padding-left:12px;padding-right:12px}.auth-card,.auth-card--register{width:100%;padding-left:14px;padding-right:14px}}@media (max-width: 720px){.auth-page{flex-direction:column;align-items:stretch;justify-content:flex-start;padding:calc(var(--auth-back-inset, 12px) + env(safe-area-inset-top,0px)) 16px calc(20px + env(safe-area-inset-bottom,0px))}.auth-page:has(.auth-card--register){align-items:stretch;padding-top:calc(var(--auth-back-inset, 12px) + env(safe-area-inset-top,0px));padding-bottom:calc(20px + env(safe-area-inset-bottom,0px))}.auth-back-btn,a.auth-back-btn{position:relative;top:auto;left:auto;z-index:1;width:var(--auth-back-size-mobile, 48px);height:var(--auth-back-size-mobile, 48px);margin:0 0 var(--auth-back-gap, 16px);align-self:flex-start;flex-shrink:0}.auth-card,.auth-card--register{width:100%;max-width:100%;align-self:stretch}.legal-page{padding:calc(var(--auth-back-inset, 12px) + env(safe-area-inset-top,0px)) 16px 0}.legal-page .auth-back-btn,.legal-page a.auth-back-btn{position:relative;top:auto;left:auto;margin:0 0 var(--auth-back-gap, 16px)}}@media (max-height: 700px) and (min-width: 721px){.auth-page{align-items:flex-start;padding-top:calc(var(--auth-back-inset, 12px) + 8px + var(--auth-back-size, 58px) + var(--auth-back-gap, 16px))}.auth-page:has(.auth-card--register){padding-top:calc(var(--auth-back-inset, 12px) + 8px + var(--auth-back-size, 58px) + var(--auth-back-gap, 16px))}}@media (max-width: 480px){.auth-page{padding-left:12px;padding-right:12px}}@media (max-width: 355px){.auth-form .turnstile-wrap{zoom:.85}}.legal-page{position:relative;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:stretch;padding:calc(var(--auth-back-inset, 12px) + 8px + var(--auth-back-size, 58px) + var(--auth-back-gap, 16px)) var(--spacing-lg) 0;background:var(--background-page, #ffffff)}.legal-card,.auth-card:has(.legal-doc){width:100%;max-width:1100px;margin:0 auto 24px;flex:0 0 auto;background-color:var(--background-card, var(--color-bg-secondary));border:1px solid var(--border-soft, var(--color-border));border-radius:var(--radius-xl, 20px);padding:var(--spacing-xl);box-shadow:var(--shadow-soft)}.auth-card:has(.legal-doc){max-width:1100px!important}.auth-page:has(.legal-doc){display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start}.legal-page .app-footer,.auth-page:has(.legal-doc) .app-footer{width:100%;margin-top:auto}.legal-doc{line-height:1.55;font-size:.95rem;text-align:left;color:var(--color-text)}.legal-doc h2{margin:1.25em 0 .45em;font-size:1.05rem;font-weight:600}.legal-doc p,.legal-doc ul{margin-bottom:.85em}.legal-doc ul{padding-left:1.25em}.legal-doc li+li{margin-top:.35em}.auth-header{text-align:center;margin-bottom:var(--spacing-xl)}.auth-logo{display:inline-flex;width:52px;height:52px;margin-bottom:var(--spacing-md);color:var(--color-ink, #24382d)}.auth-logo svg{width:100%;height:100%}.auth-brand{display:flex;justify-content:center;margin-bottom:var(--spacing-md)}.auth-brand .krokurok-logo__lockup{height:40px;max-width:min(200px,100%)}.auth-header h1{color:var(--color-text);font-size:var(--font-size-2xl);margin-bottom:var(--spacing-sm)}.auth-header p{color:var(--color-text-muted);margin:0}.auth-form{display:flex;flex-direction:column;gap:var(--spacing-md)}.phone-otp{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%}.phone-otp__input,.phone-otp input[type=text]{appearance:none;-webkit-appearance:none;box-sizing:border-box;flex:0 0 44px;width:44px;min-width:44px;max-width:44px;height:48px;min-height:48px;max-height:48px;margin:0;padding:0;text-align:center;font-family:var(--font-ui);font-size:22px;font-weight:600;line-height:1;letter-spacing:0;font-variant-numeric:tabular-nums lining-nums;font-feature-settings:"tnum" 1,"lnum" 1}@media (max-width: 430px){.phone-otp{gap:8px;justify-content:center}.phone-otp__input,.phone-otp input[type=text]{flex-basis:42px;width:42px;min-width:42px;max-width:42px;height:46px;min-height:46px;max-height:46px;font-size:20px}}.auth-form .turnstile-field{display:flex;justify-content:stretch;min-height:70px}.auth-form .turnstile-box{width:100%}.auth-form .turnstile-wrap{width:100%;min-width:0;line-height:0}.auth-form .turnstile-error{max-width:none}.auth-footer{margin-top:var(--spacing-lg);text-align:center}.auth-footer p{font-size:var(--font-size-sm);color:var(--color-text-muted);margin:var(--spacing-sm) 0}.auth-form .form-hint{margin-top:6px;font-size:var(--font-size-sm)}.auth-form .form-hint,.auth-form .link{color:var(--color-primary)}.auth-form .form-hint--quiet{margin-top:4px;font-size:.85em;opacity:.7}.auth-card--register .auth-choice a,.auth-card--register .form-hint a{color:var(--color-primary, #2f6f4e);text-decoration:none}.auth-card--register .form-hint--quiet a{opacity:1}.auth-card--register .auth-choice a:hover,.auth-card--register .form-hint a:hover{color:var(--color-primary-hover, #245a3e);text-decoration:underline}.auth-form--register-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--spacing-md)}.register-otp-input{text-align:center;letter-spacing:.5em;font-size:1.5rem;font-weight:600;font-variant-numeric:tabular-nums;padding-left:.5em}.register-verify-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;font-size:var(--font-size-sm)}.link-button{background:none;border:none;padding:0;margin:0 auto;display:inline;color:var(--color-primary, #2f6f4e);font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}.link-button:hover:not(:disabled){color:var(--color-primary-hover, #245a3e)}.link-button:disabled{opacity:.6;cursor:default;text-decoration:none}@media (min-width: 640px){.auth-form--register-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.auth-form--register-grid .form-group--full,.auth-form--register-grid .auth-age-band,.auth-form--register-grid .auth-choice,.auth-form--register-grid .form-hint,.auth-form--register-grid .vkid-gate,.auth-form--register-grid .register-vk-hint,.auth-form--register-grid .btn-full,.auth-form--register-grid .auth-alt__or{grid-column:1 / -1}}.auth-alt__or{display:flex;align-items:center;gap:12px;margin:4px 0 12px;color:var(--color-text-muted, #6b7280);font-size:.9rem;text-align:center;justify-content:center}.auth-alt__or:before,.auth-alt__or:after{content:"";flex:1;height:1px;background:var(--color-border, #e5e7eb)}.vkid-gate{position:relative;min-width:0}.register-vk-hint{margin:0 0 10px;font-size:.9rem;color:var(--color-text-muted, #6b7280)}.vkid-gate--blocked .vkid-wrap{pointer-events:none;opacity:.78}.vkid-gate__catch{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;border:0;padding:0;margin:0;background:transparent;cursor:pointer}.auth-age-band{margin:0;padding:0;border:0;min-width:0;min-inline-size:0;display:flex;flex-direction:column;gap:10px}.auth-age-band legend{display:block;float:none;width:100%;padding:0;margin:0 0 var(--spacing-sm);font-weight:500;font-size:var(--font-size-sm);color:var(--color-text)}.auth-choice{display:flex;align-items:flex-start;gap:10px;margin:0;font-size:var(--font-size-sm);font-weight:400;line-height:1.45;color:var(--color-text);cursor:pointer}.auth-choice input[type=checkbox],.auth-choice input[type=radio]{width:16px;height:16px;min-width:16px;max-width:16px;margin:3px 0 0;padding:0;flex-shrink:0;background:none;border:0;border-radius:0;box-shadow:none;-webkit-appearance:auto;appearance:auto;accent-color:var(--color-primary, #45a371)}.auth-choice span{min-width:0;flex:1}.auth-choice-hint{margin:0 0 0 26px;font-size:var(--font-size-sm);color:var(--color-text-muted);line-height:1.4}.auth-footer .link{color:var(--color-primary);text-decoration:none}.auth-footer .link:hover{text-decoration:none}.auth-footer .link-muted{color:var(--color-text-muted);text-decoration:none;font-size:var(--font-size-sm)}.auth-footer .link-muted:hover{color:var(--color-text)}.auth-admin-link{margin-top:var(--spacing-lg);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.role-selector{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.role-option{display:flex;align-items:center;gap:var(--spacing-md);width:100%;padding:12px var(--spacing-md);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:border-color .15s ease,background-color .15s ease,transform .1s ease}.role-option:hover:not(:disabled){border-color:var(--color-primary);background-color:var(--color-primary-soft);transform:translateY(-1px)}.role-option.selected{border-color:var(--color-primary);background-color:var(--color-primary-soft);box-shadow:0 0 0 3px var(--color-primary-soft)}.role-option:disabled{opacity:.6;cursor:not-allowed}.role-icon{display:flex;flex-shrink:0}.role-icon .icon-chip{width:44px;height:44px;border-radius:12px}.role-icon .icon-chip .nav-icon,.role-icon .icon-chip svg{width:22px;height:22px}.role-text{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.role-label{font-weight:600;color:var(--color-text)}.role-desc{font-size:var(--font-size-sm);color:var(--color-text-muted)}.role-check{display:flex;align-items:center;justify-content:center;width:24px;height:24px;border-radius:50%;flex-shrink:0;border:2px solid var(--color-border);background:var(--color-bg-secondary);color:#fff;transition:all .15s ease}.role-option.selected .role-check{border-color:var(--color-primary);background:var(--color-primary)}.role-check .nav-icon{width:14px;height:14px}.auth-page--role-pick{align-items:center}.auth-card--role-pick{max-width:min(860px,100%);background:transparent;border:none;box-shadow:none;padding:var(--spacing-lg) var(--spacing-md)}.auth-header--role-pick{margin-bottom:var(--spacing-lg)}.auth-header--role-pick .auth-brand{margin-bottom:10px}.auth-header--role-pick .auth-brand .krokurok-logo__lockup{height:48px;max-width:min(240px,100%)}.register-role-prompt{margin:0;color:var(--color-text-muted, #6b7280);font-size:1.05rem;font-weight:500}.register-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%;align-items:stretch}.register-role-card{display:flex;flex-direction:row;align-items:center;gap:12px;min-width:0;min-height:110px;height:100%;padding:14px 16px 14px 12px;border-radius:999px;border:1.5px solid transparent;background:#fff;cursor:pointer;text-align:left;overflow:visible;box-shadow:none;animation:register-role-in .35s cubic-bezier(.22,1,.36,1) both;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}@keyframes register-role-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.auth-card--enter{animation:auth-card-in .36s cubic-bezier(.22,1,.36,1) both}.auth-card--method-pick{max-width:400px;padding:var(--spacing-lg) var(--spacing-lg) var(--spacing-xl)}.auth-card--method-pick h1{font-size:1.25rem;margin-bottom:8px}.auth-card--method-pick .auth-header{margin-bottom:var(--spacing-md)}.auth-method-choice{padding:12px 14px 8px;border:1px solid var(--border-soft, var(--color-border));border-radius:16px;background:#fff}.auth-method-choice__label{margin:0 0 8px;font-size:.95rem;font-weight:600;color:var(--color-text, #24382d)}@keyframes auth-card-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.register-role-card:hover{transform:translateY(-2px);box-shadow:0 10px 24px #24382d14}.register-role-card:focus-visible{outline:2px solid var(--brand-urok, #f05a1a);outline-offset:3px}.register-role-card--teacher{background:#fdf9ec;border-color:#fce4ac;color:#f5b317}.register-role-card--teacher .register-role-card__icon{width:72px;height:72px;background:#fff3cc;color:#f5c552;overflow:hidden;padding:6px}.register-role-card--parent{background:#eefaf4;border-color:#b0eac9;color:#45a371}.register-role-card--parent .register-role-card__icon{width:72px;height:72px;background:#d8f5e6;color:#45a371;overflow:hidden;padding:6px}.register-role-card--student{background:#eaf2fd;border-color:#95b7e6;color:#7099d5}.register-role-card--student .register-role-card__icon{width:72px;height:72px;background:#d9e8fb;color:#7099d5;overflow:hidden;padding:6px}.register-role-card__icon{width:54px;height:54px;flex-shrink:0;border-radius:999px;display:grid;place-items:center}.register-role-card__icon svg{width:28px;height:28px}.register-role-card__mascot{width:56px;height:56px;object-fit:contain;display:block;pointer-events:none}.register-role-card__text{display:flex;flex-direction:column;gap:3px;min-width:0;flex:1}.register-role-card__label{font-size:1.05rem;font-weight:700;line-height:1.2;color:#2b2f33;white-space:nowrap;word-break:keep-all;overflow-wrap:normal}.register-role-card__desc{font-size:.8rem;line-height:1.35;color:#7a8088;max-width:none;display:block;white-space:normal;word-break:normal;overflow-wrap:anywhere;-webkit-hyphens:none;hyphens:none;overflow:visible;text-overflow:unset}.auth-card--role-pick .auth-footer{margin-top:var(--spacing-xl)}@media (max-width: 899px){.auth-card--register .register-role-card{flex-direction:column;align-items:center;text-align:center;border-radius:20px;padding:12px 10px;gap:8px;min-height:0}.auth-card--register .register-role-card__text{align-items:center}.auth-card--register .register-role-card--teacher .register-role-card__icon,.auth-card--register .register-role-card--parent .register-role-card__icon,.auth-card--register .register-role-card--student .register-role-card__icon{width:56px;height:56px}.auth-card--register .register-role-card__mascot{width:44px;height:44px}}@media (max-width: 639px){.register-role-grid{grid-template-columns:minmax(0,1fr);max-width:none;margin:0}.auth-card--register .register-role-card{flex-direction:row;align-items:center;text-align:left;border-radius:999px;padding:14px 18px 14px 14px;gap:14px;min-height:96px;min-width:0;overflow:hidden}.auth-card--register .register-role-card__text{align-items:flex-start;min-width:0}.register-role-card__label{white-space:normal;overflow-wrap:anywhere}}@media (max-width: 360px){.auth-card--register .register-role-card{min-height:84px;padding:12px 12px 12px 10px;gap:10px}.register-role-card__label{font-size:1rem}.register-role-card__desc{font-size:.75rem}}.user-layout .header-brand{display:flex;align-items:center;gap:var(--spacing-md)}.user-layout .role-badge:not(.role-badge--plate){padding:3px 10px;font-size:var(--font-size-sm);font-weight:600;border-radius:999px}.dashboard-welcome{margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background:radial-gradient(600px 200px at 90% -20%,var(--color-primary-soft),transparent 65%),var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}.dashboard-welcome h1{margin-bottom:var(--spacing-sm);font-size:var(--font-size-2xl)}.dashboard-welcome .welcome-email{color:var(--color-text-muted);margin:0}.dashboard-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.dashboard-card{padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);cursor:pointer;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.dashboard-card:hover{border-color:var(--color-primary);transform:translateY(-2px);box-shadow:var(--shadow-md)}.dashboard-card .card-icon{font-size:32px;margin-bottom:var(--spacing-md)}.dashboard-card h3{margin-bottom:var(--spacing-xs);font-size:var(--font-size-lg)}.dashboard-card p{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-md)}.dashboard-card .card-stat{display:inline-block;padding:var(--spacing-xs) var(--spacing-sm);font-size:var(--font-size-sm);font-weight:600;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);color:var(--color-primary)}.quick-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-danger{color:var(--cream);background-color:var(--danger, #c45c55);border-color:var(--danger, #c45c55)}.btn-danger:hover{color:var(--cream);background-color:#b04e48;border-color:#b04e48}.btn-success{color:#fff;background-color:#15803d;border-color:#15803d}.btn-success:hover{color:#fff;background-color:#166534;border-color:#166534}.badge-parent{background-color:var(--color-bg-tertiary);color:var(--color-text)}.users-toolbar{display:flex;flex-direction:column;gap:var(--spacing-xs);margin-bottom:var(--spacing-md);max-width:360px}.users-search-label{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.users-search-input{width:100%;padding:10px 14px;font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md)}.users-search-input:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.user-actions{display:flex;flex-wrap:wrap;gap:6px}.user-status-cell{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:220px}.user-status-cell .badge{flex:0 0 auto;width:auto;align-self:flex-start}.user-freeze-reason{display:block;width:100%;font-size:var(--font-size-sm);color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:#0f172a73}.admin-modal{width:100%;max-width:440px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);box-shadow:var(--shadow-md)}.admin-modal h2{margin:0 0 var(--spacing-sm);font-size:var(--font-size-xl)}.admin-modal p{margin:0 0 var(--spacing-md);color:var(--color-text-muted);font-size:var(--font-size-sm)}.admin-modal .form-label{display:block;margin-bottom:var(--spacing-xs);font-weight:500;font-size:var(--font-size-sm)}.admin-modal .form-input,.admin-modal textarea.form-input{width:100%;padding:10px 14px;margin-bottom:var(--spacing-md);font-family:inherit;font-size:var(--font-size-base);color:var(--color-text);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);resize:vertical}.admin-modal-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-md)}.temp-password{display:block;width:100%;padding:var(--spacing-md);margin-bottom:var(--spacing-md);font-family:var(--font-mono);font-size:var(--font-size-base);word-break:break-all;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.monitor-subtitle{margin:4px 0 0}.monitor-header-actions{display:flex;align-items:center;gap:var(--spacing-sm)}.stat-meta{margin-top:6px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.stat-card.warn-card .stat-value{color:#b45309}.monitor-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--spacing-lg);margin-top:var(--spacing-lg)}.monitor-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-lg)}.monitor-panel-wide{grid-column:1 / -1}.monitor-panel-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.monitor-panel-header h2{margin:0;font-size:var(--font-size-lg)}.danger-panel{border-color:#b91c1c59}.metrics-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--spacing-sm)}.metric-tile{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm) var(--spacing-md);display:flex;flex-direction:column;gap:2px}.metric-value{font-size:var(--font-size-lg);font-weight:700}.metric-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.abuse-bars{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.abuse-bar-meta{display:flex;justify-content:space-between;gap:var(--spacing-sm);font-size:var(--font-size-sm);margin-bottom:4px}.abuse-bar-track{height:8px;background:var(--color-bg-tertiary);border-radius:999px;overflow:hidden}.abuse-bar-fill{height:100%;background:#d97706;border-radius:999px}.jobs-list{display:flex;flex-direction:column;gap:10px}.job-row{display:flex;justify-content:space-between;gap:var(--spacing-md);font-size:var(--font-size-sm);padding-bottom:8px;border-bottom:1px solid var(--color-border)}.job-row:last-child{border-bottom:none;padding-bottom:0}.activity-feed{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px;max-height:420px;overflow:auto}.activity-feed li{display:grid;grid-template-columns:88px 1fr auto;gap:var(--spacing-sm);align-items:center;font-size:var(--font-size-sm);padding:8px 0;border-bottom:1px solid var(--color-border)}.activity-kind{display:inline-flex;justify-content:center;padding:2px 8px;border-radius:999px;background:var(--color-bg-tertiary);font-size:11px;font-weight:600}.kind-abuse{background:#fef3c7;color:#92400e}.kind-admin_audit{background:#e0e7ff;color:#3730a3}.kind-user_signup{background:#dcfce7;color:#166534}.activity-time{color:var(--color-text-muted);white-space:nowrap}.text-danger{color:#b91c1c}.text-ok{color:#15803d}.btn-link{background:transparent;border:none;color:var(--color-primary);padding:0;box-shadow:none}.btn-link:hover{background:transparent;text-decoration:none;color:var(--color-primary-hover)}.confirm-box{margin-top:var(--spacing-md);padding:var(--spacing-md);border:1px dashed var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}@media (max-width: 960px){.monitor-grid{grid-template-columns:minmax(0,1fr)}.metrics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity-feed li{grid-template-columns:minmax(0,1fr)}}.public-market-shell{min-height:100vh;width:100%;color-scheme:only light;background:var(--background, var(--color-bg, #ffffff));color:var(--foreground, var(--text-primary, #24382d));display:flex;flex-direction:column}.public-market-shell .app-footer{margin-top:auto}.public-market-main{width:100%;max-width:none;margin:0;padding:20px 24px 40px;box-sizing:border-box}.public-market-main .page-container{width:100%;max-width:none;margin:0}.public-market-page-header{display:grid;grid-template-columns:1fr auto;gap:8px 16px;align-items:start}.public-market-page-header .text-muted{grid-column:1 / -1}.public-market-brand-row{align-items:center;gap:12px}.public-market-brand-link{display:inline-flex;align-items:center;gap:12px;color:inherit;text-decoration:none}.public-market-brand-link .krokurok-logo__lockup{height:36px;max-width:min(180px,100%)}.public-market-brand-row h1{margin:0;font-size:1.5rem;letter-spacing:-.02em}.public-market-page-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}.public-market-page-actions .btn{display:inline-flex;align-items:center;gap:6px}.public-market-logo{display:inline-flex;line-height:0}.public-market-logo svg{display:block}@media (max-width: 640px){.public-market-main{padding:14px 14px 32px}.public-market-page-header{grid-template-columns:minmax(0,1fr)}}.page-container{max-width:none;margin:0;padding:0;width:100%}.page-container.ia-player,.page-container.player-container{max-width:860px;margin-inline:auto;width:100%}.icon-chip{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--border-default);background:var(--color-white);color:var(--color-ink);flex-shrink:0}.icon-chip .nav-icon,.icon-chip svg{width:18px;height:18px}.icon-chip.sm{width:28px;height:28px;border-radius:8px}.icon-chip.sm .nav-icon,.icon-chip.sm svg{width:14px;height:14px}.icon-chip.lg{width:48px;height:48px;border-radius:14px}.icon-chip.lg .nav-icon,.icon-chip.lg svg{width:24px;height:24px}.icon-chip.success,.icon-chip.warning,.icon-chip.danger,.icon-chip.coin{background:var(--color-ink-06);color:var(--color-ink);border-color:var(--color-ink-12)}.icon-chip.muted{background:var(--color-white);color:var(--text-muted);border-color:var(--border-default)}.page-title-row{display:inline-flex;align-items:flex-start;gap:12px;min-width:0;flex:1 1 auto}.page-title-row>.icon-chip{margin-top:2px}.page-title-row h1{margin:0;font-size:var(--font-size-2xl);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.page-title-row>div{min-width:0;display:flex;flex-direction:column;gap:4px}.btn .nav-icon,.btn svg.nav-icon{width:16px;height:16px;flex-shrink:0}.page-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-lg)}.page-header:has(>.page-back-btn){justify-content:flex-start;align-items:center;gap:20px}.page-header:has(>.page-back-btn)>.page-title,.page-header:has(>.page-back-btn)>h1{flex:1;min-width:0;text-align:center;padding-right:58px}.page-header h1{margin:0;font-size:var(--font-size-2xl);line-height:1.2;letter-spacing:-.02em;overflow-wrap:anywhere}.page-header>.btn,.page-header>.card-actions,.page-header>.page-actions{flex-shrink:0;margin-left:auto;align-self:center}.page-header>.page-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;justify-content:flex-end}.page-header .subtitle,.page-title-row .subtitle,.page-subtitle{color:var(--color-text-muted);margin:0;font-size:var(--font-size-sm);line-height:1.4;max-width:52ch}.form-card{max-width:600px;background-color:#fffdf9d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:22px 24px;box-shadow:var(--shadow-card)}.form-group{margin-bottom:var(--spacing-md)}.form-group label{display:block;margin-bottom:var(--spacing-sm);font-weight:500;color:var(--color-text)}.form-group input,.form-group textarea,.form-group select{width:100%;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base)}.form-group input:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:var(--color-primary)}.form-group textarea{resize:vertical;min-height:100px}.form-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.market-profile-page{display:flex;flex-direction:column;gap:20px}.market-profile-head{margin-bottom:0;align-items:center;gap:12px}.market-profile-head-actions{display:flex;gap:8px;flex-shrink:0;flex-wrap:wrap}.market-profile-tabs{display:flex;gap:4px;flex-wrap:wrap}.market-profile-tab{display:inline-flex;align-items:center;gap:8px;max-width:100%;padding:6px 10px;border-radius:8px;border:1px solid transparent;background:transparent;color:var(--color-text-muted);font:inherit;cursor:pointer;text-align:left;transition:color .15s ease,background .15s ease}.market-profile-tab:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg)}.market-profile-tab.is-active{color:var(--color-ink);background:var(--highlight-active-bg)}.market-profile-tab-title{font-size:13px;font-weight:550;max-width:220px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.market-profile-tab-dot{width:6px;height:6px;border-radius:50%;background:var(--color-ink);flex-shrink:0}.market-form-footer-actions{display:flex;gap:8px;flex-wrap:wrap;margin-left:auto}.market-profile-head h1{font-size:var(--font-size-2xl);letter-spacing:-.02em;margin:0}.market-side-status{font-size:12px;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.market-check-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.market-check-row{display:flex;align-items:flex-start;gap:10px;padding:10px 0}.market-check-row+.market-check-row{border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.market-check-mark{flex-shrink:0;width:18px;height:18px;margin-top:2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--color-border);color:transparent}.market-check-row.is-done .market-check-mark{background:var(--color-ink);border-color:var(--color-ink);color:#fff}.market-check-row.is-pending .market-check-mark{border-color:color-mix(in srgb,var(--color-ink) 35%,var(--color-border));background:color-mix(in srgb,var(--color-ink) 8%,transparent)}.market-check-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.market-check-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.market-check-title{font-size:13px;font-weight:600;color:var(--color-ink)}.market-check-count{font-size:12px;font-weight:500;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.market-check-desc{font-size:12px;line-height:1.4;color:var(--color-text-muted)}.market-check-row .btn{align-self:flex-start;margin-top:4px}.market-profile-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);gap:20px;align-items:start}.market-profile-side{position:sticky;top:16px}.form-card.market-profile-form,.form-card.market-profile-status,.form-card.market-verify-card,.form-card.market-publish-card{max-width:none;width:100%;display:flex;flex-direction:column;gap:16px;padding:4px 0;border:none;border-radius:0;background:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}.market-profile-page .settings-section-head{margin:0;padding:0}.market-profile-page .settings-card-title{font-size:13px;font-weight:600;margin:0}.market-profile-page .chip-toggle{border-radius:8px;font-weight:500}.market-profile-page .chip-toggle.is-on{background:var(--color-ink);border-color:var(--color-ink)}.market-form-block{display:flex;flex-direction:column;gap:12px;padding-bottom:16px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.market-form-block:last-of-type{border-bottom:none;padding-bottom:0}.market-gallery-editor-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:12px}.market-gallery-count,.market-gallery-hint{margin:0;font-size:.85rem}.market-gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media (min-width: 640px){.market-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.market-gallery-card{border:1px solid var(--color-border);border-radius:8px;overflow:hidden;background:var(--color-bg-secondary, #f7f7f7)}.market-gallery-thumb{position:relative;aspect-ratio:1;overflow:hidden}.market-gallery-thumb img{width:100%;height:100%;object-fit:cover;display:block}.market-gallery-thumb-empty{display:flex;align-items:center;justify-content:center;width:100%;height:100%;color:var(--color-text-muted)}.market-gallery-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#00000073;color:#fff;font-size:.85rem;font-weight:600}.market-gallery-overlay.is-error{background:#8c1e1eb3}.market-gallery-card-actions{display:flex;flex-wrap:wrap;gap:2px;padding:4px 6px}.market-gallery-error{margin:0 8px 8px;font-size:.75rem;color:var(--color-danger, #b00020)}.market-public-gallery-stage{position:relative;display:flex;align-items:center;gap:8px;max-width:100%}.market-public-gallery-main{flex:1;min-width:0;border:0;padding:0;background:transparent;cursor:zoom-in}.market-public-gallery-main img{display:block;width:100%;max-width:100%;max-height:min(70vh,520px);object-fit:cover;border-radius:8px}.market-public-gallery-arrow{flex:0 0 auto;border:1px solid var(--color-border);background:var(--color-bg);border-radius:999px;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.market-public-gallery-dots{display:flex;justify-content:center;gap:6px;margin-top:10px}.market-public-gallery-dot{width:8px;height:8px;border-radius:50%;border:0;padding:0;background:var(--color-border);cursor:pointer}.market-public-gallery-dot.is-active{background:var(--color-ink)}.market-gallery-lightbox-inner{position:relative;max-width:min(960px,94vw);max-height:90vh;margin:auto;background:var(--color-bg);border-radius:12px;padding:12px}.market-gallery-lightbox-inner img{display:block;max-width:100%;max-height:75vh;margin:0 auto;object-fit:contain}.market-gallery-lightbox-close{position:absolute;top:8px;right:8px;z-index:1}.market-gallery-lightbox-nav{display:flex;justify-content:center;align-items:center;gap:12px;margin-top:10px}.market-form-label{margin:0;font-size:13px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--color-ink)}.market-field-count{margin-left:auto;font-size:11px;font-weight:500;color:var(--color-text-muted)}.market-profile-page .form-group label{display:flex;align-items:baseline;gap:8px;margin:0;font-size:12px;font-weight:500;color:var(--color-text-muted)}.market-profile-page .form-group{margin:0;gap:6px;display:flex;flex-direction:column}.market-profile-page .form-group input,.market-profile-page .form-group textarea{padding:8px 10px;font-size:13.5px;border-radius:8px;min-height:36px}.market-profile-page .form-group textarea{min-height:110px;resize:vertical}.market-form-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:4px}.market-duration-row{display:flex;align-items:center;gap:6px}.market-duration-row .chip-toggle{min-width:42px;justify-content:center}.market-duration-row input{flex:1;min-width:0}.market-profile-split{display:grid;grid-template-columns:1fr 1fr;gap:12px}.market-preview-mini{display:flex;flex-direction:column;gap:6px;padding:0 0 12px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.market-preview-headline{margin:0;font-size:15px;font-weight:650;letter-spacing:-.01em;line-height:1.3;color:var(--color-ink)}.market-preview-meta{display:flex;flex-wrap:wrap;gap:4px 6px;font-size:12px;color:var(--color-text-muted)}.market-preview-subjects{display:flex;flex-wrap:wrap;gap:6px}.market-preview-subjects span{font-size:12px;font-weight:500;padding:0;border-radius:0;background:transparent;color:var(--color-text-muted)}.market-preview-bio{margin:2px 0 0;font-size:12px;line-height:1.45;color:var(--color-text-muted)}.market-verify-upload{display:flex;flex-direction:column;gap:8px;align-items:stretch}.market-file-btn{display:flex;align-items:center;justify-content:center;min-height:40px;padding:8px 12px;border-radius:8px;border:1px dashed var(--color-border);background:var(--color-bg);cursor:pointer;font-size:13px;font-weight:600;color:var(--color-text)}.market-file-btn input{display:none}.market-file-btn:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 4%,var(--color-bg))}.market-docs-list{display:grid;gap:4px}.market-doc-row{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted)}.market-profile-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.market-subject-dd{width:100%}.market-subject-dd-btn{width:100%;min-width:0;justify-content:space-between}.market-subject-dd-btn .library-dd-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:left;color:var(--color-ink);font-weight:500}.market-subject-dd .library-dd-menu{width:100%;min-width:0;max-height:200px;top:calc(100% + 4px);padding:2px;display:grid;grid-template-columns:1fr 1fr;gap:0;overflow-y:auto}.market-subject-dd .library-dd-item{display:flex;align-items:center;gap:5px;width:auto;min-width:0;padding:2px 6px;border-radius:4px;font-size:12.5px;line-height:1.2;font-weight:500}.market-subject-dd .library-dd-item.selected{font-weight:600}.market-subject-dd-check{display:inline-flex;flex-shrink:0}.market-subject-dd-check input{width:13px;height:13px;margin:0;pointer-events:none;accent-color:var(--color-ink)}@media (max-width: 640px){.market-subject-dd .library-dd-menu{grid-template-columns:minmax(0,1fr);max-height:180px}}.market-subject-statuses{margin:6px 0 0;font-size:12px;line-height:1.4;color:var(--color-text-muted)}.chip-toggle{border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);border-radius:999px;padding:5px 10px;font-size:12px;font-weight:600;font-family:inherit;cursor:pointer;display:inline-flex;align-items:center;transition:border-color .15s ease,background .15s ease,color .15s ease}.chip-toggle:hover:not(.is-on){color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.chip-toggle.is-on{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.market-verify-card,.market-publish-card{margin-top:16px;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--color-border) 55%,transparent)}.market-publish-status{display:flex;align-items:center;gap:8px;margin:0;font-size:13px;font-weight:600;color:var(--color-ink)}.market-publish-dot{width:8px;height:8px;border-radius:50%;background:#1f8a4c;box-shadow:0 0 0 3px color-mix(in srgb,#1f8a4c 18%,transparent)}.market-publish-actions{display:flex;flex-direction:column;align-items:stretch;gap:8px;margin-top:10px}.market-pub-modal{max-width:520px}.market-pub-modal-sm{max-width:420px}.market-pub-body{display:flex;flex-direction:column;gap:12px}.market-pub-summary{padding:10px 12px;border-radius:10px;background:color-mix(in srgb,var(--color-ink) 4%,var(--color-bg))}.market-pub-summary-title{margin:0 0 8px;font-size:13px;font-weight:600}.market-pub-summary-list{margin:0;padding:0;list-style:none;display:grid;gap:6px}.market-pub-summary-list li{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.4}.market-pub-summary-list li span{color:#1f8a4c;font-weight:700}.market-pub-advanced{display:flex;flex-direction:column;gap:8px;padding:10px 0 2px}.market-pub-advanced-title{margin:4px 0 0;font-size:13px;font-weight:600}.market-pub-link-btn{align-self:flex-start;padding-left:0}.market-pub-consent{margin-top:4px}.market-pub-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.market-pub-footer-main{display:flex;gap:8px;margin-left:auto}.market-pub-hide-btn{color:var(--color-text-muted)}.market-profile-page .alert-success{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.market-profile-page .alert-link{margin-left:auto;font-size:13px;font-weight:600}@media (max-width: 960px){.market-profile-layout{grid-template-columns:minmax(0,1fr)}.market-profile-side{position:static}.market-profile-split{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.market-profile-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.market-profile-metrics,.market-profile-split{grid-template-columns:minmax(0,1fr)}.market-duration-row{flex-wrap:wrap}}.wallet-top-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);align-items:stretch}.form-card.wallet-form,.form-card.wallet-balance-card{max-width:none;min-width:0;margin-bottom:0;display:flex;flex-direction:column;gap:var(--spacing-md);height:100%}.wallet-balance-card{justify-content:center}.wallet-balance-value{font-size:2rem;font-weight:700;line-height:1.2;color:var(--color-text)}.wallet-period-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-top:var(--spacing-sm);padding-top:var(--spacing-md);border-top:1px solid var(--color-bg-tertiary)}.wallet-period-stat{display:flex;flex-direction:column;gap:.2rem}.wallet-period-stat .settings-hint{margin:0}.wallet-period-stat strong{font-size:1.05rem;font-weight:600;color:var(--color-text)}.wallet-form .form-group{margin-bottom:0}.wallet-form .form-actions{margin-top:0}.wallet-inline-form{display:flex;align-items:flex-end;gap:var(--spacing-md);flex-wrap:wrap}.wallet-inline-form .form-group{flex:1 1 180px;max-width:240px;margin-bottom:0}.wallet-payout-fields{max-width:none}.wallet-payout-requests{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-bg-tertiary)}.wallet-payout-request-row{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-bg-tertiary);flex-wrap:wrap;gap:var(--spacing-sm)}@media (max-width: 900px){.wallet-top-row{grid-template-columns:minmax(0,1fr)}}@media (max-width: 640px){.wallet-inline-form .form-group{max-width:none}}.type-selector{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.type-option{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:2px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);cursor:pointer;transition:all .2s ease;text-align:center}.type-option:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.type-option.selected{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.assignments-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:10px;align-items:stretch;width:100%}.assignments-grid-compact{gap:10px}.assignment-card{display:flex;flex-direction:column;min-height:0;min-width:0;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 42%),var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:14px;padding:12px 14px;box-shadow:0 1px #0f172a08;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.assignment-card-compact{flex-direction:row;flex-wrap:wrap;align-items:center;gap:12px 14px;padding:12px 14px}.group-card-clickable{cursor:default}.group-card-clickable .group-card-summary{flex:1 1 auto;min-width:0;cursor:pointer;border-radius:10px}.group-card-clickable .group-card-summary:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.group-card-clickable.is-expanded{transform:none;box-shadow:0 8px 22px #0f172a12;border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.student-list,.lesson-list{gap:8px}.assignment-card-compact.student-card-clickable,.assignment-card-compact.lesson-card-clickable{flex-direction:column;flex-wrap:nowrap;align-items:stretch;cursor:default}.assignment-card-compact.student-card-clickable:hover,.assignment-card-compact.student-card-clickable.is-expanded,.assignment-card-compact.lesson-card-clickable:hover,.assignment-card-compact.lesson-card-clickable.is-expanded{transform:none}.student-card-summary,.lesson-card-summary{display:flex;align-items:center;gap:12px 14px;min-width:0;width:100%;cursor:pointer;border-radius:10px}.student-card-summary:focus-visible,.lesson-card-summary:focus-visible{outline:none;box-shadow:inset 0 0 0 2px color-mix(in srgb,var(--color-primary) 55%,transparent)}.student-card-hint,.lesson-card-hint{margin-left:auto;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:28px;min-height:28px;color:var(--color-text);font-size:1.35rem;font-weight:700;line-height:1;padding-inline:6px;opacity:.72}.student-card-clickable .student-card-actions,.lesson-card-clickable .lesson-card-actions{display:none;width:100%;flex:none}.student-card-clickable.is-expanded,.lesson-card-clickable.is-expanded{box-shadow:0 8px 22px #0f172a12;border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.student-card-clickable.is-expanded .student-card-actions,.lesson-card-clickable.is-expanded .lesson-card-actions{display:flex;animation:group-card-panel-in .22s ease}.group-card-panel{flex:1 1 100%;width:100%;margin-top:4px;padding-top:var(--spacing-md);border-top:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);animation:group-card-panel-in .22s ease}@keyframes group-card-panel-in{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.group-card-members{max-height:280px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.group-card-member-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--color-bg-tertiary)}.group-card-member-actions{display:flex;align-items:center;gap:6px;flex-shrink:0}.group-assign-members{display:flex;flex-direction:column;gap:6px;max-height:220px;overflow-y:auto;padding:2px}.group-assign-member-row{margin:0}.group-card-member-row:last-child{border-bottom:none}.group-card-panel-actions{margin-top:var(--spacing-sm)}.assignment-card:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));box-shadow:0 8px 22px #0f172a12;transform:translateY(-1px)}.assignment-lead{flex-shrink:0;display:inline-flex;text-decoration:none;border-radius:12px;transition:transform .15s ease}button.assignment-lead{background:none;border:none;padding:0;cursor:pointer;color:inherit;font:inherit}.assignment-lead:hover{transform:scale(1.04)}.assignment-lead .icon-chip{width:44px;height:44px;border-radius:12px}.assignment-lead .icon-chip .nav-icon,.assignment-lead .icon-chip svg{width:22px;height:22px}.assignment-lead .user-avatar,.assignment-lead .assignment-avatar{width:44px;height:44px;border-radius:12px;font-size:1rem;overflow:hidden;background:color-mix(in srgb,var(--color-ink) 12%,var(--color-bg));color:var(--color-white, #fff)}.assignment-lead .user-avatar:has(.user-avatar-img),.assignment-lead .assignment-avatar:has(.user-avatar-img){background:transparent}.assignment-lead .user-avatar .user-avatar-img,.assignment-lead .assignment-avatar .user-avatar-img{border-radius:12px;object-fit:cover}.assignment-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:5px}.assignment-title-row{display:flex;align-items:center;gap:8px 10px;flex-wrap:wrap;min-width:0}.assignment-title-group{display:inline-flex;align-items:center;gap:4px;min-width:0;max-width:100%}.assignment-title-group .assignment-title{min-width:0}.assignment-title-inline-input{min-width:140px;max-width:min(280px,100%);height:28px;padding:2px 8px;font-size:inherit;font-weight:600;line-height:1.2}.assignment-title-edit,.student-rename-btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;border:none;border-radius:6px;background:transparent;color:var(--color-text-muted);cursor:pointer;outline:none;box-shadow:none;appearance:none;-webkit-appearance:none}.assignment-title-edit:hover,.assignment-title-edit:focus,.assignment-title-edit:focus-visible,.assignment-title-edit:active,.student-rename-btn:hover,.student-rename-btn:focus,.student-rename-btn:focus-visible,.student-rename-btn:active{color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);border:none;outline:none;box-shadow:none}.assignment-header{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:0;min-width:0}.assignment-type{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--color-text-muted);min-width:0}.assignment-type .icon-chip{flex-shrink:0}.assignment-badges{display:inline-flex;align-items:center;gap:5px;flex-wrap:wrap}.assignment-due{font-size:var(--font-size-sm);color:var(--color-warning)}.assignment-title{margin:0;font-size:16px;font-weight:700;line-height:1.25;letter-spacing:-.01em;color:var(--color-text);text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}button.assignment-title{background:none;border:none;padding:0;cursor:pointer;text-align:left;font:inherit;font-weight:700;color:inherit}button.assignment-title:hover,a.assignment-title:hover{color:var(--color-primary)}.assignment-card-compact .assignment-title{font-size:16px}.assignment-content{flex:1 1 auto;display:flex;flex-direction:column;min-width:0}.assignment-desc{color:var(--color-text-muted);font-size:var(--font-size-sm);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical}.assignment-meta{display:flex;flex-wrap:wrap;align-items:center;gap:0;margin:0;padding:0;font-size:12.5px;color:var(--color-text-muted);line-height:1.35}.assignment-meta>span{display:inline-flex;align-items:center}.assignment-meta>span:not(:last-child):after{content:"";width:3px;height:3px;margin:0 8px;border-radius:50%;background:currentColor;opacity:.45}.assignment-footer{display:flex;flex-direction:column;align-items:stretch;gap:8px;padding-top:10px;margin-top:8px;border-top:1px solid var(--color-border);flex-shrink:0;min-width:0;width:100%}.assignment-date{font-size:12px;color:var(--color-text-muted)}.assignment-actions{display:flex;flex-wrap:wrap;align-items:stretch;gap:8px;flex:1 1 100%;width:100%;max-width:100%;min-width:0;margin:0;padding-top:10px;border-top:1px solid color-mix(in srgb,var(--color-border) 85%,transparent)}.assignment-card-compact .assignment-actions{max-width:100%}.assignment-actions .btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;flex:1 1 0;min-width:0;min-height:36px;height:36px;padding:0 10px;font-size:12.5px;font-weight:600;line-height:1.2;border-radius:10px;white-space:nowrap}.assignment-actions .btn>span{overflow:visible;text-overflow:clip}.assignment-actions .btn-primary{flex:.95 1 0}.assignment-actions .assignment-action-library{flex:1.55 1 auto;min-width:max-content;padding-inline:12px}.assignment-actions .btn-icon{width:34px;height:34px;padding:0;flex-shrink:0}.assignment-actions .btn .nav-icon{width:15px;height:15px;flex-shrink:0}.assignment-actions .lesson-delete-btn{color:#e53434;background:#ffcaca;border-color:#ffcaca}.assignment-actions .lesson-delete-btn:hover{color:#e53434;background:#ffb8b8;border-color:#ffb8b8}.lesson-preview-page{max-width:960px}.lesson-preview-toolbar{display:flex;flex-direction:column;gap:12px;margin-bottom:16px;padding:12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary, var(--color-bg))}.lesson-preview-toolbar-top{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.lesson-preview-reveal{display:inline-flex;flex-wrap:wrap;gap:8px;margin-left:auto}.lesson-preview-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.lesson-preview-tab{display:flex;align-items:flex-start;gap:8px;flex:0 0 auto;width:168px;min-height:72px;padding:10px;text-align:left;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);cursor:pointer;scroll-snap-align:start;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.lesson-preview-tab:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.lesson-preview-tab.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border);box-shadow:none}.lesson-preview-tab.has-answer{border-color:#22a06b73}.lesson-preview-tab.active.has-answer{box-shadow:0 0 0 2px #22a06b38}.lesson-preview-tab-num{flex-shrink:0;width:22px;height:22px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;background:var(--color-bg-secondary, #f3f4f6);color:var(--color-text-secondary)}.lesson-preview-tab.active .lesson-preview-tab-num{background:var(--color-primary, #3b82f6);color:#fff}.lesson-preview-tab-icon{width:16px;height:16px;flex-shrink:0;margin-top:2px;opacity:.75}.lesson-preview-tab-body{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.lesson-preview-tab-title{font-size:13px;font-weight:650;line-height:1.25;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lesson-preview-tab-sub{font-size:11.5px;color:var(--color-text-secondary);line-height:1.3;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.lesson-preview-stage{margin-top:8px}.lesson-preview-answer-hidden{margin-top:12px;padding:14px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);text-align:center}.lesson-preview-answer-hl{outline:2px solid rgba(34,160,107,.45);outline-offset:2px;border-radius:var(--radius-sm)}.lesson-preview-opt-correct{background:#22a06b24!important;border-color:#22a06b8c!important;font-weight:600}@media (max-width: 720px){.lesson-preview-reveal{margin-left:0;width:100%}.lesson-preview-tab{width:148px}}.teacher-reveal-bar{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0 12px}.teacher-reveal-bar .btn{display:inline-flex;align-items:center;gap:6px}.teacher-answer-key{margin-top:14px;padding:12px 14px;border:1px solid rgba(34,160,107,.35);border-radius:var(--radius-md);background:#22a06b0f}.teacher-answer-key-title{font-size:13px;font-weight:700;margin-bottom:8px;color:var(--color-text)}.teacher-answer-key-list{display:flex;flex-direction:column;gap:6px}.teacher-answer-key-item{padding:8px 10px;background:var(--color-bg);font-size:13.5px;line-height:1.4}.teacher-answer-key-sep{margin:0 6px;color:var(--color-text-secondary)}.teacher-preview-player .overview-progress{margin-bottom:10px}.teacher-inline-answer{margin-top:10px}.page-header-compact{margin-bottom:14px;gap:10px}.page-header-compact h1{margin:0;font-size:var(--font-size-2xl);letter-spacing:-.02em}.review-page-header{align-items:flex-start}.review-page-header-main{display:flex;flex-direction:column;gap:6px;min-width:0}.review-page-header-main .page-back-btn{margin-bottom:4px}.review-page-header-main .page-title-row{margin-top:4px}.ia-open-review-card .ia-open-review-panel{margin-top:14px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-tertiary) 65%,var(--color-bg))}.ia-open-review-panel .ia-grade-row{margin-top:4px}@media (max-width: 1100px){.assignment-card-compact .assignment-actions{max-width:100%}}@media (max-width: 820px){.assignment-card-compact{flex-wrap:wrap;align-items:flex-start}.assignment-lead{order:0}.assignment-main{flex:1 1 calc(100% - 58px)}.assignment-actions{width:100%;max-width:100%;min-width:0}.assignment-actions .btn{flex:1 1 calc(50% - 8px);min-width:calc(50% - 8px)}.assignment-actions .assignment-action-library{flex:1 1 100%;min-width:100%}.assignment-title{white-space:normal}}.status-badge{font-size:11px;padding:1px 7px;border-radius:var(--radius-sm);font-weight:600;line-height:1.4}.status-published{background-color:#22a06b26;color:var(--color-success)}.status-draft{background-color:#8b949e26;color:var(--color-text-muted)}.assignments-list{display:flex;flex-direction:column;gap:var(--spacing-md)}.assignment-item{display:flex;align-items:center;gap:14px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:14px 16px;transition:border-color .2s ease;min-width:0}.assignment-item:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.assignment-icon{font-size:32px;flex-shrink:0}.assignment-info{flex:1}.assignment-info h3{margin-bottom:var(--spacing-xs)}.assignment-info .description{color:var(--color-text-muted);font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm)}.assignment-info .meta{font-size:var(--font-size-sm);color:var(--color-text-muted)}.assignment-status,.assignment-action{flex-shrink:0}.student-assignments-page .assignment-card,.parent-assignments-page .assignment-card{display:flex;flex-direction:row;align-items:stretch;justify-content:space-between;gap:16px;background:var(--color-white, #fff);border:1px solid var(--color-border);border-radius:14px;padding:16px 18px;min-width:0}.assignment-card__main{flex:1;min-width:0}.assignment-card__title{margin:0 0 4px;font-size:var(--font-size-md);line-height:1.35}.assignment-card__desc{margin:0 0 8px;color:var(--color-text-muted);font-size:var(--font-size-sm);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assignment-card__due,.assignment-card__hint{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.assignment-card__hint{margin-top:6px}.assignment-card__comment{margin:8px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.assignment-card__aside{display:flex;flex-direction:column;align-items:flex-end;justify-content:space-between;gap:12px;margin-left:auto;flex-shrink:0}.assignment-card__meta{display:flex;align-items:center;gap:8px}.assignment-card__source{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--color-text-muted)}.assignment-card__score{font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:800;line-height:1;color:var(--color-primary)}.assignment-card__cta .btn{white-space:nowrap}.assignment-status-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:12px;font-weight:600;line-height:1.3;white-space:nowrap}.assignment-status-badge--neutral{color:var(--color-text-muted);background:#8b949e24}.assignment-status-badge--progress,.assignment-status-badge--review{color:#6b5a2c;background:#d4a84329}.assignment-status-badge--done{color:#2f5d3a;background:#2e6b4a1f}.assignment-status-badge--overdue{color:#8a2f2f;background:#b946461f}.assignment-filter-count{margin-left:6px;font-weight:600;opacity:.72}.student-assignments-page .assignment-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.student-assignments-page .assignment-filters .filter-btn,.parent-assignments-page .assignment-filters .filter-btn{flex-shrink:0}.parent-assignments-page .assignment-filters{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding-bottom:2px}.parent-assignment-card__child{margin:0 0 4px;font-size:var(--font-size-sm);font-weight:700;color:var(--color-text-muted)}@media (min-width: 769px){.student-assignments-page .assignment-filters,.parent-assignments-page .assignment-filters{flex-wrap:wrap;overflow:visible}}@media (max-width: 768px){.student-assignments-page .assignment-card,.parent-assignments-page .assignment-card{flex-direction:column;align-items:stretch}.student-assignments-page .assignment-card__aside,.parent-assignments-page .assignment-card__aside{align-items:stretch;width:100%;margin-left:0}.assignment-card__meta{justify-content:space-between}.assignment-card__cta .btn{width:100%}}.filter-bar{display:flex;gap:8px;margin-bottom:var(--spacing-md);flex-wrap:wrap}.filter-btn{padding:7px 12px;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text-muted);cursor:pointer;font-size:var(--font-size-sm);font-weight:600;transition:all .2s ease}.filter-btn:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.filter-btn.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border);font-weight:600}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-lg);color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-lg)}.empty-state:has(.empty-illustration){width:100%;max-width:none;margin-inline:0;aspect-ratio:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;box-sizing:border-box;padding:36px 32px}.empty-state .empty-icon{display:flex;justify-content:center;margin:0 auto var(--spacing-md);width:auto;height:auto;background:transparent;border-radius:0;color:inherit}.empty-state:has(.empty-illustration) .empty-icon{flex:0 0 auto;width:250px;max-width:min(250px,70vw);aspect-ratio:1 / 1;align-items:center;margin-bottom:12px}.empty-state--mascot-fit:has(.empty-illustration) .empty-icon{width:210px;max-width:min(210px,55vw)}.empty-state .empty-icon .icon-chip{width:56px;height:56px;border-radius:16px}.empty-state .empty-icon .icon-chip .nav-icon,.empty-state .empty-icon .icon-chip svg{width:26px;height:26px}.empty-state .empty-icon .empty-illustration{display:block;width:min(200px,55vw);height:auto;margin:0 auto 4px;object-fit:contain;color:var(--color-ink)}.empty-state:has(.empty-illustration) .empty-icon .empty-illustration{width:100%;height:100%;max-width:none;margin:0;object-fit:contain}.empty-state h3{margin:0 0 var(--spacing-sm);color:var(--color-text)}.empty-state p{margin:0 auto var(--spacing-lg);max-width:36ch;line-height:1.45}.card{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:18px 20px;margin-bottom:var(--spacing-md);box-shadow:var(--shadow-sm)}.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md)}.card-header h3{margin:0}.card-actions{display:flex;gap:var(--spacing-sm)}.student-list{max-height:400px;overflow-y:auto}.student-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-bottom:1px solid var(--color-border);cursor:pointer;transition:background-color .2s ease}.student-item:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.student-item:last-child{border-bottom:none}.student-item input[type=checkbox]{width:20px;height:20px;cursor:pointer}.student-email{flex:1;display:inline-flex;align-items:center;gap:8px}.student-email>svg{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.submissions-table{overflow-x:auto}.submissions-table table{width:100%;border-collapse:collapse;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden}.submissions-table th,.submissions-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.submissions-table th{background-color:var(--color-bg-tertiary);font-weight:600;color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase}.submissions-table tr:last-child td{border-bottom:none}.submissions-table .content-cell{max-width:200px}.submissions-table .content-preview{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-text-muted);font-size:var(--font-size-sm)}.submissions-table .no-content{color:var(--color-text-muted);font-style:italic}.graded-label{color:var(--color-success);font-weight:500}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#34352f6b;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.modal{background-color:var(--card-bg, var(--color-bg-secondary));border:1px solid var(--border-default);border-radius:var(--radius-xl, 20px);padding:var(--spacing-xl);max-width:500px;width:90%;max-height:90vh;max-height:90dvh;overflow-y:auto;position:relative;box-shadow:var(--shadow-card)}@media (max-width: 480px){.modal{width:calc(100% - 20px);max-height:calc(100dvh - 16px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));padding:var(--spacing-lg) var(--spacing-md) calc(var(--spacing-md) + env(safe-area-inset-bottom,0px))}.modal-close{width:40px;height:40px}.modal-actions,.modal-footer{flex-wrap:wrap}}.modal h2{margin-bottom:var(--spacing-lg);text-align:center}.modal-close{position:absolute;top:var(--spacing-md);right:var(--spacing-md);width:32px;height:32px;border:none;background:transparent;color:var(--color-text-muted);font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all .15s ease}.modal-close:hover{color:var(--color-text);background-color:var(--color-bg-tertiary)}.modal-actions{display:flex;gap:var(--spacing-md);justify-content:flex-end;margin-top:var(--spacing-xl)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-lg);position:relative}.modal-header h3{margin:0;font-size:var(--font-size-xl);flex:1;padding-right:var(--spacing-md)}.modal-header .modal-close{position:static;margin-left:auto;flex-shrink:0}.modal-body{margin-bottom:var(--spacing-xl);line-height:1.6}.modal-body p{margin:0;color:var(--color-text)}.modal-footer{display:flex;gap:var(--spacing-md);justify-content:flex-end}.share-link-modal{max-width:560px}.share-link-row{display:flex;gap:8px;margin-top:14px;align-items:stretch}.share-link-input{flex:1;min-width:0;padding:10px 12px;border:1px solid var(--color-border, #d0d7de);border-radius:8px;font-size:.9rem;background:var(--color-bg-tertiary, #f6f8fa);color:var(--color-text, #0f172a)}.share-link-hint{margin-top:10px;font-size:.875rem}.ia-player--guest-gate{display:flex;align-items:center;justify-content:center;width:100%;max-width:none;min-height:calc(100vh - 140px);margin:0 auto}.guest-result-gate{width:100%;max-width:560px;margin:0 auto;text-align:center;padding:32px 28px;box-sizing:border-box}.guest-result-gate .ia-result-label{font-size:1.35rem;font-weight:700;margin-bottom:10px}.guest-result-gate-text{margin:0 auto 18px;max-width:420px;color:var(--color-text-muted, #64748b);line-height:1.45}.guest-result-gate .ia-result-actions{display:flex;flex-wrap:nowrap;justify-content:center;align-items:center;gap:10px}.guest-result-gate .ia-result-actions .btn{white-space:nowrap;flex-shrink:0}.import-modal{max-width:600px;overflow-x:hidden;overflow-wrap:anywhere}.import-options{display:flex;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.import-label{flex:1;color:var(--color-text-muted);font-size:var(--font-size-sm)}.import-options .form-select{width:200px}.import-textarea{width:100%;min-height:200px;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg);color:var(--color-text);font-family:var(--font-mono);font-size:var(--font-size-sm);resize:vertical}.import-textarea::placeholder{color:var(--color-text-muted)}.import-textarea:focus{outline:none;border-color:var(--color-primary)}.import-modal .form-actions{justify-content:center}.import-url-field{display:flex;flex-direction:column;gap:6px;width:100%;margin:0 0 4px}.import-url-field__hint{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}.import-url-field__input{display:block;width:100%;box-sizing:border-box;min-height:48px;padding:12px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm);font-family:var(--font-mono, ui-monospace, monospace);word-break:break-all}.import-url-field__input::placeholder{color:var(--color-text-muted)}.import-url-field__input:focus{outline:none;border-color:var(--color-primary)}.import-rights{margin-top:12px;min-width:0}.import-rights__row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.import-rights__row input{margin-top:3px;flex-shrink:0}.import-rights__short{flex:1;min-width:0;font-size:.9rem;line-height:1.45;overflow-wrap:anywhere}.import-rights__chevron{flex-shrink:0;width:10px;height:10px;margin-top:6px;border-right:1.6px solid var(--color-ink-60, rgba(36, 56, 45, .6));border-bottom:1.6px solid var(--color-ink-60, rgba(36, 56, 45, .6));transform:rotate(45deg);transition:transform .2s ease}.import-rights__chevron.is-open{margin-top:8px;transform:rotate(225deg)}.import-rights__details{display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease}.import-rights__details.is-open{grid-template-rows:1fr}.import-rights__details-inner{overflow:hidden;min-height:0;min-width:0}.import-rights__legal{margin:8px 0 0;padding:0 0 0 26px;font-size:.78rem;line-height:1.5;color:var(--color-ink-60, rgba(36, 56, 45, .6));overflow-wrap:anywhere;word-break:break-word}.import-rights__terms{margin:8px 0 0;font-size:.9rem}.import-rights__terms .link{color:var(--color-primary, #24382d);text-decoration:underline}.import-rights__terms .link:hover{color:var(--color-primary-hover, #1c2e25)}@media (max-width: 480px){.import-rights__legal{padding-left:0}}.score-selector{display:flex;gap:var(--spacing-sm)}.score-btn{width:48px;height:48px;border:2px solid var(--color-border);border-radius:var(--radius-md);background-color:var(--color-bg-tertiary);color:var(--color-text);font-size:var(--font-size-lg);font-weight:600;cursor:pointer;transition:all .2s ease}.score-btn:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.score-btn.selected{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.chats-list{display:flex;flex-direction:column}.chat-item{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);border-bottom:1px solid var(--color-border);text-decoration:none;color:var(--color-text);transition:background-color .2s ease}.chat-item:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg)}.chat-avatar{width:48px;height:48px;background-color:var(--color-bg-tertiary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0}.chat-avatar svg{width:24px;height:24px}.chat-info{flex:1;min-width:0}.chat-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.chat-name{font-weight:500}.chat-time{font-size:var(--font-size-sm);color:var(--color-text-muted)}.chat-preview{color:var(--color-text-muted);font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.unread-badge{background-color:var(--color-primary);color:#fff;font-size:var(--font-size-sm);font-weight:600;padding:2px 8px;border-radius:10px;flex-shrink:0}.chat-room{display:flex;flex-direction:column;height:calc(100dvh - 56px - var(--shell-pad-y, 16px));max-height:calc(100dvh - 56px - var(--shell-pad-y, 16px));min-height:0;overflow:hidden;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.chat-room .chat-header{position:relative;top:auto;z-index:2;flex-shrink:0;display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);padding:12px 16px;background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.chat-room .chat-title{flex:1;min-width:0}.chat-room .chat-title h2{margin:0;font-size:var(--font-size-lg);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-room .chat-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;flex-wrap:wrap}.chat-search-toggle{width:40px;height:40px;padding:0;display:inline-flex;align-items:center;justify-content:center}.chat-search-toggle.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.chat-search-bar{flex-shrink:0;display:flex;align-items:center;gap:8px;padding:8px 16px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.chat-search-bar input[type=search]{flex:1;min-width:0;height:36px;padding:0 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);font-size:var(--font-size-sm)}.chat-search-bar input[type=search]:focus{outline:2px solid color-mix(in srgb,var(--color-primary) 45%,transparent);outline-offset:1px}.chat-search-count{flex-shrink:0;min-width:3.5ch;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted);font-variant-numeric:tabular-nums}.app-main:has(.chat-room){padding-bottom:0}@media (max-width: 900px){.chat-room{height:calc(100dvh - 56px - 64px - var(--shell-pad-y, 16px));max-height:calc(100dvh - 56px - 64px - var(--shell-pad-y, 16px));border-radius:0;border-left:0;border-right:0}}.messages-container{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:16px 18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(180deg,color-mix(in srgb,var(--color-bg-tertiary) 55%,transparent),var(--color-bg) 48px)}.no-messages{flex:1;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.message{max-width:min(70%,520px);padding:10px 12px;border-radius:14px;position:relative;word-break:break-word}.message.own{align-self:flex-end;background-color:var(--color-primary);color:#fff;border-bottom-right-radius:4px}.message.other{align-self:flex-start;background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom-left-radius:4px}.message--search-hit{box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 35%,transparent)}.message--search-active{box-shadow:0 0 0 2px var(--color-primary)}.chat-search-mark{background:#ffe08a;color:inherit;padding:0 2px;border-radius:3px}.message.own .chat-search-mark{background:#ffffff59;color:inherit}.message.system{align-self:stretch;width:100%;max-width:100%;box-sizing:border-box;padding:6px 12px;background-color:color-mix(in srgb,var(--color-success, #16a34a) 12%,var(--color-bg-tertiary));border:1px solid color-mix(in srgb,var(--color-success, #16a34a) 35%,var(--color-border));color:var(--color-text);text-align:center;font-size:var(--font-size-sm);line-height:1.3;display:flex;flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;border-radius:var(--radius-md)}.message.system .message-content{margin:0}.message.system .message-time{margin:0;opacity:.75;font-size:.85em}.message.system.system-clickable{cursor:pointer;transition:background-color .15s ease,border-color .15s ease}.message.system.system-clickable:hover{background-color:color-mix(in srgb,var(--color-success, #16a34a) 22%,var(--color-bg-tertiary));border-color:color-mix(in srgb,var(--color-success, #16a34a) 55%,var(--color-border))}.message.system.system-clickable:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.message.system.system-call-ended{cursor:default;background-color:color-mix(in srgb,var(--color-ink, #24382d) 8%,var(--color-bg-tertiary));border-color:color-mix(in srgb,var(--color-ink, #24382d) 18%,var(--color-border));color:var(--color-text)}.message-content{word-wrap:break-word}.message-attachment{display:inline-flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background-color:#00000026;border:1px solid var(--color-border);border-radius:var(--radius-sm);color:inherit;font-size:.85em;cursor:pointer}.message-attachment:hover{background-color:#00000040}.message-attachment svg{width:14px;height:14px}.message-time{font-size:var(--font-size-sm);opacity:.7;margin-top:var(--spacing-xs);text-align:right}.chat-input{display:flex;gap:var(--spacing-sm);flex-shrink:0;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.chat-input input[type=text]{flex:1;min-width:0;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}@media (max-width: 720px){.chat-input{padding:10px 12px calc(10px + env(safe-area-inset-bottom,0px));gap:8px}.chat-input .send-btn,.chat-input .attach-btn{flex-shrink:0;min-width:44px;min-height:44px}}.chat-input .attach-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text-muted);cursor:pointer}.chat-input .attach-btn svg,.chat-input .send-btn svg{width:18px;height:18px}.chat-input .send-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-md) var(--spacing-lg)}.call-room{display:flex;flex-direction:column;flex:1 1 auto;height:100%;min-height:0;background-color:var(--color-bg);background-color:#fff;color:var(--color-text);color-scheme:only light;position:relative;overflow:hidden}.call-minimize-btn{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.call-minimized-shell{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:var(--spacing-lg);background:radial-gradient(ellipse at top,color-mix(in srgb,var(--color-primary) 12%,transparent),transparent 55%),var(--color-bg)}.call-minimized-shell-card{text-align:center;max-width:360px;display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.call-minimized-shell-card h2{margin:0;font-size:1.35rem}.call-minimized-shell-card p{margin:0 0 var(--spacing-sm)}.call-room.is-minimized{position:fixed;right:16px;bottom:72px;width:min(320px,calc(100vw - 24px));height:auto;max-height:min(280px,40vh);z-index:1200;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);box-shadow:0 12px 40px #0f172a47;background:var(--color-bg)}.call-room.is-minimized .call-header{padding:8px 10px}.call-room.is-minimized .call-info{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-room.is-minimized .call-minimize-label,.call-room.is-minimized .call-error,.call-room.is-minimized .call-info-hint,.call-room.is-minimized .screen-sharing-indicator,.call-room.is-minimized .recording-indicator{display:none}.call-room.is-minimized .call-media-stage{flex:none;height:140px}.call-room.is-minimized .video-grid,.call-room.is-minimized .video-layout-screen{padding:6px;gap:4px;height:100%}.call-room.is-minimized .video-container{min-height:0;aspect-ratio:16 / 9}.call-room.is-minimized .video-label,.call-room.is-minimized .video-placeholder p{font-size:11px}.call-room.is-minimized .call-controls{padding:6px;gap:4px;flex-wrap:wrap;justify-content:center}.call-room.is-minimized .control-btn{width:36px;height:36px}.call-room.is-minimized .wb-panel{display:none}.video-grid.group{grid-template-columns:repeat(2,minmax(0,1fr));justify-content:center;align-content:center}.video-grid.group.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.video-grid.group.cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}.video-grid.group .video-container{width:auto;max-width:100%;max-height:100%;height:auto}@media (max-width: 800px){.video-grid.group,.video-grid.group.cols-3,.video-grid.group.cols-4{grid-template-columns:minmax(0,1fr)}.call-room.is-minimized{bottom:64px;right:10px}}.active-call-banner{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:10px 16px;background:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg-secondary));border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:20}.call-audio-sink{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.call-dock{position:fixed;right:16px;bottom:72px;z-index:5100;width:min(280px,calc(100vw - 24px));display:flex;flex-direction:column;gap:8px;padding:10px;border-radius:var(--radius-lg);border:1px solid var(--color-border);background:var(--color-bg);box-shadow:0 14px 40px #0f172a47}.call-dock-videos{display:grid;grid-template-columns:1fr 1fr;gap:6px;cursor:pointer}.call-dock-tile{position:relative;aspect-ratio:16 / 10;border-radius:var(--radius-md);overflow:hidden;background:var(--color-bg-secondary)}.call-dock-tile video{width:100%;height:100%;object-fit:cover}.call-dock-tile video.hidden{display:none}.call-dock-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #888)}.call-dock-tile-label{position:absolute;left:6px;bottom:4px;font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.65)}.call-dock-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;font-weight:600}.call-dock-controls{display:flex;justify-content:center;gap:6px}.call-dock-controls .control-btn{width:40px;height:40px}@media (max-width: 800px){.call-dock{bottom:64px;right:10px}}.app-toast-stack{position:fixed;left:50%;bottom:88px;transform:translate(-50%);z-index:5300;display:flex;flex-direction:column;align-items:center;gap:8px;pointer-events:none}.app-toast{max-width:min(360px,calc(100vw - 32px));padding:10px 16px;border-radius:var(--radius-md, 10px);background:var(--color-ink, #24382d);color:var(--color-white, #ffffff);font-size:var(--font-size-sm);line-height:1.35;text-align:center;box-shadow:0 10px 28px #24382d38}.chat-toast-stack{position:fixed;right:16px;bottom:16px;z-index:5250;display:flex;flex-direction:column-reverse;gap:8px;width:min(340px,calc(100vw - 24px));pointer-events:none}.chat-toast{pointer-events:auto;display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:14px;background:color-mix(in srgb,var(--color-bg) 92%,var(--color-bg-secondary));box-shadow:0 12px 36px #0f172a38;text-align:left;cursor:pointer;color:inherit;font:inherit;animation:chat-toast-in .28s ease-out}.chat-toast:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.chat-toast-avatar{flex-shrink:0;width:42px;height:42px;border-radius:50%;overflow:hidden}.chat-toast-avatar .user-avatar,.chat-toast-avatar img{width:42px;height:42px;border-radius:50%;object-fit:cover}.chat-toast-avatar-fallback{display:flex;align-items:center;justify-content:center;width:42px;height:42px;border-radius:50%;background:var(--color-bg-secondary);color:var(--color-text-muted)}.chat-toast-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.chat-toast-title{font-size:13px;font-weight:700;line-height:1.25;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chat-toast-text{font-size:12.5px;line-height:1.35;color:var(--color-text-muted);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.chat-toast-close{flex-shrink:0;width:22px;height:22px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-text-muted);font-size:16px;line-height:1}.chat-toast-close:hover{background:var(--color-bg-secondary);color:var(--color-text)}@keyframes chat-toast-in{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media (max-width: 800px){.chat-toast-stack{right:10px;bottom:64px}}.active-call-float{position:fixed;top:12px;left:50%;transform:translate(-50%);z-index:5200;display:flex;align-items:center;gap:8px;width:min(520px,calc(100vw - 20px));padding:8px 10px;border-radius:999px;border:1px solid color-mix(in srgb,#16a34a 45%,var(--color-border));background:color-mix(in srgb,var(--color-bg) 92%,#16a34a);box-shadow:0 12px 40px #0f172a47}.active-call-float-main{flex:1;min-width:0;display:flex;align-items:center;gap:10px;border:none;background:transparent;color:inherit;font:inherit;text-align:left;cursor:pointer;padding:2px 4px}.active-call-float-dot{width:10px;height:10px;border-radius:50%;background:#16a34a;box-shadow:0 0 #16a34a8c;animation:active-call-dot 1.4s ease-out infinite;flex-shrink:0}.active-call-float-text{display:flex;flex-direction:column;min-width:0;line-height:1.2}.active-call-float-text strong{font-size:12px;font-weight:750}.active-call-float-text span{font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.active-call-float-btn{flex-shrink:0;border:none;border-radius:999px;padding:8px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;color:#fff}.active-call-float-btn.join{background:#16a34a}.active-call-float-btn.end{background:#dc2626}.active-call-float-btn:disabled{opacity:.6;cursor:wait}@keyframes active-call-dot{0%{box-shadow:0 0 #16a34a8c}70%{box-shadow:0 0 0 10px #16a34a00}to{box-shadow:0 0 #16a34a00}}.incoming-call-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:5300;display:flex;align-items:center;justify-content:center;padding:24px;background:radial-gradient(ellipse at 50% 30%,rgba(34,197,94,.22),transparent 55%),#080c14d1;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.incoming-call-pulse{position:absolute;width:min(420px,70vw);height:min(420px,70vw);border-radius:50%;background:#22c55e1f;animation:incoming-call-pulse 1.8s ease-out infinite;pointer-events:none}.incoming-call-card{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:8px;width:min(360px,100%);padding:28px 22px 22px;border-radius:24px;background:color-mix(in srgb,var(--color-bg) 94%,#fff);border:1px solid var(--color-border);box-shadow:0 24px 64px #00000059;text-align:center}.incoming-call-avatar{width:96px;height:96px;border-radius:50%;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--color-bg-secondary);margin-bottom:8px;box-shadow:0 0 0 4px #22c55e40}.incoming-call-avatar .user-avatar,.incoming-call-avatar img{width:96px;height:96px;object-fit:cover}.incoming-call-eyebrow{margin:0;font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted)}.incoming-call-name{margin:0;font-size:1.45rem;font-weight:750;line-height:1.2}.incoming-call-type{margin:0 0 12px;font-size:14px;color:var(--color-text-muted)}.incoming-call-actions{display:flex;gap:10px;width:100%;margin-top:8px}.incoming-call-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:12px 8px;border:none;border-radius:16px;font:inherit;font-size:12px;font-weight:650;cursor:pointer;color:#fff}.incoming-call-btn:disabled{opacity:.6;cursor:wait}.incoming-call-btn .nav-icon,.incoming-call-btn svg{width:24px;height:24px}.incoming-call-btn.hide{background:color-mix(in srgb,var(--color-bg-secondary) 80%,#64748b);color:var(--color-text);border:1px solid var(--color-border)}.incoming-call-btn.hide:hover{background:var(--color-bg-secondary)}.incoming-call-btn.accept{background:#16a34a}.incoming-call-btn.accept:hover{background:#15803d}.incoming-call-btn.decline{background:#dc2626}.incoming-call-btn.decline:hover{background:#b91c1c}@keyframes incoming-call-pulse{0%{transform:scale(.72);opacity:.7}70%{transform:scale(1.15);opacity:0}to{transform:scale(1.15);opacity:0}}.call-room-main{display:flex;flex:1 1 auto;min-height:0;min-width:0;flex-direction:column}.call-room.with-moderation .call-room-main{display:flex;flex:1;min-height:0;gap:0;flex-direction:row}.call-room.with-whiteboard .call-room-main{flex:1 1 auto;height:auto;min-height:0;overflow:hidden;position:relative;z-index:2;flex-direction:row}.call-room.with-whiteboard.with-moderation .call-room-main{flex:1 1 auto;height:auto;min-height:0;flex-direction:row}.call-room.with-whiteboard .call-moderation{position:absolute;top:8px;right:8px;bottom:auto;width:min(300px,calc(100vw - 24px));max-height:min(52vh,420px);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 10px 32px #0f172a2e;z-index:8}.call-room.with-whiteboard .call-moderation.is-collapsed{width:auto;max-height:none}.call-room.with-whiteboard .wb-panel{flex:1 1 auto;min-width:0;min-height:0;order:1}.call-room.with-moderation .call-media-stage{flex:1 1 auto;min-width:0;min-height:0}.call-moderation{width:300px;flex-shrink:0;align-self:stretch;border-left:1px solid var(--color-border);background:var(--color-bg-secondary);display:flex;flex-direction:column;height:auto;max-height:100%;min-height:0;overflow:hidden}.call-moderation.is-collapsed{width:auto}.call-moderation-toggle{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;border:0;background:transparent;color:inherit;font-weight:600;cursor:pointer}.call-moderation-body{padding:0 12px 12px;overflow:auto;flex:1;min-height:0}.call-moderation-section{margin-bottom:14px}.call-moderation-section h4{margin:0 0 8px;font-size:13px;text-transform:uppercase;letter-spacing:.04em;opacity:.75}.call-moderation-list{list-style:none;margin:0 0 8px;padding:0;display:flex;flex-direction:column;gap:6px}.call-moderation-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px;border-radius:var(--radius-md);background:var(--color-bg);border:1px solid var(--color-border)}.call-moderation-who{display:flex;flex-direction:column;min-width:0}.call-moderation-who strong{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-moderation-meta{font-size:11px;opacity:.7}.call-moderation-actions{display:flex;gap:4px;flex-shrink:0}.call-moderation-hint{margin:0;font-size:12px;opacity:.75;line-height:1.35}.call-moderation-check{display:flex;align-items:center;gap:8px;width:100%;cursor:pointer;font-size:13px}.call-moderation-error{margin-bottom:8px;padding:8px;border-radius:var(--radius-md);background:#e5484d1f;color:var(--color-error);font-size:12px}@media (max-width: 900px){.call-room.with-moderation .call-room-main{flex-direction:column}.call-moderation,.call-moderation.is-open{width:100%;border-left:0;border-top:1px solid var(--color-border);max-height:40vh}.call-room.with-whiteboard .call-moderation,.call-room.with-whiteboard .call-moderation.is-open{width:min(300px,calc(100vw - 24px));max-height:min(42vh,360px);border-top:0}.call-room.with-whiteboard .call-room-main,.call-room.with-whiteboard.with-moderation .call-room-main{flex-direction:column}.call-room.with-whiteboard .call-media-stage,.call-room.with-whiteboard .call-media-stage.is-live-rail{flex:0 0 22vh;min-height:148px;width:100%;max-width:none;max-height:28vh;order:0;border-left:0;border-bottom:1px solid var(--color-border)}.call-room.with-whiteboard .wb-panel{order:1;flex:1 1 auto}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-grid,.call-room.with-whiteboard .call-media-stage.is-live-rail .video-layout-screen{flex-direction:row}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-container{min-height:120px;max-height:26vh;height:100%;aspect-ratio:auto}}@media (min-width: 701px){.call-room.with-whiteboard .call-room-main,.call-room.with-whiteboard.with-moderation .call-room-main,.app-shell--call-expanded .call-room.with-whiteboard .call-room-main,.app-shell--call-expanded .call-room.with-whiteboard.with-moderation .call-room-main,.app-shell--call-expanded .call-room.with-whiteboard.has-mobile-roster .call-room-main{flex-direction:row}.call-room.with-whiteboard .call-media-stage,.call-room.with-whiteboard .call-media-stage.is-live-rail,.app-shell--call-expanded .call-room.with-whiteboard .call-media-stage,.app-shell--call-expanded .call-room.with-whiteboard .call-media-stage.is-live-rail{flex:0 0 min(240px,28vw);width:min(240px,28vw);max-width:min(240px,28vw);min-height:0;max-height:none;height:auto;order:2;border-left:1px solid var(--color-border);border-bottom:0}.call-room.with-whiteboard .wb-panel,.app-shell--call-expanded .call-room.with-whiteboard .wb-panel{order:1}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-grid,.call-room.with-whiteboard .call-media-stage.is-live-rail .video-layout-screen{flex-direction:column}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-container,.app-shell--call-expanded .call-room.with-whiteboard .video-grid.dual .video-container,.app-shell--call-expanded .call-room.with-whiteboard .video-grid--stage .video-container.remote,.app-shell--call-expanded .call-room.with-whiteboard .video-grid.dual .video-container.local,.app-shell--call-expanded .call-room.with-whiteboard .video-grid--stage .video-container.local{position:relative;width:100%;height:auto;min-height:120px;max-height:none;aspect-ratio:var(--tile-aspect, 16 / 9)}}.active-call-banner-text{display:flex;align-items:center;gap:8px;font-weight:600;min-width:0}.active-call-banner-text span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.call-room.loading-state{justify-content:center;align-items:center}.call-media-stage{flex:1 1 auto;min-height:0;min-width:0;display:flex;flex-direction:column}.call-room.screen-mode .call-media-stage{flex:1 1 auto;min-height:0}.call-room.with-whiteboard .call-media-stage,.call-room.with-whiteboard .call-media-stage.is-live-rail{position:relative;flex:0 0 min(248px,28vw);width:min(248px,28vw);max-width:min(248px,28vw);height:auto;max-height:none;align-self:stretch;order:2;z-index:3;overflow:auto;border-left:1px solid var(--color-border);background:var(--color-bg-secondary)}.call-room.with-whiteboard .wb-panel{flex:1 1 auto;min-width:0;min-height:0;order:1;z-index:2}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-grid,.call-room.with-whiteboard .call-media-stage.is-live-rail .video-layout-screen{display:flex;flex-direction:column;padding:8px;gap:8px;height:100%}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-container{flex:1 1 0;width:100%;max-width:none;min-height:110px;aspect-ratio:var(--tile-aspect, 16 / 9);background:#2f3a48}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-container video{display:block}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-container video.hidden,.call-room.with-whiteboard .call-media-stage.is-live-rail .video-container video.camera-off{display:none}.call-room.with-whiteboard .call-media-stage.is-live-rail .video-label,.call-room.with-whiteboard .call-media-stage.is-live-rail .video-placeholder p{font-size:12px}.wb-panel{flex:1;min-height:0;display:flex;flex-direction:column;background:var(--color-bg);z-index:2}.wb-panel-loading{align-items:center;justify-content:center}.wb-toolbar{position:relative;z-index:5;display:flex;flex-wrap:wrap;align-items:flex-end;gap:8px 10px;padding:8px 12px;background:var(--color-bg-secondary);border-bottom:1px solid var(--color-border);overflow:visible}.wb-tool{display:inline-flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;min-width:56px;padding:0;border:none;background:transparent;color:var(--color-text);cursor:pointer}.wb-tool-glyph{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:12px;border:1px solid var(--color-border);background-color:var(--color-bg);color:var(--color-text);transition:all .2s ease}.wb-tool-glyph svg{width:20px;height:20px}.wb-tool-label{font-size:11px;line-height:1.2;font-weight:600;color:var(--color-text);white-space:nowrap}.wb-tool:hover .wb-tool-glyph{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.wb-tool.active .wb-tool-glyph,.wb-tool[aria-pressed=true] .wb-tool-glyph{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.wb-tool:disabled{opacity:.45;cursor:not-allowed}.wb-tool--back .wb-tool-glyph{background:var(--color-bg-tertiary)}.wb-tool-menu,.wb-tool-glyph--menu{position:relative}.wb-tool-caret{position:absolute;right:4px;bottom:5px;width:0;height:0;border-left:3.5px solid transparent;border-right:3.5px solid transparent;border-top:4px solid currentColor;opacity:.72}.wb-shape-popover{position:absolute;top:calc(100% + 6px);left:0;z-index:30;min-width:220px;padding:6px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 10px 28px #11182724}.wb-shape-option{display:flex;align-items:center;gap:10px;width:100%;padding:8px 10px;border:none;border-radius:8px;background:transparent;color:var(--color-text);font:inherit;font-size:13px;font-weight:600;text-align:left;cursor:pointer}.wb-shape-option:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg)}.wb-shape-option.is-selected{color:var(--highlight-fg);background:var(--highlight-active-bg)}.wb-shape-option-glyph{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;color:inherit}.wb-shape-option-glyph svg{width:18px;height:18px}.wb-tool-field{display:inline-flex;flex-direction:column;align-items:flex-start;gap:4px;min-width:56px}.wb-tool-field .wb-tool-label{font-size:11px}.wb-toolbar input[type=color]{width:40px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;background:var(--color-bg)}.wb-toolbar select{padding:6px 8px;background-color:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:12px}@media (max-width: 700px){.wb-tool{min-width:48px}.wb-tool-glyph{width:36px;height:36px}.wb-tool-label,.wb-tool-field .wb-tool-label{font-size:10px}}.wb-canvas-wrap{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);background:linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px);background-size:24px 24px;background-color:#e8eaef}.wb-canvas-wrap .whiteboard-canvas{width:min(100%,1280px);height:auto;max-height:100%;aspect-ratio:16 / 9;background:#fff;border-radius:var(--radius-md);box-shadow:0 4px 24px #0f172a1f;touch-action:none}.call-room .call-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.call-status{font-weight:500}.recording-indicator{color:var(--color-error);margin-left:var(--spacing-md);animation:pulse 1.5s infinite}.screen-sharing-indicator{color:var(--color-primary);margin-left:var(--spacing-md);font-family:var(--font-mono)}.call-error{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md) var(--spacing-lg);background-color:#e5484d1a;color:var(--color-error);max-height:96px;overflow:hidden;transition:opacity .28s ease,transform .28s ease,max-height .28s ease,padding .28s ease}.call-error--leaving{opacity:0;transform:translateY(-6px);max-height:0;padding-top:0;padding-bottom:0;pointer-events:none}.call-info-hint{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;margin:0 var(--spacing-lg);padding:12px 14px;border-radius:12px;background-color:var(--color-bg-tertiary);color:var(--color-text);border:1px solid var(--color-border)}.call-info-hint-text{white-space:pre-line;font-size:14px;line-height:1.4}.call-info-hint-close{flex-shrink:0;border:none;background:transparent;color:var(--color-text-secondary, var(--color-text));cursor:pointer;font-size:16px;line-height:1;padding:0 2px}.screen-share-container{width:100%;max-height:60vh;background-color:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border);display:flex;align-items:center;justify-content:center}.screen-share-container .screen-video{width:100%;height:100%;max-height:60vh;object-fit:contain}.remote-screen-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-xl);color:var(--color-text-muted);font-size:48px}.remote-screen-placeholder p{font-size:var(--font-size-base);margin-top:var(--spacing-md)}.video-layout-screen{flex:1;display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:var(--spacing-md);padding:var(--spacing-lg);min-height:0;overflow:hidden}.screen-share-stage{min-width:0;min-height:0;display:flex}.screen-share-stage .video-container{flex:1;aspect-ratio:auto;height:100%;min-height:240px;background-color:#0b0d12}.screen-share-stage .video-container video.screen-fit,.video-container.is-screen video.screen-fit{object-fit:contain;background-color:#0b0d12}.video-pip-rail{display:flex;flex-direction:column;gap:var(--spacing-md);min-height:0}.video-pip-rail .video-container{aspect-ratio:16 / 9;width:100%;height:auto;min-height:112px;max-height:180px;flex:0 0 auto}@media (max-width: 800px){.video-layout-screen{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr) auto}.video-pip-rail{flex-direction:row;justify-content:center}.video-pip-rail .video-container{width:42%;max-width:200px;max-height:120px}}.video-grid.with-screen{max-height:30vh}.video-grid{flex:1 1 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,160px),1fr));gap:var(--spacing-md);padding:12px 16px;overflow:auto;min-height:0;height:100%;align-content:center;justify-content:center;justify-items:center;align-items:center}.video-grid.dual,.video-grid--stage{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:minmax(0,1fr);align-content:center;justify-content:center}@media (max-width: 800px){.video-grid.dual,.video-grid--stage{grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2,minmax(0,1fr))}}.video-container{position:relative;background-color:var(--color-bg-secondary);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:var(--tile-aspect, 16 / 9);width:auto;height:auto;max-width:100%;max-height:100%;min-height:0;min-width:0}.video-grid.dual .video-container,.video-grid--stage .video-container{aspect-ratio:var(--tile-aspect, 16 / 9);width:100%;height:auto;max-width:100%;max-height:100%;min-height:0;justify-self:center;align-self:center}.video-container video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.video-container video.camera-off{display:none}.video-container video.hidden{display:none}.video-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);background-color:var(--color-bg-tertiary);color:var(--color-text-muted)}.video-placeholder svg{width:48px;height:48px}.video-label{position:absolute;bottom:var(--spacing-md);left:var(--spacing-md);display:flex;align-items:center;gap:6px;padding:var(--spacing-xs) var(--spacing-sm);background-color:#0009;border-radius:var(--radius-sm);font-size:var(--font-size-sm);color:var(--color-white, #ffffff)}.video-label svg{width:15px;height:15px}.call-controls{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;flex-shrink:0;gap:var(--spacing-md);padding:12px 16px 16px;background-color:var(--color-bg);border-top:none}.call-controls-row{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:inherit}.control-btn{display:inline-flex;align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:none;background-color:var(--color-bg-tertiary);color:var(--color-text);cursor:pointer;transition:all .2s ease}.control-btn svg{width:24px;height:24px}.control-btn--labeled{flex-direction:column;width:auto;height:auto;min-width:58px;padding:0;gap:4px;border-radius:0;background:transparent}.control-btn-glyph{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;aspect-ratio:1 / 1;flex-shrink:0;border-radius:50%;background-color:var(--color-bg-tertiary);color:var(--color-text);transition:all .2s ease}.control-btn-glyph svg{width:22px;height:22px}.control-btn-label{font-size:11px;line-height:1.2;font-weight:600;color:var(--color-text);white-space:nowrap}.control-btn.active{color:#fff}.control-btn:hover{background-color:var(--color-border)}.control-btn:disabled{opacity:.45;cursor:not-allowed;pointer-events:none}.control-btn.active{background-color:var(--color-warning)}.control-btn.leave:not(.control-btn--labeled){background-color:var(--color-error);color:#fff}.control-btn.leave:not(.control-btn--labeled):hover{background-color:#c43b35}.control-btn--labeled:hover{background:transparent}.control-btn--labeled:hover .control-btn-glyph{background-color:var(--color-border)}.control-btn--labeled.active,.control-btn--labeled.leave{background:transparent;color:inherit;width:auto;height:auto;border-radius:0}.control-btn--labeled.active .control-btn-glyph{background-color:var(--color-warning);color:#fff}.control-btn--labeled.leave .control-btn-glyph{background-color:var(--color-error);color:#fff;border-radius:50%;aspect-ratio:1 / 1}.control-btn--labeled.leave:hover .control-btn-glyph{background-color:#c43b35}.control-btn--labeled.leave .control-btn-label{color:var(--color-error);background:transparent}.call-status-banner{flex-shrink:0;display:flex;align-items:center;min-height:40px;max-height:48px;padding:6px 12px;background-color:#e5484d1a;color:var(--color-error);font-size:13px;line-height:1.3}.call-status-banner span{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}html.call-expanded-lock,body.call-expanded-lock{overflow:hidden;height:100%}.app-shell--call-expanded{height:100vh;height:100dvh;max-height:100dvh;overflow:hidden}.app-shell--call-expanded .app-body{min-height:0;overflow:hidden}.app-shell--call-expanded .app-topbar{flex-shrink:0}.app-shell--call-expanded .app-main{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.app-shell--call-expanded .app-main>.call-room{flex:1 1 auto;min-height:0;height:100%;max-height:100%}.app-shell--call-expanded .topbar-nav,.app-shell--call-expanded .topbar-wallet-link,.app-shell--call-expanded .crokcoin-chip-wrap{display:none}.app-shell--call-expanded .app-footer,.app-shell--call-expanded .app-bottomnav,.app-shell--call-expanded .help-krok{display:none!important}.app-shell--call-fit{height:100dvh;max-height:100dvh;overflow:hidden}.app-shell--call-fit .app-body{min-height:0;overflow:hidden}.app-shell--call-fit .app-topbar{flex-shrink:0}.app-shell--call-fit .app-main.user-layout{flex:1 1 auto;min-height:0;padding:0;overflow:hidden;display:flex;flex-direction:column}.app-shell--call-fit .app-main>.call-room{flex:1 1 auto;min-height:0;height:100%;max-height:100%}.app-shell--call-fit .app-footer{flex-shrink:0;margin-top:0;padding-top:4px;padding-bottom:4px}.app-shell--call-fit .app-bottomnav{display:none!important}.app-shell--call-fit .call-moderation-body{overflow-y:auto;min-height:0}@media (max-width: 900px){.app-shell--call-expanded .call-room .call-header{flex-shrink:0;min-height:48px;max-height:56px;padding:8px 12px}.app-shell--call-expanded .call-info{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.app-shell--call-expanded .call-room-main{flex:1 1 auto;min-height:0;position:relative;overflow:hidden}.app-shell--call-expanded .call-room.with-moderation .call-room-main,.app-shell--call-expanded .call-room.has-mobile-roster .call-room-main{flex-direction:column}.app-shell--call-expanded .call-media-stage{flex:1 1 auto;min-height:0;overflow:hidden}.app-shell--call-expanded .call-room.with-whiteboard .call-room-main,.app-shell--call-expanded .call-room.with-whiteboard.with-moderation .call-room-main,.app-shell--call-expanded .call-room.with-whiteboard.has-mobile-roster .call-room-main{flex-direction:column}.app-shell--call-expanded .call-room.with-whiteboard .call-media-stage,.app-shell--call-expanded .call-room.with-whiteboard .call-media-stage.is-live-rail{flex:0 0 22vh;min-height:148px;width:100%;max-width:none;max-height:28vh;order:0;overflow:hidden}.app-shell--call-expanded .video-grid,.app-shell--call-expanded .video-layout-screen{height:100%;min-height:0;overflow:hidden;padding:8px;gap:8px}.app-shell--call-expanded .video-grid.dual,.app-shell--call-expanded .video-grid--stage{display:block;position:relative;grid-template-columns:none;grid-template-rows:none}.app-shell--call-expanded .video-grid.dual .video-container,.app-shell--call-expanded .video-grid.dual .video-container.remote,.app-shell--call-expanded .video-grid--stage .video-container.remote{width:100%;max-width:none;height:100%;min-height:0;aspect-ratio:auto;border-radius:16px}.app-shell--call-expanded .video-grid.dual .video-container.local,.app-shell--call-expanded .video-grid--stage .video-container.local{position:absolute;right:12px;bottom:12px;width:min(132px,34vw);height:auto;aspect-ratio:3 / 4;min-height:0;max-height:42%;border-radius:12px;z-index:4;box-shadow:0 8px 24px #0f172a47}.app-shell--call-expanded .call-room.with-whiteboard .video-grid.dual,.app-shell--call-expanded .call-room.with-whiteboard .video-grid--stage{display:flex;flex-direction:row;position:relative}.app-shell--call-expanded .call-room.with-whiteboard .video-grid.dual .video-container,.app-shell--call-expanded .call-room.with-whiteboard .video-grid.dual .video-container.remote,.app-shell--call-expanded .call-room.with-whiteboard .video-grid--stage .video-container.remote,.app-shell--call-expanded .call-room.with-whiteboard .video-grid.dual .video-container.local,.app-shell--call-expanded .call-room.with-whiteboard .video-grid--stage .video-container.local{position:relative;right:auto;bottom:auto;width:50%;height:100%;max-height:26vh;aspect-ratio:auto;box-shadow:none}.app-shell--call-expanded .video-grid.group,.app-shell--call-expanded .video-grid.group.cols-3,.app-shell--call-expanded .video-grid.group.cols-4{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr))}.app-shell--call-expanded .video-grid.group .video-container{min-height:0;height:100%;width:100%;max-width:none;aspect-ratio:auto}.app-shell--call-expanded .call-moderation,.app-shell--call-expanded .call-moderation.is-open,.app-shell--call-expanded .call-moderation.is-collapsed{width:100%;flex-shrink:0;max-height:none;border-left:0;border-top:1px solid var(--color-border);position:relative}.app-shell--call-expanded .call-moderation-toggle{min-height:46px;height:48px;padding:0 12px}.app-shell--call-expanded .call-moderation.is-open .call-moderation-body{position:absolute;left:0;right:0;bottom:100%;max-height:min(48vh,320px);overflow:auto;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-bottom:0;border-radius:12px 12px 0 0;box-shadow:0 -10px 28px #0f172a29;z-index:8}.app-shell--call-expanded .call-controls{flex-shrink:0;flex-direction:column;align-items:center;gap:8px;padding:8px 12px calc(10px + env(safe-area-inset-bottom,0px));background-color:var(--color-bg-secondary);border-top:1px solid var(--color-border)}.app-shell--call-expanded .call-controls-row{display:flex;justify-content:center;align-items:center;flex-wrap:nowrap;gap:8px 10px}.app-shell--call-expanded .call-controls .control-btn{width:48px;height:48px;min-width:48px;min-height:48px}.app-shell--call-expanded .call-controls .control-btn--labeled{width:auto;height:auto;min-width:48px;min-height:0}.app-shell--call-expanded .call-controls .control-btn-glyph{width:44px;height:44px}.app-shell--call-expanded .call-controls .control-btn-label{font-size:10px}.app-shell--call-expanded .call-controls .control-btn.leave:not(.control-btn--labeled){width:56px;height:56px;min-width:56px;min-height:56px;flex:0 0 56px;border-radius:50%}.app-shell--call-expanded .call-controls .control-btn--labeled.leave{width:auto;height:auto;min-width:52px;min-height:0;flex:0 0 auto;background:transparent;border-radius:0}.app-shell--call-expanded .call-controls .control-btn--labeled.leave .control-btn-glyph{width:52px;height:52px;aspect-ratio:1 / 1;border-radius:50%}.app-shell--call-expanded .call-error{flex-shrink:0;padding:8px 12px;max-height:72px;overflow:auto}.app-shell--call-expanded .call-error--leaving{max-height:0;padding-top:0;padding-bottom:0;overflow:hidden}.app-shell--call-expanded .video-label{bottom:10px;left:10px;font-size:12px;padding:3px 8px}}@media (max-width: 900px) and (max-height: 500px){.app-shell--call-expanded .call-room .call-header{min-height:40px;max-height:44px;padding:4px 10px}.app-shell--call-expanded .call-moderation-toggle{min-height:40px;height:40px}.app-shell--call-expanded .call-controls{padding:4px 8px calc(6px + env(safe-area-inset-bottom,0px));gap:6px}.app-shell--call-expanded .video-grid.dual .video-container.local,.app-shell--call-expanded .video-grid--stage .video-container.local{width:96px}}.whiteboard-page{display:flex;flex-direction:column;height:100vh;background-color:var(--color-bg)}.whiteboard-page.loading-state{justify-content:center;align-items:center}.whiteboard-toolbar{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md) var(--spacing-lg);background-color:var(--color-bg-secondary);border-bottom:1px solid var(--color-border)}.toolbar-divider{width:1px;height:24px;background-color:var(--color-border)}.tool-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:var(--radius-md);border:1px solid var(--color-border);background-color:var(--color-bg-tertiary);color:var(--color-text);cursor:pointer;transition:all .2s ease}.tool-btn svg{width:19px;height:19px}.tool-btn:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.tool-btn.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.whiteboard-toolbar input[type=color]{width:40px;height:40px;padding:0;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer}.whiteboard-toolbar select{padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text)}.whiteboard-toolbar .zoom-indicator{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-sm);white-space:nowrap}.whiteboard-error{padding:var(--spacing-md) var(--spacing-lg);background-color:#e5484d1a;color:var(--color-error)}.canvas-container{flex:1;display:flex;justify-content:center;align-items:center;overflow:auto;padding:var(--spacing-lg)}.whiteboard-canvas{background-color:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:crosshair}.history-list{display:flex;flex-direction:column;gap:10px}.history-item{display:flex;align-items:center;gap:14px;padding:14px 16px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-sm)}.history-item-rich{align-items:flex-start}.history-info{flex:1;min-width:0}.history-info h4{margin:0 0 2px;font-size:var(--font-size-base);font-weight:600;overflow-wrap:anywhere}.history-title-link{color:inherit;text-decoration:none}.history-title-link:hover{color:var(--color-primary);text-decoration:underline}.history-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.history-meta{display:flex;flex-wrap:wrap;gap:4px 10px;margin-top:4px;font-size:.8rem;color:var(--color-text-muted)}.history-meta span{white-space:nowrap}.history-progress{display:flex;align-items:center;gap:10px;margin-top:10px;max-width:360px}.history-progress .progress-bar{flex:1;min-width:0}.history-progress-label{flex-shrink:0;font-size:.78rem;color:var(--color-text-muted);font-variant-numeric:tabular-nums}.history-status{display:flex;align-items:center;gap:10px;flex-shrink:0}.history-metrics{display:grid;grid-template-columns:repeat(3,minmax(72px,auto));gap:8px;flex-shrink:0}.history-metrics-rich{grid-template-columns:repeat(2,minmax(76px,auto))}.history-metrics span{display:flex;flex-direction:column;padding:6px 10px;border-radius:9px;background:var(--color-bg-tertiary);color:var(--color-text-muted);font-size:11px;line-height:1.25;text-align:center;min-width:0}.history-metrics strong{color:var(--color-text);font-size:var(--font-size-base)}.history-metric-overdue{background:color-mix(in srgb,#dc2626 10%,var(--color-bg-tertiary))!important;color:#b91c1c!important}.history-metric-overdue strong{color:#b91c1c!important}.history-badge{display:inline-flex;align-items:center;padding:4px 10px;border-radius:999px;font-size:var(--font-size-sm);font-weight:600;white-space:nowrap}.history-badge.status-not-started{color:var(--color-text-muted);background:var(--color-bg-tertiary)}.history-badge.status-submitted{color:var(--color-warning);background:#f5a52424}.history-badge.status-checked{color:var(--color-success);background:#22a06b1f}.history-score{color:var(--color-primary);font-family:var(--font-display);font-size:var(--font-size-lg);font-weight:800;line-height:1}.history-comment{margin:6px 0 0;color:var(--color-text-secondary);font-size:var(--font-size-sm);line-height:1.4}@media (max-width: 760px){.history-item{align-items:flex-start;flex-wrap:wrap;gap:12px}.history-metrics{width:100%;grid-template-columns:repeat(3,1fr);margin-left:0}.history-metrics-rich{grid-template-columns:repeat(2,1fr);padding-left:0}.history-status{width:100%;margin-left:0;justify-content:flex-start;padding-left:50px}.history-metrics{padding-left:50px}}.assignment-details{margin-bottom:var(--spacing-lg)}.detail-row{display:flex;gap:var(--spacing-md);padding:var(--spacing-sm) 0;border-bottom:1px solid var(--color-border)}.detail-row:last-child{border-bottom:none}.detail-row .label{font-weight:500;color:var(--color-text-muted);min-width:120px}.detail-row .value{flex:1}.submission-form h3{margin-bottom:var(--spacing-lg)}.voice-controls{display:flex;align-items:center;gap:var(--spacing-md)}.recording-status{color:var(--color-success);font-weight:500}.file-selected{margin-top:var(--spacing-sm);color:var(--color-text-muted);font-size:var(--font-size-sm)}.result-card{text-align:center;padding:var(--spacing-xl)}.result-card h2{margin-bottom:var(--spacing-xl)}.grade-display{display:flex;align-items:baseline;justify-content:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-xl)}.grade-score{font-size:72px;font-weight:700;color:#fff;width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center}.grade-label{font-size:var(--font-size-xl);color:var(--color-text-muted)}.pending-grade,.no-submission{padding:var(--spacing-xl);background-color:var(--color-bg-tertiary);border-radius:var(--radius-lg);margin-bottom:var(--spacing-lg)}.pending-icon,.warning-icon{display:block;margin-bottom:var(--spacing-md)}.pending-icon svg,.warning-icon svg{width:48px;height:48px}.pending-icon{color:var(--color-warning)}.warning-icon{color:var(--color-error)}.grade-comment{text-align:left;background-color:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.grade-comment h4{margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.submission-content{text-align:left;background-color:var(--color-bg-tertiary);padding:var(--spacing-lg);border-radius:var(--radius-md);margin-top:var(--spacing-lg)}.submission-content h4{margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.grade-date{margin-top:var(--spacing-lg);color:var(--color-text-muted);font-size:var(--font-size-sm)}.students-select{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:300px;overflow-y:auto}.student-option{padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:left;cursor:pointer;transition:all .2s ease}.student-option:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.no-students{color:var(--color-text-muted);text-align:center;padding:var(--spacing-lg)}.submitted-info h3{color:var(--color-success);margin-bottom:var(--spacing-md)}.submitted-content{margin-top:var(--spacing-lg);padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.submitted-content strong{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.dashboard-card{cursor:pointer}.btn.btn-link{background:none;border:none;color:var(--color-primary);padding:0;cursor:pointer;font-size:var(--font-size-base)}.btn.btn-link:hover{text-decoration:none}.btn.btn-danger{background-color:var(--color-error);border-color:var(--color-error);color:#fff}.btn.btn-danger:hover{background-color:#c43b35}.btn.btn-success{background-color:var(--color-success);border-color:var(--color-success);color:#fff}.btn.btn-success:hover{background-color:#2f9e44}.table-container{overflow-x:auto}.data-table{width:100%;border-collapse:collapse}.data-table th,.data-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.data-table th{font-weight:600;color:var(--color-text-muted);font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em}.data-table tbody tr:hover{background-color:var(--color-bg-tertiary)}.data-table .link-button{background:none;border:none;padding:0;color:var(--color-primary);cursor:pointer;font-size:var(--font-size-base);text-align:left}.data-table .link-button:hover{text-decoration:none}.modal.modal-large{max-width:600px;width:90vw}.group-assign-lesson-modal{max-width:720px}.group-assign-lesson-list{max-height:min(52vh,420px);overflow-y:auto;padding-right:2px;margin-bottom:var(--spacing-md)}.group-assign-lesson-card{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.group-assign-lesson-card:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.group-assign-lesson-card.is-selected{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border);box-shadow:none}.group-assign-lesson-card .assignment-actions{display:none}.group-view-section{margin-bottom:var(--spacing-lg)}.group-view-section-title{margin:0 0 var(--spacing-sm);font-size:1rem}.group-view-lessons{display:flex;flex-direction:column;gap:6px}.group-view-lesson-row{border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);padding:8px 10px}.group-view-lesson-row.is-stats-open{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.group-view-lesson-row.is-clickable{cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.group-view-lesson-row.is-clickable:hover{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));box-shadow:0 4px 14px #0f172a0f}.group-view-lesson-row.is-clickable:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.group-view-lesson-row-main{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;justify-content:space-between}.group-view-lesson-heading{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1 1 180px}.group-view-lesson-title{display:flex;align-items:center;gap:8px;min-width:0}.group-view-lesson-name{font-weight:600;font-size:.95rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-view-lesson-meta{display:flex;flex-wrap:wrap;gap:4px 10px;font-size:.8rem;color:var(--color-text-muted)}.group-view-lesson-meta span{white-space:nowrap}.group-view-lesson-controls{display:flex;flex-wrap:wrap;align-items:center;gap:6px;flex:1 1 auto;justify-content:flex-end}.group-view-lesson-due-inline{display:inline-flex;align-items:center;gap:6px;margin:0;min-width:0}.group-view-due-date{width:7.6rem;padding:4px 8px;font-size:.82rem;min-height:30px;font-variant-numeric:tabular-nums}.group-view-due-time{width:4.6rem;padding:4px 8px;font-size:.82rem;min-height:30px;font-variant-numeric:tabular-nums}.assign-due-fields .group-view-due-date,.assign-due-fields .group-view-due-time{min-height:36px;font-size:.95rem;padding:6px 10px}.assign-due-fields .group-view-due-date{width:8.5rem}.assign-due-fields .group-view-due-time{width:5.2rem}.group-view-lesson-row .group-view-hide-all{margin:0;padding:4px 8px;gap:6px;font-size:.82rem;border-radius:8px;white-space:nowrap}.group-view-lesson-row .group-view-stats{margin-top:8px;border-top:1px solid var(--color-border);padding-top:8px;display:flex;flex-direction:column;gap:4px}.group-view-stats-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto auto;gap:8px;align-items:center}.group-view-stats-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-view-stats-pct{font-variant-numeric:tabular-nums;color:var(--color-text-muted);min-width:3ch;text-align:right}.status-indicator{display:inline-block;font-size:var(--font-size-base)}.checkbox-item:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.checkbox-item input[type=checkbox]{accent-color:var(--color-ink);width:16px;height:16px;cursor:pointer}.lesson-constructor{display:flex;flex-direction:column;gap:12px}.lesson-constructor-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.lesson-constructor-toolbar-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.lesson-header{display:flex;flex-direction:column;gap:12px;padding:12px 14px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 55%),var(--color-bg-secondary);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:12px}.lesson-header-main{display:flex;align-items:center;gap:10px;min-width:0;padding-bottom:12px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.lesson-header-main>.page-back-btn,.lesson-header-main>a.page-back-btn{flex:0 0 auto;align-self:center;margin:0}.lesson-title-input{flex:1 1 auto;width:auto;min-width:160px;max-width:none}.lesson-subject-select{width:180px;flex-shrink:0}.lesson-subject-select select{width:100%;height:36px;padding:0 10px;font-size:13px;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);border-radius:8px;cursor:pointer}.lesson-subject-select select:focus{outline:none;border-color:var(--color-primary)}.lesson-header .input-title{width:100%;height:36px;font-size:15px;font-weight:650;letter-spacing:-.01em;padding:0 12px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg)}.lesson-header .input-title:focus{outline:none;border-color:var(--color-primary)}.lesson-tabs{display:flex;gap:2px;flex-wrap:nowrap;overflow-x:auto;padding:3px;background:color-mix(in srgb,var(--color-bg-tertiary) 85%,var(--color-bg));border-radius:10px;width:100%}.tab-btn{flex:1 1 0;min-width:max-content;padding:6px 10px;border:none;background:transparent;border-radius:7px;cursor:pointer;font-size:12.5px;font-weight:600;color:var(--color-text-muted);transition:background-color .15s ease,color .15s ease;white-space:nowrap}.tab-btn:hover:not(.disabled):not(.active){color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.tab-btn.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border:1px solid var(--highlight-border);box-shadow:none;font-weight:600}.tab-btn.disabled{opacity:.45;cursor:not-allowed}.lesson-actions{display:flex;gap:6px;flex-shrink:0;margin-left:auto}.lesson-actions .btn{min-width:108px;height:36px;padding-inline:14px}@media (max-width: 760px){.lesson-header-main{flex-wrap:wrap}.lesson-header-main>.page-back-btn,.lesson-header-main>a.page-back-btn{margin:0}.lesson-title-input{flex:1 1 calc(100% - 70px);width:auto;min-width:140px;max-width:none}.lesson-subject-select{flex:1 1 auto;width:auto;min-width:140px}.lesson-actions{margin-left:auto}}@media (max-width: 480px){.lesson-actions{flex-wrap:wrap;width:100%;margin-left:0}.lesson-actions .btn{flex:1 1 auto;min-width:0}}.lesson-section{padding:var(--spacing-lg)}.section-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.section-header h3{margin:0}.section-actions{display:flex;gap:var(--spacing-sm);flex-wrap:wrap}.flashcards-section{padding:14px 16px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 4%,transparent),transparent 48%),var(--color-bg-secondary);border-radius:14px}.flashcards-section-head{margin-bottom:10px;align-items:flex-start;gap:10px}.flashcards-section .section-header h3{margin:0;font-size:16px;letter-spacing:-.01em}.flashcards-section .mode-hint{margin:4px 0 0;font-size:12.5px;line-height:1.4;max-width:none}.flashcards-summary{flex-shrink:0;font-size:12px;font-weight:700;color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;padding:4px 10px;line-height:1.2;align-self:center}.flashcards-section .section-actions{gap:6px;align-items:center}.flashcards-table{border:1px solid var(--color-border);border-radius:12px;overflow:hidden;background:var(--color-bg)}.flashcards-header{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 72px;background-color:color-mix(in srgb,var(--color-bg-tertiary) 80%,var(--color-bg));font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.flashcards-header .flashcard-col{padding:8px 10px;border-right:1px solid var(--color-border);display:flex;align-items:center;gap:8px;min-width:0}.flashcards-header .flashcard-col:first-child{grid-column:2}.flashcards-header .flashcard-col-action{border-right:none}.flashcards-body{overflow:visible}.flashcard-row{display:grid;grid-template-columns:32px minmax(0,1fr) minmax(0,1fr) 72px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);align-items:stretch;transition:background-color .15s ease}.flashcard-row:hover{background:var(--highlight-hover-bg)}.flashcard-row.expanded{background:var(--highlight-active-bg)}.flashcard-row:last-child{border-bottom:none}.flashcard-number{display:flex;align-items:center;justify-content:center;padding:4px;color:var(--color-text-muted);font-size:11px;font-weight:600;border-right:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-bg-tertiary) 45%,transparent)}.flashcard-row .flashcard-col{padding:4px 6px;border-right:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);display:flex;align-items:center;min-width:0}.flashcard-col-action{display:flex;align-items:center;justify-content:center;gap:4px;padding:4px}.image-btn{width:30px;height:30px;border:1px solid var(--color-border);border-radius:8px;background-color:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .15s ease;flex-shrink:0}.image-btn svg{width:15px;height:15px}.flashcard-delete-btn{width:30px;height:30px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:color .15s ease,background-color .15s ease,border-color .15s ease}.flashcard-delete-btn svg{width:14px;height:14px}.flashcard-delete-btn:hover:not(:disabled){color:var(--color-error);background:color-mix(in srgb,var(--color-error) 10%,transparent);border-color:color-mix(in srgb,var(--color-error) 35%,transparent)}.flashcard-delete-btn:disabled{opacity:.45;cursor:not-allowed}.image-btn.has-image{color:var(--color-success)}.image-btn:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.image-btn.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.image-btn.has-image{border-color:var(--color-success);background-color:#22a06b1a}.image-search-panel{grid-column:1 / -1;padding:10px 12px;background-color:var(--color-bg-tertiary);border-top:1px solid var(--color-border)}.image-search-header{display:flex;align-items:center;gap:10px;margin-bottom:8px;flex-wrap:wrap}.search-query{display:inline-flex;align-items:center;gap:6px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.search-query svg{width:14px;height:14px;flex-shrink:0}.searching{font-size:var(--font-size-sm);color:var(--color-primary)}.image-search-refresh{display:inline-flex;align-items:center;gap:5px;margin-left:auto;padding:2px 10px;font-size:.75rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);border-radius:999px;cursor:pointer}.image-search-refresh svg{width:13px;height:13px}.image-search-refresh:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary)}.image-search-refresh:disabled{opacity:.45;cursor:default}.image-results{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.image-result{aspect-ratio:4 / 3;min-height:88px;border-radius:10px;overflow:hidden;cursor:pointer;border:2px solid transparent;background:color-mix(in srgb,var(--color-border) 30%,var(--color-bg));transition:border-color .15s ease,transform .15s ease}.image-result:hover{border-color:var(--color-primary);transform:translateY(-1px)}.image-result img{width:100%;height:100%;object-fit:cover;display:block}@media (max-width: 900px){.image-results{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 640px){.image-results{grid-template-columns:repeat(2,minmax(0,1fr))}}.no-images{color:var(--color-text-muted);font-size:12.5px;text-align:center;padding:8px}.definition-wrapper{position:relative;width:100%;display:flex;align-items:center;gap:6px;min-width:0}.definition-wrapper .flashcard-input{flex:1;min-width:0}.card-image-preview{position:relative;flex-shrink:0;width:36px;height:28px;border-radius:6px;overflow:hidden;margin-top:0}.card-image-preview-wrap{display:flex;flex-direction:column;gap:8px;width:100%;margin-top:8px}.card-image-preview.card-image-preview--sized{width:100%;height:auto;min-height:48px;overflow:visible;background:transparent}.card-image-preview img{width:100%;height:100%;object-fit:cover}.card-image-preview--sized .card-image-preview__img.ia-image{display:block;height:auto;object-fit:contain;border-radius:6px}.card-image-preview--sized .remove-image-btn{top:4px;right:4px;width:22px;height:22px;font-size:11px;opacity:1}.remove-image-btn{position:absolute;top:1px;right:1px;width:14px;height:14px;border:none;border-radius:50%;background-color:#000000b3;color:#fff;font-size:8px;cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .15s}.card-image-preview:hover .remove-image-btn{opacity:1}.flashcard-input{width:100%;border:1px solid transparent;background-color:transparent;padding:6px 8px;font-size:13.5px;line-height:1.35;resize:none;overflow:hidden;font-family:inherit;color:var(--color-text);min-height:32px;max-height:88px;border-radius:8px;transition:border-color .15s ease,background-color .15s ease}.flashcard-input::placeholder{color:var(--color-text-muted);font-size:13px}.flashcard-input:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background-color:var(--color-bg)}.flashcard-input--blocked,.flashcard-input--blocked:focus{border-color:var(--color-danger, #b42318);background-color:color-mix(in srgb,var(--color-danger, #b42318) 8%,transparent)}.auto-translate-toggle{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--color-text-muted);cursor:pointer;white-space:nowrap}.auto-translate-toggle input[type=checkbox]{cursor:pointer;accent-color:var(--color-primary);width:13px;height:13px}.auto-translate-toggle:hover{color:var(--color-text)}.flashcard-input.translating{opacity:.7}@media (max-width: 720px){.flashcards-header,.flashcard-row{grid-template-columns:28px minmax(0,1fr) minmax(0,1fr) 68px}.flashcards-section-head{flex-direction:column;align-items:stretch}.flashcards-section .section-actions{justify-content:flex-start}.auto-translate-toggle{margin-left:0}}.translate-spinner{position:absolute;right:8px;top:50%;transform:translateY(-50%);display:inline-flex;color:var(--color-text-muted);animation:pulse 1s infinite;pointer-events:none}.translate-spinner svg{width:15px;height:15px}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.ai-section{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 6%,transparent),transparent 55%),var(--color-bg-secondary)}.ai-header{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.ai-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:8px;font-size:10px;font-weight:800;letter-spacing:.04em;color:#fff;background:var(--color-primary);flex-shrink:0}.ai-copy{min-width:0}.ai-header h3{margin:0;font-size:14px;line-height:1.2;letter-spacing:-.01em}.ai-header p{margin:2px 0 0;font-size:12px;line-height:1.3;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ai-section .btn{flex-shrink:0}.ai-lesson-section{flex-direction:column;align-items:stretch;gap:0;padding:0 0 6px;overflow:hidden}.ai-lesson-menu-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:12px 18px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}.ai-lesson-menu-btn:disabled{cursor:wait;opacity:.85}.ai-lesson-menu-btn:hover:not(:disabled){background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.ai-lesson-chevron{display:inline-flex;color:var(--color-text-secondary);flex-shrink:0;transform:rotate(90deg)}.ai-lesson-section.is-open .ai-lesson-chevron{transform:rotate(-90deg)}.ai-lesson-panel{display:flex;flex-direction:column;gap:14px;padding:0 14px 14px;border-top:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);animation:ai-lesson-panel-in .16s ease-out}@keyframes ai-lesson-panel-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.ai-lesson-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;align-items:end;padding-top:12px}.ai-lesson-field{display:flex;flex-direction:column;gap:4px;min-width:0;font-size:12px;font-weight:600;color:var(--color-text-secondary)}.ai-lesson-field .input{font-weight:500;color:var(--color-text)}.ai-lesson-span-2{grid-column:1 / -1}.ai-lesson-source{display:flex;flex-direction:column;gap:10px;padding:12px;border-radius:10px;border:1px solid var(--color-border);background:color-mix(in srgb,var(--color-bg) 70%,transparent)}.ai-lesson-source-modes{display:flex;flex-wrap:wrap;gap:14px}.ai-lesson-types{display:flex;flex-direction:column;gap:8px}.ai-lesson-types-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.ai-lesson-types-grid{display:flex;flex-wrap:wrap;gap:6px 8px}.ai-lesson-type-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 10px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-bg);font-size:12px;font-weight:500;cursor:pointer;-webkit-user-select:none;user-select:none}.ai-lesson-type-chip:has(input:disabled){opacity:.72;cursor:default}.ai-lesson-actions{display:flex;align-items:center;justify-content:flex-start}.ai-lesson-section .ile-ai-progress,.ai-lesson-section .alert{margin:0}.ai-lesson-section>.ai-usage-line{margin:8px 18px 10px;padding-left:0;padding-right:4px;font-size:12px;line-height:1.4}.ai-flash-actions{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.ai-flash-count{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--color-text-muted);white-space:nowrap}.ai-flash-count input{width:56px;padding:4px 6px;text-align:center}.ai-lesson-section>.plan-limit-message{margin:8px 18px 14px;padding:10px 12px;border-radius:10px;box-shadow:none}.ile-ai-role{margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,transparent);vertical-align:middle}.ile-regen-bar{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg-secondary));border:1px solid color-mix(in srgb,var(--color-primary) 18%,var(--color-border))}.ile-regen-type{max-width:220px;font-size:13px}@media (max-width: 820px){.ai-lesson-grid{grid-template-columns:minmax(0,1fr)}.ai-lesson-span-2{grid-column:auto}.ai-lesson-actions .btn{width:100%}.ile-regen-type{max-width:none;flex:1}}.ai-actions{display:flex;align-items:center;gap:10px;flex-shrink:0;flex-wrap:wrap;justify-content:flex-end}.ai-actions .turnstile-wrap{min-height:65px;min-width:150px;display:flex;align-items:center}.turnstile-box{display:flex;flex-direction:column;gap:6px;max-width:100%}.turnstile-wrap{line-height:0;min-height:65px;min-width:300px}.turnstile-wrap--compact{min-width:150px}.turnstile-wrap--flexible{width:100%;min-width:0}.turnstile-status{margin:0;font-size:12px}.turnstile-error{display:flex;flex-direction:column;gap:8px;padding:8px 10px;border-radius:8px;background:color-mix(in srgb,#ef4444 12%,transparent);color:var(--color-text, #1f2937);font-size:12px;line-height:1.35;max-width:360px}.turnstile-error p{margin:0}.turnstile-field{min-height:70px}@media (max-width: 720px){.ai-section{flex-direction:column;align-items:stretch}.ai-actions{justify-content:stretch}.ai-actions .btn{width:100%}.turnstile-wrap{min-width:0;width:100%}}.assignment-settings-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:var(--spacing-md);margin-top:var(--spacing-md)}.assignment-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md)}.assignment-label{flex:1;font-weight:500}.assignment-input{width:60px;padding:var(--spacing-xs) var(--spacing-sm);border:1px solid var(--color-border);border-radius:var(--radius-sm);text-align:center;font-size:var(--font-size-base)}.assignment-input:focus{outline:none;border-color:var(--color-primary)}.assignments-summary{margin-top:var(--spacing-md);padding-top:var(--spacing-md);border-top:1px solid var(--color-border)}.lesson-footer{display:flex;flex-wrap:wrap;justify-content:flex-start;align-items:center;gap:var(--spacing-md);padding:var(--spacing-lg);background-color:var(--color-bg-secondary);border-radius:var(--radius-md)}.lesson-footer .btn-primary{margin-left:0}@media (max-width: 640px){.lesson-footer{flex-direction:column-reverse;align-items:stretch}.lesson-footer .btn-primary,.lesson-footer .btn-danger{margin-left:0;width:100%}}.coming-soon{text-align:center;padding:var(--spacing-xl)}.coming-soon h3{margin:0 0 var(--spacing-sm) 0}.drafts-list{max-height:300px;overflow-y:auto;margin:var(--spacing-md) 0}.draft-item{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm);cursor:pointer;transition:background-color .2s}.draft-item:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg)}.draft-title{font-weight:500}.draft-meta{font-size:var(--font-size-sm)}.flashcard-progress{text-align:center;margin-bottom:var(--spacing-lg)}.flashcard-progress span{display:block;margin-bottom:var(--spacing-sm);color:var(--color-text-muted)}.progress-bar{height:8px;background-color:var(--color-bg-tertiary);border-radius:var(--radius-sm);overflow:hidden}.progress-fill{height:100%;background-color:var(--color-primary);transition:width .3s ease}.flashcard-container{margin-bottom:var(--spacing-xl)}.flashcard{background-color:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);min-height:300px}.flashcard-term{margin-bottom:var(--spacing-xl)}.flashcard-term label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm);text-transform:uppercase;letter-spacing:.5px}.term-display{font-size:var(--font-size-2xl);font-weight:600;color:var(--color-primary);padding:var(--spacing-lg);background-color:var(--color-bg-tertiary);border-radius:var(--radius-md);text-align:center}.flashcard-answer label{display:block;font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.flashcard-answer .input-textarea{width:100%;padding:var(--spacing-md);background-color:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:var(--font-size-base);resize:vertical}.flashcard-answer .input-textarea:focus{outline:none;border-color:var(--color-primary)}.flashcard-navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.card-dots{display:flex;gap:var(--spacing-xs);justify-content:center;flex-wrap:wrap}.dot{width:12px;height:12px;border-radius:50%;border:2px solid var(--color-border);background-color:transparent;cursor:pointer;transition:all .2s}.dot.dot-active{border-color:var(--color-primary);background-color:var(--color-primary)}.dot.dot-answered{background-color:var(--color-success);border-color:var(--color-success)}.answered-count{text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.results-summary{display:flex;align-items:center;flex-wrap:wrap;gap:var(--spacing-xl);justify-content:center;margin-bottom:var(--spacing-xl);padding:var(--spacing-xl);background-color:var(--color-bg-secondary);border-radius:var(--radius-lg)}.score-circle{width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:var(--font-size-2xl);font-weight:700;flex-shrink:0}.score-circle.score-pass{background-color:#22a06b33;border:4px solid var(--color-success);color:var(--color-success)}.score-circle.score-fail{background-color:#e5484d33;border:4px solid var(--color-error);color:var(--color-error)}.score-details{text-align:left;min-width:160px}.score-details p{margin:var(--spacing-xs) 0}.results-list{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-xl)}.result-card{display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);background-color:var(--color-bg-secondary);border-radius:var(--radius-md);border-left:4px solid}.result-card.result-correct{border-left-color:var(--color-success)}.result-card.result-incorrect{border-left-color:var(--color-error)}.result-term{font-weight:600;min-width:150px}.result-answers{flex:1}.result-answers .label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-right:var(--spacing-xs)}.result-user,.result-correct-answer{margin-bottom:var(--spacing-xs)}.result-icon{display:inline-flex;align-items:center}.result-icon svg{width:20px;height:20px}.result-icon.ok{color:var(--color-success)}.result-icon.fail{color:var(--color-error)}.text-success{color:var(--color-success)}.text-error{color:var(--color-error)}.btn-success{background-color:var(--color-success);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:500}.btn-success:hover{opacity:.9}.btn-success:disabled{opacity:.5;cursor:not-allowed}.link-back{color:var(--color-primary);text-decoration:none;font-size:var(--font-size-sm)}button.link-back{background:none;border:none;padding:0;cursor:pointer;font:inherit;text-align:left}.link-back:hover{text-decoration:none}.alert-warning{background-color:#fff;border:1px solid rgba(0,0,0,.14);color:#000}.alert-info{display:flex;align-items:flex-start;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);border-radius:var(--radius-md);background-color:#fff;border:1px solid rgba(0,0,0,.14);color:#000}.alert-info>svg{color:#000;margin-top:2px}.mode-hint{margin:0 0 var(--spacing-md);font-size:var(--font-size-sm)}.memory-section{padding:14px 16px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 55%),var(--color-bg-secondary);border-radius:14px}.memory-section-head{margin-bottom:12px;align-items:flex-start;gap:10px}.memory-section .section-header h3{margin:0;font-size:16px;letter-spacing:-.01em}.memory-section .mode-hint{margin:4px 0 0;font-size:12.5px;line-height:1.4;max-width:52ch}.memory-selected-count{flex-shrink:0;font-size:12px;font-weight:700;color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;padding:4px 10px;line-height:1.2}.memory-modes-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:12px}.memory-mode-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:12px 12px 14px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg);cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;min-width:0;min-height:112px}.memory-mode-card:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border);transform:none;box-shadow:none}.memory-mode-card.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border);box-shadow:none}.memory-mode-card input{position:absolute;opacity:0;pointer-events:none}.memory-mode-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:11px;background:var(--color-primary-soft);color:var(--color-primary);flex-shrink:0}.memory-mode-card.active .memory-mode-icon{background:var(--color-primary);color:#fff}.memory-mode-icon svg{width:18px;height:18px}.memory-mode-icon__sketch{display:block;width:22px;height:22px;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.memory-mode-label{font-weight:700;font-size:13.5px;line-height:1.2;letter-spacing:-.01em}.memory-mode-hint{font-size:12px;color:var(--color-text-muted);line-height:1.35;margin:0}.memory-mode-check{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);color:transparent;font-size:12px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.memory-mode-card.active .memory-mode-check{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.mode-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding-top:0;border-top:none;margin-bottom:18px}.memory-section .lesson-bg-picker{margin-top:4px}.lesson-section--settings{width:100%;max-width:100%;box-sizing:border-box;padding:10px 14px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 5%,transparent),transparent 55%),var(--color-bg-secondary)}.lesson-section--settings .section-header{margin-bottom:8px;gap:8px}.lesson-section--settings .section-header h3{font-size:14px;line-height:1.2;letter-spacing:-.01em;font-weight:700}.settings-toggles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:100%;max-width:100%;align-items:stretch}.settings-toggle-cell{display:flex;flex-direction:column;align-items:stretch;gap:6px;min-width:0}.settings-toggles>.switch-row,.settings-toggle-cell>.switch-row{width:100%;min-width:0;box-sizing:border-box;padding:6px 10px;font-size:12.5px;gap:8px;min-height:36px}.lesson-section--settings .pass-score-row{width:100%;max-width:none}.settings-toggles .pass-score-row .input-score{margin-left:auto;flex:0 0 56px;width:56px;min-width:56px;max-width:56px;padding:4px 6px}@media (max-width: 1100px){.settings-toggles{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 700px){.settings-toggles{grid-template-columns:minmax(0,1fr)}}.switch-row{display:flex;align-items:center;gap:10px;cursor:pointer;font-size:13px;line-height:1.3;min-width:0;padding:8px 10px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg);transition:border-color .15s ease,background .15s ease}.switch-row:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.switch-row:has(input:checked){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.switch-row input[type=checkbox]{width:15px;height:15px;flex-shrink:0;margin:0;accent-color:var(--color-ink)}.pass-score-row{cursor:default;width:fit-content;max-width:100%}.pass-score-row .input-score{margin-left:4px}.pass-score-unit{color:var(--color-text-muted);font-size:12px;font-weight:600}.input.input-score,.input-score{width:64px;max-width:64px;flex:0 0 64px;padding:5px 8px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);border-radius:8px;color:var(--color-text);font-size:13px;text-align:center;box-sizing:border-box}@media (max-width: 900px){.memory-modes-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.memory-modes-grid,.mode-options{grid-template-columns:minmax(0,1fr)}.memory-mode-card{min-height:0}}.lesson-header-main{flex-wrap:wrap}.lesson-status-pill{flex-shrink:0;font-size:12px;font-weight:600;color:var(--color-text-secondary);background:var(--color-ink-03);border:1px solid var(--color-ink-06);border-radius:999px;padding:5px 12px;line-height:1.2;white-space:nowrap}.lesson-actions .btn{min-width:0}.mxp-section{--mxp-green: var(--color-ink);--mxp-green-mid: #45a371;--mxp-mint: #eefaf4;--mxp-mint-strong: #d8f5e6;--mxp-mint-border: #b0eac9;--mxp-cream: #fdf9ec;--mxp-cream-border: #fce4ac;--mxp-amber-text: #8a6414;padding:4px 0 0}.mxp-layout{display:grid;grid-template-columns:minmax(0,58fr) minmax(320px,42fr);gap:28px;align-items:start}.mxp-library{min-width:0;display:flex;flex-direction:column;gap:14px}.mxp-library-head h3{margin:0;font-size:19px;font-weight:700;letter-spacing:-.01em}.mxp-library-head p{margin:4px 0 0;font-size:13px;line-height:1.45;color:var(--color-text-muted)}.mxp-lesson{border:1px solid var(--mxp-mint-strong);background:var(--mxp-mint);border-radius:14px;padding:10px 14px 12px;display:flex;flex-direction:column;gap:8px}.mxp-lesson-head{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;font-size:13px;font-weight:700;color:var(--mxp-green)}.mxp-lesson-meta{font-size:12px;font-weight:600;color:var(--color-text-muted)}.mxp-lesson-items{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.mxp-lesson-item{display:inline-flex;align-items:center;gap:6px;background:var(--color-bg);border:1px solid var(--mxp-mint-strong);border-radius:999px;padding:4px 6px 4px 4px;font-size:12.5px;font-weight:600;color:var(--color-text);cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.mxp-lesson-item:hover,.mxp-lesson-item.is-selected{border-color:var(--mxp-green)}.mxp-lesson-item-num{width:18px;height:18px;border-radius:999px;background:var(--mxp-green);color:#fff;font-size:10.5px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;line-height:1}.mxp-lesson-item-reps{color:var(--color-text-muted);font-weight:600}.mxp-lesson-item-remove{width:16px;height:16px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-size:9px;line-height:1;color:var(--color-text-muted);transition:background .15s ease,color .15s ease}.mxp-lesson-item-remove:hover{background:var(--color-ink-12);color:var(--color-ink)}.mxp-search{position:relative}.mxp-search>svg{position:absolute;left:13px;top:50%;transform:translateY(-50%);color:var(--color-text-muted);pointer-events:none}.mxp-search input{width:100%;height:42px;padding:0 36px 0 40px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);font-size:14px;font-family:inherit;color:var(--color-text)}.mxp-search input:focus{outline:none;border-color:var(--mxp-green)}.mxp-search-clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:26px;height:26px;border:none;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:11px;cursor:pointer}.mxp-search-clear:hover{background:var(--color-ink-06);color:var(--color-ink)}.mxp-filters{display:flex;flex-wrap:wrap;gap:6px}.mxp-filter{padding:6px 13px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);font-size:12.5px;font-weight:600;color:var(--color-text-secondary);cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.mxp-filter:hover:not(.active){border-color:var(--border-strong);color:var(--color-text)}.mxp-filter.active{background:var(--mxp-green);border-color:var(--mxp-green);color:#fff}.mxp-group{display:flex;flex-direction:column;gap:8px}.mxp-group-title{margin:6px 0 0;font-size:11.5px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;color:var(--color-text-muted)}.mxp-cards{display:flex;flex-direction:column;gap:8px}.mxp-no-results{border:1px dashed var(--color-border);border-radius:14px;padding:22px 16px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.mxp-no-results p{margin:0;font-size:13px;color:var(--color-text-muted)}.mxp-card{display:flex;align-items:flex-start;gap:12px;border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg);padding:12px 14px;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.mxp-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm)}.mxp-card:focus-visible{outline:2px solid var(--mxp-green);outline-offset:2px}.mxp-card.is-selected{border-color:var(--mxp-green);background:var(--mxp-mint);box-shadow:none}.mxp-card.is-locked{background:var(--color-ink-03)}.mxp-card.is-locked .mxp-card-title{color:var(--color-text-secondary)}.mxp-card.is-locked .mxp-card-icon{background:var(--color-ink-06);color:var(--color-ink-40)}.mxp-card.is-locked.is-selected{border-color:var(--mxp-green);background:var(--mxp-mint)}.mxp-card-icon{width:56px;height:56px;flex-shrink:0;border-radius:16px;background:var(--mxp-mint-strong);color:var(--mxp-green);display:inline-flex;align-items:center;justify-content:center;overflow:hidden}.mxp-card-icon .nav-icon,.mxp-card-icon svg.nav-icon{width:40px;height:40px}.mxp-card.is-selected .mxp-card-icon{background:var(--mxp-green);color:#fff}.mxp-sketch{display:block;background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.mxp-card-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.mxp-card-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0}.mxp-card-title{font-size:14px;font-weight:700;letter-spacing:-.01em}.mxp-selected-flag{font-size:10.5px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--mxp-green);background:var(--mxp-mint-strong);border-radius:999px;padding:2px 8px}.mxp-lock-badge{display:inline-flex;align-items:center;gap:4px;font-size:11px;font-weight:700;color:var(--mxp-amber-text);background:var(--mxp-cream);border:1px solid var(--mxp-cream-border);border-radius:999px;padding:2px 8px;white-space:nowrap}.mxp-card-desc{margin:0;font-size:12.5px;line-height:1.4;color:var(--color-text-secondary)}.mxp-card-tags{display:flex;flex-wrap:wrap;gap:4px;margin-top:5px}.mxp-tag{font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-ink-03);border:1px solid var(--color-ink-06);border-radius:999px;padding:2px 8px;white-space:nowrap}.mxp-card-action{flex-shrink:0;align-self:center}.mxp-card-btn{width:34px;height:34px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--mxp-green);display:inline-flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.mxp-card-btn:hover:not(:disabled){background:var(--mxp-green);border-color:var(--mxp-green);color:#fff}.mxp-card-btn.is-added{background:var(--mxp-green);border-color:var(--mxp-green);color:#fff}.mxp-card-btn.is-added:hover:not(:disabled){background:var(--color-ink-hover)}.mxp-card-btn-lock{color:var(--mxp-amber-text);background:var(--mxp-cream);border-color:var(--mxp-cream-border)}.mxp-card-btn-lock:hover:not(:disabled){background:var(--mxp-cream-border);border-color:var(--mxp-cream-border);color:var(--mxp-amber-text)}.mxp-card-btn:disabled{opacity:.5;cursor:not-allowed}.mxp-preview{position:sticky;top:84px;display:flex;flex-direction:column;gap:12px;max-height:calc(100vh - 110px);overflow-y:auto;padding-bottom:4px;scrollbar-width:thin}.mxp-preview-mobile-head{display:none}.mxp-preview-label{font-size:11.5px;font-weight:700;letter-spacing:.09em;text-transform:uppercase;color:var(--color-text-muted)}.mxp-mockup{border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg);box-shadow:var(--shadow-card);overflow:hidden;flex-shrink:0}.mxp-mockup-bar{display:flex;align-items:center;gap:10px;padding:9px 13px;background:var(--color-ink-03);border-bottom:1px solid var(--color-ink-06)}.mxp-mockup-dots{display:inline-flex;gap:5px}.mxp-mockup-dots i{width:8px;height:8px;border-radius:999px;background:var(--color-ink-12)}.mxp-mockup-url{flex:1;text-align:center;font-size:11px;font-weight:600;color:var(--color-text-muted);background:var(--color-bg);border:1px solid var(--color-ink-06);border-radius:999px;padding:3px 10px;margin-right:23px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mxp-mockup-body{padding:22px 20px 24px;min-height:250px;display:flex;align-items:center;justify-content:center}.mxp-empty{display:flex;flex-direction:column;align-items:center;gap:6px;text-align:center;padding:8px 4px}.mxp-empty img{width:132px;height:auto;margin-bottom:4px}.mxp-empty-title{font-size:15px;font-weight:700}.mxp-empty-text{margin:0;font-size:12.5px;line-height:1.5;color:var(--color-text-muted);max-width:240px}.mxp-pv{width:100%;display:flex;flex-direction:column;gap:12px}.mxp-pv-progress{text-align:center;font-size:12px;font-weight:600;color:var(--color-text-muted)}.mxp-pv-prompt{text-align:center;font-size:13px;font-weight:600;color:var(--color-text-secondary)}.mxp-pv-stimulus{text-align:center;font-family:var(--font-display);font-size:22px;font-weight:600;letter-spacing:.01em;color:var(--color-text);overflow-wrap:anywhere}.mxp-pv-flashcard{border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg);box-shadow:var(--shadow-sm);padding:30px 16px;display:flex;flex-direction:column;align-items:center;gap:8px}.mxp-pv-term{font-family:var(--font-display);font-size:27px;font-weight:700;letter-spacing:.01em;text-align:center;overflow-wrap:anywhere}.mxp-pv-hint{font-size:12px;color:var(--color-text-muted);line-height:1.4}.mxp-pv-hint-center{text-align:center}.mxp-pv-btn{height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:13.5px;font-weight:600;-webkit-user-select:none;user-select:none}.mxp-pv-btn-primary{background:var(--mxp-green);color:#fff}.mxp-pv-btn-ghost{background:var(--color-bg);border:1px solid var(--color-border);color:var(--color-text)}.mxp-pv-btn-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.mxp-pv-dots{display:flex;justify-content:center;gap:5px}.mxp-pv-dots span{width:6px;height:6px;border-radius:999px;background:var(--color-ink-12)}.mxp-pv-dots span.is-active{background:var(--mxp-green)}.mxp-pv-options{display:flex;flex-direction:column;gap:6px}.mxp-pv-option{display:flex;align-items:center;gap:9px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);padding:9px 12px;font-size:13.5px}.mxp-pv-option-text{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mxp-pv-radio{width:15px;height:15px;flex-shrink:0;border-radius:999px;border:1.5px solid var(--color-ink-22);background:var(--color-bg)}.mxp-pv-option.is-correct{border-color:var(--mxp-green-mid);background:var(--mxp-mint);font-weight:600}.mxp-pv-option.is-correct .mxp-pv-radio{border-color:var(--mxp-green);background:radial-gradient(circle,var(--mxp-green) 0 4px,var(--color-bg) 4.5px)}.mxp-pv-audio{display:flex;align-items:center;gap:10px}.mxp-pv-audio-play{width:38px;height:38px;flex-shrink:0;border-radius:999px;background:var(--mxp-green);color:#fff;display:inline-flex;align-items:center;justify-content:center}.mxp-pv-audio-play svg{margin-left:2px}.mxp-pv-audio-track{flex:1;height:6px;border-radius:999px;background:var(--color-ink-06);overflow:hidden}.mxp-pv-audio-fill{display:block;width:38%;height:100%;border-radius:inherit;background:var(--mxp-green)}.mxp-pv-audio-time{font-size:12px;font-weight:600;color:var(--color-text-muted)}.mxp-pv-input{height:42px;border:1px solid var(--border-strong);border-radius:10px;background:var(--color-bg);padding:0 13px;display:flex;align-items:center;font-size:14.5px;color:var(--color-text);overflow:hidden;white-space:nowrap}.mxp-pv-caret{display:inline-block;width:1.5px;height:18px;margin-left:2px;background:var(--mxp-green);animation:mxp-caret-blink 1.1s steps(1) infinite}@keyframes mxp-caret-blink{50%{opacity:0}}.mxp-pv-match{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.mxp-pv-match-col{display:flex;flex-direction:column;gap:8px;min-width:0}.mxp-pv-match-item{border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);padding:9px 10px;text-align:center;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mxp-pv-match-item.is-paired{border-color:var(--mxp-green-mid);background:var(--mxp-mint);font-weight:600;position:relative}.mxp-pv-match-col:first-child .mxp-pv-match-item.is-paired:after{content:"";position:absolute;top:50%;right:-18px;width:18px;height:2px;background:var(--mxp-green-mid)}.mxp-pv-tiles{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.mxp-pv-tile{width:32px;height:38px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;text-transform:uppercase}.mxp-pv-tile.is-filled{background:var(--mxp-green);border-color:var(--mxp-green);color:#fff}.mxp-pv-tile.is-empty{border-style:dashed;background:var(--color-ink-03)}.mxp-pv-tiles-pool .mxp-pv-tile{background:var(--mxp-mint);border-color:var(--mxp-mint-border);color:var(--mxp-green)}.mxp-pv-sprint-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.mxp-pv-chip{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:700;color:var(--color-text-secondary);background:var(--color-ink-03);border:1px solid var(--color-ink-06);border-radius:999px;padding:4px 10px}.mxp-pv-chip-timer{color:var(--mxp-amber-text);background:var(--mxp-cream);border-color:var(--mxp-cream-border)}.mxp-pv-mic{width:64px;height:64px;margin:2px auto;border-radius:999px;background:var(--mxp-mint-strong);color:var(--mxp-green);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 8px var(--mxp-mint)}.mxp-pv-memory{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.mxp-pv-memory-cell{height:52px;border-radius:10px;background:var(--color-ink-06);color:var(--color-ink-40);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;padding:0 6px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mxp-pv-memory-cell.is-open{background:var(--mxp-mint);border:1px solid var(--mxp-green-mid);color:var(--mxp-green)}.mxp-pv-slots{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.mxp-pv-slot{width:26px;height:34px;border-bottom:2px solid var(--color-ink-40);display:inline-flex;align-items:center;justify-content:center;font-size:18px;font-weight:700;text-transform:uppercase;color:var(--mxp-green)}.mxp-pv-keys{display:flex;flex-wrap:wrap;justify-content:center;gap:4px}.mxp-pv-key{width:27px;height:31px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:600;text-transform:uppercase}.mxp-pv-key.is-used{opacity:.35;background:var(--color-ink-06)}.mxp-about{border:1px solid var(--color-border);border-radius:16px;background:var(--color-bg);padding:15px 16px;display:flex;flex-direction:column;gap:8px;flex-shrink:0}.mxp-about h4{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em}.mxp-about-desc{margin:0;font-size:13px;line-height:1.5;color:var(--color-text-secondary)}.mxp-facts{display:grid;grid-template-columns:1fr 1fr;gap:6px 14px;margin-top:4px}.mxp-fact{display:flex;flex-direction:column;gap:4px;min-width:0}.mxp-fact-caption{font-size:10.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--color-text-muted)}.mxp-fact-caption+.mxp-fact-list{margin-bottom:6px}.mxp-fact-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:3px;font-size:12.5px;line-height:1.4;color:var(--color-text-secondary)}.mxp-fact-list li{display:flex;gap:6px;align-items:baseline}.mxp-fact-list li:before{content:"•";color:var(--mxp-green-mid);font-weight:700;flex-shrink:0}.mxp-fact-list-checks li:before{content:"✓";font-size:11px}.mxp-tip{display:flex;gap:10px;border:1px solid var(--mxp-cream-border);background:var(--mxp-cream);border-radius:14px;padding:12px 14px;font-size:12.5px;line-height:1.5;color:var(--color-text-secondary);flex-shrink:0}.mxp-tip-emoji{font-size:15px;line-height:1.3}.mxp-tip strong{display:block;font-size:12px;font-weight:700;letter-spacing:.02em;color:var(--mxp-amber-text);margin-bottom:2px}.mxp-settings{border:1px solid var(--color-border);border-radius:14px;background:var(--color-bg);padding:11px 14px;display:flex;align-items:center;justify-content:space-between;gap:12px;flex-shrink:0}.mxp-settings-copy{display:flex;flex-direction:column;gap:2px;min-width:0}.mxp-settings-label{font-size:13px;font-weight:700}.mxp-settings-hint{font-size:11.5px;line-height:1.35;color:var(--color-text-muted)}.mxp-stepper{display:flex;align-items:center;gap:4px;flex-shrink:0}.mxp-stepper button{width:30px;height:30px;border-radius:9px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);cursor:pointer;font-size:15px;line-height:1;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s ease,background .15s ease}.mxp-stepper button:hover:not(:disabled){background:var(--mxp-mint);border-color:var(--mxp-green-mid)}.mxp-stepper button:disabled{opacity:.4;cursor:not-allowed}.mxp-stepper-value{min-width:26px;text-align:center;font-weight:700;font-size:14px}.mxp-cta{display:flex;flex-direction:column;gap:7px;flex-shrink:0}.mxp-cta-btn{width:100%;height:44px;border-radius:12px;font-size:14.5px;font-weight:700}.mxp-cta-note{text-align:center;font-size:12px;color:var(--color-text-muted)}.mxp-cta-added{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--mxp-mint-strong);background:var(--mxp-mint);border-radius:12px;padding:8px 8px 8px 14px}.mxp-cta-added-label{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:700;color:var(--mxp-green)}.mxp-backdrop{display:none}@media (max-width: 1080px){.mxp-layout{grid-template-columns:minmax(0,1fr);gap:16px}.mxp-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:79;background:#24382d61}.mxp-preview{position:fixed;z-index:80;left:0;right:0;bottom:0;top:auto;max-height:88vh;overflow-y:auto;background:var(--color-bg);border:1px solid var(--color-border);border-bottom:none;border-radius:20px 20px 0 0;padding:14px 16px calc(20px + env(safe-area-inset-bottom,0px));box-shadow:0 -14px 44px #24382d33;transform:translateY(105%);transition:transform .25s ease;visibility:hidden}.mxp-preview.is-open{transform:translateY(0);visibility:visible}.mxp-preview-mobile-head{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:700}.mxp-preview-close{width:30px;height:30px;border:none;border-radius:999px;background:var(--color-ink-06);color:var(--color-ink);font-size:12px;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.mxp-preview-label{display:none}.mxp-mockup-body{min-height:0;padding:18px 16px 20px}}@media (max-width: 560px){.mxp-facts{grid-template-columns:minmax(0,1fr)}.mxp-card{padding:11px 12px;gap:10px}.mxp-card-icon{width:48px;height:48px}}.ixp-section{padding-top:0}.ixp-library-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.ixp-tag-ai{color:var(--mxp-green);background:var(--mxp-mint);border-color:var(--mxp-mint-border)}.ile-workspace{--mxp-green: var(--color-ink);--mxp-green-mid: #45a371;--mxp-mint: #eefaf4;--mxp-mint-strong: #d8f5e6;--mxp-mint-border: #b0eac9;--mxp-cream: #fdf9ec;--mxp-cream-border: #fce4ac;--mxp-amber-text: #8a6414;display:grid;grid-template-columns:minmax(0,58fr) minmax(300px,42fr);gap:24px;align-items:start}.ile-workspace-main{min-width:0;display:flex;flex-direction:column;gap:14px}.ile-block-wrap>.ile-block{transition:border-color .16s ease}.ile-block-wrap.is-active>.ile-block{border-color:var(--mxp-green)}.ile-block-wrap.is-library-incomplete>.ile-block{border-color:#e53434;box-shadow:0 0 0 2px #e5343447;animation:ile-incomplete-pulse 1.2s ease-in-out 2}@keyframes ile-incomplete-pulse{0%,to{box-shadow:0 0 0 2px #e5343447}50%{box-shadow:0 0 0 5px #e534342e}}.library-incomplete-banner{display:flex;flex-wrap:wrap;align-items:center;gap:10px 12px;margin-bottom:12px;padding:12px 14px;border-radius:12px;border:1px solid #ffb8b8;background:#fff1f1;color:#8a1f1f}.library-incomplete-banner p{margin:0;flex:1 1 220px;font-size:14px;line-height:1.4}.library-incomplete-banner .btn{flex-shrink:0}.ile-add-btn{align-self:flex-start}.ile-live{position:sticky;top:84px;display:flex;flex-direction:column;gap:10px;max-height:calc(100vh - 110px);overflow-y:auto;scrollbar-width:thin}.ile-live-label{display:flex;align-items:baseline;justify-content:space-between;gap:10px}.ile-live-counter{font-size:12px;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.ile-live-hint{margin:0;font-size:11.5px;line-height:1.45;color:var(--color-text-muted)}.ixp-status{display:flex;gap:8px;align-items:flex-start;border-radius:12px;padding:10px 12px;font-size:12.5px;line-height:1.45;flex-shrink:0}.ixp-status svg{flex-shrink:0;margin-top:2px}.ixp-status.is-ready{color:var(--mxp-green);background:var(--mxp-mint);border:1px solid var(--mxp-mint-strong)}.ixp-status.is-draft{color:var(--mxp-amber-text);background:var(--mxp-cream);border:1px solid var(--mxp-cream-border)}.ixp-pv-ph{color:var(--color-text-muted);font-weight:400;font-style:italic}.ixp-pv-heading{font-family:var(--font-display);font-size:18px;font-weight:700}.ixp-pv-paragraph{font-size:13.5px;line-height:1.55;color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:5;line-clamp:5;-webkit-box-orient:vertical;overflow:hidden}.ixp-pv-media{display:flex;align-items:center;justify-content:center;gap:8px;border:1px dashed var(--color-border);border-radius:12px;background:var(--color-ink-03);color:var(--color-text-muted);font-size:12px;font-weight:600;padding:18px 12px}.ixp-pv-video{aspect-ratio:16 / 9;border-radius:12px;background:var(--color-ink-06);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px}.ixp-pv-video-play{width:46px;height:46px;border-radius:999px;background:var(--mxp-green);color:#fff;display:inline-flex;align-items:center;justify-content:center}.ixp-pv-video-play svg{margin-left:2px}.ixp-pv-video-note{font-size:11.5px;color:var(--color-text-muted)}.ixp-pv-question{display:flex;flex-direction:column;gap:10px}.ixp-pv-question+.ixp-pv-question{padding-top:12px;border-top:1px dashed var(--color-ink-12)}.ixp-pv-statement{font-size:16px;line-height:1.4}.ixp-pv-btn-row-3{grid-template-columns:1fr 1fr 1fr}.ixp-pv-btn-row-3 .mxp-pv-btn{font-size:12.5px}.ixp-pv-gaptext{font-size:15px;line-height:2;text-align:center;overflow-wrap:anywhere}.ixp-pv-gap{display:inline-flex;align-items:center;justify-content:center;min-width:64px;margin:0 3px;padding:1px 10px;border:1px solid var(--mxp-green-mid);border-radius:8px;background:var(--mxp-mint);color:var(--mxp-green);font-weight:600;font-size:13.5px;line-height:1.7}.ixp-pv-words{display:flex;flex-wrap:wrap;justify-content:center;gap:6px}.ixp-pv-words-line{min-height:42px;align-items:center;padding:6px;border:1px dashed var(--color-border);border-radius:12px;background:var(--color-ink-03)}.ixp-pv-word{display:inline-flex;align-items:center;border:1px solid var(--mxp-mint-border);border-radius:9px;background:var(--mxp-mint);color:var(--mxp-green);padding:5px 10px;font-size:13px;font-weight:600;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ixp-pv-word.is-placed{background:var(--mxp-green);border-color:var(--mxp-green);color:#fff}.ixp-pv-word-slot{width:52px;height:28px;border:1px dashed var(--color-ink-22);border-radius:9px;background:var(--color-bg)}.ixp-pv-order{display:flex;flex-direction:column;gap:6px}.ixp-pv-order-item{display:flex;align-items:center;gap:9px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg);padding:8px 10px;font-size:13px}.ixp-pv-order-item.is-ph .ixp-pv-order-text{color:var(--color-text-muted);font-style:italic}.ixp-pv-order-num{width:20px;height:20px;flex-shrink:0;border-radius:999px;background:var(--mxp-mint-strong);color:var(--mxp-green);font-size:11px;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.ixp-pv-order-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ixp-pv-order-handle{color:var(--color-ink-22);font-size:11px;letter-spacing:-1px}.ixp-pv-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(90px,1fr));gap:8px}.ixp-pv-group{border:1px dashed var(--color-border);border-radius:12px;background:var(--color-ink-03);padding:8px;display:flex;flex-direction:column;gap:6px;min-width:0}.ixp-pv-group-name{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--color-text-secondary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ixp-pv-group .ixp-pv-word{justify-content:center}.ixp-pv-group .ixp-pv-word-slot{width:auto}.ixp-pv-textarea{min-height:84px;border:1px solid var(--border-strong);border-radius:10px;background:var(--color-bg);padding:10px 12px;font-size:13px}.ixp-pv-badge{align-self:center;display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:var(--color-text-secondary);background:var(--color-ink-03);border:1px solid var(--color-ink-06);border-radius:999px;padding:4px 10px;text-align:center}@media (max-width: 1080px){.ile-workspace{grid-template-columns:minmax(0,1fr);gap:18px}.ile-live{position:static;max-height:none;overflow:visible}.ile-live .mxp-preview-label{display:block}.ixp-library-head{flex-direction:column;align-items:stretch}.ixp-library-head .btn{align-self:flex-start}}.mechanics-summary{flex-shrink:0;font-size:12px;font-weight:700;color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;padding:4px 10px;line-height:1.2}.image-mode-toggle{display:inline-flex;gap:4px;margin-left:var(--spacing-sm)}.image-mode-toggle .mode-btn{padding:2px 10px;font-size:.75rem;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);border-radius:999px;cursor:pointer}.image-mode-toggle .mode-btn.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.player-container{max-width:none;width:100%}.player-overview{display:flex;flex-direction:column;gap:var(--spacing-lg)}.overview-progress{display:flex;flex-direction:column;gap:var(--spacing-sm)}.progress-bar{background:var(--color-bg-tertiary);border-radius:999px;overflow:hidden;height:8px}.progress-bar.big{height:14px}.progress-bar.sm{height:6px;width:120px}.progress-fill{height:100%;background:var(--color-primary);transition:width .3s ease}.overview-progress-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.mechanics-overview{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:var(--spacing-sm)}.overview-mechanic{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:inherit;font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease;width:100%}.overview-mechanic:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border);box-shadow:none}.overview-mechanic.done{border-color:var(--color-success);background:#22a06b14}.overview-mechanic.done:hover{border-color:var(--color-success);box-shadow:0 0 0 2px #22a06b2e}.overview-mechanic.open{border-color:var(--color-primary, #3b82f6);box-shadow:0 0 0 2px #3b82f640;background:#3b82f614}.player-stage{margin-top:4px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);min-height:160px}.player-activity-embedded{margin:0}.player-activity-embedded .activity-topbar{margin-bottom:12px}.overview-stage-hint{margin:10px 0 0;font-size:.85rem;text-align:center;width:100%}.krokcoin-panel-compact{margin-top:18px;padding:10px 12px}.krokcoin-panel-compact .krokcoin-panel-head{margin-bottom:8px;gap:8px}.krokcoin-panel-compact .krokcoin-balance{font-size:.95rem}.krokcoin-panel-compact .krokcoin-panel-hint{font-size:.78rem}.krokcoin-panel-compact .krokcoin-shop{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.krokcoin-panel-compact .krokcoin-buy{padding:6px 8px;font-size:12px}@media (max-width: 640px){.krokcoin-panel-compact .krokcoin-shop{grid-template-columns:minmax(0,1fr)}}.om-icon{display:inline-flex;align-items:center;color:var(--color-primary)}.om-icon svg{width:19px;height:19px}.overview-mechanic.done .om-icon{color:var(--color-success)}.om-label{flex:1;font-size:var(--font-size-sm)}.om-reps{font-weight:600;font-size:var(--font-size-sm);color:var(--color-text-muted)}.overview-actions{display:flex;gap:var(--spacing-md);flex-wrap:wrap}.btn-lg{padding:var(--spacing-md) var(--spacing-xl);font-size:1.05rem}.player-activity{display:flex;flex-direction:column;gap:var(--spacing-lg)}.activity-topbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md)}.activity-title{font-weight:700;display:flex;align-items:center;gap:var(--spacing-sm)}.activity-title-icon{width:19px;height:19px;color:var(--color-primary);flex-shrink:0}.activity-rep{font-size:var(--font-size-sm);color:var(--color-text-muted);font-weight:400}.activity-counter{font-size:var(--font-size-sm);color:var(--color-text-muted)}.mechanic-body{display:flex;flex-direction:column;gap:var(--spacing-lg);align-items:stretch}.mechanic-actions{display:flex;justify-content:center;gap:var(--spacing-md)}.mechanic-actions.two{justify-content:space-between}.mechanic-actions.two .btn{flex:1}.mechanic-actions.single{justify-content:center;width:100%;max-width:100%;overflow:hidden}.mechanic-actions.single .btn{width:100%;max-width:420px}@media (max-width: 640px){.mechanic-actions.single .btn{max-width:100%}}.speak-btn{background:transparent;border:none;cursor:pointer;font-size:1.05em;padding:0 4px}.player-card-image{display:flex;justify-content:center}.player-card-image img{max-height:180px;max-width:100%;border-radius:var(--radius-md);object-fit:contain}.btn-audio{background:var(--color-primary);color:#fff;border:none;padding:var(--spacing-md) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-size:1rem}.btn-danger{background:var(--color-error);color:#fff;border:none;padding:var(--spacing-sm) var(--spacing-lg);border-radius:var(--radius-md);cursor:pointer;font-weight:500}.flip-card{perspective:1000px;cursor:pointer;min-height:240px}.flip-inner{position:relative;width:100%;min-height:240px;transition:transform .5s;transform-style:preserve-3d}.flip-card.flipped .flip-inner{transform:rotateY(180deg)}.flip-front,.flip-back{position:absolute;top:0;right:0;bottom:0;left:0;backface-visibility:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);padding:var(--spacing-xl);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-align:center}.flip-back{transform:rotateY(180deg);border-color:var(--color-primary)}.flip-text{font-size:1.6rem;font-weight:700}.flip-hint{font-size:var(--font-size-sm);color:var(--color-text-muted)}.memorize-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md);padding:var(--spacing-xl);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-align:center}.memorize-term{font-size:1.8rem;font-weight:700}.memorize-def{font-size:1.2rem;color:var(--color-text)}.memorize-example{font-style:italic;color:var(--color-text-muted)}.question-prompt{text-align:center;padding:var(--spacing-lg);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary)}.prompt-label{font-size:var(--font-size-sm);text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted);margin-bottom:var(--spacing-sm)}.prompt-text{font-size:1.4rem;font-weight:600}.listen-prompt{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-md)}.options-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md)}.option-btn{padding:var(--spacing-lg);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;font-size:1rem;transition:all .15s ease}.option-btn:hover:not(:disabled){color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.option-btn.correct{border-color:var(--color-success);background:#22a06b26}.option-btn.wrong{border-color:var(--color-error);background:#e5484d26}.type-input{width:100%;padding:var(--spacing-lg);font-size:1.2rem;text-align:center;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-tertiary);color:var(--color-text)}.type-input:focus{outline:none;border-color:var(--color-primary)}.type-input.correct{border-color:var(--color-success)}.type-input.wrong{border-color:var(--color-error)}.answer-reveal{text-align:center;color:var(--color-text-muted)}.collect-slots{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center;min-height:56px;padding:var(--spacing-md);border:2px dashed var(--color-border);border-radius:var(--radius-md)}.collect-slots.correct{border-color:var(--color-success)}.collect-slots.wrong{border-color:var(--color-error)}.collect-placeholder{color:var(--color-text-muted);align-self:center}.collect-pool{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);justify-content:center}.letter-tile{min-width:42px;height:48px;font-size:1.2rem;font-weight:700;border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer}.letter-tile.placed{border-color:var(--color-primary);background:#74816c1a}.tf-card{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xl);border:2px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);text-align:center;transition:all .2s ease}.tf-card.correct{border-color:var(--color-success);background:#22a06b1f}.tf-card.wrong{border-color:var(--color-error);background:#e5484d1f}.tf-term{font-size:1.6rem;font-weight:700}.tf-equals{color:var(--color-text-muted)}.tf-def{font-size:1.2rem}.sprint-header{display:flex;justify-content:space-between;font-weight:700;font-size:1.1rem}.sprint-timer{color:var(--color-warning)}.sprint-score{color:var(--color-success)}.match-hint{text-align:center;margin:0}.match-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-lg);overflow:auto;max-height:min(70vh,720px)}.match-col{display:flex;flex-direction:column;gap:var(--spacing-sm)}.match-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);border:2px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;text-align:left;transition:all .15s ease}.match-item.selected{border-color:var(--color-primary);background:#74816c1f}.match-item.matched{border-color:var(--color-success);background:#22a06b1a;opacity:.55;cursor:default}.match-item.wrong{border-color:var(--color-error);background:#e5484d1f}.match-thumb{width:34px;height:34px;object-fit:cover;border-radius:var(--radius-sm, 4px)}.results-summary-wrap{display:flex;flex-direction:column;gap:var(--spacing-lg)}.gradebook-table-wrap{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-lg)}.gradebook-accordion{display:flex;flex-direction:column;gap:8px}.gb-tabs{margin-bottom:16px;max-width:420px}.gb-filters{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-bottom:12px}.gb-filter-search{display:inline-flex;align-items:center;gap:8px;flex:1 1 220px;min-width:180px;max-width:420px;height:36px;padding:0 10px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text-muted)}.gb-filter-search input{flex:1 1 auto;min-width:0;border:none;background:transparent;color:inherit;font:inherit;outline:none}.gb-filter-select{width:auto;min-width:148px;height:36px;flex:0 0 auto;padding:0 10px;font-size:13px;line-height:1.2;border-radius:8px;background-color:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border);cursor:pointer;-webkit-appearance:auto;appearance:auto}.gb-student-head-text{display:flex;flex-direction:column;gap:4px;min-width:0}.gb-summary-line{display:block;font-size:12.5px;font-weight:500;color:var(--color-text-secondary);line-height:1.35}.gb-summary-line--muted{color:var(--color-text-muted);font-weight:400}.gb-row-actions{display:inline-flex;flex-wrap:wrap;gap:6px;justify-content:flex-end}.gb-lesson-expand{border-top:1px solid var(--color-border)}.gb-lesson-expand-toolbar{display:flex;flex-wrap:wrap;gap:8px;padding:10px 14px 0}.gb-lesson-empty{padding:12px 14px 16px;margin:0}@media (max-width: 760px){.gb-student-head{align-items:flex-start}.gb-summary-line{white-space:normal}.gb-row-actions{width:100%;justify-content:flex-start}}.gb-student-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg);overflow:hidden}.gb-student-card.open{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.gb-student-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 14px;border:none;background:transparent;cursor:pointer;text-align:left;color:inherit}.gb-student-head:hover{background:var(--color-bg-tertiary)}.gb-student-card.open .gb-student-head{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg))}.gb-student-head-main{display:inline-flex;align-items:center;gap:10px;min-width:0}.gb-chevron{width:1em;color:var(--color-text-muted);font-size:.85rem}.gb-student-head-meta{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}.gb-student-lessons{border:none;border-top:1px solid var(--color-border);border-radius:0}.gb-lesson-row:hover{background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.gb-lesson-link{color:inherit;text-decoration:none;display:block}.gb-lesson-link:hover{color:var(--color-primary)}.gb-lesson-cell{display:block;padding:2px 0}.ia-review-answers{display:grid;gap:8px;margin-top:8px}.ia-teacher-mark{margin-top:12px;padding-top:12px;border-top:1px solid var(--color-border);display:grid;gap:10px}.ia-teacher-mark-actions{display:flex;flex-wrap:wrap;gap:8px}.ia-teacher-note{display:grid;gap:6px;font-size:var(--font-size-sm)}.ia-teacher-note textarea{width:100%;resize:vertical;min-height:56px;padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:inherit;font:inherit}.ia-teacher-grade-panel .ia-grade-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.ia-grade-stars{display:inline-flex;gap:6px}.ia-grade-btn{width:36px;height:36px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg);cursor:pointer;font-weight:600;color:inherit}.ia-grade-btn:hover{border-color:var(--color-primary)}.ia-grade-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.ia-teacher-final-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.btn-danger{background:color-mix(in srgb,#dc2626 88%,#000);color:#fff;border:1px solid transparent}.btn-danger:hover:not(:disabled){filter:brightness(1.05)}.gradebook-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.gradebook-table th,.gradebook-table td{padding:var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border);vertical-align:middle}.gradebook-table th{background:var(--color-bg-tertiary);font-weight:600;white-space:nowrap}.gradebook-table tbody tr:hover{background:var(--color-bg-tertiary)}.gb-student{font-weight:600}.gb-subtle{color:var(--color-text-muted);font-size:.8rem}.gb-progress{display:flex;align-items:center;gap:var(--spacing-sm)}.gb-mechanics{display:flex;flex-wrap:wrap;gap:4px;max-width:260px}.gb-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg-secondary);font-size:.75rem;white-space:nowrap}.gb-chip svg{width:13px;height:13px;flex-shrink:0}.gb-chip.done{color:var(--color-success)}.gb-chip.done{border-color:var(--color-success);background:#22a06b1f}.gb-score{font-weight:700}.gb-score.pass{color:var(--color-success)}.gb-score.fail{color:var(--color-error)}.gb-status{padding:3px 10px;border-radius:999px;font-size:.75rem;white-space:nowrap}.st-not-started{background:#8b949e33;color:var(--color-text-muted)}.st-in-progress{background:#f5a5242e;color:var(--color-warning)}.st-completed{background:#22a06b2e;color:var(--color-success)}.st-overdue{background:#e5484d2e;color:var(--color-error)}.krokcoin-badge{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:999px;background:var(--color-coin-soft);color:var(--color-coin);font-weight:700;font-size:.9rem;white-space:nowrap}.krokcoin-badge .nav-icon{width:16px;height:16px}.krokcoin-panel{margin-top:var(--spacing-lg, 24px);padding:16px;border:1px solid rgba(240,185,11,.35);border-radius:12px;background:#f0b90b0f}.krokcoin-panel-head{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:12px}.krokcoin-balance{font-weight:800;font-size:1.1rem;color:#f0b90b}.krokcoin-panel-hint{color:var(--color-text-secondary, #8b949e);font-size:.85rem}.krokcoin-shop{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:10px}.krokcoin-buy{display:flex;align-items:center;justify-content:space-between;gap:8px}.krokcoin-price{font-weight:700;color:#f0b90b;white-space:nowrap}.krokcoin-note{margin:12px 0 0;font-size:.85rem;color:var(--color-text-secondary, #8b949e)}.mechanic-hint-bar{display:flex;align-items:center;gap:10px;margin:10px 0;flex-wrap:wrap}.mechanic-hint-bar.center{justify-content:center}.btn-hint{background:#f0b90b26;color:#f0b90b;border:1px solid rgba(240,185,11,.4)}.btn-hint:hover:not(:disabled){background:#f0b90b40}.hint-used{color:#f0b90b;font-size:.85rem;font-weight:600}.hint-reveal{color:var(--color-text-secondary, #8b949e);font-size:.9rem}.option-btn.hinted{border-color:#f0b90b;box-shadow:0 0 0 2px #f0b90b66 inset}.letter-tile.word{min-width:auto;height:auto;padding:8px 14px;font-size:1rem;font-weight:600}.cloze-text{font-size:1.25rem;line-height:1.6;letter-spacing:.3px}.answer-reveal.speak-ok{color:var(--color-success)}.answer-reveal.speak-bad{color:var(--color-error)}.join-code-display{font-family:Consolas,Courier New,monospace;font-size:1.6rem;font-weight:700;letter-spacing:6px;text-align:center;padding:var(--spacing-md);background:var(--color-bg-secondary);border:2px dashed var(--color-border);border-radius:var(--radius-md);-webkit-user-select:all;user-select:all}.join-invite-solo{min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:center;padding:24px 16px;box-sizing:border-box;background:var(--color-bg, #f4f6f5)}.join-group-head h2{overflow-wrap:anywhere;word-break:break-word}@media (max-width: 480px){.join-invite-solo{padding:24px 12px 16px;align-items:flex-start}}.join-invite-solo .join-group-card{width:100%;max-width:560px;margin:0}.join-group-card{padding:var(--spacing-lg)}.join-group-head{display:flex;align-items:flex-start;gap:var(--spacing-md)}.library-page{max-width:none;width:100%}.library-lead{margin:-8px 0 var(--spacing-lg);color:var(--color-ink-soft, rgba(36, 56, 45, .72));font-size:.95rem;max-width:52rem}.library-row-author,.library-row-copies{font-weight:600}.app-main:has(.library-page){max-width:none!important}.library-toolbar{display:flex;flex-direction:column;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.library-search-wrap{display:flex;align-items:center;gap:12px;width:100%;padding:10px 10px 10px 18px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s ease,box-shadow .15s ease}.library-search-wrap:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.library-search-wrap .nav-icon{width:22px;height:22px;flex-shrink:0;color:var(--color-text-muted)}.library-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:var(--color-text);font-size:17px;font-family:inherit;line-height:1.4;padding:8px 0}.library-search-input::placeholder{color:var(--color-text-muted)}.library-search-btn{flex-shrink:0;padding:10px 20px}.library-filters{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.library-dd{position:relative}.library-dd-btn{display:inline-flex;align-items:center;gap:8px;min-width:140px;padding:9px 12px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer;font-family:inherit;font-size:var(--font-size-sm);transition:border-color .15s ease,background .15s ease}.library-dd-btn:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.library-dd.open .library-dd-btn,.library-dd.active .library-dd-btn{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.library-dd-label{font-weight:700;color:var(--color-text-muted)}.library-dd-value{flex:1;text-align:left;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.library-dd-btn .nav-icon{width:14px;height:14px;flex-shrink:0;color:var(--color-text-muted)}.library-dd-menu{position:absolute;top:calc(100% + 6px);left:0;z-index:40;min-width:220px;max-height:280px;overflow-y:auto;padding:6px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);animation:fade-in .12s ease}.library-dd-item{display:block;width:100%;padding:9px 12px;border:none;border-radius:8px;background:none;color:var(--color-text);text-align:left;font-family:inherit;font-size:var(--font-size-sm);cursor:pointer}.library-dd-item:hover{background:var(--color-bg-tertiary)}.library-dd-item.selected{background:var(--color-primary-soft);color:var(--color-primary);font-weight:700}.library-idle{margin-top:var(--spacing-lg)}.library-idle.empty-state:has(.empty-illustration) .empty-icon{aspect-ratio:auto;width:min(280px,70vw)}.library-idle .empty-illustration{width:100%;height:auto;object-fit:contain}.library-results-count{padding:10px 20px;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text-muted);border-bottom:1px solid var(--color-border);background:var(--color-bg)}.library-list{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-secondary);overflow:hidden}.library-row{display:flex;align-items:center;gap:var(--spacing-md);padding:16px 20px;border-bottom:1px solid var(--color-border);transition:background .12s ease}.library-row:last-child{border-bottom:none}.library-row:hover{background:var(--color-bg-tertiary)}.library-row-icon{flex-shrink:0}.library-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.library-row-title-line{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.library-row-title{margin:0;font-size:var(--font-size-lg);font-weight:700;color:var(--color-text);line-height:1.3;overflow-wrap:anywhere}.library-row-comment{margin:0;font-size:var(--font-size-sm);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.library-row-meta{display:flex;flex-wrap:wrap;gap:6px 14px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.library-row-action{flex-shrink:0;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}@media (max-width: 720px){.library-row{flex-wrap:wrap}.library-row-action{width:100%}.library-row-action .btn{width:100%;justify-content:center}}.badge{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.75rem;font-weight:600;white-space:nowrap}.badge-info{background:#74816c26;color:var(--color-primary);border:1px solid rgba(116,129,108,.4)}.status-badge.status-library{background:#a371f726;color:#a371f7;border:1px solid rgba(163,113,247,.4)}.marketplace-badge-inline{margin-left:8px;vertical-align:middle}.chat-name .status-badge,.chat-title h2 .status-badge,.gb-student-head .status-badge{vertical-align:middle;font-size:.7rem}.memory-grid{display:grid;width:100%;gap:10px;margin:0;box-sizing:border-box}.memory-tile{box-sizing:border-box;width:100%;min-width:0;min-height:96px;aspect-ratio:5 / 4;padding:10px 8px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary, var(--color-bg));color:var(--color-text);font-size:.95rem;line-height:1.25;cursor:pointer;transition:transform .15s,border-color .15s,background .15s;word-break:break-word;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden}.memory-tile:not(.open):hover{transform:scale(1.02);border-color:var(--color-primary)}.memory-tile:not(.open){font-size:1.4rem;font-weight:700;color:var(--color-text-muted);padding:0;border-color:transparent;background:#f4fff4}.memory-tile-back-logo{width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;pointer-events:none;-webkit-user-select:none;user-select:none}@media (max-width: 520px){.memory-tile-back-logo{width:100%;max-width:none}}.memory-tile.open{border-color:var(--color-primary);background:#74816c1a}.memory-tile.matched{border-color:#22a06b99;background:#22a06b1f;cursor:default}@media (max-width: 520px){.memory-tile{min-height:72px;aspect-ratio:4 / 3;font-size:.85rem}}.hangman-status{display:flex;align-items:center;justify-content:center;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.hangman-face{font-size:2.2rem}.hangman-word{display:flex;justify-content:center;flex-wrap:wrap;gap:6px;margin-bottom:var(--spacing-lg)}.hangman-letter{min-width:26px;text-align:center;font-size:1.5rem;font-weight:700;border-bottom:2px solid var(--color-border);border-top:0;border-left:0;border-right:0;background:transparent;color:var(--color-text);padding:2px 4px;text-transform:uppercase;cursor:pointer}.hangman-letter.revealed{border-bottom-color:var(--color-primary)}.hangman-letter.preset{color:var(--color-primary);cursor:default}.hangman-word.wrong .hangman-letter:not(.preset){border-bottom-color:var(--color-error)}.hangman-keyboard{display:flex;flex-wrap:wrap;justify-content:center;gap:6px;max-width:560px;margin:0 auto}.hangman-key{width:40px;height:40px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text);font-weight:600;cursor:pointer;transition:border-color .15s,background .15s}.hangman-key:hover:not(:disabled){border-color:var(--color-primary)}.hangman-key.hit{background:#22a06b26;border-color:#22a06b80}.hangman-key.miss{background:#e5484d1f;border-color:#e5484d66;opacity:.6}.ile-editor{display:flex;flex-direction:column;gap:var(--spacing-md)}.ile-editor>.input,.ile-block>.input,.ile-subblock>.input,.ile-stimulus>.input{width:100%}.ile-block{display:flex;flex-direction:column;gap:10px;padding:var(--spacing-md);border-left:3px solid var(--color-primary)}.ile-subblock{display:flex;flex-direction:column;gap:6px;padding:10px 12px;margin-top:4px;border:1px solid var(--color-border, #e2e5ea);border-radius:8px;background:var(--color-surface-muted, rgba(0, 0, 0, .02))}.ile-stimulus{display:flex;flex-direction:column;gap:8px;margin-bottom:4px}.ile-upload-progress{display:flex;flex-direction:column;gap:6px;margin-top:2px;padding:10px 12px;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-border) 85%,transparent);background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 7%,transparent),transparent 60%),var(--color-bg-secondary)}.ile-upload-progress__meta{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:0;font-size:12px;line-height:1.35;color:var(--color-text-secondary)}.ile-upload-progress__meta>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ile-upload-progress__pct{flex-shrink:0;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-primary)}.ile-upload-progress__track{height:8px;border-radius:999px;overflow:hidden;background:color-mix(in srgb,var(--color-bg-tertiary) 90%,var(--color-border))}.ile-upload-progress__fill{height:100%;border-radius:999px;background:linear-gradient(90deg,color-mix(in srgb,var(--color-primary) 85%,#1a1a1a),var(--color-primary));box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 18%,transparent);transition:width .22s ease;position:relative}.ile-upload-progress__fill:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(110deg,transparent 20%,color-mix(in srgb,#fff 35%,transparent) 45%,transparent 70%);background-size:220% 100%;animation:ile-upload-sheen 1.4s linear infinite;pointer-events:none}.ile-upload-progress__fill.is-indeterminate{width:36%!important;animation:ile-upload-indeterminate 1.15s ease-in-out infinite}.ile-upload-progress__fill.is-indeterminate:after{animation:none}@keyframes ile-upload-sheen{0%{background-position:180% 0}to{background-position:-40% 0}}@keyframes ile-upload-indeterminate{0%{transform:translate(-30%)}to{transform:translate(220%)}}.ile-stimulus-attachments{display:flex;flex-wrap:wrap;gap:8px}.ile-stimulus-chip{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:var(--color-text-secondary)}.ile-block-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap}.ile-block-head .ile-block-toggle{order:0}.ile-block-head .ile-block-drag{order:-1}.ile-block-title{font-weight:600}.ile-block-actions{display:flex;align-items:center;gap:6px}.ile-points{display:flex;align-items:center;gap:6px;font-size:.85rem;color:var(--color-text-secondary)}.ile-points input{width:60px;padding:4px 6px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text)}.ile-textarea{resize:vertical;font-family:inherit;min-height:88px;line-height:1.45;background-color:var(--color-bg-secondary)}.ile-row{display:flex;align-items:center;gap:10px;width:100%;min-width:0}.ile-block>.ile-row{padding:8px 10px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-tertiary) 45%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent)}.ile-block>.ile-row .input{background:var(--color-bg)}.ile-row .input{flex:1 1 0;min-width:0;width:auto}.ile-row>span{flex-shrink:0;color:var(--color-text-muted);font-weight:600;-webkit-user-select:none;user-select:none}.ile-row>.btn{flex-shrink:0}.ile-radio{display:inline-flex;align-items:center;gap:6px;cursor:pointer;white-space:nowrap;font-size:.9rem;color:var(--color-text)}.ile-radio input{width:15px;height:15px;margin:0;flex-shrink:0;accent-color:var(--color-primary);cursor:pointer}.ile-options .ile-radio{display:flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:color-mix(in srgb,var(--color-bg-tertiary) 70%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent)}.ile-options .ile-radio:has(input:checked){border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background:var(--color-primary-soft)}.ile-options{display:flex;flex-direction:column;gap:8px;align-items:stretch;width:100%}.ile-options .ile-row{width:100%;padding:6px 8px;border-radius:10px;background:color-mix(in srgb,var(--color-bg-tertiary) 45%,transparent);border:1px solid color-mix(in srgb,var(--color-border) 65%,transparent)}.ile-options .ile-row .input{background:var(--color-bg)}.ile-audio-field{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm);width:100%}.ile-audio-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);align-items:center}.audio-player-controls{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);width:100%}.audio-player-controls__btns{display:flex;flex-wrap:wrap;align-items:center;gap:var(--spacing-sm);flex-shrink:0}.audio-player-seek{display:flex;align-items:center;gap:10px;flex:1 1 220px;min-width:160px}@media (max-width: 480px){.audio-player-seek{flex:1 1 100%;min-width:0}.audio-player-time{min-width:2.25rem;font-size:.8rem}}.audio-player-time{font-size:.85rem;color:var(--color-text-secondary, #6b7280);font-variant-numeric:tabular-nums;min-width:2.5rem}.audio-player-scrubber{-webkit-appearance:none;appearance:none;flex:1;height:6px;border-radius:999px;background:color-mix(in srgb,var(--color-primary, #74816c) 22%,var(--color-border, #d1d5db));outline:none;cursor:pointer}.audio-player-scrubber:disabled{opacity:.45;cursor:default}.audio-player-scrubber::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--color-primary, #74816c);border:2px solid #fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary, #74816c) 35%,transparent);cursor:pointer}.audio-player-scrubber::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--color-primary, #74816c);border:2px solid #fff;box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary, #74816c) 35%,transparent);cursor:pointer}.audio-player-scrubber::-moz-range-track{height:6px;border-radius:999px;background:color-mix(in srgb,var(--color-primary, #74816c) 22%,var(--color-border, #d1d5db))}.tts-player-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:8px 0}.tts-player-controls.tts-player-controls--centered,.speak-prompt .tts-player-controls{justify-content:center;width:100%}@media (max-width: 640px){.speak-prompt .tts-player-controls{flex-direction:column;align-items:center}}.tts-player-controls.compact .tts-ctrl{padding:6px 10px;min-width:0;justify-content:center}.tts-player-controls .tts-ctrl{display:inline-flex;align-items:center;gap:6px}.tts-player-controls .tts-ctrl .nav-icon--snail{width:22px;height:22px}.tts-player-controls .tts-ctrl-label{font-size:.82rem;line-height:1.2;white-space:nowrap}.tts-player-controls .tts-error{font-size:.8rem}.tts-inline{margin:6px 0}.ia-listening-audio{margin-bottom:var(--spacing-sm);padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg));border:1px solid color-mix(in srgb,var(--color-primary) 16%,var(--color-border))}.ile-ai-modal{width:min(640px,100%);max-height:min(90vh,820px);display:flex;flex-direction:column;overflow:hidden}.ile-ai-body{display:flex;flex-direction:column;gap:14px;overflow:auto}.ile-ai-field{display:flex;flex-direction:column;gap:6px;font-size:.875rem;font-weight:600;color:var(--color-text)}.ile-ai-field>span{color:var(--color-text-secondary);font-weight:600}.ile-ai-count{max-width:220px}.ile-ai-progress{display:flex;flex-direction:column;gap:4px;padding:12px 14px;border-radius:10px;border:1px solid color-mix(in srgb,var(--color-primary) 28%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg-secondary));font-size:.9rem}.ile-ai-progress strong{color:var(--color-primary)}.ile-block-title{display:inline-flex;align-items:center;gap:8px}.ile-block-icon{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.ia-player{max-width:none;width:100%}.ia-header{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.ia-header-right{display:flex;align-items:center;gap:var(--spacing-md)}.ia-show-answers{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;padding:6px 12px;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg)}.ia-show-answers input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer}.ia-timer{font-size:1.2rem;font-weight:700;padding:4px 14px;border-radius:999px;background:#74816c1f;border:1px solid rgba(116,129,108,.4)}.ia-timer.urgent{background:#e5484d26;border-color:#e5484d80;color:var(--color-error, var(--color-error));animation:ia-pulse 1s infinite}@keyframes ia-pulse{50%{opacity:.6}}.ia-blocks{display:flex;flex-direction:column;gap:var(--spacing-md)}.ia-block{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md)}.ia-block.ia-correct{border-left:3px solid #22a06b;background:#22a06b0d}.ia-block.ia-wrong{border-left:3px solid #b42318;background:#b423180d}.ia-block-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);font-weight:600}.ia-block-head>span{display:inline-flex;align-items:center;gap:8px}.ia-block-icon{width:18px;height:18px;color:var(--color-primary);flex-shrink:0}.ia-title-icon{width:22px;height:22px;color:var(--color-primary);flex-shrink:0}.ia-header h2{display:inline-flex;align-items:center;gap:10px;margin:0}.ia-badge-ok,.ia-badge-fail{display:inline-flex;align-items:center;gap:5px}.ia-badge-ok svg,.ia-badge-fail svg{width:15px;height:15px}.ia-badge-ok{color:var(--color-success)}.ia-badge-fail{color:var(--color-error)}.ia-badge-manual{color:var(--color-text-secondary);font-size:.85rem}.ia-prompt{margin:0;font-size:1.05rem}.ia-statement{font-size:1.1rem;font-style:italic}.ia-text{width:100%;max-width:none;white-space:pre-wrap;line-height:1.6;overflow-wrap:anywhere}.ia-image{max-width:320px;max-height:220px;object-fit:contain;border-radius:var(--radius-md)}.ia-image.ia-image--size-small,.mm-carousel-image.ia-image--size-small,.image-source-preview-img.ia-image--size-small,.card-image-preview__img.ia-image--size-small,.player-card-image img.ia-image--size-small{width:30%;max-width:100%;max-height:none;height:auto;object-fit:contain}.ia-image.ia-image--size-medium,.mm-carousel-image.ia-image--size-medium,.image-source-preview-img.ia-image--size-medium,.card-image-preview__img.ia-image--size-medium,.player-card-image img.ia-image--size-medium{width:58%;max-width:100%;max-height:none;height:auto;object-fit:contain}.ia-image.ia-image--size-large,.mm-carousel-image.ia-image--size-large,.image-source-preview-img.ia-image--size-large,.card-image-preview__img.ia-image--size-large,.player-card-image img.ia-image--size-large{width:100%;max-width:100%;max-height:none;height:auto;object-fit:contain}.image-source-preview.ia-image--size-small,.image-source-preview.ia-image--size-medium,.image-source-preview.ia-image--size-large,.material-media-size-preview{max-width:100%;max-height:none;width:100%;border:none;background:transparent;overflow:visible}.material-media-size-preview{margin-top:8px}.material-media-size-preview .mm-carousel-image{display:block}.annot-image-thumb.ia-image--size-small,.annot-image-thumb.ia-image--size-medium,.annot-image-thumb.ia-image--size-large{width:auto;max-width:100%}.annot-image-thumb.ia-image--size-small{width:30%}.annot-image-thumb.ia-image--size-medium{width:58%}.annot-image-thumb.ia-image--size-large{width:100%}.annot-image-thumb--loading,.annot-image-thumb--error,.mm-image--loading,.mm-image--error{display:flex;align-items:center;justify-content:center;min-height:96px;padding:12px;box-sizing:border-box;border:1px dashed var(--border-color, #c9d4cc);background:#f7faf8;color:#5b6b62;font-size:.85rem;text-align:center}.annot-image-thumb--loading,.mm-image--loading{border-style:solid;border-color:transparent}.annot-image-thumb.ia-image--size-small .annot-image-thumb__img,.annot-image-thumb.ia-image--size-medium .annot-image-thumb__img,.annot-image-thumb.ia-image--size-large .annot-image-thumb__img{max-width:100%;max-height:none;width:100%;height:auto}.image-display-size{display:flex;flex-direction:column;gap:6px;margin-top:8px}.image-display-size__label{font-size:.85rem;color:var(--color-text-muted, #6b7280)}.image-display-size__control{display:inline-flex;flex-wrap:wrap;gap:0;border-radius:var(--radius-md, 10px);border:1px solid var(--border-default, #e5e7eb);overflow:hidden;width:fit-content;max-width:100%}.image-display-size__control button{-webkit-appearance:none;appearance:none;border:none;background:transparent;padding:6px 12px;font-size:.85rem;cursor:pointer;color:var(--color-ink, #1f2937);border-right:1px solid var(--border-default, #e5e7eb)}.image-display-size__control button:last-child{border-right:none}.image-display-size__control button.active{background:color-mix(in srgb,var(--color-primary, #2f9e6b) 16%,#fff);color:var(--color-primary, #2f9e6b);font-weight:600}.image-display-size__control button:disabled{opacity:.55;cursor:not-allowed}.ia-image--expandable{cursor:zoom-in}.annot-image-thumb{position:relative;display:block;align-self:flex-start;width:max-content;max-width:min(320px,100%);padding:0;border:none;background:transparent;cursor:zoom-in;border-radius:var(--radius-md)}.annot-image-thumb__frame{position:relative;display:block;width:max-content;max-width:100%;line-height:0}.annot-image-thumb__img{display:block;max-width:min(320px,100%);max-height:220px;width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md)}.annot-image-thumb__marks{position:absolute;left:0;top:0;pointer-events:none;border-radius:var(--radius-md);overflow:hidden}.annot-image-thumb__badge{position:absolute;left:8px;bottom:8px;padding:2px 8px;border-radius:999px;background:#e11d48eb;color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.02em}.ia-image-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100dvh;z-index:10050;display:flex;flex-direction:column;box-sizing:border-box;background:#0a0c10e6}.ia-image-lightbox__toolbar{flex-shrink:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:12px 14px;background:#00000073;color:#fff;z-index:10052}.ia-image-lightbox__tool{display:inline-flex;align-items:center;justify-content:center;min-width:36px;height:36px;padding:0 10px;border:none;border-radius:8px;background:#ffffff1f;color:inherit;font-size:.95rem;font-weight:600;cursor:pointer}.ia-image-lightbox__tool svg{width:18px;height:18px}.ia-image-lightbox__tool:hover{background:#ffffff38}.ia-image-lightbox__tool.is-active{background:#e11d48;color:#fff}.ia-image-lightbox__zoom{min-width:48px;text-align:center;font-variant-numeric:tabular-nums;font-size:.85rem;opacity:.9}.ia-image-lightbox__spacer{flex:1 1 auto;min-width:8px}.ia-image-lightbox__viewport{flex:1 1 auto;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px 16px 20px;cursor:default;touch-action:none;-webkit-user-select:none;user-select:none}.ia-image-lightbox__viewport.is-grab{cursor:grab}.ia-image-lightbox__viewport.is-grabbing{cursor:grabbing}.ia-image-lightbox__viewport.is-draw{cursor:default}.ia-image-lightbox__stage{position:relative;transform-origin:center center;flex-shrink:0}.ia-image-lightbox__frame{position:relative;display:block;width:max-content;line-height:0}.ia-image-lightbox__img{display:block;max-width:min(92vw,1100px);max-height:calc(100dvh - 96px);width:auto;height:auto;object-fit:contain;border-radius:var(--radius-md);background:#fff;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.ia-image-lightbox__marks{position:absolute;left:0;top:0;pointer-events:none;border-radius:var(--radius-md);overflow:hidden}.ia-image-lightbox__hit{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;touch-action:none;border-radius:var(--radius-md)}.ia-image-lightbox__hit.is-draw{pointer-events:auto;cursor:crosshair}.ia-review-image{margin:10px 0 12px}.ia-video-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border-radius:var(--radius-md);background:#000;overflow:hidden}.ia-video-frame .ia-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;border:none;border-radius:0;background:#000;object-fit:contain}.ia-video-error{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0b0d12}.ia-video-bar{position:absolute;left:0;right:0;bottom:0;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 12px;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.78) 55%);color:#fff}.ia-video-bar__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-width:34px;height:34px;padding:0 8px;border:none;border-radius:8px;background:#ffffff1f;color:inherit;font-size:.8rem;font-weight:600;cursor:pointer}.ia-video-bar__btn:hover{background:#ffffff38}.ia-video-bar__btn svg{width:18px;height:18px}.ia-video-bar__time{flex-shrink:0;font-size:.8rem;font-variant-numeric:tabular-nums;opacity:.92;white-space:nowrap}.ia-video-bar__seek{flex:1 1 auto;min-width:48px;height:6px;margin:0;cursor:pointer;accent-color:#fff}.ia-main-video{padding:var(--spacing-sm);margin-bottom:var(--spacing-md)}.ia-options{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ia-options-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ia-option{text-align:left;padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .15s}.ia-option:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.ia-option.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 18%,transparent)}.ia-option-card{display:flex;flex-direction:column;align-items:stretch;padding:0;overflow:hidden;border-radius:var(--radius-md);min-height:0;background:var(--color-bg-secondary, var(--color-bg))}.ia-option-card:hover:not(:disabled){transform:translateY(-1px)}.ia-option-card.selected{background:color-mix(in srgb,var(--color-primary) 8%,var(--color-bg))}.ia-option-media{display:block;width:100%;aspect-ratio:4 / 3;background:color-mix(in srgb,var(--color-border) 28%,var(--color-bg));overflow:hidden}.ia-option-media.ia-image--size-small{width:34%;max-width:100%;margin-inline:auto}.ia-option-media.ia-image--size-medium{width:60%;max-width:100%;margin-inline:auto}.ia-option-media.ia-image--size-large{width:100%;max-width:100%}.ia-option-media img,.ia-option-media-img{width:100%;height:100%;max-width:100%;object-fit:cover;display:block}.ia-option-label{display:block;padding:10px 12px 12px;font-weight:600;font-size:.92rem;text-align:center;line-height:1.3}.ia-listen-stack{display:flex;flex-direction:column;gap:12px}.ia-listen-group{display:flex;flex-direction:column;gap:14px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-secondary, var(--color-bg)) 55%,var(--color-bg))}.ia-listen-group-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ia-listen-steps{display:flex;flex-wrap:wrap;gap:6px}.ia-listen-step{width:32px;height:32px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text-secondary, var(--color-text-muted));font-size:.85rem;font-weight:700;cursor:pointer;transition:border-color .15s,background .15s,color .15s}.ia-listen-step:hover{border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.ia-listen-step.active{border-color:var(--color-primary);color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 16%,transparent)}.ia-listen-step.answered:not(.active){border-color:color-mix(in srgb,var(--color-success, #22a06b) 45%,var(--color-border));color:var(--color-success, #22a06b);background:color-mix(in srgb,var(--color-success, #22a06b) 10%,var(--color-bg))}.ia-listen-group-meta{flex-shrink:0;min-width:44px;text-align:center;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:999px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg))}.ia-listen-group-body{display:flex;flex-direction:column;gap:12px}.ia-listen-group-body .ia-prompt{margin:0}.ia-listen-group-nav{display:flex;align-items:center;justify-content:space-between;gap:10px}.ia-listen-group-pos{font-size:.85rem;color:var(--color-text-secondary, var(--color-text-muted));font-weight:600}.ia-subitem-panel{margin-top:0;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-secondary, var(--color-bg)) 70%,var(--color-bg))}.ia-subitem-panel.ia-subitem{border-top:1px solid var(--color-border);padding-top:14px}.ia-subitem-head{display:flex;align-items:flex-start;gap:10px}.ia-subitem-head .ia-prompt{margin:0;flex:1}.ia-subitem-num{flex-shrink:0;width:28px;height:28px;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;font-size:.85rem;font-weight:700;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg))}.ia-matching-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px}.ia-matching-count{flex-shrink:0;min-width:44px;text-align:center;font-size:.8rem;font-weight:700;padding:4px 8px;border-radius:999px;color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg))}.ia-matching-col-title{font-size:.75rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-secondary, var(--color-text-muted));margin-bottom:2px;padding-left:2px}.ia-matching-visual .ia-matching-grid-visual{grid-template-columns:minmax(150px,240px) 1fr;align-items:start;gap:16px;padding:14px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-bg-secondary, var(--color-bg)) 55%,var(--color-bg))}.ia-matching-col-cards{display:grid!important;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;align-content:start}.ia-matching-col-cards .ia-matching-col-title{grid-column:1 / -1}.ia-match-word{align-items:flex-start;border-radius:12px;background:var(--color-bg)}.ia-match-word .ia-match-label{padding:0}.ia-match-word.matched .ia-match-paired-hint{margin-top:2px}.ia-match-card{padding:0!important;overflow:hidden;align-items:stretch!important;gap:0!important;background:var(--color-bg);border-radius:var(--radius-md)!important}.ia-match-card:hover:not(:disabled){transform:translateY(-1px)}.ia-match-card.targetable:not(:disabled){border-style:solid;box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 20%,transparent)}.ia-match-media{display:block;width:100%;aspect-ratio:4 / 3;background:color-mix(in srgb,var(--color-border) 28%,var(--color-bg));overflow:hidden}.ia-match-media img{width:100%;height:100%;object-fit:cover;display:block}.ia-match-label{display:block;padding:10px 12px 12px;width:100%;text-align:center;font-size:.9rem}.ia-match-card .ia-match-label{border-top:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);background:color-mix(in srgb,var(--color-bg-secondary, var(--color-bg)) 40%,var(--color-bg))}@media (max-width: 720px){.ia-matching-visual .ia-matching-grid-visual{grid-template-columns:minmax(0,1fr)}.ia-options-cards{grid-template-columns:1fr 1fr}}@media (max-width: 420px){.ia-options-cards{grid-template-columns:minmax(0,1fr)}}.ia-tf-row{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.ia-tf-row .btn-secondary{color:var(--color-text);background-color:var(--color-white, #ffffff);border-color:var(--color-border)}.ia-tf-row .btn-secondary:hover:not(:disabled){background-color:var(--color-bg, #ffffff);border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border))}.ia-subitem{display:flex;flex-direction:column;gap:8px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border, #e2e5ea)}.ia-subitem:first-of-type{border-top:none;padding-top:0;margin-top:0}.ia-stimulus{display:flex;flex-direction:column;gap:10px;margin-bottom:12px}.ia-multi-sentences{display:flex;flex-direction:column;gap:4px}.ia-fill-text{display:block;width:100%;max-width:none;line-height:2.2;font-size:1.05rem;overflow-wrap:anywhere}.ia-fill-rich{white-space:pre-wrap}.ia-gap-input{display:inline-block;vertical-align:baseline;margin:0 4px 4px;height:46px;padding:8px 14px;border:none;border-bottom:2px solid var(--color-primary);background:#74816c14;border-radius:var(--radius-sm) var(--radius-sm) 0 0;color:var(--color-text);font-size:1.05rem;line-height:1.2;text-align:center;min-width:12ch;max-width:100%;box-sizing:border-box}.ia-gap-slot{display:inline-block;margin:0 4px;padding:2px 12px;border:1px dashed var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg);color:var(--color-text-secondary);cursor:pointer;font-size:1rem}.ia-gap-slot.filled{border-style:solid;border-color:var(--color-primary);color:var(--color-text);background:#74816c1f}.ia-word-bank{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 var(--spacing-md)}.ia-chip{padding:10px 18px;border:1px solid color-mix(in srgb,var(--color-primary, #74816c) 40%,var(--color-border));border-radius:999px;background:color-mix(in srgb,var(--color-primary, #74816c) 16%,#fff);color:color-mix(in srgb,var(--color-primary, #74816c) 55%,#1f2a1c);font-size:1.05rem;font-weight:600;line-height:1.35;cursor:pointer;transition:border-color .15s,background .15s,opacity .15s,transform .12s}.ia-chip:hover:not(:disabled){border-color:var(--color-primary, #74816c);background:color-mix(in srgb,var(--color-primary, #74816c) 26%,#fff);transform:translateY(-1px)}.ia-chip:disabled{opacity:.35;cursor:default;transform:none}.ia-chip.picked{border-color:var(--color-primary, #74816c);background:color-mix(in srgb,var(--color-primary, #74816c) 22%,#fff)}.ia-arranged{display:flex;flex-wrap:wrap;gap:var(--spacing-xs);min-height:44px;padding:var(--spacing-sm);border:1px dashed var(--color-border);border-radius:var(--radius-md);align-items:center}.ia-arranged-list{flex-direction:column;align-items:flex-start}.ia-sentence-preview{font-style:italic}.ia-matching,.ia-classification{display:flex;flex-direction:column;gap:var(--spacing-xs)}.ia-matching-click{gap:12px}.ia-matching-hint{margin:0;font-size:13px}.ia-matching-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.ia-matching-col{display:flex;flex-direction:column;gap:8px}.ia-match-item{display:flex;flex-direction:column;align-items:flex-start;gap:4px;width:100%;min-height:44px;padding:10px 12px;text-align:left;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);font-size:14px;font-weight:600;line-height:1.3;cursor:pointer;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ia-match-item:hover:not(:disabled){border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.ia-match-item.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 22%,transparent)}.ia-match-item.targetable:not(:disabled){border-style:dashed;border-color:color-mix(in srgb,var(--color-primary) 50%,var(--color-border))}.ia-match-item.matched{border-color:#22a06b8c;background:#22a06b1a;color:var(--color-text)}.ia-match-item:disabled{cursor:default;opacity:.92}.ia-match-paired-hint{font-size:12px;font-weight:500;color:var(--color-text-muted)}@media (max-width: 640px){.ia-matching-grid{gap:8px}.ia-match-item{min-height:48px;padding:12px;font-size:14.5px}}.ia-classify{display:flex;flex-direction:column;gap:14px;-webkit-user-select:none;user-select:none}.ia-classify-hint{margin:0;font-size:13px}.ia-classify-groups{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:10px}.ia-classify-bucket{min-height:110px;padding:10px;border:2px dashed var(--color-border);border-radius:12px;background:var(--color-bg-secondary, var(--color-bg));transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.ia-classify-bucket.targetable{border-style:solid;border-color:color-mix(in srgb,var(--color-primary) 45%,var(--color-border))}.ia-classify-bucket.over,.ia-classify-pool.over{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 25%,transparent)}.ia-classify-bucket-title,.ia-classify-pool-title{font-size:13px;font-weight:700;margin-bottom:8px;color:var(--color-text)}.ia-classify-bucket-items,.ia-classify-pool-items{display:flex;flex-wrap:wrap;gap:8px;min-height:36px;align-items:flex-start}.ia-classify-empty{font-size:12px;color:var(--color-text-muted);padding:6px 0}.ia-classify-pool{padding:12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);min-height:72px}.ia-classify-chip{display:inline-flex;align-items:center;padding:8px 12px;border-radius:999px;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-text);font-size:13.5px;font-weight:600;cursor:grab;line-height:1.2}.ia-classify-chip:active{cursor:grabbing}.ia-classify-chip.selected{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 14%,var(--color-bg));box-shadow:0 0 0 2px color-mix(in srgb,var(--color-primary) 22%,transparent)}.ia-classify-chip.dragging{cursor:grabbing}.ia-classify-chip:disabled{cursor:default;opacity:.95}.ia-classify-ghost{position:fixed;z-index:1000;transform:translate(-50%,-50%);pointer-events:none;padding:8px 12px;border-radius:999px;border:1px solid var(--color-primary);background:var(--color-bg);color:var(--color-text);font-size:13.5px;font-weight:700;box-shadow:0 8px 24px #0f172a2e;white-space:nowrap}@media (max-width: 640px){.ia-classify-groups{grid-template-columns:1fr 1fr}.ia-classify-chip{padding:10px 14px;font-size:14px}}.ia-match-row{display:flex;align-items:center;gap:var(--spacing-md)}.ia-match-left{min-width:160px;font-weight:500}.ia-match-row select{flex:1;max-width:320px}.ia-textarea{resize:vertical;font-family:inherit}.ia-voice{display:flex;flex-direction:column;gap:var(--spacing-sm);align-items:flex-start}.ia-voice .ia-textarea{width:100%}.ia-footer{display:flex;justify-content:center;margin-top:var(--spacing-lg);padding-bottom:var(--spacing-xl)}.ia-preview-result-btn{min-width:min(100%,280px)}.ia-preview-score{text-align:center;padding:var(--spacing-xl);margin:var(--spacing-lg) 0 var(--spacing-xl);display:flex;flex-direction:column;align-items:center;gap:var(--spacing-sm)}.ia-preview-score-label{font-size:.95rem;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.04em}.ia-preview-score-value{font-size:2rem;font-weight:700}.ia-answer-wrong,.lesson-preview-opt-error,.ia-gap-input.ia-answer-wrong,.ia-gap-slot.ia-answer-wrong,.ia-option.ia-answer-wrong,.ia-option.selected.ia-answer-wrong,.ia-match-item.ia-answer-wrong,.ia-match-item.matched.ia-answer-wrong,.ia-classify-chip.ia-answer-wrong,.ia-options-unanswered,.ia-options.ia-answer-wrong,.ia-tf-row.ia-answer-wrong,.ia-arranged.ia-answer-wrong,.ia-matching.ia-answer-wrong,.btn.ia-answer-wrong,.btn.btn-primary.ia-answer-wrong,.btn.btn-secondary.ia-answer-wrong,input.ia-answer-wrong,textarea.ia-answer-wrong,.input.ia-answer-wrong{border:2px solid rgba(180,35,24,.72)!important;background:#b423181a!important;box-shadow:0 0 0 1px #b4231840!important;color:#8a1f16!important}.ia-options-unanswered,.ia-tf-row.ia-answer-wrong,.ia-arranged.ia-answer-wrong{padding:8px;border-radius:var(--radius-md)}.ia-gap-input.ia-answer-wrong{border-radius:var(--radius-sm)}.ia-preview-empty-hint{margin:0;color:#8a1f16;font-size:.875rem;font-weight:600}.ia-block.ia-correct .ia-block-head{color:#1f6b49}.ia-block.ia-wrong .ia-block-head{color:#8a1f16}@media (max-width: 768px){.ia-preview-score-value{font-size:1.7rem}.ia-preview-result-btn{width:100%}}@media (max-width: 390px){.ia-gap-input{min-width:8ch;max-width:100%;height:44px;padding-inline:12px}.ia-matching-grid{grid-template-columns:1fr}}.ia-block-check-btn{margin-top:12px;margin-bottom:2px;align-self:flex-start}.ia-start-card{max-width:520px;margin:10vh auto 0;padding:var(--spacing-xl);text-align:center;display:flex;flex-direction:column;gap:var(--spacing-md);align-items:center}.ia-result-card{text-align:center;padding:var(--spacing-xl);margin-bottom:var(--spacing-lg);display:flex;flex-direction:column;gap:12px;align-items:center}.ia-result-card.passed{border:1px solid rgba(34,160,107,.5)}.ia-result-card.failed{border:1px solid rgba(229,72,77,.5)}.ia-result-score{font-size:3rem;font-weight:800;line-height:1.05;margin:0 0 4px}.ia-result-card.passed .ia-result-score{color:var(--color-success)}.ia-result-card.failed .ia-result-score{color:var(--color-error)}.ia-result-label{font-size:1.2rem;font-weight:600;margin:8px 0 0}.ia-result-reward{display:inline-flex;align-items:center;gap:6px;margin:4px 0 0;padding:6px 12px;border-radius:12px;background:#fff6d6;border:1px solid rgba(176,137,32,.35);font-size:15px;font-weight:700;color:#8a5a12}.ia-result-actions{display:flex;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.ia-correct-hint{font-size:.9rem;color:var(--color-text-secondary);background:#22a06b14;border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm)}@media (max-width: 640px){.ia-match-row{flex-direction:column;align-items:stretch;gap:4px}.ia-match-left{min-width:0}}.parent-code-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.parent-code{font-family:var(--font-mono, monospace);font-size:1.5rem;font-weight:700;letter-spacing:.2em;padding:var(--spacing-xs) var(--spacing-md);background:var(--color-bg-tertiary);border:1px dashed var(--color-border);border-radius:var(--radius-md);-webkit-user-select:all;user-select:all}.report-summary{display:grid;grid-template-columns:repeat(auto-fit,minmax(130px,1fr));gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.report-stat{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-md);background:var(--color-bg-secondary);border-radius:var(--radius-md);text-align:center}.report-stat-value{font-size:1.4rem;font-weight:700}.report-stat-label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.table-wrapper{overflow-x:auto}.report-table{width:100%;border-collapse:collapse;font-size:var(--font-size-sm)}.report-table th,.report-table td{padding:var(--spacing-sm) var(--spacing-md);text-align:left;border-bottom:1px solid var(--color-border)}.report-table th{color:var(--color-text-secondary);font-weight:600;white-space:nowrap}.report-status{display:inline-block;padding:2px 10px;border-radius:999px;font-size:.8rem;font-weight:600;white-space:nowrap}.report-status.status-completed{background:#22a06b26;color:#2ea043}.report-status.status-in-progress{background:#f5a52426;color:#b8860b}.report-status.status-not-started{background:var(--color-bg-tertiary);color:var(--color-text-secondary)}.filters-row{display:grid;grid-template-columns:minmax(180px,1fr) 220px 150px;gap:var(--spacing-md);align-items:end}@media (max-width: 720px){.filters-row{grid-template-columns:minmax(0,1fr)}}.form-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(240px,100%),1fr));gap:var(--spacing-md)}.app-shell{display:flex;min-height:100dvh;background:var(--background-page, #ffffff)}.app-sidebar{--sidebar-pad-y: 14px;--sidebar-pad-x: 12px;--sidebar-link-pad-y: 9px;--sidebar-link-pad-x: 12px;--sidebar-link-gap: 10px;--sidebar-section-gap: 10px;--sidebar-nav-gap: 2px;--sidebar-font: var(--font-size-base);--sidebar-icon: 20px;--sidebar-label-size: 10.5px;display:flex;flex-direction:column;width:var(--sidebar-width, 248px);flex-shrink:0;position:sticky;top:0;height:100dvh;max-height:100dvh;overflow:hidden;background:var(--background-page, #ffffff);border-right:1px solid var(--border-default);padding:var(--sidebar-pad-y) var(--sidebar-pad-x);transition:width .2s ease;z-index:40}.app-shell.sidebar-collapsed .app-sidebar{width:68px}.sidebar-brand{display:flex;align-items:center;gap:10px;padding:2px 8px 12px;position:relative;flex-shrink:0}.sidebar-brand .krokurok-logo{width:100%;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px}.sidebar-brand .krokurok-logo__lockup{height:34px;max-width:min(170px,100%)}.sidebar-brand .krokurok-logo__text{margin-left:0;align-items:flex-start;flex:0 0 auto}.sidebar-brand .krokurok-logo__name-row{gap:6px;align-items:center;justify-content:flex-start}.sidebar-brand .krokurok-logo__subtitle{font-size:15px;margin-left:0;text-align:left;white-space:nowrap}.sidebar-brand .krokurok-logo__role,.topbar-brand-mobile .krokurok-logo__role{margin-left:0;align-self:center}.sidebar-brand .role-badge--plate{font-size:10px;padding:2px 7px;box-shadow:1px 1px color-mix(in srgb,currentColor 28%,transparent)}.sidebar-brand .plan-badge{height:auto;min-height:0;padding:2px 7px;border:1px solid var(--highlight-border);border-radius:7px;font-size:11px;font-weight:600;line-height:1.2;white-space:nowrap;flex-shrink:0;background:var(--highlight-active-bg);color:var(--highlight-fg);transition:color .15s ease,border-color .15s ease,background .15s ease}.sidebar-brand .plan-badge:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.sidebar-brand .plan-badge.active,.sidebar-brand .plan-badge[aria-current=page]{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}.sidebar-brand .krokurok-logo__subtitle,.topbar-brand-mobile .krokurok-logo__subtitle{text-transform:none;letter-spacing:.01em;font-weight:600;color:var(--text-muted)}.topbar-brand-mobile .krokurok-logo__lockup{height:28px;max-width:min(140px,46vw)}.topbar-brand-mobile .krokurok-logo__subtitle{margin-left:0}.topbar-brand-mobile .krokurok-logo{gap:6px;flex-wrap:nowrap;align-items:center}.topbar-brand-mobile .krokurok-logo__text{flex:0 0 auto}.topbar-brand-mobile .role-badge--plate{font-size:10px;padding:2px 7px}.brand-mark{width:40px;height:40px;flex-shrink:0;display:inline-flex;color:var(--clay-primary)}.brand-mark svg{width:100%;height:100%}.brand-text{font-family:var(--font-display);font-weight:600;font-size:18px;color:var(--color-text);line-height:1.1;display:flex;flex-direction:column}.brand-role{font-family:var(--font-ui, var(--font-family));font-size:11px;font-weight:500;color:var(--text-muted)}.sidebar-collapse-btn{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer;transition:background .15s ease,color .15s ease}.sidebar-collapse-btn:hover{background:var(--color-bg-tertiary);color:var(--color-text)}.app-shell.sidebar-collapsed .sidebar-collapse-btn{position:absolute;right:-4px;top:44px}.sidebar-nav{display:flex;flex-direction:column;gap:var(--sidebar-nav-gap);flex:1 1 auto;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding-bottom:2px;scrollbar-width:none;-ms-overflow-style:none}.sidebar-nav::-webkit-scrollbar{width:0;height:0;display:none}.sidebar-section{display:flex;flex-direction:column;gap:var(--sidebar-nav-gap)}.sidebar-section+.sidebar-section{margin-top:var(--sidebar-section-gap)}.sidebar-section-label{padding:2px 10px 4px;font-size:var(--sidebar-label-size);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);-webkit-user-select:none;user-select:none}.sidebar-section-divider{height:1px;margin:6px 10px 8px;background:var(--color-border)}.app-shell.sidebar-collapsed .sidebar-section+.sidebar-section{margin-top:6px}.sidebar-link{display:flex;align-items:center;gap:var(--sidebar-link-gap);padding:var(--sidebar-link-pad-y) var(--sidebar-link-pad-x);border-radius:12px;border:1px solid transparent;background:transparent;font-family:inherit;font-size:var(--sidebar-font);font-weight:500;color:var(--text-primary);text-decoration:none;cursor:pointer;white-space:nowrap;transition:background .15s ease,color .15s ease,border-color .15s ease;flex-shrink:0}.sidebar-link-icon{position:relative;display:inline-flex;flex-shrink:0}.sidebar-link-label{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.nav-notif-badge{margin-left:auto;min-width:18px;height:18px;padding:0 5px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--color-error);color:#fff;font-size:10px;font-weight:700;line-height:1;flex-shrink:0}.nav-notif-badge-compact{position:absolute;top:-6px;right:-8px;margin-left:0;min-width:16px;height:16px;padding:0 4px;border-radius:8px;font-size:9px;box-shadow:0 0 0 2px var(--color-bg-secondary)}.bottomnav-icon-wrap{position:relative;display:inline-flex}.bottomnav-icon-wrap .nav-notif-badge-compact{top:-4px;right:-9px}.sidebar-link:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.sidebar-link.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border);font-weight:600}.nav-icon{width:var(--sidebar-icon, 20px);height:var(--sidebar-icon, 20px);flex-shrink:0}.nav-icon--color{display:block;flex-shrink:0;width:var(--sidebar-icon, 20px);height:var(--sidebar-icon, 20px);object-fit:contain;-webkit-user-select:none;user-select:none}.app-sidebar .nav-icon--color,.bottomnav-link .nav-icon--color{width:var(--sidebar-icon, 20px);height:var(--sidebar-icon, 20px)}.nav-icon--sketch{display:inline-block;flex-shrink:0;width:var(--sidebar-icon, 20px);height:var(--sidebar-icon, 20px);background-color:currentColor;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;-webkit-mask-size:contain;mask-size:contain}.nav-icon--snail{width:22px;height:22px}.btn .nav-icon--snail,.btn svg.nav-icon.nav-icon--snail{width:22px;height:22px}.app-sidebar .nav-icon--sketch,.bottomnav-link .nav-icon--sketch{width:var(--sidebar-icon, 20px);height:var(--sidebar-icon, 20px)}.app-sidebar .nav-icon{width:var(--sidebar-icon);height:var(--sidebar-icon)}.app-shell.sidebar-collapsed .sidebar-link{justify-content:center;padding:10px 0}.sidebar-footer{border-top:1px solid var(--color-border);padding-top:6px;margin-top:4px;display:flex;flex-direction:column;gap:2px;flex-shrink:0}@media (max-height: 860px){.app-sidebar{--sidebar-pad-y: 10px;--sidebar-link-pad-y: 7px;--sidebar-section-gap: 7px;--sidebar-font: 13px;--sidebar-icon: 18px}.sidebar-brand{padding-bottom:8px}.sidebar-brand .krokurok-logo__lockup{height:30px}.sidebar-brand .krokurok-logo__subtitle{font-size:14px}.sidebar-brand .role-badge--plate{font-size:10px;padding:2px 6px}.sidebar-plan-card{margin:4px 2px 6px;padding:9px 11px}.sidebar-plan-card__name{font-size:.95rem}.sidebar-user{padding:6px 8px}}@media (max-height: 740px){.app-sidebar{--sidebar-pad-y: 8px;--sidebar-link-pad-y: 5px;--sidebar-link-gap: 8px;--sidebar-section-gap: 5px;--sidebar-nav-gap: 1px;--sidebar-font: 12.5px;--sidebar-icon: 17px;--sidebar-label-size: 9.5px}.sidebar-brand{padding:0 6px 6px}.sidebar-brand .krokurok-logo__lockup{height:28px}.sidebar-section-label{padding:1px 10px 2px}.sidebar-plan-card{margin:2px 0 4px;padding:7px 10px}.sidebar-plan-card__label{margin-bottom:2px}.sidebar-plan-card__action{margin-top:3px}.user-avatar{width:28px;height:28px;font-size:12px}}@media (max-height: 640px){.app-sidebar{--sidebar-link-pad-y: 4px;--sidebar-section-gap: 3px;--sidebar-font: 12px;--sidebar-icon: 16px}.sidebar-section-label{font-size:9px;letter-spacing:.04em}.sidebar-plan-card__action,.sidebar-user-role,.sidebar-user-id{display:none}}.sidebar-user{display:flex;align-items:center;gap:10px;padding:8px 10px;overflow:hidden;text-decoration:none;color:inherit;border-radius:var(--radius-md, 10px);cursor:pointer;transition:background .12s ease}.sidebar-user:hover,.sidebar-user.active{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.app-shell.sidebar-collapsed .sidebar-user{justify-content:center;padding:8px 0}.user-avatar{width:32px;height:32px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-ink);color:var(--color-white);font-weight:600;font-size:13px;-webkit-user-select:none;user-select:none}.sidebar-user-role.role-badge--plate{align-self:flex-start;margin-top:2px;font-size:10px;padding:2px 7px;box-shadow:1px 1px color-mix(in srgb,currentColor 28%,transparent)}.sidebar-user-info{display:flex;flex-direction:column;overflow:hidden}.sidebar-user-email{font-size:var(--font-size-sm);font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-height:1.25em}.sidebar-user-email.is-pending{width:72%;border-radius:4px;background:#f0f0f0}.sidebar-user-id{font-family:var(--font-mono);font-size:11px;color:var(--color-text-muted)}.sidebar-logout:hover{color:var(--color-error);background:#e5484d14}.drawer-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f111780;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:60;animation:fade-in .2s ease}.app-sidebar.drawer-open{position:fixed;top:0;left:0;height:100vh;height:100dvh;width:min(268px,calc(100vw - 52px))!important;z-index:70;box-shadow:var(--shadow-lg);animation:drawer-in .22s ease}@keyframes drawer-in{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.app-body{flex:1;min-width:0;display:flex;flex-direction:column}.app-topbar{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:var(--spacing-md);min-height:56px;padding:8px var(--shell-pad-x);background:var(--background-page, #ffffff);border-bottom:1px solid var(--border-default);min-width:0}.topbar-menu-btn{display:none;align-items:center;justify-content:center;width:38px;height:38px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg-secondary);color:var(--color-text);cursor:pointer}.topbar-brand-mobile{display:none;align-items:center;gap:8px;font-family:var(--font-display);font-weight:600;font-size:17px;color:var(--text-primary);flex-shrink:0}.topbar-brand-mobile .krokurok-mark{width:28px;height:28px}.topbar-nav{display:flex;align-items:center;gap:4px;min-width:0}.topbar-nav-link{display:inline-flex;align-items:center;gap:7px;height:40px;padding:0 12px;border-radius:10px;border:1px solid transparent;background:transparent;color:var(--color-ink);text-decoration:none;font-size:13.5px;font-weight:500;transition:color .15s ease,border-color .15s ease,background .15s ease}.topbar-nav-link:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.topbar-nav-link.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border);font-weight:600}.topbar-nav-link .nav-icon{color:var(--highlight-fg)}.topbar-nav-icon{position:relative;display:inline-flex;align-items:center;justify-content:center}.topbar-nav-icon .nav-icon{width:18px;height:18px}.topbar-nav-label{white-space:nowrap}.topbar-actions{display:flex;align-items:center;gap:var(--spacing-sm);margin-left:auto}.topbar-wallet-link{display:inline-flex;align-items:center;height:36px;padding:0 12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-secondary);color:var(--color-text);text-decoration:none;font-size:13.5px;font-weight:700;white-space:nowrap;transition:color .15s ease,background .15s ease,border-color .15s ease}.topbar-wallet-link:hover{color:var(--highlight-fg);border-color:var(--highlight-border);background:var(--highlight-hover-bg)}.topbar-wallet-link.active{color:var(--highlight-fg);border-color:var(--highlight-border);background:var(--highlight-active-bg)}.topbar-wallet-balance{font-variant-numeric:tabular-nums;letter-spacing:.01em}.topbar-actions .topbar-chats-link{margin-right:2px}.topbar-nav-link.topbar-icon-only,.topbar-icon-btn,.topbar-actions .plan-badge{border:1px solid transparent;color:var(--color-ink);background:transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.topbar-nav-link.topbar-icon-only{width:36px;height:36px;padding:0;justify-content:center;border-radius:10px}.topbar-nav-link.topbar-icon-only:hover,.topbar-icon-btn:hover,.topbar-actions .plan-badge:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.topbar-nav-link.topbar-icon-only.active,.topbar-icon-btn:active,.topbar-actions .plan-badge.active,.topbar-actions .plan-badge[aria-current=page]{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border);font-weight:600}.topbar-nav-link.topbar-icon-only .nav-icon{width:18px;height:18px}.topbar-icon-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;cursor:pointer}.topbar-icon-btn .nav-icon{width:18px;height:18px}.topbar-actions .plan-badge{height:36px;padding:0 12px;border-radius:10px;align-items:center}.topbar-avatar{width:34px;height:34px}.app-main{flex:1;width:100%;padding:var(--shell-pad-y) var(--shell-pad-x) 32px;max-width:none;margin:0}.app-footer{margin-top:auto;flex-shrink:0;border-top:1px solid var(--border-default);background:var(--background-page, #ffffff);padding:8px var(--shell-pad-x)}.app-footer__inner{display:flex;align-items:center;justify-content:space-between;gap:12px 24px;flex-wrap:wrap;font-size:12px;color:var(--text-muted)}.app-footer__copy,.app-footer__version{flex-shrink:0;white-space:nowrap}.app-footer__nav{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;flex:1;min-width:0}.app-footer__link{color:var(--text-muted);text-decoration:none;transition:color .15s ease}.app-footer__link:hover{color:var(--color-ink)}.app-footer__social{display:flex;align-items:center;gap:8px;flex-shrink:0}.app-footer__social-link{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9px;border:1px solid var(--border-default);background:transparent;color:inherit;text-decoration:none;transition:background-color .15s ease,border-color .15s ease}.app-footer__social-link:hover{background:var(--color-ink-06, rgba(36, 56, 45, .06));border-color:var(--border-strong, rgba(36, 56, 45, .26))}.app-footer__social-link:focus-visible{outline:2px solid var(--color-ink);outline-offset:2px}.app-footer__social-icon{display:block;width:24px;height:24px;object-fit:contain;border-radius:6px}@media (max-width: 900px){.app-footer{padding:12px 14px}.app-footer__inner{flex-direction:column;align-items:flex-start;gap:8px}.app-footer__nav{justify-content:flex-start}.app-footer__social-link{width:36px;height:36px}}.app-bottomnav{display:none;position:sticky;bottom:0;z-index:50;background:var(--color-bg-secondary);border-top:1px solid var(--color-border);padding:6px 4px calc(6px + env(safe-area-inset-bottom))}.bottomnav-link{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:6px 2px;border:1px solid transparent;border-radius:10px;font-size:10.5px;font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:color .15s ease,background .15s ease,border-color .15s ease}.bottomnav-link .nav-icon{width:21px;height:21px}.bottomnav-link:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border)}.bottomnav-link.active{color:var(--highlight-fg);background:var(--highlight-active-bg);border-color:var(--highlight-border)}@media (max-width: 900px){.app-sidebar:not(.drawer-open){display:none}.topbar-menu-btn,.topbar-brand-mobile{display:inline-flex}.app-bottomnav{display:flex}.app-topbar{padding:8px 14px;gap:12px}.topbar-brand-mobile{flex-shrink:0;margin-right:4px}.topbar-brand-mobile .krokurok-logo,.topbar-brand-mobile .krokurok-logo__lockup{flex-shrink:0}.app-main{padding:14px 14px 24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));max-width:none}.app-topbar .user-public-id-wrap,.topbar-nav-label{display:none}.topbar-nav-link{width:36px;padding:0;justify-content:center}.page-header{margin-bottom:var(--spacing-md)}.page-header>.btn,.page-header>.card-actions,.page-header>.page-actions{width:100%;margin-left:0}.page-header>.btn{justify-content:center}.assignments-grid{grid-template-columns:minmax(0,1fr)}}@media (max-width: 480px){.topbar-nav{display:none}}@media (max-width: 430px){.app-topbar{padding:6px 10px;gap:12px}.topbar-menu-btn{width:40px;height:40px;flex-shrink:0}.topbar-brand-mobile{flex:0 0 auto;flex-shrink:0;min-width:auto;margin-right:0}.topbar-brand-mobile .krokurok-logo__lockup{height:22px;width:auto;max-width:none}.topbar-actions{gap:4px;margin-left:auto;flex-shrink:0}.topbar-nav-link,.topbar-nav-link.topbar-icon-only,.topbar-icon-btn{width:40px;min-width:40px;height:40px}.topbar-wallet-link{height:36px;padding:0 8px;font-size:12px}}@media (max-width: 360px){.topbar-wallet-link,.crokcoin-chip-wrap{display:none}}.dash-page{display:flex;flex-direction:column;gap:12px}.dash-page--fill,.dash-page--teacher{min-height:calc(100vh - 120px)}.dash-teacher-shell{display:grid;grid-template-columns:minmax(0,1fr) 240px;gap:16px;align-items:start;min-height:inherit}.dash-teacher-main{min-width:0;display:flex;flex-direction:column;gap:12px}.dash-teacher-calendar{min-width:0;position:sticky;top:calc(56px + var(--shell-pad-y, 20px));align-self:start;background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-card)}.dash-teacher-calendar .ui-calendar-panel{border-left:none;min-height:0}@media (max-width: 1100px){.dash-teacher-shell{grid-template-columns:minmax(0,1fr)}.dash-teacher-calendar{position:static}}.dash-body{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.9fr);gap:12px;flex:1;align-items:stretch;min-height:0}.dash-panel{background:var(--background-card);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:18px 20px;display:flex;flex-direction:column;gap:12px;min-height:0;box-shadow:var(--shadow-card)}.dash-panel--main{min-height:320px}.dash-panel--side,.dash-panel--tips{height:auto}.dash-side{display:flex;flex-direction:column;gap:12px;min-height:0}.dash-side .dash-panel--start{flex-shrink:0}.dash-side .dash-panel--side{flex:1;min-height:180px}.dash-empty-hero{flex:1;justify-content:center}.dash-empty-hero.ui-empty{background:var(--card-bg);border:1px solid var(--border-default);box-shadow:var(--shadow-card)}.dash-empty-hero .ui-empty__visual{width:min(280px,70%)}.dash-empty-hero .ui-empty__illustration{width:100%;height:auto;aspect-ratio:1 / 1;object-fit:contain;display:block}.dash-empty-hero-icon{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;background:var(--sage-pale);color:var(--sage-primary);margin-bottom:4px}.dash-empty-hero-icon .nav-icon,.dash-empty-hero-icon svg{width:24px;height:24px}.dash-empty-hero h4,.dash-empty-hero .ui-empty__title{margin:0;letter-spacing:-.02em;color:var(--text-primary)}.dash-empty-hero p,.dash-empty-hero .ui-empty__desc{margin:0;color:var(--text-secondary)}.dash-feed--grow{flex:1;overflow:auto}.dash-start-list{display:flex;flex-direction:column;gap:6px;flex-shrink:0}.dash-notif-list{display:flex;flex-direction:column;gap:4px;flex:1;min-height:0;overflow-y:auto}.dash-notif-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:8px 10px;border:1px solid transparent;border-radius:10px;background:var(--color-bg);text-align:left;cursor:pointer;font:inherit;color:inherit;transition:background .12s ease,border-color .12s ease}.dash-notif-item:hover{border-color:color-mix(in srgb,var(--color-border) 80%,var(--color-primary));background:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg))}.dash-notif-item.unread{background:var(--color-primary-soft)}.dash-notif-icon{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex-shrink:0;border-radius:8px;background:var(--color-bg-tertiary);color:var(--color-primary)}.dash-notif-icon .nav-icon{width:15px;height:15px}.dash-notif-copy{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.dash-notif-title{font-size:13px;font-weight:650;color:var(--color-text);line-height:1.3}.dash-notif-body{font-size:11.5px;line-height:1.35;color:var(--color-text-muted);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.dash-notif-time{font-size:11px;color:var(--color-text-muted)}.dash-notif-dot{width:7px;height:7px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:6px}.dash-notif-empty{flex:1;display:flex;align-items:center;justify-content:center;padding:16px 8px;text-align:center;font-size:var(--font-size-sm);color:var(--color-text-muted)}.dash-section-link{border:none;background:none;padding:0;font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);cursor:pointer}.dash-section-link:hover{text-decoration:none}.dash-start-item{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:10px;border-radius:10px;text-decoration:none;color:inherit;background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);transition:border-color .15s ease,background .15s ease,transform .15s ease}.dash-start-item:hover{color:var(--highlight-fg);background:var(--highlight-hover-bg);border-color:var(--highlight-border);transform:none}.dash-start-item>.nav-icon,.dash-start-item>svg{width:14px;height:14px;color:var(--color-text-muted);flex-shrink:0}.dash-start-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.dash-start-title{font-size:13px;font-weight:650;color:var(--color-text)}.dash-start-desc{font-size:11.5px;line-height:1.3;color:var(--color-text-muted)}.dash-alert-card{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:12px;text-decoration:none;color:inherit;background:color-mix(in srgb,var(--color-warning) 12%,var(--color-bg-secondary));border:1px solid color-mix(in srgb,var(--color-warning) 35%,var(--color-border))}.dash-alert-card strong{display:block;font-size:13.5px;margin-bottom:2px}.dash-alert-card span{display:block;font-size:12px;color:var(--color-text-muted)}.dash-tip-text{margin:0;font-size:13px;line-height:1.45;color:var(--color-text-muted)}@media (max-width: 900px){.dash-body{grid-template-columns:minmax(0,1fr)}.dash-panel--main{min-height:240px}}.dash-top{display:flex;align-items:center;justify-content:space-between;gap:12px 16px;flex-wrap:wrap}.dash-top-cta{flex-shrink:0}.dash-greeting{margin-bottom:0;min-width:0;flex:1}.dash-greeting h1{font-family:var(--font-display);font-size:clamp(1.55rem,2.2vw,1.9rem);font-weight:600;letter-spacing:-.02em;margin:0;line-height:1.25;color:var(--color-ink)}.dash-greeting-email{font-size:var(--font-size-sm);font-weight:500;color:var(--color-text-muted)}.dash-greeting p{color:var(--text-secondary);margin:6px 0 0;font-size:var(--font-size-base);line-height:1.45;font-weight:500}.dash-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:8px;margin-bottom:0}.dash-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-grid-4{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}@media (max-width: 520px){.dash-grid-4{grid-template-columns:minmax(0,1fr)}}.dash-stat-link{text-decoration:none;color:inherit;cursor:pointer;transition:border-color .15s ease,background .15s ease}button.dash-stat-link{display:block;width:100%;font:inherit;text-align:left}.dash-stat-link:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.dash-progress-card .dash-progress{margin:0}.dash-stat{background:var(--card-bg);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:14px 16px;box-shadow:var(--shadow-card)}.dash-stat-value{font-family:var(--font-display);font-size:1.75rem;font-weight:600;line-height:1.1;color:var(--text-primary)}.dash-stat-label{font-size:13px;font-weight:600;color:var(--text-secondary);margin-top:4px}.dash-stat.accent-primary,.dash-stat.accent-success,.dash-stat.accent-warning,.dash-stat.accent-danger,.dash-stat.accent-coin{background:#fff;border-color:var(--border-default)}.dash-stat.accent-primary .dash-stat-value,.dash-stat.accent-success .dash-stat-value,.dash-stat.accent-warning .dash-stat-value,.dash-stat.accent-danger .dash-stat-value,.dash-stat.accent-coin .dash-stat-value{color:var(--text-primary)}.dash-columns{display:grid;grid-template-columns:1.6fr 1fr;gap:12px;align-items:start}.dash-columns>div{display:flex;flex-direction:column;gap:10px;min-width:0}@media (max-width: 1000px){.dash-columns{grid-template-columns:minmax(0,1fr)}}.dash-panel{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px}.dash-hero{position:relative;overflow:hidden;background:radial-gradient(420px 180px at 95% -30%,var(--color-primary-soft),transparent 65%),var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px;margin-bottom:0;box-shadow:none}.dash-hero-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--color-primary);margin-bottom:4px}.dash-hero h2{margin:0 0 4px;font-size:18px;line-height:1.25}.dash-hero p{color:var(--color-text-muted);margin:0 0 10px;max-width:58ch;line-height:1.4;font-size:var(--font-size-sm)}.dash-progress{height:8px;border-radius:999px;background:var(--color-bg-tertiary);overflow:hidden;margin:var(--spacing-sm) 0 var(--spacing-xs)}.dash-progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--brand-green, #1f4d3a),var(--brand-gold, #f8b010));transition:width .4s ease}.dash-progress-caption{display:flex;justify-content:space-between;font-size:var(--font-size-sm);color:var(--color-text-muted)}.dash-feed{display:flex;flex-direction:column;gap:6px}.dash-feed-item{display:flex;align-items:center;gap:10px;padding:8px 10px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);text-decoration:none;color:inherit;transition:border-color .15s ease,background .15s ease}.dash-panel .dash-feed-item{background:var(--color-bg-tertiary)}.dash-feed-item:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.dash-feed-icon,.dash-feed-item .icon-chip{flex-shrink:0}.dash-feed-body{flex:1;min-width:0}.dash-feed-title{font-weight:600;font-size:14px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:block}.dash-feed-meta{font-size:12px;color:var(--color-text-muted);display:block}.dash-feed-meta.overdue{color:var(--color-error);font-weight:600}.dash-empty{padding:14px 12px;text-align:center;color:var(--color-text-muted);background:var(--color-bg-secondary);border:1px dashed var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.dash-empty-compact{padding:10px 12px;text-align:left;background:transparent}.dash-empty a{color:var(--color-primary);font-weight:600;text-decoration:none}.dash-empty a:hover{text-decoration:none}.dash-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:8px}.dash-actions-dense{grid-template-columns:repeat(6,minmax(0,1fr))}.dash-action{display:flex;flex-direction:row;align-items:center;gap:8px;padding:8px 10px;background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:inherit;font-size:13px;font-weight:600;color:var(--color-text);text-decoration:none;cursor:pointer;transition:border-color .15s ease,background .15s ease;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dash-action:hover{border-color:var(--color-primary);background:var(--color-primary-soft)}.dash-action-icon,.dash-action .icon-chip{flex-shrink:0}.dash-section-title{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.dash-section-title h3{margin:0;font-size:var(--font-size-lg)}.dash-section-title a{font-size:var(--font-size-sm);font-weight:600;color:var(--color-primary);text-decoration:none}.dash-section-title a:hover{text-decoration:none}.dash-side-card{background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px 14px;box-shadow:none;margin-bottom:0}.dash-coin-row{display:flex;align-items:center;gap:var(--spacing-md)}.dash-coin-value{font-family:var(--font-display);font-size:30px;font-weight:800;color:var(--color-coin);display:inline-flex;align-items:center;gap:8px}.dash-coin-value .nav-icon{width:28px;height:28px}.title-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;border-radius:10px;background:var(--color-primary-soft);color:var(--color-primary)}.title-icon .nav-icon{width:20px;height:20px}.page-header h1,.dash-section-title h3{display:flex;align-items:center;gap:10px}.page-title-row h1{display:block}.dash-section-title .title-icon{width:28px;height:28px;border-radius:8px}.dash-section-title .title-icon .nav-icon{width:16px;height:16px}.card h3 .title-icon{width:28px;height:28px;border-radius:8px;margin-right:8px;vertical-align:-8px}.card h3 .title-icon .nav-icon,.btn .nav-icon{width:16px;height:16px}.inline-icon{display:inline-flex;vertical-align:-3px}.inline-icon .nav-icon{width:15px;height:15px}.empty-icon{display:flex;justify-content:center;margin:0 auto var(--spacing-md);width:auto;height:auto;background:transparent;border-radius:0;color:inherit}.empty-icon .nav-icon{width:30px;height:30px}.dash-feed-icon .nav-icon,.dash-action-icon .nav-icon{width:19px;height:19px}.dash-feed-icon,.dash-action-icon{color:var(--color-primary)}.status-dot{display:inline-block;width:10px;height:10px;border-radius:50%;background:var(--color-text-muted)}.status-dot.active{background:var(--color-success);box-shadow:0 0 0 3px #22a06b33}.status-dot.inactive{background:var(--color-error);box-shadow:0 0 0 3px #e5484d26}.assignment-item .icon-chip{flex-shrink:0}.page-title-row h3{margin:0}.user-dashboard{max-width:none;margin:0;width:100%}.page-container>.alert,.page-container>.filter-bar{margin-bottom:var(--spacing-md)}.page-container>.loading{padding:var(--spacing-2xl) var(--spacing-lg)}.assignment-desc{margin-bottom:0}.assignment-info{flex:1;min-width:0}.assignment-info h3{margin:0 0 4px;line-height:1.3}.assignment-action .btn{white-space:nowrap}.dash-section-title{margin-bottom:8px}.dash-columns{gap:12px}@media (max-width: 1100px){.dash-actions-dense{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width: 720px){.dash-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 560px){.dash-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr))}.dash-grid-4,.dash-actions-dense{grid-template-columns:repeat(2,minmax(0,1fr))}.dash-top-cta{width:100%;justify-content:center}.dash-greeting h1{font-size:var(--font-size-xl)}}@media (max-width: 560px){.history-status,.history-metrics{padding-left:0}.assignment-item{flex-wrap:wrap}.assignment-action,.assignment-action .btn{width:100%}}.video-source-field{display:flex;flex-direction:column;gap:10px}.video-source-tabs{display:inline-flex;gap:4px;padding:3px;background:var(--color-bg-tertiary);border-radius:10px;width:fit-content;max-width:100%}.video-source-tab{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);font-family:inherit;font-size:var(--font-size-sm);font-weight:600;cursor:pointer;transition:background .15s ease,color .15s ease}.video-source-tab .nav-icon{width:15px;height:15px}.video-source-tab:hover:not(:disabled){color:var(--color-text)}.video-source-tab.active{background:var(--color-bg-secondary);color:var(--color-primary);box-shadow:var(--shadow-sm)}.video-source-tab:disabled{opacity:.55;cursor:not-allowed}.video-upload-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.video-upload-name{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:240px}.video-source-hint{margin:0;font-size:var(--font-size-sm);line-height:1.4}.video-source-preview{margin-top:4px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:#0b0d12}.video-source-player{display:block;width:100%;aspect-ratio:16 / 9;border:none;background:#0b0d12;object-fit:contain}.ia-video-frame{position:relative;display:block;width:100%;aspect-ratio:16 / 9;border:none;background:#0b0d12;overflow:hidden}.ia-video-frame .ia-video{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;max-width:none;max-height:none;border:none;background:#0b0d12;object-fit:contain}.image-source-set,.image-source-link-edit{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.image-source-set{padding:8px 10px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg))}.image-source-set-label{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--color-text);flex:1;min-width:140px}.image-source-set-label svg{width:16px;height:16px;color:var(--color-primary);flex-shrink:0}.image-source-set-actions{display:inline-flex;flex-wrap:wrap;gap:6px}.image-source-link-edit{align-items:stretch;flex-direction:column}.image-source-link-edit .input{width:100%}.audio-url-field{display:flex;flex-direction:column;gap:8px}.image-source-preview{margin-top:4px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg-tertiary);max-height:160px;max-width:280px}.image-source-preview-img{display:block;width:100%;max-height:160px;object-fit:contain}.rich-text-field{white-space:pre-wrap;word-break:break-word;overflow-y:auto;cursor:text;outline:none}.rich-text-field ul,.rich-text-field ol,.rich-html ul,.rich-html ol{margin:.2em 0 .2em 1.3em;padding:0;list-style:disc}.rich-text-field ol,.rich-html ol{list-style:decimal}.rich-text-field li,.rich-html li{display:list-item;list-style:inherit}.rich-text-field[contenteditable=true]:empty:before{content:attr(data-placeholder);color:var(--color-text-muted, #9ca3af);pointer-events:none}.rich-text-field.is-disabled{opacity:.65;cursor:not-allowed}.flashcard-input.rich-text-field{min-height:38px;max-height:88px}.rich-format-toolbar{position:fixed;z-index:1400;display:flex;align-items:center;gap:2px;padding:4px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg, #fff);box-shadow:0 8px 24px #0f172a29}.rich-format-btn{display:inline-flex;align-items:center;justify-content:center;min-width:30px;height:30px;padding:0 6px;border:none;border-radius:7px;background:transparent;color:var(--color-text);font:inherit;font-size:.85rem;cursor:pointer}.rich-format-btn:hover{background:color-mix(in srgb,var(--color-primary) 12%,transparent)}.rich-format-sep{width:1px;height:18px;margin:0 2px;background:var(--color-border)}.rich-format-menu-wrap{position:relative}.rich-format-color-icon{display:inline-block;width:14px;height:14px;border-radius:3px;background:linear-gradient(135deg,#dc2626,#2563eb,#16a34a);border:1px solid rgba(0,0,0,.15)}.rich-format-pop{position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);z-index:2;display:grid;grid-template-columns:repeat(4,22px);gap:6px;padding:8px;border:1px solid var(--color-border);border-radius:10px;background:var(--color-bg, #fff);box-shadow:0 8px 20px #0f172a24}.rich-format-pop-list{display:flex;flex-direction:column;grid-template-columns:none;min-width:160px;gap:2px}.rich-format-swatch{width:22px;height:22px;border:1px solid rgba(0,0,0,.12);border-radius:5px;cursor:pointer;padding:0}.rich-format-list-item{display:block;width:100%;text-align:left;border:none;background:transparent;border-radius:6px;padding:6px 8px;cursor:pointer;color:var(--color-text);font:inherit}.rich-format-list-item:hover{background:color-mix(in srgb,var(--color-primary) 10%,transparent)}.media-attach-field{display:flex;flex-direction:column;gap:8px}.media-attach-trigger-wrap{position:relative;display:inline-flex;flex-direction:column;align-items:flex-start;gap:6px}.media-attach-menu{position:absolute;top:calc(100% + 4px);left:0;z-index:20;min-width:200px;display:flex;flex-direction:column;padding:6px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);box-shadow:0 8px 24px #0f172a1f}.media-attach-menu button{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text);font:inherit;text-align:left;cursor:pointer}.media-attach-menu button:hover{background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg))}.media-attach-menu button svg{width:16px;height:16px;flex-shrink:0;color:var(--color-primary)}.material-media-toolbar{flex-direction:row;flex-wrap:wrap;align-items:center}.material-media-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.material-media-row{display:flex;flex-wrap:wrap;align-items:flex-start;gap:10px;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.material-media-row.is-dragging{opacity:.55}.material-media-row--audio{margin-top:8px}.material-media-thumb{width:40px;height:40px;border-radius:8px;background:#f3f6f4;border:1px solid var(--color-border);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;flex-shrink:0;color:var(--color-primary)}.material-media-thumb-img{width:40px;height:40px;object-fit:cover}.material-media-meta{min-width:0;flex:1 1 220px;display:flex;flex-direction:column;gap:6px}.material-media-meta .image-display-size{width:100%}.material-media-size-preview{width:100%;max-width:100%}.material-media-name{font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.material-media-type{font-size:.75rem;color:var(--color-text-secondary)}.material-media-actions{display:flex;flex-wrap:wrap;gap:4px;flex-shrink:0}.material-media-progress{list-style:none;margin:8px 0 0;padding:0;display:flex;flex-direction:column;gap:4px;font-size:.8rem;color:var(--color-text-secondary)}.material-media-progress__err{color:#9b2c2c}.mm-carousel{width:100%;max-width:100%;outline:none}.mm-carousel-stage{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:220px;max-height:420px;height:min(56vw,420px);background:#f4f7f5;border:1px solid var(--color-border);border-radius:var(--radius-md);overflow:hidden;touch-action:pan-y}.mm-carousel.is-single .mm-carousel-stage{background:transparent;border:none;height:auto;max-height:none}.mm-carousel-slide{flex:1;min-width:0;height:100%;display:flex;align-items:center;justify-content:center;padding:8px 44px}.mm-carousel.is-single .mm-carousel-slide{padding:0;height:auto}.mm-carousel-image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:center}.mm-carousel-stage .ia-video-frame{width:100%;max-width:100%;max-height:100%;aspect-ratio:16 / 9}.mm-carousel-arrow{position:absolute;top:50%;z-index:2;transform:translateY(-50%);width:32px;height:32px;border-radius:999px;border:1px solid var(--color-border);background:#fff;color:var(--color-primary);display:inline-flex;align-items:center;justify-content:center;padding:0;cursor:pointer}.mm-carousel-arrow--prev{left:8px}.mm-carousel-arrow--next{right:8px}.mm-carousel-nav{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:8px}.mm-carousel-dots{display:flex;align-items:center;gap:6px}.mm-carousel-dot{width:7px;height:7px;padding:0;border:none;border-radius:50%;background:#c5d4c9;cursor:pointer}.mm-carousel-dot.is-active{background:var(--color-primary)}.mm-carousel-counter{font-size:.75rem;color:var(--color-text-secondary);font-variant-numeric:tabular-nums}@media (max-width: 720px){.mm-carousel-stage{min-height:180px;height:min(70vw,320px);max-height:320px}.mm-carousel-slide{padding:8px 36px}.mm-carousel-arrow{width:28px;height:28px}}.ile-block-wrap.is-dragging{opacity:.55}.ile-block-wrap.is-collapsed>.ile-block{padding-bottom:12px}.ile-block-drag,.ile-block-toggle{display:inline-flex;align-items:center;gap:8px;border:none;background:transparent;color:inherit;font:inherit;cursor:pointer;padding:0;text-align:left}.ile-block-drag{cursor:grab;color:var(--color-text-secondary);padding:4px;border-radius:var(--radius-sm)}.ile-block-drag:active{cursor:grabbing}.ile-block-drag:hover,.ile-block-toggle:hover{color:var(--color-primary)}.ile-block-toggle{flex:1;min-width:0}.ile-block-toggle .ile-block-title{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.ile-block-num{font-variant-numeric:tabular-nums;color:var(--color-text-secondary)}.ia-video-loading{padding:var(--spacing-lg);text-align:center}.ile-ai-overlay{z-index:1200}.ile-ocr-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1200;display:flex;align-items:center;justify-content:center;padding:16px;background:#0c10188c}.ile-ocr-overlay--top{z-index:1300}.ile-ocr-modal{width:min(920px,100%);max-height:min(92vh,900px);overflow:auto;display:flex;flex-direction:column;gap:12px;padding:16px;border-radius:14px;border:1px solid var(--color-border);background:var(--color-bg-secondary);box-shadow:0 18px 48px #00000047}.ile-ocr-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.ile-ocr-hint{margin:0;font-size:.85rem}.ile-ocr-stage{position:relative;width:100%;min-height:180px;max-height:52vh;overflow:auto;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-tertiary);cursor:crosshair;-webkit-user-select:none;user-select:none;touch-action:none}.ile-ocr-image{display:block;width:100%;max-width:100%;height:auto;min-height:120px;object-fit:contain;pointer-events:none;background:var(--color-bg-tertiary)}.ile-ocr-loading-img{display:flex;align-items:center;justify-content:center;min-height:180px;color:var(--color-text-muted);font-size:.9rem}.ile-ocr-selection{position:absolute;border:2px solid var(--color-primary);background:color-mix(in srgb,var(--color-primary) 18%,transparent);box-shadow:0 0 0 9999px #00000047;pointer-events:none}.ile-ocr-actions{display:flex;flex-wrap:wrap;gap:8px}.ile-ocr-progress{font-size:.9rem;font-weight:600;color:var(--color-primary)}.ile-ocr-result{min-height:110px}.user-avatar{position:relative;overflow:hidden}.user-avatar-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;border-radius:50%}.topbar-avatar-link{display:inline-flex;border-radius:50%;transition:transform .1s ease,box-shadow .15s ease}.topbar-avatar-link:hover{transform:translateY(-1px);box-shadow:0 0 0 3px var(--color-primary-soft)}.notif-bell,.notif-bell-btn{position:relative}.notif-badge{position:absolute;top:-5px;right:-5px;min-width:17px;height:17px;padding:0 4px;display:inline-flex;align-items:center;justify-content:center;border-radius:9px;background:var(--color-error);color:#fff;font-size:10px;font-weight:700;line-height:1;pointer-events:none}.notif-dropdown{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:calc(100vw - 24px);background:var(--color-bg-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-lg);z-index:90;overflow:hidden;animation:fade-in .15s ease}.notif-dropdown-header{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:10px var(--spacing-md);border-bottom:1px solid var(--color-border);font-weight:700;font-size:var(--font-size-base)}.notif-header-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.notif-mark-all{border:none;background:none;color:var(--color-primary);font-size:var(--font-size-sm);cursor:pointer;padding:2px 4px}.notif-mark-all:hover{text-decoration:none}.notif-list{max-height:380px;overflow-y:auto}.notif-empty{padding:var(--spacing-lg);text-align:center;color:var(--color-text-muted);font-size:var(--font-size-sm)}.notif-item{display:flex;align-items:flex-start;gap:6px;width:100%;padding:6px 8px 6px var(--spacing-md);border:none;border-bottom:1px solid var(--color-border);background:none;text-align:left;transition:background .12s ease}.notif-item-main{display:flex;align-items:flex-start;gap:10px;flex:1;min-width:0;padding:4px 0;border:none;background:none;cursor:pointer;text-align:left;color:inherit}.notif-item-delete{flex-shrink:0;width:32px;height:32px;margin-top:2px;border:none;border-radius:var(--radius-sm, 8px);background:none;color:var(--color-text-muted);cursor:pointer;display:inline-flex;align-items:center;justify-content:center}.notif-item-delete:hover{color:var(--color-error, #b42318);background:var(--color-bg-tertiary)}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--color-bg-tertiary)}.notif-item.unread{background:var(--color-primary-soft)}.notif-item.unread:hover{background:color-mix(in srgb,var(--color-primary-soft) 70%,var(--color-bg-tertiary))}.notif-item-icon{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:10px;background:var(--color-bg-tertiary);color:var(--color-primary)}.notif-item-icon .nav-icon{width:17px;height:17px}.notif-item-content{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.notif-item-title{font-weight:600;font-size:var(--font-size-base);color:var(--color-text)}.notif-item-body{font-size:var(--font-size-sm);color:var(--color-text-secondary);overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.notif-item-time{font-size:11px;color:var(--color-text-muted)}.notif-item-dot{width:8px;height:8px;border-radius:50%;background:var(--color-primary);flex-shrink:0;margin-top:6px}.notif-section-label{padding:8px var(--spacing-md) 4px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-text-muted);background:var(--color-bg-tertiary);border-bottom:1px solid var(--color-border)}.notif-empty--compact{padding:var(--spacing-sm) var(--spacing-md)}.notif-request{display:flex;flex-direction:column;gap:8px;padding:10px var(--spacing-md);border-bottom:1px solid var(--color-border);background:var(--color-primary-soft)}.notif-request--history{background:none}.notif-request-main{display:flex;align-items:flex-start;gap:10px}.notif-request-actions{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding-left:42px}.notif-request--history .notif-request-actions{padding-left:0;margin-left:auto}.notif-request--history{flex-direction:row;align-items:center;justify-content:space-between}.notif-action-error{padding:8px var(--spacing-md);font-size:var(--font-size-sm);color:var(--color-error);border-bottom:1px solid var(--color-border)}.app-main:has(.settings-page){max-width:none!important}.page-container.settings-page{display:flex;flex-direction:column;gap:12px;max-width:none;width:100%}.settings-page-head{margin-bottom:0;align-items:center}.settings-page-head h1{font-size:var(--font-size-2xl);letter-spacing:-.02em}.settings-page-head .page-subtitle{margin:2px 0 0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:12px;align-items:stretch}.settings-panel--prefs{grid-column:1 / -1}.settings-account-row{grid-column:1 / -1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.settings-info-card{display:flex;align-items:center;gap:14px;min-height:120px;padding:18px 20px;border-radius:10px;background:var(--background-card, #ffffff);border:1px solid var(--border-default);box-shadow:var(--shadow-card)}.settings-info-card__icon{flex-shrink:0;align-self:flex-start;width:22px;height:22px;margin-top:1px}.settings-info-card__icon .nav-icon{width:22px;height:22px}.settings-info-card__icon--shield{color:var(--brand-krok, #1a3d2e)}.settings-info-card__body{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.settings-info-card__title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.02em;color:var(--color-ink);line-height:1.25}.settings-info-card__plan{margin:0;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--color-ink)}.settings-info-card__badge{display:inline-flex;align-items:center;height:20px;padding:0 8px;border-radius:999px;font-size:11px;font-weight:700;line-height:1}.settings-info-card__badge--ok{background:#dcefe3;color:#1f6b42}.settings-info-card__badge--warn{background:#f8e6c8;color:#8a5a12}.settings-info-card__badge--muted{background:var(--color-ink-06);color:var(--color-ink-60)}.settings-info-card__meta{margin:0;font-size:13px;line-height:1.35;color:var(--text-muted)}.settings-info-card__links{margin:4px 0 0;display:flex;flex-wrap:nowrap;gap:16px}.settings-info-card__links a,.settings-info-card__links a:visited{color:var(--brand-green, #1f4d3a);font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:2px}.settings-info-card__links a:hover,.settings-info-card__links a:focus{color:var(--brand-krok, #1a3d2e)}.settings-info-card__btn{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:8px 14px;border-radius:8px;border:1px solid var(--border-strong);background:#fff;color:var(--color-ink);font-size:13.5px;font-weight:700;letter-spacing:-.01em;text-decoration:none;white-space:nowrap;cursor:pointer}.settings-info-card__btn:hover,.settings-info-card__btn:focus{background:var(--color-ink-03);color:var(--color-ink);text-decoration:none}.settings-info-card--danger{grid-column:1 / -1;border-color:color-mix(in srgb,var(--color-danger, #b42318) 34%,var(--border-default));background:color-mix(in srgb,var(--color-danger, #b42318) 7%,var(--background-card, #ffffff))}.settings-info-card--danger .settings-info-card__title{color:var(--color-danger, #b42318)}.settings-info-card__btn--danger{border-color:var(--color-danger, #b42318);background:var(--color-danger, #b42318);color:#fff}.settings-info-card__btn--danger:hover,.settings-info-card__btn--danger:focus{background:color-mix(in srgb,var(--color-danger, #b42318) 88%,#000000);color:#fff}.settings-erase-modal__list{margin:0 0 16px;padding-left:1.2em;color:var(--color-ink);font-size:14px;line-height:1.45}.settings-panel--profile{min-height:100%;gap:16px;padding:16px 16px 18px;justify-content:space-between}.settings-panel--profile .settings-avatar-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px 16px;width:100%;padding:14px 16px;border-radius:12px;background:var(--color-bg);border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent)}.settings-panel--profile .settings-avatar{width:80px;height:80px;font-size:30px;flex-shrink:0}.settings-panel--profile .settings-avatar-meta{display:flex;flex-direction:column;gap:4px;min-width:0}.settings-panel--profile .settings-avatar-label{margin:0;font-size:13.5px;font-weight:650;color:var(--color-text);letter-spacing:-.01em}.settings-panel--profile .settings-avatar-meta .settings-hint{font-size:12px}.settings-panel--profile .settings-avatar-buttons{display:flex;flex-direction:column;align-items:stretch;gap:6px;margin:0}.settings-panel--profile .settings-avatar-buttons .btn{min-width:118px;height:34px;padding-inline:14px}.settings-panel--profile .settings-form{margin-top:0;gap:10px}.settings-preview{flex:1;display:flex;flex-direction:column;gap:10px;min-height:0}.settings-preview-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-preview-role{font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-soft);border-radius:999px;padding:3px 8px}.settings-preview-card{flex:1;display:flex;align-items:center;gap:14px;padding:14px 16px;border-radius:12px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-primary) 8%,transparent),transparent 60%),var(--color-bg);border:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);min-height:96px}.settings-preview-avatar{width:52px;height:52px;font-size:20px;flex-shrink:0}.settings-preview-info{min-width:0;display:flex;flex-direction:column;gap:2px}.settings-preview-name{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-preview-email,.settings-preview-id{margin:0;font-size:12px;color:var(--color-text-muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-preview-id code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11.5px;font-weight:600;color:var(--color-text);background:color-mix(in srgb,var(--color-bg-tertiary) 80%,transparent);padding:1px 5px;border-radius:4px}.settings-preview-tips{margin:0;padding:0 0 0 16px;display:flex;flex-direction:column;gap:4px;font-size:12px;line-height:1.35;color:var(--color-text-muted)}.settings-preview-tips li::marker{color:color-mix(in srgb,var(--color-primary) 70%,var(--color-text-muted))}@media (max-width: 520px){.settings-panel--profile .settings-avatar-row{grid-template-columns:auto minmax(0,1fr)}.settings-panel--profile .settings-avatar-buttons{grid-column:1 / -1;flex-direction:row;flex-wrap:wrap}}.form-card.settings-panel{max-width:none;width:100%;display:flex;flex-direction:column;gap:12px;padding:14px 16px;border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--color-primary) 4%,transparent),transparent 48%),var(--color-bg-secondary)}.settings-section-head{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:6px 12px}.settings-card-title{margin:0;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--color-ink)}.settings-subheading{margin:0;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--color-text-muted)}.settings-hint{margin:0;font-size:12px;line-height:1.35;color:var(--color-text-muted)}.settings-hint a,.settings-hint a:visited{color:var(--color-ink);font-weight:600;text-decoration:underline;text-underline-offset:2px}.settings-hint a:hover,.settings-hint a:focus{color:var(--color-ink-hover)}.settings-avatar-row{display:flex;align-items:center;gap:12px}.settings-avatar{width:56px;height:56px;font-size:22px;flex-shrink:0}.settings-avatar-actions{display:flex;flex-direction:column;gap:6px;min-width:0}.settings-avatar-buttons{display:flex;gap:6px;flex-wrap:wrap}.settings-panel--security{min-height:100%;justify-content:space-between;gap:16px;padding:16px 16px 18px}.settings-auth-methods{display:flex;flex-direction:column;gap:8px;margin:0 0 4px}.settings-auth-badge{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-width:0;font-size:13px;line-height:1.35;color:var(--color-text)}.settings-auth-icon{flex-shrink:0;font-weight:700;letter-spacing:.02em;color:var(--color-text-muted)}.settings-auth-label{min-width:0;overflow-wrap:anywhere}.settings-panel--security .settings-section-head{flex-shrink:0}.settings-panel--security .settings-form:not(.settings-form--password){flex:1 1 auto;justify-content:flex-start;min-height:0}.settings-panel--security .settings-form:not(.settings-form--password) .form-actions{margin-top:10px}.settings-form{display:flex;flex-direction:column;gap:8px}.settings-form--password{flex:1 1 auto;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid color-mix(in srgb,var(--color-border) 75%,transparent);gap:12px}.settings-form--password .settings-subheading{margin-bottom:2px}.settings-form--password .form-actions{margin-top:auto;padding-top:4px}.settings-panel .form-group{margin:0;gap:4px;display:flex;flex-direction:column}.settings-panel .form-group label{margin:0;font-size:12px;font-weight:600;color:var(--color-ink)}.settings-panel .form-group input{padding:7px 10px;font-size:13.5px;border-radius:8px;min-height:34px}.settings-form-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.settings-panel .form-actions{margin:0;padding:0;justify-content:flex-start;gap:6px}.settings-panel .alert{margin:0;padding:8px 10px;font-size:12.5px}.settings-prefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border:1px solid color-mix(in srgb,var(--color-border) 80%,transparent);border-radius:10px;overflow:hidden;background:var(--color-bg)}.settings-pref-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid color-mix(in srgb,var(--color-border) 70%,transparent);cursor:pointer;margin:0}.settings-pref-row:last-child{border-bottom:none}.settings-pref-row:nth-child(odd){border-right:1px solid color-mix(in srgb,var(--color-border) 70%,transparent)}.settings-pref-row:last-child:nth-child(odd){grid-column:1 / -1;border-right:none}.settings-pref-text{display:flex;flex-direction:column;gap:1px;min-width:0}.settings-pref-title{font-size:13px;font-weight:650;color:var(--color-text)}.settings-pref-desc{font-size:11.5px;line-height:1.3;color:var(--color-text-muted)}.toggle-switch{position:relative;display:inline-flex;width:40px;height:22px;flex-shrink:0;border-radius:11px;background:var(--color-bg-tertiary);border:1px solid var(--color-border);transition:background .15s ease,border-color .15s ease}.toggle-switch.on{background:var(--color-primary);border-color:var(--color-primary)}.toggle-switch input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer;margin:0}.toggle-knob{position:absolute;top:2px;left:2px;width:16px;height:16px;border-radius:50%;background:#fff;box-shadow:var(--shadow-sm);transition:transform .15s ease;pointer-events:none}.toggle-switch.on .toggle-knob{transform:translate(18px)}@media (max-width: 1100px){.settings-account-row{grid-template-columns:minmax(0,1fr)}}@media (max-width: 900px){.settings-layout{grid-template-columns:minmax(0,1fr)}.settings-panel--prefs,.settings-account-row{grid-column:auto}.settings-info-card{flex-wrap:wrap}.settings-info-card__btn{width:100%}}.settings-skel-avatar-row{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:14px 16px;padding:14px 16px;min-height:108px}.settings-skel-avatar{width:80px;height:80px;border-radius:50%}.settings-skel-lines{display:flex;flex-direction:column;gap:8px}.settings-skel-line{height:12px;width:46%;border-radius:6px}.settings-skel-line--wide{width:72%}.settings-skel-block{height:96px;border-radius:10px}.settings-skel-block--short{height:64px}.settings-skel-prefs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;min-height:288px}.settings-skel-pref{height:56px;border-radius:0}.page-skel-list{display:flex;flex-direction:column;gap:10px;margin-top:8px}.page-skel-row{height:72px;border-radius:12px}@media (max-width: 640px){.settings-skel-prefs,.settings-form-row,.settings-prefs{grid-template-columns:minmax(0,1fr)}.settings-pref-row:nth-child(odd){border-right:none}.settings-pref-row:last-child:nth-child(odd){grid-column:auto}.settings-avatar-row{flex-direction:row;align-items:center}}.support-page{display:flex;flex-direction:column;gap:var(--spacing-md)}.support-page .page-header .page-subtitle{margin-top:6px}.support-page .empty-state:has(.empty-illustration) .empty-icon,.student-assignments-page .empty-state:has(.empty-illustration) .empty-icon{width:180px;max-width:min(180px,50vw)}.support-ticket-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.support-ticket-card{padding:0;overflow:hidden}.support-ticket-head{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);width:100%;padding:var(--spacing-md);border:none;background:none;cursor:pointer;text-align:left}.support-ticket-head:hover{background:var(--color-bg-tertiary)}.support-ticket-subject{font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-ticket-meta{display:flex;align-items:center;gap:var(--spacing-sm);flex-shrink:0;color:var(--color-text-muted)}.support-ticket-meta .nav-icon{width:16px;height:16px}.support-ticket-date{font-size:var(--font-size-sm);color:var(--color-text-muted)}.support-status.open{background:#b476071f;color:var(--color-warning)}.support-status.answered{background:var(--color-primary-soft);color:var(--color-primary)}.support-status.closed{background:#22a06b1f;color:var(--color-success)}.support-thread{display:flex;flex-direction:column;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--color-border);background:var(--color-bg)}.support-message{max-width:85%;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:var(--color-bg-secondary)}.support-message.from-user{align-self:flex-end;background:var(--color-primary-soft);border-color:transparent}.support-message.from-admin{align-self:flex-start}.support-message-author{display:flex;align-items:baseline;gap:var(--spacing-sm);font-size:var(--font-size-sm);font-weight:700;margin-bottom:4px;color:var(--color-text)}.support-message-time{font-weight:400;font-size:11px;color:var(--color-text-muted)}.support-message-body{white-space:pre-wrap;word-break:break-word;color:var(--color-text);font-size:var(--font-size-base);line-height:1.45}.support-reply-form{display:flex;flex-direction:column;gap:var(--spacing-sm);margin-top:var(--spacing-sm)}.support-reply-form textarea{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);resize:vertical}.support-reply-form .rich-text-field{width:100%;padding:10px 12px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);min-height:4.5em;box-sizing:border-box}.support-reply-form textarea:focus,.support-reply-form .rich-text-field:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.public-blogs-shell.app-shell{background:var(--color-bg)}.public-blogs-shell .app-body{width:100%}.public-blogs-shell .public-blogs-topbar{gap:var(--spacing-md)}.public-blogs-brand{display:inline-flex;align-items:center;gap:10px;color:var(--color-text);text-decoration:none;flex-shrink:0}.public-blogs-brand .krokurok-logo__lockup{height:36px;max-width:min(180px,100%)}.public-blogs-brand .brand-mark{display:inline-flex;line-height:0}.public-blogs-brand-text{font-family:var(--font-display);font-weight:800;font-size:17px}.public-blogs-shell .topbar-nav{margin-left:4px}.public-blogs-actions{display:flex;align-items:center;gap:8px}.public-blogs-shell .app-main{max-width:none;width:100%}.public-blogs-shell .app-main .blogs-page{width:100%;max-width:none}@media (max-width: 700px){.public-blogs-brand-text{display:none}.public-blogs-shell .public-blogs-topbar,.public-blogs-actions{flex-wrap:wrap;row-gap:8px}}.thread-auth-gate{display:flex;justify-content:flex-start;padding-top:4px}.blogs-page{display:flex;flex-direction:column;gap:var(--spacing-md);width:100%;max-width:none}.blogs-permalink-bar{display:flex;align-items:center;gap:var(--spacing-sm)}.blogs-header{align-items:flex-start}.blogs-header .blogs-search{flex:0 1 320px;margin-left:auto;align-self:center}.blogs-search{display:flex;align-items:center;gap:var(--spacing-sm);min-width:200px;max-width:320px;width:100%;padding:8px 14px;border:1px solid var(--color-border);border-radius:999px;background:var(--color-bg-secondary)}.blogs-search .nav-icon{width:18px;height:18px;color:var(--color-text-muted);flex-shrink:0}.blogs-search input{flex:1;min-width:0;border:none;background:none;color:var(--color-text);font-size:var(--font-size-base)}.blogs-search input:focus{outline:none}.blogs-search-clear{border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;font-size:1.2rem;line-height:1;padding:0 2px}.blogs-search-clear:hover{color:var(--color-text)}.thread-hashtag{color:var(--color-primary);font-weight:600;text-decoration:none;cursor:pointer}.thread-hashtag:hover{text-decoration:underline}.blogs-tabs{display:flex;gap:8px}.threads-feed{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-lg, 14px);background:var(--color-bg-secondary);overflow:hidden}.threads-hint{padding:16px 18px}.thread-avatar,.user-avatar.thread-avatar{width:40px;height:40px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:var(--color-primary);color:#fff;font-weight:700;font-size:15px;overflow:hidden;-webkit-user-select:none;user-select:none}.thread-avatar.sm,.user-avatar.thread-avatar.sm{width:32px;height:32px;font-size:13px}.thread-avatar.krokurok-avatar{background:#fff;padding:3px;box-shadow:0 0 0 2px var(--color-primary-soft);color:transparent}.thread-avatar.krokurok-avatar .krokurok-mark{width:100%;height:100%;object-fit:cover;border-radius:50%}.thread-author.official{display:inline-flex;align-items:center;color:var(--color-primary)}.thread-author-logo{display:inline-flex;align-items:center;line-height:0}.thread-author-logo .krokurok-logo__lockup{height:18px!important;width:auto!important;max-width:110px}.thread-post-file{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 12px;border-radius:10px;border:1px solid var(--color-border);background:var(--color-bg-secondary, #f6f7f5);color:var(--color-ink);text-decoration:none;font-size:.92rem;word-break:break-word}.thread-post-file:hover{border-color:var(--color-primary);color:var(--color-primary)}.thread-composer{display:flex;gap:12px;padding:16px 18px;border-bottom:1px solid var(--color-border)}.thread-composer-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:10px}.thread-composer-editor{width:100%;min-height:1.45em;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:1.05rem;line-height:1.45;padding:10px 12px;outline:none;white-space:pre-wrap;word-break:break-word;transition:border-color .12s ease,box-shadow .12s ease}.thread-composer-editor.expanded{min-height:calc(5.8em + 20px)}.thread-composer-editor:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.thread-composer-editor:empty:before{content:attr(data-placeholder);color:var(--color-text-muted);pointer-events:none}.thread-composer-editor strong,.thread-composer-editor b{font-weight:700}.thread-composer-editor em,.thread-composer-editor i{font-style:italic}.thread-composer-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.thread-composer-format,.thread-composer-submit{display:flex;align-items:center;gap:4px}.thread-composer-submit{margin-left:auto;gap:8px}.thread-composer-previews{display:flex;flex-wrap:wrap;gap:10px}.thread-composer-preview{position:relative;width:112px;height:112px;border-radius:12px;overflow:hidden;border:1px solid var(--color-border);background:var(--color-bg)}.thread-composer-preview img{width:100%;height:100%;object-fit:cover;display:block}.thread-composer-preview-remove{position:absolute;top:6px;right:6px;width:26px;height:26px;display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:50%;background:#0f172ab8;color:#fff;cursor:pointer;padding:0}.thread-composer-preview-remove:hover{background:#0f172ae6}.thread-composer-preview-remove .nav-icon{width:14px;height:14px}.thread-format-btn{display:inline-flex;align-items:center;justify-content:center;width:34px;height:32px;padding:0;border:1px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-size:14px;cursor:pointer;transition:border-color .12s ease,background .12s ease,color .12s ease}.thread-format-btn:hover:not(:disabled){border-color:var(--color-primary);color:var(--color-primary);background:var(--color-primary-soft)}.thread-format-btn:disabled{opacity:.5;cursor:not-allowed}.thread-format-btn .nav-icon{width:16px;height:16px}.thread-post-content strong{font-weight:700}.thread-post-content em{font-style:italic}.thread-post-content a,.thread-post-link{position:relative;z-index:1;color:var(--color-primary);text-decoration:underline;text-underline-offset:2px;pointer-events:auto;cursor:pointer}.thread-post-image-btn{display:block;padding:0;border:0;background:transparent;cursor:zoom-in;max-width:100%}.thread-post-image{display:block;max-width:min(100%,520px);max-height:420px;width:auto;height:auto;margin:8px 0;border-radius:12px;border:1px solid var(--color-border);object-fit:contain;background:var(--color-bg)}.thread-post-video{display:block;width:min(100%,520px);max-height:420px;margin:8px 0;border-radius:12px;background:#0f172a}.thread-post-audio{display:block;width:min(100%,520px);margin:10px 0}.thread-post-file{display:flex;align-items:center;gap:10px;max-width:min(100%,420px);margin:8px 0;padding:10px 12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);text-decoration:none;color:inherit}.thread-post-file-icon{display:inline-flex;width:36px;height:36px;align-items:center;justify-content:center;border-radius:10px;background:color-mix(in srgb,var(--color-primary, #74816c) 14%,#fff)}.thread-post-file-meta{display:flex;flex-direction:column;min-width:0}.thread-post-file-kind{font-size:11px;letter-spacing:.04em;color:var(--color-text-muted)}.thread-post-file-name{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.thread-composer-preview.kind-pdf,.thread-composer-preview.kind-video,.thread-composer-preview.kind-audio{width:auto;min-width:148px;height:auto}.thread-composer-filecard{display:flex;flex-direction:column;gap:4px;padding:12px;min-height:112px}.blogs-load-more{display:flex;justify-content:center;padding:16px 0 8px}.blog-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;background:#0f172ad1}.blog-lightbox-img{max-width:min(96vw,1100px);max-height:min(86vh,860px);width:auto;height:auto;object-fit:contain;border-radius:8px}.blog-lightbox-close{position:absolute;top:16px;right:16px;width:36px;height:36px;border:0;border-radius:50%;background:#0f172ab3;color:#fff;cursor:pointer}.blog-lightbox-nav{display:flex;align-items:center;gap:12px;color:#fff}.thread-post-image-fallback{display:inline-block;margin:6px 0;color:var(--color-text-muted);font-size:13px}.thread-post{display:flex;gap:12px;padding:14px 18px 12px;border-bottom:1px solid var(--color-border);transition:background .12s ease}.thread-post:last-child{border-bottom:none}.thread-post:hover{background:color-mix(in srgb,var(--color-bg) 55%,transparent)}.thread-post.pinned{background:color-mix(in srgb,var(--color-primary-soft) 70%,var(--color-bg-secondary))}.thread-post.pending{opacity:.85}.thread-post.rejected{opacity:.7}.thread-post-left{display:flex;flex-direction:column;align-items:center;flex-shrink:0;width:40px}.thread-line{flex:1;width:2px;min-height:12px;margin-top:6px;border-radius:2px;background:var(--color-border)}.thread-post-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.thread-post-head{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;min-height:22px}.thread-author{font-weight:700;font-size:.95rem;color:var(--color-text);text-decoration:none}a.thread-author:hover{text-decoration:none}.thread-pin{display:inline-flex;color:var(--color-primary)}.thread-pin .nav-icon{width:14px;height:14px}.thread-date{font-size:13px;color:var(--color-text-muted);text-decoration:none}a.thread-date:hover{text-decoration:none;color:var(--color-text)}.thread-status-badge{display:inline-flex;align-items:center;padding:1px 8px;border-radius:999px;font-size:11px;font-weight:700}.thread-status-badge.pending{background:color-mix(in srgb,#f0a202 18%,transparent);color:#b7791f}.thread-status-badge.rejected{background:color-mix(in srgb,#e0315a 14%,transparent);color:#e0315a}.thread-delete{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:none;border-radius:8px;background:transparent;color:var(--color-text-muted);cursor:pointer}.thread-delete:hover{color:var(--color-error, #d33);background:var(--color-bg-tertiary, var(--color-bg))}.thread-delete .nav-icon{width:15px;height:15px}.thread-post-title{display:inline-block;font-weight:700;font-size:1.02rem;color:var(--color-text);line-height:1.35;text-decoration:none}a.thread-post-title:hover{text-decoration:none}.thread-post-content{white-space:pre-wrap;word-break:break-word;color:var(--color-text);font-size:.98rem;line-height:1.5}.thread-actions{display:flex;align-items:center;gap:4px;margin-top:6px}.thread-action{display:inline-flex;align-items:center;gap:6px;min-width:36px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--color-text-muted);font-size:13px;font-weight:600;cursor:pointer;transition:color .12s ease,background .12s ease,border-color .12s ease}.thread-action .nav-icon{width:17px;height:17px}.thread-action:hover{color:var(--color-primary);background:var(--color-primary-soft)}.thread-action.liked{color:#e0315a;background:#e0315a1a}.thread-action.liked .nav-icon{fill:#e0315a}.thread-action.active{color:var(--color-primary);background:var(--color-primary-soft)}.thread-replies{display:flex;flex-direction:column;gap:14px;margin-top:10px;padding-top:10px;border-top:1px solid var(--color-border)}.thread-reply-thread{display:flex;flex-direction:column;gap:10px}.thread-reply{display:flex;gap:10px}.thread-reply--nested{margin-left:36px;padding-left:10px;border-left:2px solid var(--color-border)}.thread-reply-main{flex:1;min-width:0}.thread-reply-body{white-space:pre-wrap;word-break:break-word;font-size:.95rem;line-height:1.45;color:var(--color-text)}.thread-reply-actions{display:flex;gap:8px;margin-top:4px}.thread-reply-actions .btn-linkish{border:none;background:none;padding:0;color:var(--color-text-muted);font-size:var(--font-size-sm);font-weight:600;cursor:pointer}.thread-reply-actions .btn-linkish:hover{color:var(--color-primary)}.thread-reply-target{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:4px;font-size:var(--font-size-sm);color:var(--color-text-muted)}.thread-reply-form{display:flex;gap:10px;align-items:flex-start}.thread-reply-form-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:8px}.thread-reply-form-main textarea{width:100%;padding:8px 12px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg);color:var(--color-text);font-family:inherit;font-size:var(--font-size-base);resize:vertical;min-height:38px}.thread-reply-form-main textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}@media (max-width: 700px){.blogs-header .blogs-search{margin-left:0;max-width:none;flex:1 1 auto}.thread-composer,.thread-post{padding-left:12px;padding-right:12px}}.support-admin-page .page-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md);margin-bottom:var(--spacing-md)}.support-admin-hint{margin:6px 0 0;max-width:52ch;font-size:13px;line-height:1.4;color:var(--color-text-muted, #667)}.support-admin-filters{display:flex;align-items:center;gap:var(--spacing-sm)}.support-admin-filters select{padding:6px 10px;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-bg-secondary);color:var(--color-text)}.support-admin-empty{color:var(--color-text-muted)}.support-admin-layout{display:grid;grid-template-columns:minmax(280px,1fr) 1.6fr;gap:var(--spacing-md);align-items:start}.support-admin-layout:has(.support-admin-thread:empty){grid-template-columns:minmax(0,1fr)}@media (max-width: 900px){.support-admin-layout{grid-template-columns:minmax(0,1fr)}}.support-admin-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.support-admin-item{display:flex;flex-direction:column;gap:6px;width:100%;padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary);cursor:pointer;text-align:left;transition:border-color .15s ease}.support-admin-item:hover{border-color:var(--color-primary)}.support-admin-item.active{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-soft)}.support-admin-item--krok{border-left:3px solid var(--brand-urok, #f05a1a)}.support-admin-item--new{animation:support-admin-pulse 1.2s ease 2}@keyframes support-admin-pulse{0%,to{box-shadow:none}50%{box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-urok, #f05a1a) 35%,transparent)}}.support-admin-krok-badge{display:inline-flex;align-self:flex-start;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:600;color:var(--brand-krok, #1a3d2e);background:color-mix(in srgb,var(--brand-urok, #f05a1a) 16%,#fff)}.support-admin-item-top{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm)}.support-admin-subject{font-weight:600;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.support-admin-item-meta{display:flex;flex-wrap:wrap;gap:var(--spacing-sm);font-size:var(--font-size-sm);color:var(--color-text-muted)}.support-admin-thread{display:flex;flex-direction:column;gap:var(--spacing-md);padding:var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-secondary)}.support-admin-thread-header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--spacing-md)}.support-admin-thread-header h3{margin:0 0 4px}.support-admin-thread-user{margin:0;font-size:var(--font-size-sm);color:var(--color-text-muted)}.support-admin-messages{display:flex;flex-direction:column;gap:var(--spacing-sm);max-height:min(52vh,520px);overflow:auto}.support-admin-messages .support-message-body,.support-thread .support-message-body{white-space:pre-wrap;word-break:break-word}.role-badge{display:inline-flex;align-items:center;gap:6px;padding:2px 8px;font-size:.72rem;font-weight:600;letter-spacing:.01em;border-radius:6px;border:1px solid transparent;white-space:nowrap;vertical-align:middle;line-height:1.3}.role-badge--plate{padding:5px 12px;font-size:13px;font-weight:700;letter-spacing:.01em;border-radius:999px;border-width:1.5px;border-style:solid;box-shadow:1.5px 2px color-mix(in srgb,currentColor 28%,transparent)}.role-badge--student{background:linear-gradient(180deg,#f3f7ff,#e8f0ff);color:#2f5fad;border-color:#7aa3e0}.role-badge--parent{background:linear-gradient(180deg,#f3faf5,#e5f5eb);color:#2f7a52;border-color:#6fba90}.role-badge--teacher{background:linear-gradient(180deg,#fff8f0,#ffefd9);color:#b56a1a;border-color:#e0a45a}.name-with-role{display:inline-flex;align-items:center;flex-wrap:wrap;gap:6px}.public-lesson-shell{min-height:100vh;color-scheme:only light;background-color:var(--background-page, #ffffff);background:radial-gradient(1200px 500px at 10% -10%,rgba(37,99,235,.08),transparent 55%),radial-gradient(900px 420px at 90% 0%,rgba(14,165,233,.07),transparent 50%),var(--background-page, #ffffff)}.public-lesson-topbar{display:flex;align-items:center;gap:12px;padding:8px 16px;border-bottom:1px solid rgba(15,23,42,.08);background:var(--card-bg);border-bottom:1px solid var(--border-default);position:sticky;top:0;z-index:10}.public-lesson-brand.sidebar-brand{display:inline-flex;align-items:center;gap:10px;padding:4px 0;text-decoration:none;color:inherit}.public-lesson-register{margin-left:auto}.public-lesson-shell:has(.public-lesson-main.lesson-bg-host){background:var(--lesson-page-color, var(--background-page, #ffffff))}.public-lesson-main{display:flex;justify-content:center;box-sizing:border-box;width:100%;max-width:none;margin:0;padding:24px 16px 48px;min-height:calc(100vh - 56px)}.public-lesson-stage{width:100%;max-width:860px;margin:0 auto}.public-lesson-stage>.ia-player,.public-lesson-stage>.player-overview{width:100%;max-width:none;margin:0}.public-lesson-stage>.ia-player--guest-gate{min-height:calc(100vh - 140px)}@media (max-width: 640px){.public-lesson-topbar{flex-wrap:wrap}.public-lesson-main{padding:16px 12px 32px}}.plan-badge,.plan-badge--starter,.plan-badge--opt,.plan-badge--max{display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:10px;font-size:12px;font-weight:600;text-decoration:none;border:1px solid transparent;color:var(--color-ink);background:transparent;transition:color .15s ease,border-color .15s ease,background .15s ease}.plan-badge:hover,.plan-badge--starter:hover,.plan-badge--opt:hover,.plan-badge--max:hover{background:var(--color-ink-03);border-color:var(--color-ink-12);color:var(--color-ink)}.plan-limit-message,.thread-composer--locked.plan-limit-message,.thread-composer.plan-limit-message{padding:12px 14px;border:1px solid var(--border-default);border-radius:var(--radius-md, 14px);background:var(--color-white);display:flex;flex-wrap:wrap;align-items:center;gap:10px;color:var(--color-ink);box-shadow:var(--shadow-card)}.plan-limit-message p{margin:0;color:var(--text-secondary)}.plan-limit-message a:not(.btn){color:var(--color-ink)}.plan-limit-message .btn-primary,.plan-limit-message .btn-primary:hover{color:var(--color-white, #ffffff)}.ai-usage-line{margin:8px 0 0;padding-left:14px;font-size:13px;color:var(--color-text-muted)}.ai-usage-line--locked,.ai-usage-line--exhausted{color:var(--color-warning)}.subscription-page .billing-toggle{display:inline-flex;border:1px solid var(--color-border);border-radius:10px;overflow:hidden;margin:16px 0 20px}.subscription-page .billing-toggle button{border:0;background:transparent;padding:8px 16px;cursor:pointer;color:var(--color-text-secondary)}.subscription-page .billing-toggle button.active{background:var(--color-primary);color:#fff}.subscription-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}@media (max-width: 900px){.subscription-grid{grid-template-columns:minmax(0,1fr)}}.subscription-card{position:relative;border:1px solid var(--color-border);border-radius:14px;padding:20px;background:var(--color-bg-secondary);display:flex;flex-direction:column;gap:12px}.subscription-card--recommended{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary-soft)}.subscription-card--current{outline:2px solid rgba(34,160,107,.35)}.subscription-card__ribbon{position:absolute;top:12px;right:12px;font-size:11px;font-weight:700;color:var(--color-primary-hover);background:var(--color-primary-soft);padding:2px 8px;border-radius:999px}.subscription-card h2{margin:0;font-size:1.35rem}.subscription-card__price{font-size:1.6rem;font-weight:700}.subscription-card__price-now{font-size:1.6rem;font-weight:700;line-height:1.2}.subscription-card__period{font-size:.9rem;font-weight:500;color:var(--color-text-muted);margin-left:4px}.subscription-card ul{margin:0;padding-left:18px;color:var(--color-text-secondary);flex:1}.subscription-card li{margin:4px 0}.subscription-card__trial{font-weight:600;margin:8px 0 4px;font-size:.92rem}.subscription-card__charge{font-size:.85rem;margin:0 0 12px;line-height:1.35}.lp-welcome-trial{margin:0 auto 28px;max-width:720px;padding:22px 24px;border-radius:16px;background:linear-gradient(135deg,color-mix(in srgb,var(--color-ink) 92%,#1a2a20),var(--color-ink)),var(--color-ink);color:#fff;text-align:center;box-shadow:0 10px 28px color-mix(in srgb,var(--color-ink) 22%,transparent)}.lp-welcome-trial h3{margin:0 0 8px;font-size:1.35rem;font-weight:700;color:#f4d35e}.lp-welcome-trial p{margin:0 0 16px;color:color-mix(in srgb,#fff 88%,transparent);line-height:1.45}.lp-welcome-trial .btn{min-width:220px}.lp-welcome-trial .btn-primary,.lp-welcome-trial .btn-primary:hover{color:var(--color-ink);background-color:var(--brand-gold);border-color:var(--brand-gold)}.lp-welcome-trial .btn-primary:hover{filter:brightness(1.06)}.subscription-trial-banner,.subscription-trial-ended-info{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:14px;padding:14px 16px;border-radius:12px;border:1px solid color-mix(in srgb,var(--color-ink) 14%,transparent);background:color-mix(in srgb,var(--color-ink) 5%,var(--color-bg))}.subscription-trial-banner strong,.subscription-trial-ended-info strong{display:block;color:var(--color-ink)}.subscription-trial-banner p,.subscription-trial-ended-info p{margin:4px 0 0;color:var(--color-text-secondary);font-size:.92rem}.subscription-trial-banner__remain{display:inline-block;margin-left:8px;font-size:.85rem;font-weight:600;color:var(--color-primary-hover, #c45c26)}.subscription-trial-pill{display:inline-flex;align-items:center;margin-left:8px;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;background:color-mix(in srgb,#f4d35e 35%,transparent);color:var(--color-ink)}.sidebar-plan-card__trial{font-weight:600;color:color-mix(in srgb,var(--color-ink) 70%,transparent)}.sidebar-plan-card__remain{font-size:12px;font-weight:600;color:var(--color-primary-hover, #c45c26);margin-top:2px}.subscription-current{padding:14px 16px;margin-bottom:8px}.subscription-current__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px 16px}.subscription-plan-line{display:inline-flex;align-items:center;gap:8px}.subscription-status-dot{display:inline-block;width:9px;height:9px;border-radius:50%;flex-shrink:0}.subscription-status-dot.is-active{background:var(--color-success)}.subscription-status-dot.is-inactive{background:var(--color-error)}.subscription-period-infinity{display:inline-block;font-size:1.45em;line-height:1;font-weight:600;transform:scale(1.55,1.35);transform-origin:left center}@media (max-width: 800px){.subscription-current__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}}@media (max-width: 360px){.subscription-current__grid{grid-template-columns:minmax(0,1fr)}}.subscription-history{padding:16px}.subscription-history__list{list-style:none;padding:0;margin:0 0 16px;font-size:.92rem;max-height:220px;overflow:auto}.subscription-history__list li{padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--color-border, #ddd) 70%,transparent)}.subscription-footnote{margin-top:20px;max-width:720px}.upgrade-modal{max-width:480px}.call-limit-countdown{margin-left:8px;font-variant-numeric:tabular-nums;font-weight:600;color:var(--color-info)}.call-limit-countdown--urgent{color:var(--color-warning)}.thread-composer--locked{opacity:.95}.card,.data-table-wrap,.table-card,.notif-dropdown,.subscription-card,.empty-state,.ai-panel,.ai-assistant-panel{border-radius:var(--radius-lg);border:1px solid var(--border-default);background:#fffdf9d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:var(--shadow-card)}.tabs,.segmented-control,.billing-toggle,.subscription-page .billing-toggle{border-color:var(--border-default);background:color-mix(in srgb,var(--sand-soft) 55%,var(--cream))}.badge,.status-badge,.role-badge{border-radius:999px}.alert,.alert-info,.alert-warning,.alert-error,.alert-success{border-radius:14px;border-color:var(--border-soft)}.alert-info,.alert-warning,.alert-success,.alert-error,.alert.alert-error{background:var(--color-white);border:1px solid var(--border-default);color:var(--color-ink)}.alert-error>svg{color:var(--color-ink)}.skeleton,.loading-skeleton,.skel{background:linear-gradient(90deg,#f0f0f0,#fff 45%,#f0f0f0)}.drawer-backdrop{background:#34352f59}@media (max-width: 900px){.dash-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 420px){.dash-grid-4{grid-template-columns:minmax(0,1fr)}}.help-krok{position:fixed;right:0;bottom:8px;z-index:80;display:flex;flex-direction:column;align-items:flex-end;gap:10px;pointer-events:none}.help-krok>*{pointer-events:auto}.help-krok--compact{bottom:20px}.help-krok__recall{margin-right:0;padding:8px 10px;border:none;border-radius:16px;background:transparent;cursor:pointer;line-height:0;filter:drop-shadow(0 6px 12px rgba(36,56,45,.14));transition:transform .18s ease}.help-krok__recall img{display:block;width:28px;height:auto}.help-krok__recall:hover{transform:translateY(-2px)}.help-krok__recall:focus-visible{outline:2px solid var(--brand-urok, #f05a1a);outline-offset:3px}.help-krok__fab-wrap{position:relative;margin-right:28px;display:flex;align-items:flex-end;justify-content:flex-end}.help-krok__dismiss{position:absolute;top:-28px;right:-2px;z-index:3;width:22px;height:22px;padding:0;border:1.5px solid rgba(36,56,45,.14);border-radius:999px;background:#fffdf8;color:#24382d;font-size:16px;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 4px 10px #24382d1f;display:grid;place-items:center;opacity:0;visibility:hidden;transition:opacity .16s ease 1s,visibility 0s linear 1s,background .15s ease,transform .15s ease}.help-krok__fab-wrap:hover .help-krok__dismiss,.help-krok__fab-wrap:focus-within .help-krok__dismiss{opacity:1;visibility:visible;transition-delay:0s}.help-krok__dismiss:hover{background:#fff;transform:scale(1.06)}.help-krok__dismiss:focus-visible{outline:2px solid var(--brand-urok, #f05a1a);outline-offset:2px}.help-krok__fab{position:relative;width:96px;height:106px;padding:0;border:none;background:transparent;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;line-height:0;transform:translate(0);opacity:1;transition:transform .25s cubic-bezier(.22,1,.36,1)}.help-krok--dragging .help-krok__fab{cursor:grabbing;transition:none}.help-krok--dragging{z-index:90}.help-krok__fab-img{width:100%;height:100%;object-fit:contain;object-position:right bottom;display:block;filter:drop-shadow(0 8px 16px rgba(36,56,45,.18))}.help-krok__bubble-tip{position:absolute;right:calc(100% + 6px);bottom:52%;z-index:2;width:max-content;max-width:min(220px,calc(100vw - 140px));padding:10px 12px;border-radius:16px 16px 4px;background:#fffdf8;color:#24382d;border:1.5px solid rgba(36,56,45,.12);box-shadow:0 8px 20px #24382d24;font-family:inherit;font-size:13px;font-weight:600;line-height:1.35;text-align:left;white-space:normal;pointer-events:none;opacity:0;transform:translate(8px,6px) scale(.96);transform-origin:right bottom;transition:opacity .18s ease,transform .22s cubic-bezier(.22,1,.36,1)}.help-krok__bubble-tip:after{content:"";position:absolute;right:-7px;bottom:12px;width:12px;height:12px;background:#fffdf8;border-right:1.5px solid rgba(36,56,45,.12);border-bottom:1.5px solid rgba(36,56,45,.12);transform:rotate(-45deg)}.help-krok:not(.help-krok--open):not(.help-krok--dragging) .help-krok__fab:hover,.help-krok:not(.help-krok--open):not(.help-krok--dragging) .help-krok__fab:focus-visible{transform:translate(-2px,-4px)}.help-krok:not(.help-krok--open) .help-krok__fab:hover .help-krok__bubble-tip,.help-krok:not(.help-krok--open) .help-krok__fab:focus-visible .help-krok__bubble-tip{opacity:1;transform:translate(0) scale(1)}@media (prefers-reduced-motion: reduce){.help-krok__bubble-tip{transition:none}}.help-krok__fab:focus-visible{outline:2px solid var(--brand-urok, #f05a1a);outline-offset:4px;border-radius:16px}@media (prefers-reduced-motion: reduce){.help-krok__fab{transition:none}}.help-krok__panel{width:min(360px,calc(100vw - 32px));height:min(460px,calc(100vh - 140px));margin-right:20px;display:flex;flex-direction:column;background:#fff;border:1px solid var(--border-default, rgba(36, 56, 45, .14));border-radius:18px;box-shadow:0 16px 40px #24382d29;overflow:hidden;animation:help-krok-in .2s ease}@keyframes help-krok-in{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:none}}.help-krok__head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 12px 10px 14px;border-bottom:1px solid var(--border-default, rgba(36, 56, 45, .12));background:color-mix(in srgb,var(--brand-urok, #f05a1a) 8%,#fff)}.help-krok__title{display:flex;align-items:center;gap:10px;min-width:0}.help-krok__title img{width:36px;height:42px;object-fit:contain;flex-shrink:0}.help-krok__title strong{display:block;font-size:15px;line-height:1.2;color:var(--color-ink, #24382d)}.help-krok__title span{display:block;font-size:12px;color:var(--text-muted, rgba(36, 56, 45, .65))}.help-krok__close{width:32px;height:32px;border:none;border-radius:10px;background:transparent;color:var(--color-ink, #24382d);font-size:22px;line-height:1;cursor:pointer}.help-krok__close:hover{background:#24382d14}.help-krok__messages{flex:1;min-height:0;overflow:auto;padding:14px;display:flex;flex-direction:column;gap:10px;background:#fafbfa}.help-krok__bubble{max-width:92%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.4;white-space:pre-wrap;word-break:break-word}.help-krok__bubble--assistant{align-self:flex-start;background:#fff;border:1px solid rgba(36,56,45,.1);color:var(--color-ink, #24382d);border-bottom-left-radius:6px}.help-krok__bubble--user{align-self:flex-end;background:var(--brand-krok, #1a3d2e);color:#fff;border-bottom-right-radius:6px}.help-krok__bubble--typing{opacity:.72;font-style:italic}.help-krok__error{margin:0;padding:6px 14px 0;font-size:12px;color:#b42318}.help-krok__actions{display:flex;justify-content:stretch;padding:8px 12px 0;background:#fff}.help-krok__operator{width:100%;border:1px solid rgba(36,56,45,.16);border-radius:12px;background:#fff;color:var(--color-ink, #24382d);font:inherit;font-size:13px;font-weight:600;padding:9px 12px;cursor:pointer;text-align:center;text-decoration:none}.help-krok__operator:hover:not(:disabled){border-color:var(--brand-urok, #f05a1a);color:var(--brand-urok, #f05a1a)}.help-krok__operator:disabled{opacity:.5;cursor:not-allowed}.help-krok__operator--done{background:color-mix(in srgb,var(--brand-krok, #1a3d2e) 8%,#fff);border-color:color-mix(in srgb,var(--brand-krok, #1a3d2e) 28%,transparent)}.help-krok__composer{display:grid;grid-template-columns:1fr auto;gap:8px;padding:10px 12px 12px;border-top:none;background:#fff}.help-krok__composer textarea{resize:none;border:1px solid rgba(36,56,45,.16);border-radius:12px;padding:10px 12px;font:inherit;font-size:14px;line-height:1.35;color:var(--color-ink, #24382d);background:#fff;min-height:44px;max-height:96px}.help-krok__composer textarea:focus{outline:none;border-color:var(--brand-urok, #f05a1a);box-shadow:0 0 0 3px color-mix(in srgb,var(--brand-urok, #f05a1a) 22%,transparent)}.help-krok__composer button{width:44px;height:44px;align-self:end;border:none;border-radius:12px;background:var(--brand-urok, #f05a1a);color:#fff;font-size:20px;font-weight:700;cursor:pointer}.help-krok__composer button:disabled{opacity:.45;cursor:not-allowed}.help-krok__composer button:not(:disabled):hover{background:var(--brand-urok-hover, #d94e14)}@media (max-width: 900px){.help-krok{right:0;bottom:calc(72px + env(safe-area-inset-bottom,0px))}.help-krok__fab{width:96px;height:108px;margin-right:12px;transform:translate(calc(100% + 20px))}.help-krok:hover .help-krok__fab,.help-krok:focus-within .help-krok__fab,.help-krok--open .help-krok__fab,.help-krok--custom-pos .help-krok__fab,.help-krok--dragging .help-krok__fab{transform:translate(0)}.help-krok__panel{height:min(420px,calc(100vh - 180px));margin-right:12px}}@media (max-width: 430px){.help-krok{bottom:calc(76px + env(safe-area-inset-bottom,0px))}.help-krok__fab{width:68px;height:76px;margin-right:4px;transform:translate(calc(100% + 4px))}.help-krok__panel{width:min(360px,calc(100% - 16px));height:min(400px,calc(100dvh - 160px));margin-right:8px}}.calendar-page{display:flex;flex-direction:column;gap:var(--spacing-lg)}.calendar-page__grid{display:grid;grid-template-columns:minmax(300px,380px) minmax(0,1fr);gap:var(--spacing-lg);align-items:start}.calendar-page__form-panel,.calendar-page__list-panel{background:var(--color-bg-secondary, var(--background-card, #fff));border:1px solid var(--color-border);border-radius:16px;padding:20px 22px;box-shadow:0 1px 2px #0f172a0a}.calendar-page__form-panel{position:sticky;top:12px}.calendar-form__head{display:flex;align-items:flex-start;gap:12px;margin-bottom:18px}.calendar-form__head h3{margin:0;font-size:1.1rem;font-weight:700;letter-spacing:-.01em}.calendar-form__lead{margin:4px 0 0;font-size:.85rem;line-height:1.4;color:var(--color-text-muted)}.calendar-form .form-group{margin-bottom:14px}.calendar-form .form-group:last-child{margin-bottom:0}.calendar-form .form-group label,.calendar-form__field-label{display:block;margin-bottom:6px;font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.calendar-form .form-group input,.calendar-form .form-group select,.calendar-form .form-group textarea{width:100%;padding:10px 12px;background:var(--color-bg, #fff);border:1px solid var(--color-border);border-radius:10px;color:var(--color-text);font-size:.95rem;transition:border-color .15s ease,box-shadow .15s ease}.calendar-form .form-group input:focus,.calendar-form .form-group select:focus,.calendar-form .form-group textarea:focus{outline:none;border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));box-shadow:0 0 0 3px color-mix(in srgb,var(--color-primary) 16%,transparent)}.calendar-form .form-group textarea{min-height:84px;resize:vertical;line-height:1.45}.calendar-form__mono{font-variant-numeric:tabular-nums;letter-spacing:.02em}.calendar-form__datetime{display:grid;grid-template-columns:1.2fr .8fr;gap:10px}.calendar-form__duration{margin-bottom:14px}.calendar-duration-chips{display:flex;flex-wrap:wrap;gap:6px}.calendar-duration-chip{-webkit-appearance:none;appearance:none;border:1px solid var(--color-border);background:var(--color-bg, #fff);color:var(--color-text);border-radius:999px;padding:7px 12px;font-size:.82rem;font-weight:600;cursor:pointer;transition:border-color .15s ease,background .15s ease,color .15s ease}.calendar-duration-chip:hover{border-color:color-mix(in srgb,var(--color-primary) 40%,var(--color-border))}.calendar-duration-chip.is-active{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 10%,var(--color-bg, #fff));color:var(--color-ink, var(--color-text))}.calendar-form__preview{display:flex;align-items:flex-start;gap:10px;margin:4px 0 16px;padding:12px 14px;border-radius:12px;border:1px dashed color-mix(in srgb,var(--color-primary) 35%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 6%,var(--color-bg, #fff))}.calendar-form__preview .nav-icon,.calendar-form__preview svg{width:18px;height:18px;flex-shrink:0;margin-top:2px;color:var(--color-primary)}.calendar-form__preview strong{display:block;font-size:.92rem;margin-bottom:2px}.calendar-form__preview span{display:block;font-size:.8rem;color:var(--color-text-muted);line-height:1.35}.calendar-form__actions{display:flex;flex-wrap:wrap;gap:8px}.calendar-form__actions .btn-primary{flex:1 1 auto;min-width:160px}.calendar-form__hint{margin:12px 0 0;font-size:.85rem;color:var(--color-text-muted)}.calendar-page__empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:10px;padding:28px 12px 18px;color:var(--color-text-muted)}.calendar-page__empty-illustration{opacity:.92}.calendar-event-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.calendar-event-item{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:14px 16px;border:1px solid var(--color-border);border-radius:12px;background:var(--color-bg, #fff);transition:border-color .15s ease,box-shadow .15s ease}.calendar-event-item:hover{border-color:color-mix(in srgb,var(--color-primary) 35%,var(--color-border));box-shadow:0 4px 14px #0f172a0d}.calendar-event-item.is-editing{border-color:color-mix(in srgb,var(--color-primary) 55%,var(--color-border));background:color-mix(in srgb,var(--color-primary) 5%,var(--color-bg, #fff))}.calendar-event-item__time{font-size:.78rem;font-weight:600;color:var(--color-primary);font-variant-numeric:tabular-nums;margin-bottom:4px}.calendar-event-item__title{font-weight:700;font-size:.98rem}.calendar-event-item__meta{margin-top:2px;font-size:.85rem;color:var(--color-text-muted)}.calendar-event-item__notes{margin-top:8px;font-size:.82rem;color:var(--color-text-muted);line-height:1.4}.calendar-event-item__actions{display:flex;flex-shrink:0;gap:6px}@media (max-width: 900px){.calendar-page__grid{grid-template-columns:1fr}.calendar-page__form-panel{position:static}}@media (max-width: 520px){.calendar-form__datetime{grid-template-columns:1fr}.calendar-event-item{flex-direction:column}.calendar-event-item__actions{width:100%}.calendar-event-item__actions .btn{flex:1}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.groups-count{color:var(--text-muted);font-weight:500}.groups-page-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.groups-filters{display:grid;grid-template-columns:minmax(200px,1fr) 220px 150px;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.groups-filter-search{position:relative;min-width:0}.groups-filter-search .input{width:100%;padding-left:34px}.groups-filter-search-icon{position:absolute;left:11px;top:50%;transform:translateY(-50%);color:var(--text-muted);pointer-events:none}.groups-table-wrap{overflow-x:auto;background:var(--background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.groups-table{width:100%;border-collapse:collapse;font-size:var(--font-size-base)}.groups-table th,.groups-table td{padding:10px var(--spacing-md);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border)}.groups-table th{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);background:var(--color-bg-tertiary);white-space:nowrap}.groups-table tr:last-child td{border-bottom:none}.groups-table-row{cursor:pointer}.groups-table-row:hover td{background:var(--color-ink-03)}.groups-col-num{width:90px;text-align:center}th.groups-col-num,td.groups-col-num{text-align:center}.groups-col-call{width:110px;text-align:center}th.groups-col-call,td.groups-col-call{text-align:center}.groups-col-actions{width:56px;text-align:right}.groups-name-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}.groups-status-dot{flex-shrink:0;width:8px;height:8px;border-radius:50%}.groups-status-dot.is-active{background:#22a06b}.groups-status-dot.is-archived{background:var(--color-ink-22)}.groups-name-link{border:none;background:none;padding:0;font:inherit;font-weight:600;color:var(--color-ink);cursor:pointer;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.groups-name-link:hover{text-decoration:underline}.groups-subject{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);white-space:nowrap}.groups-req-badge{border:none;background:#f5a5242e;color:var(--color-ink);font-size:var(--font-size-sm);font-weight:600;padding:2px 8px;border-radius:999px;cursor:pointer;white-space:nowrap}.groups-req-badge.is-static{cursor:default}.groups-call-btn:disabled{opacity:.4;cursor:not-allowed}.row-menu-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;color:var(--text-muted);cursor:pointer}.row-menu-btn:hover,.row-menu-btn.is-open{color:var(--color-ink);background:var(--highlight-hover-bg);border-color:var(--border-default)}.row-menu-popup{position:fixed;z-index:1200;min-width:200px;padding:4px;background:var(--background-card);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-elevated, 0 8px 24px rgba(36, 56, 45, .14))}.row-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;border:none;background:none;border-radius:var(--radius-sm);font-size:var(--font-size-base);color:var(--color-ink);cursor:pointer;text-align:left}.row-menu-item:hover:not(:disabled){background:var(--highlight-hover-bg)}.row-menu-item:disabled{opacity:.45;cursor:not-allowed}.row-menu-item.is-danger{color:var(--color-error, #c45c55)}.row-menu-item.is-danger:hover:not(:disabled){background:#e5484d14}.groups-cards{display:none;flex-direction:column;gap:10px}.groups-cards-desktop{display:flex}.groups-card{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);padding:var(--spacing-md);background:var(--background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer}.groups-card-compact{min-height:78px;padding:14px 16px}.groups-card:hover{background:var(--color-ink-03);border-color:color-mix(in srgb,var(--color-ink) 22%,var(--color-border))}.groups-card:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.groups-card-main{min-width:0;display:flex;flex-direction:column;gap:6px}.groups-card-title{display:flex;align-items:center;gap:8px;min-width:0}.groups-card-name{font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--color-ink)}.groups-card-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px;font-size:var(--font-size-sm);color:var(--text-secondary)}.groups-card-actions{display:flex;align-items:center;gap:4px;flex-shrink:0}.groups-card-chevron{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;color:var(--text-muted)}.groups-list-header-actions{display:flex;flex-wrap:wrap;gap:var(--spacing-sm)}.groups-list-filters{margin-bottom:var(--spacing-lg)}.groups-call-picker-list{display:flex;flex-direction:column;gap:8px;margin-bottom:var(--spacing-md)}.groups-call-picker-item{justify-content:flex-start;text-align:left}.groups-request-row{display:flex;justify-content:space-between;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-sm)}.groups-request-sub{font-size:var(--font-size-sm)}.groups-request-actions{display:flex;gap:var(--spacing-xs);flex-shrink:0}.groups-request-reject{color:var(--color-error, #c45c55)}.groups-student-picker{max-height:240px;overflow-y:auto;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:var(--spacing-sm)}.form-group .groups-student-picker-row,.groups-student-picker-row{display:flex;align-items:center;gap:10px;margin:0 0 2px;padding:8px 10px;cursor:pointer;border-radius:var(--radius-sm);font-weight:400;font-size:var(--font-size-base);line-height:1.35;color:var(--color-ink);min-width:0}.groups-student-picker-row:hover{background:var(--highlight-hover-bg)}.form-group .groups-student-picker-row input[type=checkbox],.groups-student-picker-row input[type=checkbox]{flex:0 0 auto;width:16px;height:16px;margin:0;padding:0;accent-color:var(--color-ink);cursor:pointer;background:none;border:none;border-radius:0}.groups-student-picker-name{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.groups-student-picker-id{flex:0 0 auto;font-size:var(--font-size-sm);color:var(--text-muted);white-space:nowrap}.groups-student-picker-row .status-badge{flex:0 0 auto}.groups-invite-row{display:flex;gap:var(--spacing-sm)}.groups-invite-row .input{flex:1;min-width:0}.groups-confirm-modal{max-width:440px}.groups-confirm-message{margin-bottom:var(--spacing-md)}.groups-assign-members-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}.group-breadcrumb{display:flex;align-items:center;gap:8px;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);min-width:0}.group-breadcrumb a{color:var(--text-muted);text-decoration:none}.group-breadcrumb a:hover{color:var(--color-ink);text-decoration:underline}.group-breadcrumb-sep{color:var(--color-ink-22)}.group-breadcrumb-current{color:var(--color-ink);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-page-title-row{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.group-page-title{display:flex;align-items:center;gap:10px;margin:0;min-width:0}.group-page-title .status-badge{flex-shrink:0}.group-page-title-actions{display:flex;align-items:center;gap:6px}.group-page-subject{display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:var(--font-size-base);margin-top:4px}.group-tabs{display:flex;gap:4px;margin:var(--spacing-md) 0;border-bottom:1px solid var(--color-border);overflow-x:auto;scrollbar-width:none}.group-tabs::-webkit-scrollbar{display:none}.group-tab{border:none;background:none;padding:10px 14px;font-size:var(--font-size-base);font-weight:500;color:var(--text-muted);cursor:pointer;white-space:nowrap;border-bottom:2px solid transparent;margin-bottom:-1px}.group-tab:hover{color:var(--color-ink)}.group-tab.is-active{color:var(--color-ink);font-weight:600;border-bottom-color:var(--color-ink)}.group-section-heading{margin:0;font-size:var(--font-size-lg);font-weight:600;color:var(--color-ink)}.group-lessons-toolbar{margin-bottom:var(--spacing-sm)}.group-lessons-filter-row{margin-bottom:var(--spacing-md)}.group-empty-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--background-card);padding:var(--spacing-xl) var(--spacing-lg);text-align:center;max-width:520px}.group-empty-card h3{margin:0 0 8px;color:var(--color-ink)}.group-empty-card p{margin:0 0 var(--spacing-md);color:var(--text-secondary);line-height:1.45}.group-lesson-rows{display:flex;flex-direction:column;gap:8px}.group-lesson-row{display:flex;align-items:center;gap:10px;padding:12px 14px;background:var(--background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);min-width:0}.group-lesson-row-main{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;align-items:flex-start;gap:4px;border:none;background:none;padding:0;cursor:pointer;text-align:left;color:inherit}.group-lesson-row-title{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--color-ink);min-width:0}.group-lesson-row-meta{display:flex;flex-wrap:wrap;gap:6px 12px;font-size:var(--font-size-sm);color:var(--text-secondary)}.group-lesson-row-actions{display:inline-flex;align-items:center;gap:6px;flex-shrink:0}.group-toolbar{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-sm);flex-wrap:wrap;margin-bottom:var(--spacing-md)}.group-toolbar .groups-filter-search{flex:1 1 240px;max-width:360px}.group-toolbar .groups-filter-status{flex:0 0 auto;min-width:160px;width:auto}.group-toolbar-actions{display:flex;align-items:center;gap:var(--spacing-sm);flex-wrap:wrap}.group-requests-panel{margin-bottom:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--background-card)}.group-requests-panel-title{font-weight:600;margin-bottom:var(--spacing-sm)}.group-requests-panel .groups-request-row:last-child{margin-bottom:0}.group-students-table-wrap{overflow-x:auto;background:var(--background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.group-students-table{width:100%;border-collapse:separate;border-spacing:0;font-size:var(--font-size-base)}.group-students-table th,.group-students-table td{padding:10px var(--spacing-md);text-align:left;vertical-align:middle;border-bottom:1px solid var(--color-border);white-space:nowrap}.group-students-table th{font-size:var(--font-size-sm);font-weight:600;color:var(--text-muted);background:var(--color-bg-tertiary)}.group-students-table tr:last-child td{border-bottom:none}.group-students-table tbody tr:hover td{background:var(--color-ink-03)}.group-students-sticky{position:sticky;left:0;z-index:2;background:var(--background-card);box-shadow:inset -1px 0 0 var(--color-border);max-width:280px}th.group-students-sticky{background:var(--color-bg-tertiary);z-index:3}.group-students-table tbody tr:hover td.group-students-sticky{background:#f6f7f6}.group-students-actions-col{width:140px;text-align:right}.group-student-cell{display:flex;align-items:center;gap:10px;min-width:0}.group-student-index{flex-shrink:0;min-width:20px;text-align:center;font-size:var(--font-size-sm);color:var(--text-muted)}.group-student-avatar{flex-shrink:0}.group-student-name-wrap{display:flex;flex-direction:column;min-width:0}.group-student-name-wrap .groups-name-link{font-weight:600}.group-student-sub{font-size:var(--font-size-sm);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-student-actions{display:inline-flex;align-items:center;gap:4px}.group-students-cards{display:none;flex-direction:column;gap:10px}.group-student-card{padding:var(--spacing-md);background:var(--background-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);display:flex;flex-direction:column;gap:10px}.group-student-card-head{display:flex;align-items:center;gap:10px}.group-student-card-name{flex:1;min-width:0;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-student-card-metrics{display:flex;flex-wrap:wrap;gap:6px 16px;font-size:var(--font-size-sm);color:var(--text-secondary)}.group-empty-actions{display:flex;gap:var(--spacing-sm);justify-content:center;flex-wrap:wrap}.group-lesson-name-cell{display:inline-flex;align-items:center;gap:8px;min-width:0}.group-lesson-badges{display:inline-flex;align-items:center;gap:6px;flex-wrap:wrap}.group-stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:var(--spacing-sm);margin-bottom:var(--spacing-lg)}.group-stats-table-wrap .groups-table td,.group-stats-table-wrap .groups-table th{white-space:nowrap}.group-stats-table-wrap .groups-table td:first-child{white-space:normal}.group-settings{display:flex;flex-direction:column;gap:var(--spacing-md);max-width:720px}.group-settings-card{padding:var(--spacing-lg)}.group-settings-title{margin:0 0 var(--spacing-md)}.group-settings-saved{align-self:center;color:var(--text-muted);font-size:var(--font-size-sm)}.group-danger-zone{border-color:#e5484d59}.group-danger-row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-md);padding:var(--spacing-sm) 0}.group-danger-row+.group-danger-row{border-top:1px solid var(--color-border)}.group-danger-row p{margin:2px 0 0;font-size:var(--font-size-sm)}.group-danger-row .btn{flex-shrink:0}.group-student-modal-head{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.group-student-modal-name{margin:0}.group-student-modal-lessons{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;margin-bottom:var(--spacing-md)}.group-student-modal-lesson-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--spacing-sm);padding:8px 10px;background:var(--color-bg-tertiary);border-radius:var(--radius-md)}.group-student-modal-lesson-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.group-student-modal-lesson-pct{font-weight:600;min-width:42px;text-align:right}@media (max-width: 960px){.groups-filters{grid-template-columns:minmax(160px,1fr) minmax(140px,200px) 140px}}@media (max-width: 720px){.groups-filters{grid-template-columns:1fr 1fr}.groups-filter-search{grid-column:1 / -1}.groups-table-wrap{display:none}.groups-cards{display:flex}.group-page .groups-table-wrap{display:block}.group-students-table-wrap{display:none}.group-students-cards{display:flex}.group-toolbar{flex-direction:column;align-items:stretch}.group-toolbar-actions{width:100%}.group-lesson-row{flex-wrap:wrap;align-items:flex-start}.group-lesson-row-actions{width:100%;justify-content:flex-end}.groups-list-header-actions{width:100%}.group-toolbar .groups-filter-search{max-width:none}.group-toolbar-actions{justify-content:stretch}.group-toolbar-actions .btn{flex:1}.groups-page-actions{width:100%}.groups-page-actions .btn{flex:1}.group-danger-row,.groups-request-row{flex-direction:column;align-items:flex-start}.groups-request-actions{width:100%}.groups-request-actions .btn{flex:1}}@media (max-width: 480px){.groups-filters{grid-template-columns:1fr}.groups-filter-search{grid-column:auto}.group-stats-grid{grid-template-columns:1fr 1fr}.group-student-modal-lesson-row{grid-template-columns:minmax(0,1fr) auto}.group-student-modal-lesson-pct{display:none}}.crokcoin-icon{display:inline-block;object-fit:contain;vertical-align:middle;flex-shrink:0}.crokcoin-chip-wrap{position:relative}.crokcoin-chip{display:inline-flex;align-items:center;gap:6px;height:36px;padding:0 10px 0 6px;border-radius:999px;border:1px solid rgba(176,137,32,.35);background:#fffdf6;color:var(--color-text, #1a2e22);font-size:13.5px;font-weight:700;cursor:pointer}.crokcoin-chip-value{font-variant-numeric:tabular-nums}.crokcoin-chip-pop{position:absolute;top:calc(100% + 8px);right:0;width:min(320px,calc(100vw - 24px));padding:14px;border-radius:14px;border:1px solid var(--color-border, #d7e2d8);background:#fff;box-shadow:0 12px 32px #1a2e221f;z-index:40}.crokcoin-chip-pop-head{display:flex;gap:10px;align-items:center;margin-bottom:8px}.crokcoin-chip-pop-head p,.crokcoin-chip-copy{margin:0;font-size:13px;color:var(--color-text-secondary, #5b6b5f)}.crokcoin-chip-history{list-style:none;margin:10px 0 0;padding:0;display:grid;gap:6px}.crokcoin-chip-history li{display:flex;gap:8px;font-size:12.5px}.crokcoin-chip-history li span:last-child{min-width:0;overflow-wrap:anywhere}.crokcoin-chip-history .is-plus{color:#2f6b3a;font-weight:700}.crokcoin-chip-history .is-minus{color:#8a5a12;font-weight:700}.crokcoin-student-balance{display:inline-flex;align-items:center;gap:4px;font-weight:700}.crokcoin-custom-prices-badge{display:inline-flex;align-items:center;padding:2px 8px;border-radius:999px;font-size:11px;font-weight:700;color:#6b4a12;background:#fff4d6}.crokcoin-price-settings{padding:var(--spacing-md);background:var(--color-bg-tertiary);border-radius:var(--radius-md);margin-bottom:var(--spacing-md)}.crokcoin-price-settings>strong{display:inline-block;margin-right:8px;margin-bottom:6px}.crokcoin-price-settings-hint,.crokcoin-price-settings-msg{margin:0 0 var(--spacing-sm);font-size:var(--font-size-sm)}.crokcoin-price-field{display:grid;gap:4px;margin-bottom:10px}.crokcoin-price-field span{font-weight:600}.crokcoin-price-field .input{max-width:120px}.crokcoin-price-field small{color:var(--color-text-muted, #667)}.crokcoin-price-settings-actions{display:flex;flex-wrap:wrap;gap:8px}.crokcoin-hint-price{display:inline-flex;align-items:center;gap:4px;margin-left:6px;font-weight:600}.crokcoin-hint-used{margin:8px 0;padding:8px 10px;border-radius:10px;background:#f4faf5;border:1px solid #d7e8d9}.crokcoin-hint-used-label{margin:0 0 4px;font-size:12px;font-weight:700;color:#2f6b3a}.crokcoin-hint-text{margin:0;font-size:14px}.crokcoin-hint-badge{margin:6px 0 0;font-size:12.5px;color:#5b6b5f}.crokcoin-hint-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#12201859;display:flex;align-items:center;justify-content:center;z-index:80;padding:16px}.crokcoin-hint-modal{width:min(420px,100%);background:#fff;border-radius:16px;padding:20px}.crokcoin-hint-error{color:#9a3b2f;font-weight:600}html.crokcoin-celebrating .ia-result-score,html.crokcoin-celebrating .ia-result-label,html.crokcoin-celebrating .ia-result-reward,html.crokcoin-celebrating .score-circle,html.crokcoin-celebrating .score-details{opacity:0}.crokcoin-overlay{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:11000;pointer-events:auto;background:#ffffff1f;overflow:visible;opacity:0}.crokcoin-overlay.is-started{animation:crokcoin-overlay-in .18s ease-out,crokcoin-overlay-out .42s 3.8s ease-in forwards}.crokcoin-overlay-copy{position:absolute;top:3vh;left:50%;width:min(520px,90vw);transform:translate(-50%);display:flex;flex-direction:column;align-items:center;text-align:center;padding:0;z-index:40;pointer-events:none}.crokcoin-overlay-title{margin:0;font-size:clamp(30px,2.4vw,38px);font-weight:800;line-height:1.15;color:#1a3d2b;opacity:0;transform:scale(.92)}.crokcoin-overlay.is-started .crokcoin-overlay-title{animation:crokcoin-copy-in .4s .1s cubic-bezier(.16,1,.3,1) forwards}.crokcoin-overlay-score{color:#1f5c3a}.crokcoin-overlay-reward{display:inline-flex;align-items:center;gap:8px;margin:12px 0 4px;padding:8px 16px;border-radius:12px;background:#fff6d6;border:1px solid rgba(176,137,32,.38);font-size:17px;font-weight:800;color:#8a5a12;opacity:0;transform:scale(.92)}.crokcoin-overlay.is-started .crokcoin-overlay-reward{animation:crokcoin-copy-in .4s .25s cubic-bezier(.16,1,.3,1) forwards}.crokcoin-overlay-reward-coin{width:24px;height:24px;object-fit:contain}.crokcoin-overlay-sub{margin:0;font-size:13px;color:#5b6b5f;opacity:0}.crokcoin-overlay.is-started .crokcoin-overlay-sub{animation:crokcoin-copy-in .4s .28s cubic-bezier(.16,1,.3,1) forwards}.crokcoin-overlay-stage{position:absolute;top:0;right:0;bottom:0;left:0;overflow:visible;pointer-events:none}.crokbank{position:absolute;left:50%;bottom:8vh;width:clamp(380px,34vw,520px);transform:translate(-50%) translateY(115%);transform-origin:50% 80%;z-index:10}.crokcoin-overlay.is-started:not(.is-static) .crokbank{animation:crokbank-enter .72s 80ms cubic-bezier(.16,1,.3,1) forwards}.crokbank-wrapper{position:relative}.crokbank.is-hit{animation:crokbank-bounce .48s ease-out}.crokbank-icon,.crokbank-base{display:block;width:100%;height:auto}.crokbank-slot-anchor{position:absolute;width:8px;height:8px;margin-left:-4px;margin-top:-4px;pointer-events:none}.crokbank-slot-front{position:fixed;z-index:30;pointer-events:none;object-fit:fill}.crokcoin-flyer{position:fixed;z-index:20;pointer-events:none;will-change:transform,opacity,clip-path}.crokcoin-flyer-img,.crokcoin-flyer .crokcoin-icon,.crokcoin-icon-hero{width:100%;height:100%;object-fit:contain}.crokcoin-sparks{position:fixed;width:0;height:0;z-index:32;pointer-events:none}.crokcoin-spark{position:absolute;left:0;top:0;width:2px;border-radius:2px;transform-origin:50% 100%;opacity:0;animation:crokcoin-spark .62s ease-out forwards;transform:rotate(var(--rot)) scaleY(.2)}.crokcoin-spark.tone0{background:linear-gradient(to top,#e4c36a00,#e8c56a)}.crokcoin-spark.tone1{background:linear-gradient(to top,#f6d56a00,#f0d27a)}.crokcoin-spark.tone2{background:linear-gradient(to top,#8fbe8a00,#9cc896)}.crokcoin-spark.tone3{background:linear-gradient(to top,#f5ecd600,#efe3c4)}.crokcoin-confetti{position:fixed;top:0;right:0;bottom:0;left:0;z-index:35;pointer-events:none}.crokcoin-confetti-bit{position:absolute;width:7px;height:10px;border-radius:2px;opacity:0;animation:crokcoin-confetti .98s ease-out forwards}.crokcoin-confetti-bit.tone0{background:#e4c36a}.crokcoin-confetti-bit.tone1{background:#f6d56a}.crokcoin-confetti-bit.tone2{background:#8fbe8a}.crokcoin-confetti-bit.tone3{background:#cfe6c4}.crokcoin-overlay.is-started.is-static{animation:crokcoin-overlay-in .18s ease-out}.crokcoin-overlay.is-static .crokcoin-overlay-title,.crokcoin-overlay.is-static .crokcoin-overlay-reward,.crokcoin-overlay.is-static .crokcoin-overlay-sub,.crokcoin-overlay.is-static .crokbank{animation:none;opacity:1;transform:none}.crokcoin-overlay.is-static .crokbank{transform:translate(-50%)}.crokcoin-overlay.is-static .crokcoin-flyer,.crokcoin-overlay.is-static .crokcoin-confetti,.crokcoin-overlay.is-static .crokcoin-sparks,.crokcoin-overlay.is-static .crokbank-slot-front{display:none}@keyframes crokcoin-overlay-in{0%{opacity:0}to{opacity:1}}@keyframes crokcoin-overlay-out{to{opacity:0}}@keyframes crokcoin-copy-in{to{opacity:1;transform:scale(1)}}@keyframes crokbank-enter{0%{transform:translate(-50%) translateY(115%)}to{transform:translate(-50%) translateY(0)}}@keyframes crokbank-bounce{0%{transform:translate(-50%) scale(1)}35%{transform:translate(-50%) scale(1.05)}70%{transform:translate(-50%) scale(.985)}to{transform:translate(-50%) scale(1)}}@keyframes crokcoin-spark{0%{opacity:0;transform:rotate(var(--rot)) scaleY(.15) translateY(8px)}28%{opacity:.85}to{opacity:0;transform:rotate(var(--rot)) scaleY(1) translateY(-18px)}}@keyframes crokcoin-confetti{0%{opacity:0;transform:translate(0) rotate(0)}18%{opacity:1}to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(var(--rot))}}@media (max-width: 768px){.crokcoin-overlay-copy{width:min(92vw,360px)}.crokcoin-overlay-title{font-size:26px}.crokcoin-overlay-reward{font-size:16px}.crokbank{width:clamp(260px,62vw,340px);bottom:7vh}}@media (max-width: 390px){.crokcoin-overlay-title{font-size:24px}.crokcoin-overlay-reward{font-size:16px;padding:7px 14px}.crokbank{width:clamp(230px,74vw,280px);bottom:6vh}}.ile-hint-field{display:grid;gap:4px;margin-top:8px;font-size:12.5px;color:var(--color-text-secondary, #5b6b5f)}.calendar-page .ui-page-header__actions{display:grid;grid-template-columns:minmax(220px,260px) auto;grid-template-rows:16px 41px auto;align-items:stretch;column-gap:10px;row-gap:4px}.calendar-page .ui-page-header__actions>.btn{grid-column:2;grid-row:2;height:41px;box-sizing:border-box}.timezone-field{display:contents}.timezone-field__label{grid-column:1;grid-row:1;height:16px;line-height:16px;font-size:11px;color:#637c6b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.timezone-field__control{position:relative;grid-column:1;grid-row:2}.timezone-field input{display:block;width:100%;height:41px;box-sizing:border-box;padding:0 12px;border:1px solid #cfe0d3;border-radius:10px;background:#fff;color:#183d2a}.timezone-field input:focus{outline:none;border-color:#4f9466;box-shadow:0 0 0 3px #4f946629}.timezone-field__hint,.timezone-field .alert{grid-column:1;grid-row:3}.timezone-field__hint{font-size:11px;color:#637c6b}.timezone-results{position:absolute;z-index:20;top:calc(100% + 6px);left:0;right:0;display:grid;gap:6px;max-height:260px;overflow:auto;padding:8px;border:1px solid #dce8df;border-radius:12px;background:#fff;box-shadow:0 12px 32px #10311e24}.timezone-results__status{padding:12px;color:#6c7b71;text-align:center}.timezone-result{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;padding:11px 12px;border:1px solid #dce8df;border-radius:11px;background:#fff;color:#193c29;text-align:left;cursor:pointer}.timezone-result:hover{border-color:#4f9466;background:#eff8f1}.timezone-result>span:first-child{display:grid;gap:2px;min-width:0}.timezone-result small{overflow:hidden;color:#66776b;text-overflow:ellipsis;white-space:nowrap}.timezone-result__offset{flex:0 0 auto;color:#cc6f25;font-weight:700}@media (max-width: 768px){.calendar-page .ui-page-header__actions{width:100%;grid-template-columns:1fr auto}}@media (max-width: 390px){.calendar-page .ui-page-header__actions{grid-template-columns:1fr;grid-template-rows:16px 41px auto auto}.calendar-page .ui-page-header__actions>.btn{grid-column:1;grid-row:4;width:100%}}.ia-open-answer__toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:10px}.ia-open-att-list{list-style:none;margin:10px 0 0;padding:0;display:flex;flex-direction:column;gap:8px}.ia-open-att{display:flex;flex-wrap:wrap;align-items:center;gap:10px;padding:8px 10px;border:1px solid rgba(36,56,45,.12);border-radius:10px;background:#fff}.ia-open-att__thumb{width:56px;height:56px;object-fit:cover;border-radius:8px}.ia-open-att__video{width:min(280px,100%);max-height:160px;border-radius:8px}.ia-open-att__name{flex:1;min-width:0;word-break:break-word}.ia-open-att__icon{font-size:12px;color:#24382d8c}.ia-open-review{display:flex;flex-direction:column;gap:8px}.annual-promo{max-width:520px;margin:0 auto 22px;padding:18px 20px 16px;text-align:center;border:1px solid color-mix(in srgb,#24382d 12%,#eaeaea);border-radius:16px;background:color-mix(in srgb,#d9f2e6 42%,#fff)}.annual-promo.annual-promo--full{max-width:none;width:100%;box-sizing:border-box;margin-left:0;margin-right:0}.annual-promo__kicker{margin:0;font-size:1.15rem;font-weight:750;color:#24382d;letter-spacing:.01em}.annual-promo__until{margin:4px 0 0;font-size:.92rem;color:#24382d9e}.annual-promo__lead{margin:12px 0 10px;font-size:.88rem;color:#24382db3}.annual-promo__clock{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.annual-promo__unit{min-width:0;padding:8px 4px;border-radius:10px;background:#fff;border:1px solid color-mix(in srgb,#24382d 10%,#eaeaea)}.annual-promo__unit strong{display:block;font-size:1.35rem;font-weight:750;color:#24382d;line-height:1.1;font-variant-numeric:tabular-nums}.annual-promo__unit span{display:block;margin-top:2px;font-size:.72rem;color:#24382d8c}.billing-toggle button,.subscription-page .billing-toggle button{display:inline-flex;align-items:center;justify-content:center;gap:6px;white-space:nowrap}.billing-toggle__promo{display:inline-flex;align-items:center;flex-shrink:0;padding:1px 6px;border-radius:999px;background:#f8b010;color:#24382d;font-size:.72rem;font-weight:800;letter-spacing:.02em;line-height:1.2}.subscription-card__promo-row{display:flex;align-items:center;gap:8px;margin-bottom:6px;font-size:.78rem}.subscription-card__badge{display:inline-flex;padding:2px 7px;border-radius:999px;background:color-mix(in srgb,#f8b010 18%,#fff);color:#b06e00;font-size:.75rem;font-weight:800}.subscription-card__until{color:#24382d8c;font-weight:500}.subscription-card__checkout-breakdown{margin:0;font-size:.85rem;line-height:1.45;color:#24382db8}@media (max-width: 430px){.subscription-card__price--stack{gap:6px}.subscription-card__price-old{display:block;margin-right:0;font-size:.95rem}.subscription-card__badge--wheel{max-width:100%;white-space:normal}.annual-promo{padding:14px 12px 12px;margin-bottom:16px}.annual-promo__clock{gap:6px}.annual-promo__unit strong{font-size:1.12rem}.billing-toggle,.subscription-page .billing-toggle{width:100%;max-width:100%;min-width:0;box-sizing:border-box}.billing-toggle button,.subscription-page .billing-toggle button{padding:7px 8px;font-size:.92rem;gap:4px}.billing-toggle__promo{padding:1px 5px;font-size:.68rem}}.call-type-modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;background:#14231e47;backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px)}.call-type-modal{position:relative;box-sizing:border-box;width:min(736px,calc(100vw - 40px));max-width:736px;max-height:min(90dvh,calc(100vh - 40px));overflow-y:auto;padding:52px 38px 38px;border-radius:20px;background:#fff;border:1px solid var(--border-default);box-shadow:var(--shadow-elevated)}.call-type-modal__close{position:absolute;top:28px;right:30px;display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--color-ink-60);cursor:pointer;border-radius:8px;transition:color .18s ease}.call-type-modal__close:hover{color:var(--color-ink);background:transparent}.call-type-modal__close:focus{outline:none}.call-type-modal__close:focus-visible{outline:2px solid color-mix(in srgb,var(--color-primary) 55%,transparent);outline-offset:2px}.call-type-modal__close svg{width:26px;height:26px}.call-type-modal__title{margin:0;text-align:center;font-family:var(--font-display);font-size:32px;font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-ink)}.call-type-modal__subtitle{margin:6px 0 0;text-align:center;font-size:19px;font-weight:500;line-height:1.35;color:var(--color-ink-60)}.call-type-modal__cards{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.call-type-card{appearance:none;-webkit-appearance:none;display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;height:208px;margin:0;padding:20px 16px;border-radius:16px;cursor:pointer;font:inherit;text-align:center;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease,filter .18s ease}.call-type-card:focus{outline:none}.call-type-card:focus-visible{outline:2px solid var(--color-ink);outline-offset:3px}.call-type-card--audio{background:#fff;border:1px solid rgba(36,56,45,.16);color:var(--color-ink)}.call-type-card--audio:hover{border-color:#24382d52;box-shadow:0 8px 22px #24382d14;transform:translateY(-2px)}.call-type-card--audio .call-type-card__icon-wrap{background:#24382d1a;color:var(--color-ink)}.call-type-card--video{background:var(--color-ink);border:1px solid transparent;color:#fff;box-shadow:0 10px 28px #24382d33}.call-type-card--video:hover{transform:translateY(-2px);filter:brightness(1.06);box-shadow:0 14px 32px #24382d47}.call-type-card--video:focus-visible{outline-color:#fff;box-shadow:0 0 0 4px #24382d73,0 10px 28px #24382d33}.call-type-card--video .call-type-card__icon-wrap{background:#ffffff29;color:#fff}.call-type-card__icon-wrap{display:flex;align-items:center;justify-content:center;width:74px;height:74px;border-radius:50%;flex-shrink:0}.call-type-card__icon{width:32px;height:32px;stroke-width:2.5}.call-type-card__label{margin-top:18px;font-size:22px;font-weight:700;line-height:1.2;letter-spacing:-.01em}@media (max-width: 640px){.call-type-modal-overlay{padding:12px}.call-type-modal{width:calc(100vw - 24px);max-width:none;padding:28px 18px 20px}.call-type-modal__close{top:16px;right:14px}.call-type-modal__title{font-size:26px;padding:0 28px}.call-type-modal__subtitle{font-size:16px;padding:0 8px}.call-type-modal__cards{grid-template-columns:1fr;gap:12px;margin-top:24px}.call-type-card{height:152px}.call-type-card__icon-wrap{width:62px;height:62px}.call-type-card__icon{width:27px;height:27px}.call-type-card__label{margin-top:14px;font-size:20px}}.parent-child-create-form{max-width:960px;width:100%;overflow-x:hidden}.parent-child-create-form__names{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-width:960px;width:100%}.parent-child-create-form__names .form-group{min-width:0}.parent-child-create-form__names .form-group input{width:100%;max-width:none}.parent-child-create-form__password{max-width:360px;width:100%}.parent-child-create-form__password input{width:100%;max-width:360px}.parent-child-create-form__submit{width:auto;min-width:240px;align-self:flex-start}.parent-child-credentials-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:80;display:flex;align-items:center;justify-content:center;padding:24px 16px;background:#141c1673}.parent-child-credentials-modal{width:min(100%,440px);padding:22px 22px 18px}.parent-child-cred-row{display:flex;gap:8px;align-items:center}.parent-child-cred-row input{flex:1;min-width:0}.empty-state.empty-state--compact{padding:28px 20px;min-height:0}.empty-state.empty-state--compact .empty-illustration{display:none}@media (max-width: 900px){.parent-child-create-form__names{grid-template-columns:repeat(2,minmax(0,1fr))}.parent-child-create-form__names .form-group:last-child{grid-column:1 / -1}}@media (max-width: 640px){.parent-child-create-form,.parent-child-create-form__names,.parent-child-create-form__password,.parent-child-create-form__password input{max-width:none;width:100%}.parent-child-create-form__names{grid-template-columns:minmax(0,1fr)}.parent-child-create-form__names .form-group:last-child{grid-column:auto}.parent-child-create-form__submit{width:100%;min-width:0}}.fw{--fw-deep: #1b4634;--fw-deep-2: #143528;--fw-green: #2f7350;--fw-green-2: #256044;--fw-gold: #ffc94d;--fw-gold-2: #f2ac1c;--fw-cream: #fbfdf8;--fw-cream-2: #e9f3e4;--fw-ink: #22352b;--fw-rim-a: #ffe0a0;--fw-rim-b: #eda617;position:relative;width:100%;aspect-ratio:1 / 1;margin-inline:auto;font-family:var(--font-ui, "Inter", system-ui, sans-serif);isolation:isolate}.fw--guest{max-width:440px}.fw--teacher{max-width:330px}.fw:before{content:"";position:absolute;top:-6%;right:-6%;bottom:-6%;left:-6%;border-radius:50%;background:radial-gradient(circle at 50% 42%,#f8b01033,#f8b01000 62%);opacity:.9;z-index:0;animation:fw-ambient 6s ease-in-out infinite}.fw--teacher:before{background:radial-gradient(circle at 50% 42%,#1f4d3a24,#1f4d3a00 62%);animation:none}@keyframes fw-ambient{0%,to{opacity:.65}50%{opacity:1}}.fw-rotor-clip{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;overflow:clip;border-radius:50%;pointer-events:none}.fw-rotor{position:absolute;top:0;right:0;bottom:0;left:0;will-change:transform;transform-origin:50% 50%;backface-visibility:hidden}.fw-rotor svg,.fw-frame svg{display:block;width:100%;height:100%;overflow:hidden}.fw-seg-main,.fw-seg-sub{font-family:var(--font-ui, "Inter", system-ui, sans-serif);paint-order:stroke fill}.fw-seg-main{font-weight:800;letter-spacing:-.02em}.fw-seg-sub{font-weight:600;letter-spacing:.01em;opacity:.86}.fw-seg--percent .fw-seg-main{font-size:31px}.fw-seg--percent .fw-seg-sub{font-size:12.5px}.fw-seg--days .fw-seg-main{font-size:16px}.fw-seg--days .fw-seg-sub{font-size:10.5px;letter-spacing:-.015em}.fw-win-ring{fill:none;stroke:#fff3d0;stroke-width:3;opacity:.95}.fw-win-flash{fill:#fff;opacity:0;animation:fw-win-flash .62s ease-out 1}.fw--teacher .fw-win-flash{animation-duration:.46s}@keyframes fw-win-flash{0%{opacity:0}22%{opacity:.34}55%{opacity:.12}to{opacity:0}}.fw-frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none}.fw-hub{position:absolute;top:50%;left:50%;width:21%;height:21%;transform:translate(-50%,-50%);z-index:3;border-radius:50%;background:linear-gradient(160deg,#fff,#f2f8ef);box-shadow:0 0 0 4px var(--fw-gold),0 0 0 6px #ffffffe6,0 6px 16px #14352847;display:grid;place-items:center;animation:fw-breathe 3.6s ease-in-out infinite}.fw-hub svg{width:56%;height:56%;display:block}@keyframes fw-breathe{0%,to{transform:translate(-50%,-50%) scale(1)}50%{transform:translate(-50%,-50%) scale(1.035)}}.fw-pointer{position:absolute;top:0;left:50%;width:11.5%;transform:translate(-50%);transform-origin:50% 20%;z-index:4;filter:drop-shadow(0 4px 8px rgba(20,53,40,.32));animation:fw-pointer-idle 2.8s ease-in-out infinite}.fw-pointer svg{display:block;width:100%;height:auto}@keyframes fw-pointer-idle{0%,to{transform:translate(-50%) translateY(0)}50%{transform:translate(-50%) translateY(-3%)}}.fw.is-landed .fw-pointer{animation:fw-pointer-land .52s cubic-bezier(.34,1.56,.64,1) 1}@keyframes fw-pointer-land{0%{transform:translate(-50%) rotate(0)}30%{transform:translate(-50%) rotate(-7deg)}60%{transform:translate(-50%) rotate(3deg)}to{transform:translate(-50%) rotate(0)}}.fw.is-spinning .fw-hub,.fw.is-spinning:before{animation-play-state:paused}.fw-sparks{position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;pointer-events:none}.fw-spark{position:absolute;top:12%;left:50%;width:8px;height:8px;margin:-4px 0 0 -4px;border-radius:50%;background:radial-gradient(circle,#fff6d8 0%,var(--fw-gold) 60%,rgba(248,176,16,0) 72%);opacity:0;animation:fw-spark .76s ease-out 1}@keyframes fw-spark{0%{opacity:0;transform:translate(0) scale(.3)}25%{opacity:1}to{opacity:0;transform:translate(var(--sx),var(--sy)) scale(1)}}@media (prefers-reduced-motion: reduce){.fw:before,.fw-hub,.fw-pointer,.fw.is-landed .fw-pointer,.fw-win-flash,.fw-spark{animation:none!important}.fw-sparks{display:none}}.wheel-modal-overlay{padding:20px 16px;align-items:center;background:#14281f9e;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overflow-x:hidden;overflow-x:clip;overflow-y:auto}.modal.wheel-modal{position:relative;width:min(1000px,calc(100vw - 48px));max-width:calc(100vw - 48px);max-height:calc(100dvh - 40px);overflow-x:hidden;overflow-x:clip;overflow-y:auto;overscroll-behavior:contain;padding:0;border-radius:22px;border:1px solid rgba(31,77,58,.08);background:var(--color-white);box-shadow:0 28px 72px #0f261c38;font-family:var(--font-ui)}.wheel-modal .modal-close{position:absolute;top:18px;right:18px;z-index:6;width:36px;height:36px;display:grid;place-items:center;font-size:22px;line-height:1;color:var(--text-secondary);background:#ffffffe6;border:1px solid var(--border-default);border-radius:50%;cursor:pointer;transition:background .15s ease,color .15s ease}.wheel-modal .modal-close:hover{background:var(--color-ink-06);color:var(--text-primary)}.wheel-modal .modal-close:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.wheel-modal-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1fr);gap:36px;align-items:center;padding:28px 36px 24px}.wheel-modal--result .wheel-modal-grid{align-items:start}.wheel-modal-copy{display:flex;flex-direction:column;align-items:flex-start;gap:14px;min-width:0;text-align:left}.wheel-modal-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px 7px 10px;border-radius:999px;background:var(--brand-gold-soft);color:#8a5a00;font-size:12.5px;font-weight:700;letter-spacing:.01em}.wheel-modal-badge svg{width:16px;height:16px;flex:none}.wheel-modal .wheel-modal-title{margin:0;text-align:inherit}.wheel-modal-title{margin:0;font-family:var(--font-display);font-size:clamp(26px,3vw,38px);line-height:1.12;font-weight:700;letter-spacing:-.02em;color:var(--brand-green)}.wheel-modal--result .wheel-modal-title{font-size:clamp(28px,2.8vw,34px);line-height:1.12}.wheel-modal-title em{font-style:normal;color:var(--brand-urok)}.wheel-modal-subtitle{margin:0;font-size:15.5px;line-height:1.5;color:var(--text-secondary);max-width:42ch}.wheel-modal-perks{list-style:none;margin:4px 0 0;padding:0;display:grid;gap:8px;width:100%}.wheel-modal-perks li{display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:var(--radius-md);border:1px solid var(--border-default);background:var(--color-ink-03);font-size:14px;color:var(--text-primary)}.wheel-modal-perks svg{width:18px;height:18px;flex:none;color:var(--brand-green)}.wheel-modal-cta{width:100%;min-height:50px;margin-top:4px;border-radius:10px;font-size:17px;font-weight:700;letter-spacing:.01em;box-shadow:0 10px 24px #1f4d3a38}.wheel-modal-cta:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}a.wheel-modal-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.wheel-modal-note{margin:0;font-size:12.5px;line-height:1.45;color:var(--text-muted)}.wheel-modal-error{margin:0;padding:10px 12px;width:100%;border-radius:var(--radius-sm);background:var(--color-ink-06);border:1px solid var(--border-default);font-size:13px;color:var(--text-primary)}.wheel-modal-prize{display:flex;align-items:center;gap:12px;width:100%;min-height:58px;padding:14px 16px;border-radius:12px;border:1px solid rgba(248,176,16,.4);background:linear-gradient(135deg,#f8b01024,#f8b0100a)}.wheel-modal-prize svg{width:26px;height:26px;flex:none;color:var(--brand-gold)}.wheel-modal-prize span{font-size:14px;line-height:1.45;color:var(--text-primary)}.wheel-extra-gift{width:100%;min-height:150px;margin-top:6px;border-radius:14px;border:1px solid rgba(47,115,80,.22);background:#f4faf5;overflow:hidden}.wheel-extra-gift-chip{display:inline-flex;align-items:center;gap:7px;min-height:32px;padding:6px 12px 6px 10px;border-radius:0 0 10px;background:#1f4d3a14;color:var(--brand-green);font-size:12.5px;font-weight:600}.wheel-extra-gift-chip svg{width:14px;height:14px;flex:none}.wheel-extra-gift-body{display:grid;grid-template-columns:96px minmax(0,1fr);gap:18px;align-items:center;padding:10px 16px 16px}.wheel-extra-gift-art{width:86px;height:86px;display:block;justify-self:center;object-fit:contain;pointer-events:none;-webkit-user-select:none;user-select:none}.wheel-extra-gift-copy{min-width:0}.wheel-extra-gift-title{margin:0;font-size:19px;line-height:1.25;font-weight:700;color:var(--brand-green)}.wheel-extra-gift-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:11px;min-height:40px;padding:0 16px;border-radius:8px;border:1px solid var(--brand-green);background:#fff;color:var(--brand-green);font-size:14px;font-weight:600;cursor:pointer}.wheel-extra-gift-cta:hover{background:#f4faf5}.wheel-extra-gift-cta:focus-visible{outline:2px solid var(--brand-green);outline-offset:2px}.wheel-modal-wheel{position:relative;display:flex;align-items:flex-end;justify-content:center;min-width:0;max-width:100%;padding-bottom:8px}.wheel-modal-mascot{position:absolute;right:-4px;bottom:-4px;width:124px;height:auto;z-index:3;pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 10px 18px rgba(20,53,40,.2))}.wheel-modal-trust{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;min-height:66px;padding:14px 36px;border-top:1px solid var(--border-default);background:var(--color-ink-03);border-radius:0 0 21px 21px}.wheel-modal-trust div{display:flex;align-items:center;gap:10px;font-size:12.5px;line-height:1.35;color:var(--text-secondary)}.wheel-modal-trust strong{display:block;font-size:13px;font-weight:600;color:var(--text-primary)}.wheel-modal-trust svg{width:20px;height:20px;flex:none;color:var(--brand-green)}.modal.wheel-modal--daily{width:min(760px,100%);max-width:min(760px,100%)}.wheel-modal--daily .wheel-modal-grid{grid-template-columns:minmax(0,1fr) minmax(0,.86fr);gap:24px;padding:30px 30px 26px}.wheel-modal--daily .wheel-modal-title{font-size:clamp(22px,2.4vw,28px)}.wheel-modal--daily .wheel-modal-cta{min-height:48px;font-size:15.5px}.modal.wheel-modal--note{width:min(520px,100%);max-width:min(520px,100%)}.wheel-modal--note .wheel-modal-copy{display:flex;padding:34px 30px 30px}.wheel-modal--note .wheel-modal-title{font-size:clamp(21px,2.2vw,26px)}.wheel-card{display:flex;flex-direction:column;gap:14px;border:1px solid var(--border-default);background:linear-gradient(180deg,#1f4d3a0b,#fff0 46%)}.wheel-card--lead{margin:0 0 16px;padding:18px 20px;border-color:color-mix(in srgb,var(--brand-gold, #f8b010) 42%,var(--border-default));box-shadow:0 8px 22px color-mix(in srgb,var(--color-ink, #24382d) 8%,transparent)}@media (min-width: 720px){.wheel-card--lead .wheel-card-spin{flex-direction:row;align-items:center;justify-content:space-between;gap:16px 24px}.wheel-card--lead .wheel-card-cta{width:auto;min-width:200px;flex:none}}.wheel-card-head{display:flex;align-items:center;gap:10px}.wheel-card-icon{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:10px;background:var(--brand-gold-soft);color:#8a5a00}.wheel-card-icon svg{width:19px;height:19px}.wheel-card-title{margin:0;font-size:16px;font-weight:700;letter-spacing:-.01em;color:var(--text-primary)}.wheel-card-desc{margin:0;font-size:13.5px;line-height:1.5;color:var(--text-secondary)}.wheel-card-reward{display:flex;flex-direction:column;gap:8px;padding:14px;border-radius:var(--radius-md);border:1px solid rgba(248,176,16,.38);background:linear-gradient(135deg,#f8b01021,#f8b01008)}.wheel-card-reward-value{margin:0;display:flex;align-items:baseline;gap:8px;font-size:14px;color:var(--text-secondary)}.wheel-card-reward-value strong{font-size:26px;font-weight:800;letter-spacing:-.02em;color:var(--brand-green)}.wheel-card-timer{margin:0;font-size:12.5px;line-height:1.4;color:var(--text-muted)}.wheel-card-timer strong{font-weight:600;color:var(--text-secondary);font-variant-numeric:tabular-nums}.wheel-card-cta{width:100%;min-height:42px}a.wheel-card-cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.wheel-card-spin{display:flex;flex-direction:column;gap:12px}.wheel-card-error{margin:0;font-size:12.5px;color:var(--text-primary)}.alert.wheel-discount-banner{padding:14px 18px;border-radius:var(--radius-lg);border:1px solid rgba(248,176,16,.4);background:linear-gradient(135deg,#f8b01021,#f8b01008);color:var(--text-primary);font-size:14px;line-height:1.5;font-variant-numeric:tabular-nums}.alert.wheel-discount-banner strong{font-weight:700;color:var(--brand-green)}.subscription-card__price--stack{display:flex;flex-direction:column;align-items:flex-start;gap:4px}.subscription-card__price-old{display:block;margin-right:0;text-decoration:line-through;color:var(--text-muted);font-weight:500;font-size:.95rem}.subscription-card__price-now{display:block;font-size:1.6rem;font-weight:700;line-height:1.2}.subscription-card__badge--wheel{margin-bottom:2px}.subscription-card__wheel-discount{display:inline-block;margin-top:4px;font-size:12px;font-weight:600;color:var(--brand-green)}@media (max-width: 899px){.wheel-modal-grid,.wheel-modal--daily .wheel-modal-grid{gap:22px;padding:44px 22px 24px}.fw--guest{max-width:360px}.wheel-modal-mascot{width:96px}.wheel-modal-trust{padding:14px 22px}}@media (max-width: 767px){.wheel-modal-grid,.wheel-modal--daily .wheel-modal-grid{grid-template-columns:minmax(0,1fr);gap:18px;padding:44px 20px 22px;justify-items:center}.wheel-modal-copy{display:contents}.wheel-modal-grid>*,.wheel-modal-copy>*{justify-self:stretch;width:100%;max-width:420px;text-align:center}.wheel-modal-badge{justify-self:center;width:auto}.wheel-modal-perks li,.wheel-modal-prize{text-align:left}.wheel-modal-badge{order:1}.wheel-modal-title{order:2}.wheel-modal-subtitle{order:3}.wheel-modal-prize{order:4}.wheel-modal-wheel{order:5;padding:4px 0 10px}.wheel-modal-cta{order:6}.wheel-modal-note{order:7}.wheel-extra-gift{order:8;text-align:left}.wheel-modal-perks{order:9}.wheel-modal-error{order:10}.wheel-modal--result .wheel-modal-cta{order:5}.wheel-modal--result .wheel-modal-note{order:6}.wheel-modal--result .wheel-modal-wheel{order:7}.wheel-modal--result .wheel-extra-gift{order:8}.wheel-modal-trust{grid-template-columns:1fr;gap:10px;min-height:0;padding:14px 20px 16px}.fw--guest,.fw--teacher{max-width:min(330px,82vw)}}@media (max-width: 480px){.wheel-modal-overlay{padding:12px}.modal.wheel-modal{width:calc(100vw - 24px);max-width:calc(100vw - 24px);border-radius:20px;max-height:calc(100dvh - 24px)}.wheel-modal-grid,.wheel-modal--daily .wheel-modal-grid{padding:42px 14px 18px}.wheel-modal-title{font-size:23px}.wheel-modal-subtitle{font-size:14px}.wheel-modal-perks{display:none}.wheel-extra-gift-body{grid-template-columns:70px minmax(0,1fr);gap:12px;padding:8px 12px 14px}.wheel-extra-gift-art{width:68px;height:68px}.wheel-extra-gift-title{font-size:16px}.fw--guest,.fw--teacher{max-width:min(330px,82vw)}}@media (max-width: 360px){.wheel-extra-gift-body{grid-template-columns:1fr;justify-items:center;text-align:center}.wheel-extra-gift-cta{width:100%}}.wheel-modal-notice{margin:0 0 8px;padding:10px 12px;border-radius:12px;background:color-mix(in srgb,var(--brand-green, #2f7350) 8%,#fff);color:var(--text-secondary, #4a5c52);font-size:13.5px;line-height:1.45}.wheel-modal-subtitle--prize{font-weight:700;color:var(--text-primary)}.guest-discount-chip{position:fixed;left:16px;bottom:18px;z-index:40}.guest-discount-chip__btn{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 12px;border:1px solid color-mix(in srgb,var(--brand-gold, #f8b010) 55%,var(--border-default, #d7e0d6));border-radius:999px;background:#fff;box-shadow:0 8px 20px #24382d1f;color:var(--text-primary, #22352b);font:inherit;font-size:13px;font-weight:650;cursor:pointer}.guest-discount-chip__sep{opacity:.45}.guest-discount-chip__pop{position:absolute;left:0;bottom:calc(100% + 8px);width:min(240px,78vw);padding:10px 12px;border-radius:12px;border:1px solid var(--border-default, #d7e0d6);background:#fff;box-shadow:0 10px 24px #24382d24;font-size:13px;line-height:1.4}.guest-discount-chip__pop p{margin:4px 0 0;color:var(--text-secondary, #4a5c52)}.lp-wheel-monthly-hint{margin:8px 0 0;text-align:center;font-size:13px;color:var(--text-secondary, #4a5c52)}.wheel-gift-card{margin:0 0 16px;padding:16px 18px;border-radius:16px;border:1px solid color-mix(in srgb,var(--brand-gold, #f8b010) 45%,var(--border-default, #d7e0d6));background:linear-gradient(135deg,#f8b0101a,#fff9)}.wheel-gift-card__badge{font-size:13px;font-weight:700;margin-bottom:6px}.wheel-gift-card__title{margin:0 0 6px;font-size:16px;line-height:1.35;font-weight:650}.wheel-gift-card__until{margin:0 0 12px;font-size:13px;color:var(--text-secondary, #4a5c52)}@media (max-width: 350px){.wheel-modal-grid,.wheel-modal--daily .wheel-modal-grid{padding:40px 10px 16px}.wheel-modal-title{font-size:21px}.fw--guest,.fw--teacher{max-width:min(250px,86vw)}}