@import url("/assets/range-controls.css?v=1");
/* Small finishing details. Page colors, typography, dimensions and layout stay local. */
.cozy-ui :where(button,input,select,textarea,dialog) {
  font-family: inherit;
}
.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
  .hero-shop-btn,.login-button,.signup-button,.shop-button,.control-btn,.btn,
  .choice-button,.logout-button,.featured-arrow,.composer-arrow) {
  border-radius: 14px !important;
  transition: transform 180ms ease, box-shadow 180ms ease, background-color 180ms ease,
    border-color 180ms ease, opacity 180ms ease;
}
.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
  .hero-shop-btn,.login-button,.signup-button,.shop-button,.control-btn,.btn):not(:disabled) {
  box-shadow: none;
}
@media (hover:hover) and (pointer:fine) {
  .cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
    .hero-shop-btn,.login-button,.signup-button,.shop-button,.control-btn,.btn,
    .featured-arrow,.composer-arrow):not(:disabled):hover {
    transform: translateY(-2px);
    box-shadow: 0 6px 14px rgba(15,23,42,.13), inset 0 1px 0 rgba(255,255,255,.2);
  }
  .cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
    .hero-shop-btn,.login-button,.signup-button,.shop-button,.control-btn,.btn):not(:disabled):active {
    transform: translateY(0); box-shadow: 0 1px 4px rgba(15,23,42,.1);
  }
  .cozy-ui :is(.button,.hero-button,.main-button) > .fa-arrow-right {
    transition: transform 180ms ease;
  }
  .cozy-ui :is(.button,.hero-button,.main-button):hover > .fa-arrow-right {
    transform: translateX(3px);
  }
}
.cozy-ui :is(.side-link,.quick-link,.social-button,.top-chip,.tag) {
  border-radius: 12px;
  transition: box-shadow 180ms ease, background-color 180ms ease, border-color 180ms ease;
}
/* Font Awesome glyph widths vary; keep shared navigation icons aligned. */
.cozy-ui :is(.side-link,.quick-left,.hero-label,.header-label) > :is(.fa-solid,.fa-regular,.fa-brands) {
  width: 1.25em; flex: 0 0 1.25em; text-align: center;
}
.cozy-ui :is(.card,.right-card,.info-card,.tool-card,.classroom-card,.lesson-card,
  .game-card,.quiz-card,.journal-note,.collection-card,.report-card,.login-shell,.signup-shell) {
  box-shadow: 0 1px 3px rgba(15,23,42,.035);
}
.cozy-ui :is(input:not([type=range]):not([type=checkbox]):not([type=radio]),textarea,select) {
  transition: box-shadow 180ms ease, border-color 180ms ease;
}
.cozy-ui :is(a,button,input,select,textarea):focus-visible {
  outline: 2px solid currentColor; outline-offset: 3px;
}
.cozy-ui :is(.hero,.page-header) { position: relative; }
.cozy-ui .ui-header-detail {
  position: absolute; right: 26px; top: 50%; transform: translateY(-50%);
  width: 110px; height: 110px; display: grid; place-items: center;
  color: inherit; opacity: .085; pointer-events: none; user-select: none;
  border: 1px solid currentColor; border-radius: 28px;
  overflow: hidden;
}
.cozy-ui .ui-header-detail::before {
  content: ''; position: absolute; inset: 11px; border: 1px solid currentColor;
  border-radius: 21px; transform: rotate(-8deg);
}
.cozy-ui .ui-header-detail i {
  font-size: 48px;
}
.cozy-ui .hero :is(h1,p,.hero-label), .cozy-ui .page-header :is(h1,p,.header-label) {
  position: relative;
}
.cozy-ui .hero-logo { filter: none; }
@keyframes cozy-header-float {
  0%,100% { transform: translateY(0) rotate(-5deg); }
  50% { transform: translateY(-5px) rotate(3deg); }
}
@media(max-width:600px) {
  .cozy-ui .ui-header-detail { width: 72px; height: 72px; right: 16px; opacity: .055; border-radius: 20px; }
  .cozy-ui .ui-header-detail::before { inset: 8px; border-radius: 14px; }
  .cozy-ui .ui-header-detail i { font-size: 32px; }
}
@media(prefers-reduced-motion:reduce) {
  .cozy-ui .ui-header-detail i { animation: none; }
  .cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
    .hero-shop-btn,.login-button,.signup-button,.shop-button,.control-btn,.btn,
    .choice-button,.logout-button,.featured-arrow,.composer-arrow,.side-link,
    .quick-link,.social-button,.top-chip,.tag,input,textarea,select) { transition: none; }
  .cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
    .hero-shop-btn,.login-button,.signup-button,.shop-button,.control-btn,.btn,
    .featured-arrow,.composer-arrow):hover { transform: none; }
  .cozy-ui :is(.button,.hero-button,.main-button) > .fa-arrow-right { transition: none; transform: none; }
}

