:root{--background:#eef3f4;--foreground:#172126;--surface:#ffffffc7;--surface-strong:#ffffffeb;--line:#1721261f;--font-sans:"Avenir Next", "Segoe UI", "Helvetica Neue", Arial, sans-serif;--font-mono:"SFMono-Regular", "SF Mono", Consolas, "Liberation Mono", monospace}html{height:100%}html,body{max-width:100vw;overflow-x:hidden}body{min-height:100%;color:var(--foreground);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(#f8faf9 0%,#e6eef1 100%);flex-direction:column;padding-top:51px;display:flex}*{box-sizing:border-box;margin:0;padding:0}a{color:inherit;text-decoration:none}.appTopBar{z-index:1000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#172126bd;background:#f8faf9f0;border-bottom:1px solid #1721261f;justify-content:space-between;align-items:center;gap:10px;min-height:38px;padding:6px 24px;font-size:.78rem;display:flex;position:fixed;top:0;left:0;right:0}.appTopBarBrand{align-items:center;gap:10px;min-width:0;display:flex}.appTopBarMeta{flex-wrap:wrap;gap:6px 16px;min-width:0;display:flex}.appTopBarMeta strong{color:#172126;font-weight:800}.appTopBarActions{flex:none;align-items:center;gap:6px;display:flex}.appTopBarButton{color:#174d5d;min-height:28px;font:inherit;cursor:pointer;background:#fff;border:1px solid #17212629;border-radius:6px;padding:5px 10px;font-weight:800}.appTopBarButton:disabled{cursor:not-allowed;opacity:.56}.appTopBarLanguage{color:#172126a3;align-items:center;gap:6px;min-height:28px;font-weight:800;display:inline-flex}.appTopBarLanguage select{color:#174d5d;min-height:28px;font:inherit;background:#fff;border:1px solid #17212629;border-radius:6px;padding:4px 24px 4px 8px;font-weight:800}.appTopBarLogoButton{cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:grid}.appTopBarLogoButton:hover{background:#1721260f}.appTopBarLogo{object-fit:contain;width:auto;max-width:34px;height:auto;max-height:34px;display:block}.objectThumbnail{color:#174d5d;background:linear-gradient(135deg,#1c6b8029,#287a5a1f),#f7faf9;border:1px solid #17212624;border-radius:8px;grid-template-rows:minmax(0,1fr);min-height:104px;display:grid;overflow:hidden}.objectThumbnailVisual{place-items:center;gap:4px;min-height:0;padding:4px;display:grid}.objectThumbnailImage{object-fit:contain;width:100%;height:100%;min-height:0;display:block}.objectThumbnail-compact{aspect-ratio:1;width:96px;height:96px;min-height:96px}.objectThumbnail-compact.objectThumbnail-portrait{grid-template-rows:1fr;grid-template-columns:1fr}.objectThumbnail-compact.objectThumbnail-portrait .objectThumbnailVisual,.objectThumbnail-compact.objectThumbnail-landscape .objectThumbnailVisual{min-height:0}.objectThumbnail-compact strong{font-size:1.12rem}.objectThumbnailPlaceholder{grid-template-columns:1fr;align-content:center}.objectThumbnailPlaceholderMeta{background:#ffffff8f;align-content:start;gap:5px;width:100%;height:100%;padding:8px;display:grid}.objectThumbnailPlaceholder span,.objectThumbnailPlaceholder strong{text-align:center}.objectThumbnail .objectThumbnailPlaceholderMeta span{color:#172126ad;letter-spacing:0;text-align:left;text-overflow:ellipsis;text-transform:none;white-space:normal;font-size:.63rem;font-weight:800;line-height:1.12;overflow:hidden}.objectThumbnail span{color:#1721269e;letter-spacing:.07em;text-transform:uppercase;font-size:.72rem;font-weight:800}.objectThumbnail strong{letter-spacing:0;font-size:1.6rem}.objectThumbnail-unit{background:linear-gradient(135deg,#287a5a2e,#1c6b801a),#f7faf9}.objectThumbnail-lesson{background:linear-gradient(135deg,#7e5d2b24,#1c6b801a),#f7faf9}@media (max-width:640px){body{padding-top:112px}.appTopBar{align-items:flex-start;gap:8px;padding:6px 12px}.appTopBarMeta{gap:2px;display:grid}.appTopBarLanguage span{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.appTopBarBrand{align-items:flex-start}.appTopBarActions{flex-wrap:wrap;justify-content:flex-end}}