body.compassIntegrated{--paper:var(--slava-paint-ink-bright, #f6f3eb);--surface:var(--slava-paint-gold, #fffdf8);--ink:var(--slava-paint-ink-dark, #243951);--blue:var(--slava-paint-blue, #285274);--soft:var(--slava-paint-cyan, #e8eef1);--line:var(--slava-paint-line-strong, #d7ddd9);--muted:var(--slava-paint-ink-muted, #566774);--gold:var(--slava-paint-gold, #b89956);--radius:12px;--shadow:0 14px 40px var(--slava-paint-panel-glass, #24395108);color-scheme:light}.ssCompassApp *{box-sizing:border-box}body.compassIntegrated{margin:0;background:var(--paper);color:var(--ink);font-family:"Noto Sans",sans-serif;font-size:14px;line-height:1.5}.ssCompassApp button,.ssCompassApp input,.ssCompassApp select{font:inherit;color:inherit}.ssCompassApp button,.ssCompassApp a,.ssCompassApp input,.ssCompassApp select{touch-action:manipulation}.ssCompassApp button{cursor:pointer}.ssCompassApp button{min-height:48px;border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);font-weight:600;padding:8px 12px;line-height:1.25}.ssCompassApp button:hover{border-color:var(--blue);background:var(--slava-paint-paper-glass, #edf1f1)}.ssCompassApp button:disabled{cursor:not-allowed;background:var(--slava-paint-paper-glass, #eeeee9);color:var(--slava-paint-ink-muted, #65717c);border-style:dashed}.ssCompassApp button:focus-visible,.ssCompassApp input:focus-visible,.ssCompassApp select:focus-visible,.ssCompassApp a:focus-visible,.ssCompassApp summary:focus-visible{outline:3px solid var(--slava-paint-line-strong, #ac7929);outline-offset:3px}.ssCompassApp button[aria-pressed=true]{color:var(--blue);border-color:var(--blue);background:var(--soft);box-shadow:inset 0 -2px var(--blue)}.ssCompassApp a{color:var(--blue);text-underline-offset:4px}.ssCompassApp h1,.ssCompassApp h2,.ssCompassApp h3,.ssCompassApp p{margin:0}.ssCompassApp h1{font-size:44px;font-weight:550;letter-spacing:-1.7px;line-height:1.15}.ssCompassApp h2{font-size:20px;font-weight:600;letter-spacing:-.4px}.ssCompassApp h3{font-size:15px}.ssCompassApp .uk,.ssCompassApp [lang=uk]{font-family:Andika,sans-serif}.ssCompassApp small,.ssCompassApp .muted{color:var(--muted)}.ssCompassApp small{font-size:12px}.ssCompassApp .eyebrow{font-size:10px;font-weight:750;letter-spacing:2px;text-transform:uppercase;color:var(--muted)}.ssCompassApp .studybar{border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;min-height:52px;padding:0 32px;font-size:12px;gap:12px;background:var(--slava-paint-gold, #fffdf8)}.ssCompassApp .studybar nav{display:flex;gap:8px}.ssCompassApp .studybar a{display:flex;align-items:center;min-height:44px;padding:0 12px;text-decoration:none;border-radius:8px}.ssCompassApp .studybar a[aria-current=page]{background:var(--soft);color:var(--ink);font-weight:700}.ssCompassApp .studybar .back{padding-left:0}.ssCompassApp .prototype{color:var(--muted);font-size:11px}.ssCompassApp.shell{max-width:1256px;margin:auto;padding:26px 24px 40px}.ssCompassApp .brandrow{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.ssCompassApp .brand{display:flex;align-items:center;gap:10px;font-size:16px;font-weight:750;letter-spacing:-.4px}.ssCompassApp .brand .mark{width:30px;height:30px;color:var(--blue)}.ssCompassApp .brand span em{font-style:normal;color:var(--gold)}.ssCompassApp .version{font-size:10px;letter-spacing:1.5px;color:var(--muted)}.ssCompassApp .intro{display:flex;justify-content:space-between;gap:24px;align-items:center;margin-bottom:22px}.ssCompassApp .intro p{margin-top:10px;color:var(--muted);font-size:14px}.ssCompassApp .intro .uk{font-size:21px;margin-left:12px;font-weight:400;letter-spacing:0}.ssCompassApp .intro-accent{width:148px;height:44px;color:var(--blue);opacity:.7}.ssCompassApp .medal-area{display:flex;justify-content:center;align-items:center;gap:24px;padding:14px 24px 4px;border-top:1px solid var(--line);margin-bottom:22px}.ssCompassApp .medal-caption{width:132px;font-size:12px;color:var(--muted)}.ssCompassApp .medal-caption strong{display:block;font-size:14px;color:var(--ink);margin-bottom:4px}.ssCompassApp .medal-host{min-width:0}.ssCompassApp #levels{display:flex;gap:6px;justify-content:center}.ssCompassApp #ssmResp.ssm-resp{background:transparent;color:var(--muted);border:0;font-size:11px;margin:5px auto 0;padding:0}.ssCompassApp #levels.ssm-row .medal{font-family:"Noto Sans",sans-serif!important}.ssCompassApp .family-group{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ssCompassApp .family{display:flex;align-items:center;justify-content:space-between;height:66px;gap:8px;padding:12px 17px;text-align:left;background:transparent;border:1px solid transparent;border-bottom:2px solid var(--line);border-radius:10px 10px 0 0}.ssCompassApp .family .family-name{font-size:14px;display:block}.ssCompassApp .family small{font-size:10px;display:block;margin-top:4px;font-weight:450}.ssCompassApp .family .family-number{font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}.ssCompassApp .family[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 -3px var(--blue);border-color:var(--line)}.ssCompassApp .family[aria-pressed=true] .family-name:before{content:"";display:inline-block;height:6px;width:6px;background:var(--blue);border-radius:50%;margin:0 7px 2px 0}.ssCompassApp .workspace{margin-top:16px}.ssCompassApp .panel{background:var(--surface);border:1px solid var(--line);border-radius:18px;padding:25px;box-shadow:var(--shadow)}.ssCompassApp .control-block+.control-block{margin-top:22px}.ssCompassApp .labelrow{display:flex;justify-content:space-between;align-items:center;margin-bottom:9px;gap:8px}.ssCompassApp .labelrow label,.ssCompassApp .labelrow h3{font-size:12px;font-weight:700}.ssCompassApp .labelrow span{font-size:11px;color:var(--muted)}.ssCompassApp .seg{display:grid;gap:6px;grid-template-columns:repeat(var(--cols,4),minmax(0,1fr))}.ssCompassApp .seg button{font-size:12px;height:48px;padding:6px}.ssCompassApp .seg button small{display:block;font-size:9px;margin-top:2px;font-weight:400}.ssCompassApp .sort-group button{height:52px}.ssCompassApp .count-group{--cols:5}.ssCompassApp .people-group{--cols:9;gap:5px}.ssCompassApp .people-group button{font-family:Andika,sans-serif;font-size:15px;padding:4px 0}.ssCompassApp .people-group button:first-child{font-family:"Noto Sans",sans-serif;font-size:12px}.ssCompassApp .quiet-note{font-size:11px;color:var(--muted);margin:8px 0 0}.ssCompassApp .refine-group{display:grid;grid-template-columns:1fr 1fr;gap:8px}.ssCompassApp .refine-group button{text-align:left;font-size:12px;display:flex;justify-content:space-between;align-items:center;height:48px}.ssCompassApp .checkmark{width:17px;height:17px;border:1px solid var(--line);border-radius:4px;font-size:12px;display:grid;place-items:center}.ssCompassApp .refine-group [aria-pressed=true] .checkmark{background:var(--blue);border-color:var(--blue);color:white}.ssCompassApp .mini-divider{height:1px;background:var(--line);margin:22px 0}.ssCompassApp .action-link{font-size:12px;display:inline-flex;align-items:center;gap:8px;background:transparent;border:0;min-height:44px;padding:0 5px;border-radius:6px}.ssCompassApp .action-link:hover{background:var(--soft)}.ssCompassApp .control-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:18px}.ssCompassApp .control-foot .muted{font-size:11px}.ssCompassApp .lesson{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:390px;border:1px solid var(--slava-paint-line, #bbcbd1);background:var(--slava-paint-paper-glass, #e9eeed);border-radius:20px;padding:25px}.ssCompassApp .lesson::after{content:"";position:absolute;inset:10px;border:1px solid var(--slava-paint-line, #a8bcc44a);border-radius:13px;pointer-events:none}.ssCompassApp .lesson-head{display:flex;align-items:center;justify-content:space-between;position:relative;z-index:1}.ssCompassApp .lesson-head span{font-size:10px;letter-spacing:1.2px;text-transform:uppercase}.ssCompassApp .iconbutton{width:48px;height:48px;min-width:48px;display:grid;place-items:center;padding:0;border-radius:50%;background:transparent}.ssCompassApp .iconbutton svg{width:19px;height:19px}.ssCompassApp .lesson-word{font-size:52px;line-height:1.25;letter-spacing:-1px;text-align:center;margin:auto 0 8px;padding:28px 0 0;overflow-wrap:anywhere;font-weight:400}.ssCompassApp .lesson-en{font-size:18px;text-align:center;color:var(--muted);min-height:27px}.ssCompassApp .lesson-inf{text-align:center;font-size:13px;color:var(--muted);margin:9px 0 auto}.ssCompassApp .sentence{padding-top:22px;margin-top:28px;border-top:1px solid var(--slava-paint-line, #bdcdd0);position:relative;z-index:1}.ssCompassApp .sentence .uk{font-size:17px;line-height:1.7}.ssCompassApp .sentence p+p{font-size:12px;margin-top:6px;color:var(--muted)}.ssCompassApp .ornament{height:25px;width:120px;align-self:center;color:var(--blue);opacity:.4;margin-top:20px}.ssCompassApp .previewnav{display:flex;align-items:center;justify-content:space-between;margin-top:18px;gap:10px}.ssCompassApp .previewnav button{width:48px;padding:0;font-size:20px;background:transparent}.ssCompassApp .previewnav span{font-size:11px;color:var(--muted)}.ssCompassApp .queuehead{display:flex;justify-content:space-between;gap:12px;align-items:center;margin:26px 0 10px}.ssCompassApp .queuehead h2{font-size:15px}.ssCompassApp .queuehead small{font-size:11px}.ssCompassApp .verb-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.ssCompassApp .verb-card{display:flex;align-items:center;min-width:0;border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.ssCompassApp .verb-card.selected{border-color:var(--blue);background:var(--soft)}.ssCompassApp .verb-pick{display:flex;align-items:center;gap:10px;flex:1;min-width:0;text-align:left;border:0;background:transparent;border-radius:0;padding:12px;font-size:17px;font-family:Andika,sans-serif;min-height:66px;overflow-wrap:anywhere}.ssCompassApp .verb-pick span{display:block}.ssCompassApp .verb-pick .rank{font-family:"Noto Sans",sans-serif;font-size:10px;color:var(--muted);font-variant-numeric:tabular-nums}.ssCompassApp .verb-fav{min-width:44px;width:44px;min-height:48px;padding:0;border:0;background:transparent;border-radius:0;font-size:18px;color:var(--muted)}.ssCompassApp .verb-fav[aria-pressed=true]{box-shadow:none;background:transparent;color:var(--blue)}.ssCompassApp .empty{padding:32px;border:1px dashed var(--line);border-radius:12px;grid-column:1/-1;color:var(--muted)}.ssCompassApp .queue-meta{font-size:11px;color:var(--muted);margin-top:10px;display:flex;justify-content:space-between;align-items:center;gap:12px}.ssCompassApp .searchbox{border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;background:var(--surface);padding:0 12px;min-height:48px;gap:8px}.ssCompassApp .searchbox input{height:44px;min-width:0;width:100%;background:transparent;border:0;outline-offset:0;font-size:13px}.ssCompassApp .searchbox svg{width:17px;height:17px;flex-shrink:0}.ssCompassApp .transport-wrap{position:sticky;bottom:16px;z-index:20;margin:22px auto 0;max-width:950px}.ssCompassApp .transport{background:var(--ink);color:var(--slava-paint-gold, #fffdf8);border-radius:22px;box-shadow:0 10px 35px var(--slava-paint-blue-tint, #19384c22);padding:13px 16px;display:flex;align-items:center;gap:14px;border:1px solid var(--slava-paint-line-strong, #637983)}.ssCompassApp .transport-brand{padding:0 10px 0 6px;min-width:146px}.ssCompassApp .transport-brand strong{display:block;font-size:12px;letter-spacing:.2px;font-weight:650}.ssCompassApp .transport-brand span{font-size:10px;color:var(--slava-paint-ink-soft, #c3d0d7)}.ssCompassApp .play-pair{display:grid;grid-template-columns:repeat(2,120px);gap:6px}.ssCompassApp .transport button{height:48px;font-size:12px;border-color:var(--slava-paint-line-strong, #758c9b);background:transparent;color:white;display:flex;align-items:center;justify-content:center;gap:8px}.ssCompassApp .transport .play{background:var(--slava-paint-gold, #eee4ca);border-color:var(--slava-paint-gold, #eee4ca);color:var(--slava-paint-ink-dark, #23394d)}.ssCompassApp .transport .play:hover{background:var(--slava-paint-gold, #fff3d8)}.ssCompassApp .transport svg{width:17px;height:17px}.ssCompassApp .transport .repeat{margin-left:auto;border:0;min-width:134px;font-size:11px}.ssCompassApp .transport .repeat[aria-pressed=true]{box-shadow:none;color:var(--slava-paint-gold, #fff3d8);background:var(--slava-paint-paper-glass, #ffffff0c)}.ssCompassApp .transport .repeat span{display:inline-flex;gap:4px;align-items:center}.ssCompassApp .transport .settings{border:1px solid var(--slava-paint-line-strong, #758c9b);border-radius:50%;width:48px;min-width:48px;padding:0}.ssCompassApp .transport-status{font-size:10px;text-align:center;color:var(--muted);margin-top:7px;min-height:15px}.ssCompassApp .pagefoot{display:flex;align-items:center;justify-content:space-between;font-size:11px;margin-top:25px;color:var(--muted);gap:20px}.ssCompassApp .pagefoot a{color:var(--muted)}body.atelier .ssCompassApp .workspace{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:20px}body.atelier .ssCompassApp .queue{grid-column:1/-1}body.atelier .ssCompassApp .lesson{min-height:465px}body.atelier .ssCompassApp .queuehead{margin-top:4px}body.atelier .ssCompassApp .queue .searchbox{width:245px}body.atelier .ssCompassApp .intro-accent{margin-right:20px}body.shelf.compassIntegrated{--paper:var(--slava-paint-ink-bright, #eeeae1);--surface:var(--slava-paint-gold, #fcfaf6);--blue:var(--slava-paint-cyan, #315865);--soft:var(--slava-paint-paper-glass, #e5ece9);--ink:var(--slava-paint-ink-dark, #293f46);--line:var(--slava-paint-line-strong, #d4d9d3)}body.shelf .ssCompassApp .shell{max-width:1340px}body.shelf .ssCompassApp .intro{padding-bottom:8px}body.shelf .ssCompassApp .intro h1{font-size:40px}body.shelf .ssCompassApp .workspace{display:grid;grid-template-columns:190px minmax(0,1fr) 300px;gap:22px;margin-top:0}body.shelf .ssCompassApp .family-group{grid-template-columns:1fr;gap:8px}body.shelf .ssCompassApp .family{border:1px solid var(--line);border-radius:10px;background:transparent;height:64px;padding:12px}body.shelf .ssCompassApp .family[aria-pressed=true]{background:var(--surface);box-shadow:inset 3px 0 var(--blue)}body.shelf .ssCompassApp .family .family-name{font-size:12px}body.shelf .ssCompassApp .family .family-number{font-size:11px}body.shelf .ssCompassApp .family small{font-size:9px}body.shelf .ssCompassApp .rail{border-right:1px solid var(--line);padding-right:20px}body.shelf .ssCompassApp .rail .eyebrow{margin:8px 0 14px}body.shelf .ssCompassApp .refine-group{grid-template-columns:1fr}body.shelf .ssCompassApp .refine-group button{font-size:11px;padding:8px}body.shelf .ssCompassApp .library-bar{display:grid;grid-template-columns:1fr 190px;gap:10px;margin:12px 0 18px}.ssCompassApp .native-sort{height:48px;border:1px solid var(--line);border-radius:12px;padding:8px 12px;background:var(--surface);font-size:12px;width:100%}body.shelf .ssCompassApp .verb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}body.shelf .ssCompassApp .verb-pick{min-height:69px}body.shelf .ssCompassApp .queuehead{margin-top:0}body.shelf .ssCompassApp .people-group{--cols:3;gap:6px}body.shelf .ssCompassApp .lesson{min-height:330px;padding:20px;background:var(--slava-paint-paper-glass, #e3eae6)}body.shelf .ssCompassApp .lesson-word{font-size:39px}body.shelf .ssCompassApp .sentence{margin-top:20px;padding-top:15px}body.shelf .ssCompassApp .sentence .uk{font-size:15px}body.shelf .ssCompassApp .aside-controls{margin-top:22px}body.shelf .ssCompassApp .refine-group{margin-top:10px}body.shelf .ssCompassApp .count-group{margin-bottom:12px}body.shelf .ssCompassApp .control-block+.control-block{margin-top:20px}body.shelf .ssCompassApp .queue-meta{align-items:flex-start}body.shelf .ssCompassApp .transport-wrap{max-width:990px;margin-top:28px}body.shelf .ssCompassApp .catalog-count{padding:22px 0;margin-top:28px;border-top:1px solid var(--line)}body.shelf .ssCompassApp .catalog-count strong{display:block;font-size:32px;font-weight:450;letter-spacing:-1px}body.shelf .ssCompassApp .catalog-count span{font-size:11px;color:var(--muted)}body.shelf .ssCompassApp .refine-group .favourites{margin-top:0}body.stage.compassIntegrated{--paper:var(--slava-paint-ink-bright, #edf2f3);--surface:var(--slava-paint-green, #fcfdfb);--ink:var(--slava-paint-ink-dark, #243f59);--blue:var(--slava-paint-blue, #315a85);--soft:var(--slava-paint-blue, #e3ebf2);--line:var(--slava-paint-line-strong, #cedae1)}body.stage .ssCompassApp .shell{max-width:1160px}body.stage .ssCompassApp .intro{justify-content:center;text-align:center;position:relative}body.stage .ssCompassApp .intro-accent{position:absolute;right:0;bottom:16px;width:96px}body.stage .ssCompassApp .medal-area{border:0;padding-top:0;margin-bottom:18px}body.stage .ssCompassApp .medal-caption{display:none}body.stage .ssCompassApp .family-group{max-width:900px;margin:auto}body.stage .ssCompassApp .family{height:56px;padding:8px 14px;border-radius:12px;border:1px solid var(--line);background:var(--slava-paint-paper-glass, #f4f7f7)}body.stage .ssCompassApp .family[aria-pressed=true]{background:var(--surface);box-shadow:inset 0 -2px var(--blue)}body.stage .ssCompassApp .family small{display:none}body.stage .ssCompassApp .workspace{margin-top:18px}body.stage .ssCompassApp .lesson{max-width:900px;margin:auto;min-height:305px;background:var(--surface);padding:20px 30px;border-radius:22px;border:1px solid var(--line)}body.stage .ssCompassApp .lesson:after{border-color:var(--slava-paint-line, #cbd7db80);inset:10px}body.stage .ssCompassApp .lesson-word{font-size:72px;padding-top:8px;margin:8px 0 5px}body.stage .ssCompassApp .lesson-inf{margin:5px 0 0}body.stage .ssCompassApp .sentence{text-align:center;margin:16px auto 0;padding-top:12px;max-width:680px;width:100%}body.stage .ssCompassApp .sentence .uk{font-size:18px}body.stage .ssCompassApp .ornament{position:absolute;bottom:34px;right:32px;transform:rotate(90deg);width:70px;opacity:.2}body.stage .ssCompassApp .previewnav{max-width:900px;margin:10px auto}body.stage .ssCompassApp .people-control{max-width:900px;margin:18px auto 0}body.stage .ssCompassApp .people-group{max-width:600px;margin:auto}body.stage .ssCompassApp .people-control .labelrow{justify-content:center}body.stage .ssCompassApp .people-control .quiet-note{text-align:center}body.stage .ssCompassApp .settings-tray{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:24px;margin:24px auto 0;padding:20px 24px;background:var(--slava-paint-paper-glass, #ffffff60);border:1px solid var(--line);border-radius:16px}body.stage .ssCompassApp .settings-tray .control-block{margin:0}body.stage .ssCompassApp .refine-group{grid-template-columns:1fr;gap:6px}body.stage .ssCompassApp .refine-group button{height:48px}body.stage .ssCompassApp .sort-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}body.stage .ssCompassApp .sort-group button{height:48px}body.stage .ssCompassApp .count-group{grid-template-columns:repeat(5,minmax(0,1fr))}body.stage .ssCompassApp .count-group button{padding:2px;font-size:11px}body.stage .ssCompassApp .count-group button:last-child{font-size:9px}body.stage .ssCompassApp .queue{max-width:900px;margin:22px auto 0}body.stage .ssCompassApp .queuehead{margin:0 0 12px}body.stage .ssCompassApp .verb-grid{grid-template-columns:repeat(4,minmax(0,1fr))}body.stage .ssCompassApp .verb-pick{min-height:54px;font-size:15px}body.stage .ssCompassApp .queue .searchbox{width:210px}body.stage .ssCompassApp .transport-wrap{max-width:900px;margin-top:20px}body.stage .ssCompassApp .layoutnote{font-size:11px;margin:8px 0;color:var(--muted);text-align:center}dialog.ssCompassApp{border:1px solid var(--line);border-radius:22px;background:var(--surface);color:var(--ink);max-width:560px;width:calc(100% - 32px);padding:28px;box-shadow:0 20px 80px var(--slava-paint-blue-tint, #142a4830)}dialog.ssCompassApp::backdrop{background:var(--slava-paint-scrim, #23394d66);backdrop-filter:blur(3px)}.ssCompassApp .dialoghead{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:18px}.ssCompassApp .dialoghead button{min-width:48px}.ssCompassApp .dialogbody .control-block{margin-top:20px}.ssCompassApp .dialogbody label{display:block;font-size:12px;font-weight:650;margin:8px 0}.ssCompassApp .dialogbody select,.ssCompassApp .dialogbody input[type=number]{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px 12px}.ssCompassApp .dialogbody input[type=range]{width:100%;min-height:44px;accent-color:var(--blue)}.ssCompassApp .dialogbody p{font-size:12px;line-height:1.65;margin-top:10px;color:var(--muted)}.ssCompassApp .dialogbody .primary{background:var(--blue);color:var(--slava-paint-ink-bright, #fff);margin-top:20px;width:100%}.ssCompassApp .noscript{padding:40px}.ssCompassApp .gallery{max-width:1200px;margin:0 auto;padding:40px 24px}.ssCompassApp .gallery h1{max-width:850px;font-size:52px;margin:16px 0}.ssCompassApp .gallery .lede{font-size:17px;max-width:720px;color:var(--muted);margin-bottom:26px}.ssCompassApp .gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ssCompassApp .design-card{background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden}.ssCompassApp .design-card img{width:100%;display:block;aspect-ratio:1.15;object-fit:cover;object-position:top;border-bottom:1px solid var(--line)}.ssCompassApp .design-card .description{padding:24px}.ssCompassApp .design-card h2{font-size:25px;margin:6px 0}.ssCompassApp .design-card p{font-size:13px;color:var(--muted);margin:8px 0 14px}.ssCompassApp .design-card .open{display:flex;min-height:48px;align-items:center;justify-content:space-between;text-decoration:none;font-weight:700;border-top:1px solid var(--line);padding-top:12px}.ssCompassApp .recommend{background:var(--slava-paint-paper-glass, #e8eee9);border:1px solid var(--slava-paint-line, #c7d3ce);padding:22px 26px;margin:26px 0;border-radius:14px;max-width:100%}.ssCompassApp .recommend p{margin-top:6px;font-size:14px;color:var(--muted)}.ssCompassApp .gallery .links{display:flex;gap:20px;flex-wrap:wrap;margin:25px 0}.ssCompassApp .gallery .links a{min-height:44px;display:flex;align-items:center}.ssCompassApp .gallery .metadata{font-size:12px;color:var(--muted);margin:24px 0}.ssCompassApp .research{max-width:980px;margin:40px auto;padding:30px;background:var(--surface)}.ssCompassApp .research h1{font-size:38px;margin-bottom:20px}.ssCompassApp .research h2{font-size:24px;margin:32px 0 12px}.ssCompassApp .research h3{margin:20px 0 10px}.ssCompassApp .research p{margin:12px 0;line-height:1.8}.ssCompassApp .research ul,.ssCompassApp .research ol{padding-left:24px}.ssCompassApp .research li{margin-bottom:8px}.ssCompassApp .research table{border-collapse:collapse;width:100%;font-size:13px;display:block;overflow:auto}.ssCompassApp .research th,.ssCompassApp .research td{text-align:left;border:1px solid var(--line);padding:12px;min-width:110px}.ssCompassApp .research th{background:var(--soft)}.ssCompassApp .research code{font-size:12px;overflow-wrap:anywhere}.ssCompassApp .research pre{white-space:pre-wrap;font-size:11px}.ssCompassApp .research img{max-width:100%}
@media(max-width:1000px){body.shelf .ssCompassApp .workspace{grid-template-columns:170px minmax(0,1fr)}body.shelf .ssCompassApp .previewaside{grid-column:2;display:grid;grid-template-columns:1fr 1fr;gap:20px}body.shelf .ssCompassApp .lesson{min-height:330px}body.shelf .ssCompassApp .aside-controls{margin:0}body.atelier .ssCompassApp .workspace{grid-template-columns:1.2fr 1fr}.ssCompassApp .people-group{--cols:5}body.atelier .ssCompassApp .people-group button:last-child{grid-column:auto}body.stage .ssCompassApp .intro-accent{display:none}body.stage .ssCompassApp .settings-tray{gap:14px;padding:18px}body.stage .ssCompassApp .sort-group button{font-size:10px}.ssCompassApp .play-pair{grid-template-columns:repeat(2,106px)}.ssCompassApp .transport{gap:8px}.ssCompassApp .transport-brand{min-width:125px;padding:0 4px}.ssCompassApp .transport .repeat{min-width:125px}.ssCompassApp .family{padding:10px}.ssCompassApp .family .family-number{display:none}}
@media(max-width:720px){.ssCompassApp h1{font-size:33px;letter-spacing:-1px}.ssCompassApp.shell{padding:18px 16px 25px}.ssCompassApp .studybar{padding:0 12px;flex-wrap:wrap;gap:0;justify-content:center}.ssCompassApp .studybar .back{display:none}.ssCompassApp .studybar nav{width:100%;justify-content:center}.ssCompassApp .studybar .prototype{display:block;width:100%;text-align:center;font-size:10px;padding-bottom:7px}.ssCompassApp .studybar a{padding:0 9px;font-size:11px}.ssCompassApp .brandrow{margin-bottom:22px}.ssCompassApp .brand{font-size:15px}.ssCompassApp .version{font-size:8px;letter-spacing:.8px}.ssCompassApp .intro{display:block;margin-bottom:18px}.ssCompassApp .intro .uk{display:block;margin:6px 0 0;font-size:19px}.ssCompassApp .intro p{font-size:12px;max-width:300px;line-height:1.7}.ssCompassApp .intro-accent{display:none}.ssCompassApp .medal-area{padding:12px 0 0;margin-bottom:22px;display:block}.ssCompassApp .medal-caption{width:100%;text-align:center;margin-bottom:12px}.ssCompassApp .medal-caption strong{display:inline;margin-right:6px;font-size:12px}.ssCompassApp .medal-caption span{font-size:10px}.ssCompassApp .family-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ssCompassApp .family{height:60px;padding:10px;border:1px solid var(--line);border-radius:10px}.ssCompassApp .family .family-number{display:block;font-size:11px}.ssCompassApp .family .family-name{font-size:12px}.ssCompassApp .family small{font-size:9px}.ssCompassApp .family[aria-pressed=true]{border-color:var(--blue);box-shadow:inset 0 -2px var(--blue)}body.atelier .ssCompassApp .workspace{display:flex;flex-direction:column;gap:18px}.ssCompassApp .panel{padding:20px 16px;border-radius:16px}.ssCompassApp .sort-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.ssCompassApp .sort-group button{height:48px}.ssCompassApp .seg button{font-size:11px}.ssCompassApp .people-group{--cols:5}.ssCompassApp .people-group button{font-size:15px}.ssCompassApp .count-group button{font-size:11px}.ssCompassApp .count-group button:last-child{font-size:9px}.ssCompassApp .refine-group button{font-size:11px;padding:8px}.ssCompassApp .control-block+.control-block{margin-top:19px}.ssCompassApp .control-foot{margin-top:10px}.ssCompassApp .lesson,body.atelier .ssCompassApp .lesson{min-height:350px;padding:20px}.ssCompassApp .lesson-word{font-size:47px}.ssCompassApp .sentence .uk{font-size:17px}.ssCompassApp .verb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ssCompassApp .verb-pick{font-size:15px;padding:9px;min-height:58px;gap:6px}.ssCompassApp .verb-fav{width:44px;min-width:44px}.ssCompassApp .queuehead{flex-wrap:wrap}body.atelier .ssCompassApp .queue .searchbox,body.stage .ssCompassApp .queue .searchbox{width:100%}.ssCompassApp .queuehead h2{font-size:15px}.ssCompassApp .queue-meta{align-items:flex-start;font-size:10px}.ssCompassApp .transport-wrap{bottom:8px;margin-top:20px}.ssCompassApp .transport{border-radius:19px;padding:12px;display:grid;grid-template-columns:1fr 48px;gap:8px}.ssCompassApp .transport-brand{display:none}.ssCompassApp .play-pair{grid-column:1/-1;grid-template-columns:1fr 1fr;gap:8px}.ssCompassApp .transport .repeat{grid-column:1;margin:0;width:100%;height:44px;min-height:44px;justify-content:flex-start;padding-left:14px}.ssCompassApp .transport .settings{grid-column:2;width:44px;min-width:44px;height:44px;min-height:44px}.ssCompassApp .transport-status{font-size:9px;margin-top:5px;background:var(--paper);padding:2px;border-radius:4px}.ssCompassApp .pagefoot{display:block;font-size:10px}.ssCompassApp .pagefoot a{display:inline-flex;min-height:44px;align-items:center}body.shelf .ssCompassApp .shell{padding:18px 16px}body.shelf .ssCompassApp .intro h1{font-size:33px}body.shelf .ssCompassApp .workspace{display:flex;flex-direction:column;gap:22px}body.shelf .ssCompassApp .rail{border:0;padding:0}body.shelf .ssCompassApp .family-group{grid-template-columns:1fr 1fr}body.shelf .ssCompassApp .family{height:60px;padding:10px}body.shelf .ssCompassApp .family .family-number{display:block}body.shelf .ssCompassApp .rail>.eyebrow,body.shelf .ssCompassApp .catalog-count{display:none}body.shelf .ssCompassApp .rail .refine-group{grid-template-columns:1fr 1fr}body.shelf .ssCompassApp .rail .mini-divider{display:none}body.shelf .ssCompassApp .library-bar{grid-template-columns:1fr;margin:12px 0}body.shelf .ssCompassApp .previewaside{display:flex;flex-direction:column;gap:20px}body.shelf .ssCompassApp .previewaside .lesson{min-height:330px}body.shelf .ssCompassApp .people-group{--cols:5}body.shelf .ssCompassApp .verb-grid{grid-template-columns:1fr 1fr}body.shelf .ssCompassApp .verb-pick{min-height:62px}body.shelf .ssCompassApp .aside-controls{margin:0}body.shelf .ssCompassApp .library .queuehead{margin-bottom:10px}body.shelf .ssCompassApp .count-group{margin-top:15px}body.shelf .ssCompassApp .queue-meta{display:block}body.stage .ssCompassApp .intro p{margin:10px auto 0}body.stage .ssCompassApp .lesson{padding:20px 16px;min-height:350px}body.stage .ssCompassApp .lesson-word{font-size:49px;margin:24px 0 6px;letter-spacing:-.5px}body.stage .ssCompassApp .lesson-en{font-size:20px}body.stage .ssCompassApp .sentence{margin-top:20px;padding-top:20px}body.stage .ssCompassApp .sentence .uk{font-size:16px}body.stage .ssCompassApp .ornament{display:none}body.stage .ssCompassApp .lesson-inf{font-size:12px}body.stage .ssCompassApp .family{height:54px}body.stage .ssCompassApp .people-group{--cols:5}body.stage .ssCompassApp .people-control{margin:20px auto}body.stage .ssCompassApp .settings-tray{display:flex;flex-direction:column;padding:20px 16px;gap:20px}body.stage .ssCompassApp .sort-group{grid-template-columns:repeat(2,minmax(0,1fr))}body.stage .ssCompassApp .sort-group button{font-size:11px}body.stage .ssCompassApp .refine-group{grid-template-columns:1fr 1fr}body.stage .ssCompassApp .queue{margin-top:22px}body.stage .ssCompassApp .verb-grid{grid-template-columns:1fr 1fr}body.stage .ssCompassApp .queuehead .action-link{margin-left:auto}.ssCompassApp .gallery{padding:26px 16px}.ssCompassApp .gallery h1{font-size:36px}.ssCompassApp .gallery .lede{font-size:15px}.ssCompassApp .gallery-grid{grid-template-columns:1fr}.ssCompassApp .gallery .links{gap:4px;flex-direction:column}.ssCompassApp .research{margin:0;padding:22px 16px}.ssCompassApp .research h1{font-size:30px}}
@media(max-width:374px){.ssCompassApp #levels.ssm-row{gap:3px!important}.ssCompassApp #levels.ssm-row .medal{width:57px!important;min-width:57px!important;max-width:57px!important;flex-basis:57px!important}.ssCompassApp .family .family-number{display:none}.ssCompassApp .studybar a{padding:0 7px}.ssCompassApp .brand{font-size:14px}}
@media(prefers-reduced-motion:reduce){.ssCompassApp *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media(min-width:721px) and (max-width:1000px){body.stage .ssCompassApp .settings-tray{grid-template-columns:1fr 1fr}body.stage .ssCompassApp .settings-tray>section:last-child{grid-column:1/-1}body.stage .ssCompassApp .settings-tray .refine-group{grid-template-columns:1fr 1fr}}.ssCompassApp /* Review corrections: reserve space for the Pill and center the medal row itself. */
.shell .medal-area{display:block;text-align:center;padding-top:12px}.ssCompassApp .shell .medal-caption{width:auto;margin-bottom:10px;font-size:11px}.ssCompassApp .shell .medal-caption strong{display:inline;margin-right:8px;font-size:12px}.ssCompassApp .shell .medal-caption span{font-size:10px}.ssCompassApp .shell #ssmResp.ssm-resp{background:transparent;color:var(--muted);border:0;padding:0;font-size:11px;margin:6px auto 0}.ssCompassApp .shell .transport-wrap{position:relative;bottom:auto;margin:18px auto 20px;max-width:900px;width:100%}.ssCompassApp .play-pair{grid-template-columns:repeat(2,160px)}.ssCompassApp .transport-brand{min-width:126px;padding:0 4px}.ssCompassApp .transport .repeat{min-width:164px}.ssCompassApp .transport-status{margin-top:5px}body.stage .ssCompassApp .transport-wrap{margin:14px auto}body.shelf .ssCompassApp .transport-wrap{margin:16px auto 24px}body.stage .ssCompassApp .lesson{min-height:305px}
@media(max-width:1000px) and (min-width:721px){.ssCompassApp .play-pair{grid-template-columns:repeat(2,132px)}.ssCompassApp .transport-brand{min-width:110px}.ssCompassApp .transport .repeat{min-width:145px}}
@media(max-width:720px){.ssCompassApp .play-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.ssCompassApp .shell .transport-wrap{margin:16px auto}.ssCompassApp .shell .medal-caption{margin-bottom:10px}.ssCompassApp .transport .repeat{min-width:0}.ssCompassApp .transport-status{background:transparent}.ssCompassApp .transport{position:static}body.stage .ssCompassApp .transport-wrap{margin:16px auto 24px}}.ssCompassApp /* COMPASS v02: exact approved lockup; one native layout switch,.ssCompassApp same state. */
.brandrow{gap:24px;margin-bottom:22px;min-height:86px}.ssCompassApp .brand{display:block;line-height:0;flex:0 0 auto;text-decoration:none;border-radius:0}.ssCompassApp .brand .approved-logo{display:block;width:205px;height:auto;object-fit:contain;max-width:none;filter:none;opacity:1;box-shadow:none;border:0;clip-path:none}.ssCompassApp .layout-control{display:flex;flex-direction:column;align-items:flex-end;gap:7px}.ssCompassApp .layout-picker{display:flex;align-items:center;gap:10px;font-size:11px;color:var(--muted)}.ssCompassApp .layout-picker select{min-height:44px;width:164px;padding:10px 12px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font:inherit;font-size:12px;font-weight:600;color:var(--ink);cursor:pointer}.ssCompassApp .layout-control .version{font-size:9px;letter-spacing:.25px}
@media(max-width:720px){.ssCompassApp .brandrow{gap:16px;min-height:76px;margin-bottom:20px}.ssCompassApp .brand .approved-logo{width:145px}.ssCompassApp .layout-picker{gap:4px;flex-direction:column;align-items:flex-start}.ssCompassApp .layout-picker select{width:144px;font-size:11px}.ssCompassApp .layout-picker>span{font-size:10px}.ssCompassApp .layout-control .version{font-size:8px;letter-spacing:0}
}
@media(max-width:374px){.ssCompassApp .brand .approved-logo{width:130px}.ssCompassApp .layout-picker select{width:140px}.ssCompassApp .brandrow{gap:16px}}.ssCompassApp /* v03 collections and source-backed patterns: compact controls,.ssCompassApp preserved layouts. */
.collection-strip{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);padding:16px 0;margin-bottom:3px}.ssCompassApp .collection-strip label{font-size:11px;font-weight:650;display:flex;align-items:center;gap:12px}.ssCompassApp .collection-strip select{min-height:44px;width:242px;padding:9px 12px;background:var(--surface);border:1px solid var(--line);border-radius:10px;font-size:12px}.ssCompassApp .collection-note{font-size:11px;color:var(--muted);max-width:480px}.ssCompassApp .pattern-control{margin-bottom:12px}.ssCompassApp .pattern-control label{display:block;font-size:12px;font-weight:700;margin-bottom:9px}.ssCompassApp .pattern-control select{width:100%;min-height:48px;border:1px solid var(--line);border-radius:10px;background:var(--surface);padding:8px 10px;font-size:12px}.ssCompassApp .pattern-note{line-height:1.55}.ssCompassApp .lesson-person{text-align:center;font-size:18px;color:var(--muted);margin-top:16px}.ssCompassApp .lesson-person:empty{display:none}.ssCompassApp .meaning-label{text-align:center;font-size:10px;font-weight:700;letter-spacing:.7px;text-transform:uppercase;margin:4px 0}.ssCompassApp .meaning-label:empty,.ssCompassApp .meaning-status:empty{display:none}.ssCompassApp .meaning-status{text-align:center;font-size:10px;color:var(--muted);margin:7px 0;line-height:1.5}.ssCompassApp .lesson-en{overflow-wrap:anywhere}.ssCompassApp .lesson-head{gap:8px}.ssCompassApp .lesson-head .record-info{margin-left:auto;font-size:10px;padding:0 8px}.ssCompassApp .record-facts{display:grid;gap:10px;margin-top:18px}.ssCompassApp .record-facts div{display:grid;grid-template-columns:130px 1fr;gap:12px;border-bottom:1px solid var(--line);padding-bottom:8px}.ssCompassApp .record-facts dt{font-size:11px;color:var(--muted)}.ssCompassApp .record-facts dd{margin:0;font-size:12px;overflow-wrap:anywhere}body.shelf .ssCompassApp .rail .pattern-control{margin-top:12px}body.shelf .ssCompassApp .rail .pattern-control select{font-size:10px;padding:8px 4px}body.stage .ssCompassApp .settings-tray{align-items:start}
@media(max-width:720px){.ssCompassApp .collection-strip{display:block;padding:14px 0}.ssCompassApp .collection-strip label{justify-content:space-between;gap:12px}.ssCompassApp .collection-strip select{width:calc(100% - 50px)}.ssCompassApp .collection-note{margin-top:8px;font-size:10px}.ssCompassApp .pattern-control select{font-size:11px}.ssCompassApp .lesson-head span{font-size:9px;letter-spacing:.5px}body.shelf .ssCompassApp .rail .pattern-control select{font-size:11px;padding:8px 10px}.ssCompassApp .record-facts div{grid-template-columns:110px 1fr}
}.ssCompassApp /* Founder steering: Образ view chooser and one cycling count button. */
.view-name{display:inline-flex;gap:6px;align-items:center;font-size:14px;color:var(--ink)}.ssCompassApp .layout-picker #layoutSelect{font-family:Andika,sans-serif;font-size:14px}.ssCompassApp .count-controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.ssCompassApp .count-controls button{width:100%;min-width:0;height:48px;font-size:12px}.ssCompassApp .count-bump{display:flex;align-items:center;justify-content:space-between;background:var(--soft);border-color:var(--blue);color:var(--blue)}.ssCompassApp .bump-arrow{font-size:21px;line-height:1}.ssCompassApp .count-next{font-size:10px}
@media(max-width:720px){.ssCompassApp .layout-picker .view-name{font-size:12px}.ssCompassApp .layout-picker #layoutSelect{font-size:13px}.ssCompassApp .count-controls button{font-size:11px}}