/* Restrained surface and focus feedback. */
.cozy-ui :is(.tool-card,.classroom-card,.lesson-card,.collection-card) {
  transition: box-shadow 220ms ease, border-color 220ms ease;
}
.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
  .login-button,.signup-button,.control-btn,.btn):not(:disabled):active {
  box-shadow: inset 0 2px 4px rgba(15,23,42,.14), 0 1px 2px rgba(15,23,42,.06);
}
.cozy-ui :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select):focus-visible {
  box-shadow: 0 0 0 4px rgba(37,99,235,.10);
}
.cozy-ui :is(.piece-card,.resource-card) .cover-wrap {
  transition: box-shadow 220ms ease;
}
.cozy-ui :is(.piece-open,.resource-open) > i {
  transition: transform 220ms ease;
}
.cozy-ui :is(.piece-card,.resource-card):focus-visible .cover-wrap {
  box-shadow: 0 2px 6px rgba(15,23,42,.07);
}
@media(hover:hover) and (pointer:fine) {
  .cozy-ui :is(.tool-card,.classroom-card,.lesson-card,.collection-card):is(:hover,:focus-within) {
    box-shadow: 0 12px 26px rgba(15,23,42,.075), 0 2px 4px rgba(15,23,42,.04), inset 0 1px 0 rgba(255,255,255,.55);
  }
  .cozy-ui :is(.piece-card,.resource-card):hover .cover-wrap {
    box-shadow: 0 8px 22px rgba(15,23,42,.16);
  }
  .cozy-ui :is(.piece-card,.resource-card):hover :is(.piece-open,.resource-open) > i {
    transform: translateX(3px);
  }
  .cozy-ui .side-link:not(.active):hover {
    box-shadow: inset 0 0 0 1px rgba(37,99,235,.12);
  }
}
@media(prefers-reduced-motion:reduce) {
  .cozy-ui :is(.tool-card,.classroom-card,.lesson-card,.collection-card,.piece-card .cover-wrap,.resource-card .cover-wrap,.piece-open > i,.resource-open > i) { transition: none; }
  .cozy-ui :is(.piece-card,.resource-card):hover :is(.piece-open,.resource-open) > i { transform: none; }
}

/* Shared control feedback; page layout and colors stay local. */
.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,.open-btn,
  .volunteer-button,.send-button,.shop-button,.control-btn,.btn,.publisher-menu-trigger,
  .composer-era-filter button,select) {
  border-radius: 14px !important;
  transition: box-shadow 180ms ease, border-color 180ms ease, transform 180ms ease;
}
.cozy-ui :is(.open-btn,.volunteer-button,.send-button,.publisher-menu-trigger,.composer-era-filter button):not(:disabled) {
  box-shadow: none;
}
.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.open-btn,.volunteer-button,.send-button) > i {
  flex-shrink: 0;
}
.cozy-ui :is(.publisher-menu-dropdown,.profile-dropdown,.dropdown) {
  border-radius: 16px;
  box-shadow: 0 12px 30px rgba(15,23,42,.10), 0 2px 5px rgba(15,23,42,.04);
}
.cozy-ui .publisher-menu-dropdown button {
  border-radius: 10px;
  transition: background-color 180ms ease, box-shadow 180ms ease;
}
.cozy-ui :is(.composer-era-filter button.active,.publisher-menu-trigger[aria-expanded="true"]) {
  box-shadow: 0 2px 8px rgba(37,99,235,.12), inset 0 0 0 1px rgba(37,99,235,.14);
}
.cozy-ui :is(select,.publisher-menu-trigger,.open-btn,.volunteer-button,.send-button,.composer-era-filter button):focus-visible {
  outline: 2px solid currentColor;
  outline-offset: 3px;
  box-shadow: 0 0 0 5px rgba(37,99,235,.10);
}
@media(hover:hover) and (pointer:fine) {
  .cozy-ui :is(.open-btn,.volunteer-button,.send-button,.publisher-menu-trigger,.composer-era-filter button):not(:disabled):hover {
    box-shadow: 0 4px 12px rgba(15,23,42,.10), inset 0 1px 0 rgba(255,255,255,.3);
  }
  .cozy-ui :is(.open-btn,.volunteer-button,.send-button,.publisher-menu-trigger,.composer-era-filter button):not(:disabled):active {
    box-shadow: inset 0 2px 4px rgba(15,23,42,.12);
  }
}
@media(prefers-reduced-motion:reduce) {
  .cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,.open-btn,.volunteer-button,.send-button,.shop-button,.control-btn,.btn,.publisher-menu-trigger,.composer-era-filter button,select,.publisher-menu-dropdown button) { transition: none; }
}

.public-account-bar { display:flex; justify-content:flex-end; margin:0 0 14px; }
.public-account-status { display:inline-flex; align-items:center; gap:8px; padding:8px 12px; border:1px solid var(--border,#dbeafe); border-radius:12px; background:var(--theme-surface,#fff); color:var(--theme-text,#1d4ed8); font-size:11px; font-weight:600; text-decoration:none; }
.public-account-status svg { width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.public-account-status:hover { border-color:currentColor; }
.public-account-status.is-signed-in { color:var(--theme-primary,#166534); }
@media(max-width:450px) { .public-account-status { font-size:10px; } }

/* OpenScores display typography; reading text keeps each page's body font. */
@font-face{font-family:Candal;src:url(/assets/fonts/candal.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}
body h1,body h2,body .brand-name,body .logo-text,body .site-name,body .sidebar-title,body .pack-brand,body .scratch-brand{font-family:Candal,sans-serif;font-weight:400;font-synthesis:none}
body .brand-text > strong{font-family:Candal,sans-serif;font-weight:400;font-synthesis:none}

/* Decorative framing is unnecessary beside the existing branded headers. */
.cozy-ui .ui-header-detail{border:0}.cozy-ui .ui-header-detail::before{display:none}

/* Button press and form-focus patterns adapted from Melt (MIT):
   https://github.com/aiedrow/Melt/blob/main/assets/css/melt.css
   Copyright (c) 2022 ʀɪᴛᴇꜱʜ ᴋᴜꜱʜᴡᴀʜᴀ. License: /assets/credits/Melt-LICENSE.txt.
   Keep the existing OpenScores palette, dimensions, and hover feedback. */
.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,
  .login-button,.signup-button,.control-btn,.open-btn,.outreach-donate-button,
  .volunteer-button,.send-button,.teacher-open-resource,.teacher-row-actions button):not(:disabled):not([aria-disabled=true]):active{
  transform:scale(.98);box-shadow:inset 0 1px 3px rgba(15,23,42,.12)
}
.cozy-ui :is(input:not([type=range]):not([type=checkbox]):not([type=radio]):not([type=hidden]),textarea,select):focus-visible{
  outline:2px solid currentColor;outline-offset:2px;
  box-shadow:0 0 0 4px color-mix(in srgb,currentColor 15%,transparent)
}
@media(prefers-reduced-motion:reduce){.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,.login-button,.signup-button,.control-btn,.open-btn,.outreach-donate-button,.volunteer-button,.send-button,.teacher-open-resource,.teacher-row-actions button):active{transform:none}}
/* Shared visible controls, adapted from Melt's MIT button/form patterns.
   Each page keeps its own palette, fonts, padding, and layout. */
.cozy-ui{--os-control-accent:var(--theme-primary,var(--green-dark,var(--blue,#2563eb)));--os-control-surface:var(--theme-surface,#fff);--os-control-line:var(--border,#cbd8ee);--os-control-track:color-mix(in srgb,var(--os-control-accent) 17%,var(--os-control-surface))}
.cozy-ui :is(.button,.hero-button,.main-button,.small-button,.adaptive-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.control-btn,.choice-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.teacher-row-actions button,.learning-path-action){border-radius:9px!important;font-weight:600;border-color:color-mix(in srgb,currentColor 24%,transparent)}
.cozy-ui :is(.button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource):not(.secondary):not(.outline){background:var(--os-control-accent);border-color:var(--os-control-accent);color:#fff}
.cozy-ui :is(.hero-button.secondary,.button.secondary,.small-button,.control-btn,.teacher-row-actions button){border-color:color-mix(in srgb,var(--os-control-accent) 35%,var(--os-control-surface))}
.cozy-ui :is(button,input,select,textarea):disabled{cursor:not-allowed}.cozy-ui button[aria-busy=true]{cursor:progress}
.cozy-ui main button:not([class]):not([role=tab]):not([aria-pressed=true]){background:var(--os-control-surface);color:var(--os-control-accent);border:1px solid color-mix(in srgb,var(--os-control-accent) 35%,var(--os-control-surface));border-radius:8px}
.cozy-ui :is(input[type=search],input[type=text],input[type=email],input[type=password],input[type=number],textarea,select){border-color:var(--os-control-line);border-radius:8px}
.cozy-ui :is(.game-audience,.beat-audience,.teacher-preview-label,.teacher-collection-count,.teacher-file-mark){border-radius:6px;box-shadow:none;font-weight:600}
.cozy-ui input[type=checkbox]:not([role=switch]){appearance:none;-webkit-appearance:none;width:16px;height:16px;flex-shrink:0;vertical-align:middle;border:1px solid color-mix(in srgb,var(--os-control-accent) 40%,var(--os-control-surface));border-radius:4px;background:var(--os-control-surface);cursor:pointer;background-position:center;background-repeat:no-repeat;background-size:12px}
.cozy-ui input[type=checkbox]:not([role=switch]):checked{background-color:var(--os-control-accent);border-color:var(--os-control-accent);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='m3 8 3 3 7-7' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.cozy-ui input[type=checkbox]:not([role=switch]):indeterminate{background-color:var(--os-control-accent);background-image:linear-gradient(white,white);background-size:8px 2px}
.cozy-ui input[type=checkbox]:disabled{opacity:.45;cursor:not-allowed}
.cozy-ui input[type=range]{accent-color:var(--os-control-accent)}
.cozy-ui input[type=range][data-os-range]{appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer}
.cozy-ui input[type=range][data-os-range]::-webkit-slider-runnable-track{height:6px;border-radius:4px;background:linear-gradient(to right,var(--os-control-accent) var(--os-range-fill),var(--os-control-track) var(--os-range-fill))}
.cozy-ui input[type=range][data-os-range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:16px;height:16px;margin-top:-5px;background:var(--os-control-accent);border:2px solid var(--os-control-surface);border-radius:50%;box-shadow:0 0 0 1px var(--os-control-accent)}
.cozy-ui input[type=range][data-os-range]::-moz-range-track{height:6px;border-radius:4px;background:var(--os-control-track)}
.cozy-ui input[type=range][data-os-range]::-moz-range-progress{height:6px;border-radius:4px;background:var(--os-control-accent)}
.cozy-ui input[type=range][data-os-range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--os-control-surface);border-radius:50%;background:var(--os-control-accent);box-shadow:0 0 0 1px var(--os-control-accent)}
.cozy-ui input[type=range][data-os-range]:focus-visible{outline:2px solid var(--os-control-accent);outline-offset:5px}
/* Distinct action controls: visible styling, without changing page structure. */
.cozy-ui :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action){display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:42px;padding:10px 16px;font-size:13px;font-weight:600;line-height:1.4;border-radius:8px!important;text-decoration:none;box-shadow:inset 0 1px 0 #ffffff22,inset 0 -2px 0 #00000012}
.cozy-ui :is(.hero-button,.button.secondary,.teacher-row-actions button,.small-button){border-width:1px;border-style:solid;border-color:color-mix(in srgb,currentColor 40%,transparent)}
.cozy-ui .hero-button:not(.secondary){background:#fff;color:var(--os-control-accent);border-color:#fff}
.cozy-ui .hero-button.secondary{background:#ffffff0d;border-color:#ffffff80;color:inherit;box-shadow:none}
.cozy-ui :is(.button.secondary,.small-button,.teacher-row-actions button){background:color-mix(in srgb,var(--os-control-accent) 5%,var(--os-control-surface));color:var(--os-control-accent)}
.cozy-ui :is(.hero-button,.button,.main-button,.open-btn)>.fa-arrow-right{display:inline-grid;place-items:center;flex:0 0 22px;width:22px;height:22px;border-radius:5px;background:color-mix(in srgb,currentColor 16%,transparent);font-size:11px}
.cozy-ui :is(.game-audience,.beat-audience){font-size:12px;border-width:1px;border-style:solid;letter-spacing:0;padding:5px 10px}
@media(hover:hover) and (pointer:fine){.cozy-ui :is(.button,.hero-button,.main-button,.open-btn,.outreach-donate-button,.teacher-open-resource):not(:disabled):hover{box-shadow:inset 0 1px 0 #ffffff33,inset 0 -2px 0 #0000001a,0 4px 10px #17255410}.cozy-ui :is(.button,.hero-button,.main-button,.open-btn,.outreach-donate-button,.teacher-open-resource):not(:disabled):active{box-shadow:inset 0 2px 3px #0000001a}}
@media(max-width:560px){.cozy-ui :is(.button,.hero-button,.main-button,.open-btn,.outreach-donate-button,.teacher-open-resource){font-size:12px;padding:10px 14px}}
.cozy-ui :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action,.teacher-row-actions button){font-size:14px;border-radius:8px!important}.cozy-ui .hero-button{font-size:15px}@media(max-width:560px){.cozy-ui :is(.button,.hero-button,.main-button,.open-btn,.outreach-donate-button,.teacher-open-resource){font-size:13px}}
/* Shared main-action motion: the same lift, press and arrow movement as View timeline.
   Color, typography, size and navigation-panel styling remain page-owned. */
.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action){transition:transform 180ms ease,box-shadow 180ms ease,background-color 180ms ease,border-color 180ms ease,opacity 180ms ease}
.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action)>.fa-arrow-right{transition:transform 180ms ease}
@media(hover:hover) and (pointer:fine){
.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action):not(:disabled):not([aria-disabled=true]):hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #ffffff33,inset 0 -2px 0 #0000001a,0 4px 10px #17255410}
.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action):not(:disabled):not([aria-disabled=true]):hover>.fa-arrow-right{transform:translateX(3px)}
}
.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action):not(:disabled):not([aria-disabled=true]):active{transform:scale(.98);box-shadow:inset 0 1px 3px #0f172a1f}
@media(prefers-reduced-motion:reduce){
.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action){transition:none!important;transform:none!important}
.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.open-btn,.volunteer-button,.send-button,.login-button,.signup-button,.outreach-donate-button,.teacher-open-resource,.teacher-material-link,.learning-path-action)>.fa-arrow-right{transition:none!important;transform:none!important}
}
.sidebar .brand{display:flex;align-items:center;gap:12px;text-decoration:none}
.sidebar .brand-icon{display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:15px;background:linear-gradient(140deg,#233e92,#245df1);color:#fff;font-size:23px;box-shadow:none}
.sidebar .brand-text strong{display:block;color:#143c8d;font-size:18px;font-weight:800;line-height:1.25;letter-spacing:.3px}
.sidebar .brand-text span{display:block;margin-top:4px;color:#245df1;font-size:10px;font-weight:700;letter-spacing:2px}
.library-favorites-star{position:absolute;right:18px;top:18px;display:grid;place-items:center;width:44px;height:44px;color:#a96709;background:#fffaf0;border:1px solid #ead7ad;border-radius:50%;text-decoration:none;font-size:19px;z-index:2}.main>.hero:has(.library-favorites-star){position:relative;padding-right:72px}.library-favorites-star:focus-visible{outline:3px solid #a96709;outline-offset:3px}

/* Button-like links use the same non-underlined treatment across the site. */
.cozy-ui .skill-practice-link{color:inherit;text-decoration:none;font-weight:600}
.cozy-ui .skill-practice-link:focus-visible{outline:3px solid #60b8e9;outline-offset:4px}
.cozy-ui :is(button,[role=button],a.button,a.hero-button,a.small-button,a.main-button,a.secondary,a.side-link,a.back-to-site,a.os-discovery-link,a.public-account-status,a.member-profile-link,a.control-btn){text-decoration:none!important}

/* Shared page furniture. Musical pads, score notation, game pieces and badge artwork
   retain their own dimensions; these rules cover navigation and ordinary actions. */
body.cozy-ui {
  --os-control-height:44px;
  --os-control-radius:12px;
  --os-panel-radius:16px;
}
body.cozy-ui .app > :is(main,.main) > :is(.hero,.page-header,.profile-page-heading) h1,
body.cozy-ui .app > :is(main,.main) > .topbar .welcome h1 {
  font-size:36px;line-height:1.25;letter-spacing:0;margin-block:12px 16px;
  overflow-wrap:break-word;
}
body.cozy-ui .app > :is(main,.main) > :is(.hero,.page-header) {
  border-radius:20px;padding:32px;margin-bottom:24px;
}
body.cozy-ui .app > .sidebar .side-link {
  min-height:44px;padding:11px 12px;font-size:14px;line-height:1.5;
  border-radius:12px;gap:11px;text-decoration:none;
}
body.cozy-ui :is(main,.main) :is(.button,.hero-button,.main-button,.small-button,
  .open-btn,.control-btn,.btn,.secondary,.save-button,.cancel-button,
  .login-button,.signup-button,.send-button,.volunteer-button,
  .home-updates-button,.op-section-nav a,.op-guide button,
  .os-discovery-link,.os-discovery-search,.public-account-status,.member-profile-link),
body.cozy-ui :is(.profile-actions,.profile-editor,.profile-find,.profile-dialog) button {
  min-height:var(--os-control-height);border-radius:var(--os-control-radius)!important;
  font-family:Poppins,system-ui,sans-serif;font-size:14px;font-weight:600;line-height:1.5;
  padding:10px 16px;display:inline-flex;align-items:center;justify-content:center;
  gap:8px;text-decoration:none;vertical-align:middle;touch-action:manipulation;
}
body.cozy-ui :is(main,.main) :is(.form-group,.op-scholarship-filters,
  .op-organizations-filters,.profile-find,.profile-editor) :is(
  select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden])) {
  min-height:44px;border-radius:12px!important;font-family:inherit;
  font-size:14px;line-height:1.5;padding:10px 12px;max-width:100%;
}
body.cozy-ui :is(.card,.right-card,.profile-card,.tool-card,.lesson-card,.resource-card) {
  border-radius:var(--os-panel-radius);
}
body.cozy-ui :is(button,[role=button],a.button,a.secondary):disabled {
  cursor:not-allowed;
}
/* Profile uses the same desktop rail as the public and account pages. */
@media(min-width:1181px) and (pointer:fine) {
  body.cozy-ui .profile-app{grid-template-columns:245px minmax(0,1fr)}
  body.cozy-ui .profile-app > .sidebar{width:245px}
}
@media(max-width:600px) {
  body.cozy-ui .profile-app .brand.os-logo-brand{padding:4px 0 8px!important}
  body.cozy-ui .app main .os-discovery-bar{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 52px}
  body.cozy-ui .app main :is(.os-discovery-link,.os-discovery-search){min-width:0;padding:10px 8px;font-size:12px;white-space:normal}
  body.cozy-ui .app main .os-discovery-search{font-size:0!important}
  body.cozy-ui .app main .os-discovery-search::after{content:none}
  body.cozy-ui .app main .os-discovery-search i{font-size:16px;margin:0}
  body.cozy-ui .app > :is(main,.main) > :is(.hero,.page-header,.profile-page-heading) h1,
  body.cozy-ui .app > :is(main,.main) > .topbar .welcome h1 {
    font-size:28px;line-height:1.3;
  }
  body.cozy-ui .app > :is(main,.main) > :is(.hero,.page-header) {
    border-radius:16px;padding:24px 20px;margin-bottom:20px;
  }
  body.cozy-ui :is(main,.main) :is(.form-group,.op-scholarship-filters,
    .op-organizations-filters,.profile-find,.profile-editor) :is(
    select,textarea,input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=hidden])) {
    font-size:16px;
  }
}