/* Quiet blue, turquoise actions, coral notes. Shared with every existing lesson. */
:root{--u-ink:#18334f;--u-teal:#087f80;--u-coral:#dc765e;--u-line:#dbe7ec;--u-soft:#f1f8f8;--u-muted:#4d6577;--blue:#087f80;--primary:#087f80}body{color:var(--u-ink);background:#f8fbfc;font-size:16px}.portal-page{--blue:#087f80;--soft:#e8f5f4;background:#f8fbfc}button,input,select,textarea{font:inherit}button,a,input,select,summary,textarea{touch-action:manipulation}a,button{overflow-wrap:anywhere}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #164fa5;outline-offset:4px}body>.sidebar{display:none}.workspace{margin-left:0}body>.portal-header{display:flex;max-width:1440px;padding:12px 28px;gap:16px;position:relative;z-index:20;background:#f8fbfc}.portal-header nav{gap:1px}.portal-header nav a{font-size:.875rem;padding:12px 10px;min-height:44px;color:#26465e}.portal-header nav a:hover,.portal-header nav a[aria-current=page]{background:#e4f3f1;color:#076d70}.portal-brand img{width:60px;height:60px}.u-menu{display:none;border:1px solid var(--u-line);border-radius:12px;background:white;color:var(--u-ink);padding:10px 16px;min-height:44px}.workspace>main{max-width:1240px;margin:auto}.portal-page main{max-width:none;padding:0}.topbar{max-width:1240px;margin:auto}.u-page{max-width:1240px;margin:auto;padding:0 40px 64px}.u-hero{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:38px;padding:42px 0 32px;min-height:480px}.u-kicker{display:block;font-size:.8125rem;font-weight:900;letter-spacing:1.5px;color:#52697a;margin:0 0 16px}.u-hero h1{font-size:clamp(3.1rem,5.3vw,4.6rem);line-height:1.08;letter-spacing:-2.2px;color:var(--u-ink);margin:0 0 24px}.u-hero h1 em{color:var(--u-teal);font-style:normal}.u-hero p{font-size:1.125rem;line-height:1.75;color:var(--u-muted);max-width:550px;margin-bottom:28px}.u-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.u-button{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:50px;padding:13px 22px;border:1px solid var(--u-teal);border-bottom:3px solid #076a6b;border-radius:14px;background:var(--u-teal);color:white;font-weight:800;font-size:1rem;text-decoration:none;cursor:pointer}.u-button:hover{background:#076d70;color:white}.u-button.u-secondary{background:white;color:var(--u-ink);border:1px solid #cadbe3}.u-trust{display:flex;flex-wrap:wrap;gap:10px 18px;font-size:.875rem;color:var(--u-muted);margin-top:24px}.u-owl{position:relative;display:grid;place-items:center;min-height:390px;background:radial-gradient(ellipse,#e1f1f0 0 58%,transparent 59%)}.u-owl img{width:min(95%,340px);height:auto;object-fit:contain}.u-hello{position:absolute;top:-2px;right:10px;font-size:1rem;line-height:1.5;background:white;border:1px solid var(--u-line);border-radius:20px 20px 20px 4px;padding:14px 22px;transform:rotate(4deg)}.u-hello b{color:var(--u-teal)}.u-owl-note{font-size:.875rem;color:var(--u-muted);margin-top:-12px}.u-mission{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:28px 32px;border:1px solid #cde6e4;border-left:6px solid var(--u-teal);border-radius:20px;background:#ecf7f5}.u-mission .u-kicker{color:#086d6e;margin-bottom:9px}.u-mission h2{font-size:1.55rem;line-height:1.3;margin:0 0 8px;color:var(--u-ink)}.u-mission p{margin:0 0 14px;max-width:700px;color:var(--u-muted)}.u-mission>.u-button{flex-shrink:0}.u-tags{display:flex;gap:8px;flex-wrap:wrap}.u-tags span{font-size:.8125rem;padding:5px 9px;border:1px solid #cfe2e4;border-radius:7px;background:#ffffffb8;color:#34576c}.u-section{padding-top:58px}.u-section-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.u-section-heading h2{font-size:1.9rem;line-height:1.3;margin:0}.u-section-heading .u-kicker{margin-bottom:10px}.u-section-heading>a{font-size:.9375rem;font-weight:800;color:var(--u-teal);padding:10px 0}.u-interest-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.u-interest{padding:24px 22px;border:1px solid var(--u-line);border-radius:20px;background:white;display:flex;flex-direction:column;color:var(--u-ink);transition:border-color .15s,transform .15s}.u-interest:hover,.u-card:hover{border-color:var(--u-teal);transform:translateY(-2px)}.u-interest>span{font-size:1.9rem;font-weight:900;width:64px;height:60px;display:grid;place-items:center;border-radius:16px;background:#e3f1f7;color:#235b80;margin-bottom:25px}.u-bg>span{background:#ffebe5;color:#984d3a}.u-nature>span{background:#e3f0e1;color:#376341}.u-art>span{background:#f5ead4;color:#815b16}.u-interest h3{font-size:1.2rem;margin:0 0 10px}.u-interest p{font-size:.9375rem;line-height:1.65;color:var(--u-muted);margin:0 0 23px;flex:1}.u-interest small{font-size:.8125rem;color:#52697a;font-weight:800}.u-three{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.u-card{border:1px solid var(--u-line);border-radius:20px;padding:26px;background:white;color:var(--u-ink)}.u-card-symbol{display:block;font-size:1.8rem;font-weight:900;color:var(--u-teal);margin-bottom:22px}.u-card h3{font-size:1.2rem;margin:0 0 12px}.u-card p{line-height:1.75;color:var(--u-muted);margin:0 0 24px}.u-card>span:last-child{font-size:.9375rem;font-weight:800;color:var(--u-teal)}.u-parent-banner{display:flex;justify-content:space-between;gap:40px;align-items:center;margin-top:64px;padding:38px;border-radius:24px;background:#edf2f8;border:1px solid #dce5f0}.u-parent-banner h2{font-size:2rem;line-height:1.25;margin:0 0 14px}.u-parent-banner p{color:var(--u-muted);line-height:1.7;max-width:580px}.u-parent-banner .u-actions{flex-direction:column;flex-shrink:0;align-items:stretch}.u-heading{padding:40px 0 28px}.u-heading h1{font-size:clamp(2rem,4vw,3rem);line-height:1.15;letter-spacing:-1px;margin:0 0 18px}.u-heading p{color:var(--u-muted);max-width:760px;line-height:1.75}.portal-btn,.btn{background:var(--u-teal);border-color:var(--u-teal);color:white}.portal-btn.light,.btn.secondary{background:white;color:var(--u-ink);border-color:#cadae1}.portal-link{color:var(--u-teal)}.portal-page .workspace>footer{border-top:1px solid var(--u-line)}.u-notice{padding:16px 20px;border:1px solid var(--u-line);border-radius:14px;background:white;color:var(--u-muted);line-height:1.7}.u-panel{border:1px solid var(--u-line);border-radius:20px;padding:26px;background:white}.u-panel h2{font-size:1.45rem;margin-top:0}.u-panel p,.u-panel li{line-height:1.8;color:var(--u-muted)}
@media(max-width:1170px){.u-menu{display:block;margin-left:auto}.portal-header nav{display:none;position:absolute;left:16px;right:16px;top:84px;padding:16px;align-items:stretch;background:white;border:1px solid var(--u-line);border-radius:16px;box-shadow:0 12px 32px #17344b18;grid-template-columns:1fr 1fr}.portal-header nav.u-open{display:grid}.portal-header nav a{font-size:1rem}.u-interest-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){body>.portal-header{padding:8px 20px}.portal-brand img{width:52px;height:52px}.portal-header nav{top:70px}.u-page{padding:0 20px 40px}.u-hero{grid-template-columns:1fr;gap:18px;padding:28px 0 24px;min-height:0}.u-hero h1{font-size:3.15rem;letter-spacing:-1.5px}.u-hero p{font-size:1.0625rem}.u-owl{display:none}.u-mission{padding:23px 22px;display:block}.u-mission>.u-button{margin-top:18px}.u-mission h2{font-size:1.4rem}.u-section{padding-top:38px}.u-section-heading{align-items:start;flex-direction:column;gap:6px}.u-section-heading h2{font-size:1.65rem}.u-interest-grid{gap:12px}.u-interest{padding:18px 16px}.u-interest h3{font-size:1.0625rem}.u-interest>span{margin-bottom:18px}.u-three{grid-template-columns:1fr}.u-card{padding:24px}.u-card-symbol{margin-bottom:16px}.u-parent-banner{padding:26px;display:block;margin-top:38px}.u-parent-banner h2{font-size:1.75rem}.u-parent-banner .u-actions{align-items:start}.u-heading{padding-top:26px}.portal-page .workspace>footer{padding:25px 20px}.topbar .topbar-right{display:none}.workspace>main{padding-bottom:85px}.portal-page .workspace>main{padding:0}body>.mobile-nav{display:flex}body.portal-page>.mobile-nav{display:none}.u-actions .u-button{padding:12px 17px}.u-interest p{font-size:.875rem}.u-hero .u-kicker{font-size:.75rem;letter-spacing:1px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
.u-filters,.u-project-filters{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:16px;background:#edf5f7;border:1px solid #d9e8eb;padding:24px;border-radius:20px}.u-field{display:flex;flex-direction:column;gap:7px;font-size:.875rem;font-weight:800;min-width:0;color:#294b61}.u-field input,.u-field select{width:100%;min-height:48px;border-radius:10px;border:1px solid #b7cbd5;background:white;padding:11px 12px;color:#18334f;font-size:1rem;font-weight:400;min-width:0}.u-field select{padding-right:25px}.u-filter-more{grid-column:1/-1;font-size:.9375rem}.u-filter-more summary,details.u-mentor summary,.u-lesson-end summary{cursor:pointer;font-weight:800;min-height:44px;padding:12px 0;color:#27536a}.u-filter-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding-top:14px}.u-text-button{border:0;background:transparent;color:#076d70;font-weight:800;padding:12px 0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:4px;text-align:left}.u-filters>.u-text-button{grid-column:1/-1;padding:0;justify-self:start}.u-result-heading{display:flex;justify-content:space-between;gap:20px;margin:30px 0 20px;font-size:.9375rem;color:#476275}.u-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.u-lesson-card{display:flex;flex-direction:column;padding:23px;background:white;border:1px solid #d4e2e8;border-radius:19px}.u-lesson-top{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#526b7c;font-size:.875rem;margin-bottom:24px}.u-subject-symbol{display:grid;place-items:center;min-width:50px;height:47px;border-radius:12px;background:#e7f2f7;font-weight:900;font-size:1.3rem;color:#235b80}.u-subject-symbol.bg{background:#ffede6;color:#924831}.u-lesson-card .u-kicker{font-size:.75rem;letter-spacing:1px;margin-bottom:8px}.u-lesson-card h2{font-size:1.25rem;line-height:1.4;margin:0 0 12px}.u-lesson-card h2 a{color:#18334f}.u-lesson-card h2 a:hover{color:#087f80;text-decoration:underline}.u-lesson-card p{color:#4d6577;line-height:1.7;font-size:.9375rem;flex:1}.u-lesson-bottom{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-top:22px;padding-top:18px;border-top:1px solid #e4edef;font-weight:800;font-size:.875rem}.u-lesson-bottom>a,.u-text-link{color:#076d70}.u-earned{color:#3e6d4d;font-size:.8125rem}.u-age-number{display:block;font-size:3.2rem;font-weight:900;color:var(--u-teal);margin-bottom:24px}.u-age-grid .u-card:nth-child(2){background:#edf8f5}.u-age-grid .u-card:nth-child(3){background:#fff3ee}.u-inline-field{max-width:240px;margin:0 0 24px}.u-mission-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:0;margin:26px 0;list-style:none}.u-mission-steps li a{display:block;height:100%;border:1px solid var(--u-line);border-radius:18px;padding:26px;background:white;color:var(--u-ink)}.u-step-number{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#e6f4f2;color:#087273;font-weight:900;margin-bottom:20px}.u-mission-steps h2{font-size:1.4rem}.u-mission-steps p{color:var(--u-muted);line-height:1.7}.u-mission-steps strong{color:var(--u-teal)}.u-project-filters{grid-template-columns:repeat(3,1fr)}.u-project-filters .u-text-button{align-self:end}.u-project-materials{font-size:.875rem}.u-project-layout,.u-progress-grid{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}.u-back{display:inline-block;margin-top:24px;min-height:44px;color:#087477;font-weight:800}.u-checklist{padding:0;list-style:none}.u-checklist li{border-bottom:1px solid #e1e9ee;padding:15px 0}.u-checklist label,.u-checkbox{display:flex;align-items:start;gap:14px;font-size:1rem;line-height:1.65;font-weight:700}.u-checklist input,.u-checkbox input{flex-shrink:0;width:22px;height:22px;margin-top:4px;accent-color:var(--u-teal)}.u-checklist label:has(input:checked){color:#366b5b}.u-button:disabled{opacity:.55;cursor:default}.u-project-safety{padding:16px;background:#fff4ef;border:1px solid #f0d2c5;border-radius:12px}.u-notice{margin-top:26px}.u-lesson-meta{padding:20px 24px;background:#eff8f7;border:1px solid #cce4e1;border-radius:16px;margin:20px 0 26px}.u-lesson-meta p{font-size:1rem;line-height:1.75;color:#34576a}.u-lesson-meta .u-actions{gap:25px;font-size:.9375rem}.u-lesson-meta .u-actions>a{color:#087273}.u-lesson-end{margin-top:28px}.u-lesson-end .u-actions{margin-top:20px}.u-mentor{margin-top:20px;border-top:1px solid var(--u-line);font-size:.9375rem}.u-mentor small{display:block;font-size:.875rem;line-height:1.7;color:var(--u-muted)}.u-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:28px}.u-stats>div{background:#eaf5f4;border:1px solid #d1e6e3;border-radius:18px;padding:24px}.u-stats b{display:block;font-size:2.5rem;color:#087273}.u-stats span{display:block;line-height:1.6;color:#38566a;font-size:.9375rem}.u-achievements{list-style:none;padding:0}.u-achievements li{padding:9px 0}.u-small{font-size:.875rem;line-height:1.7}.u-link-list{padding:0;list-style:none}.u-link-list li{display:flex;align-items:start;justify-content:space-between;gap:18px;border-bottom:1px solid #e2ebef;padding:17px 0;flex-wrap:wrap}.u-link-list a{font-weight:800;color:#086f73;line-height:1.5}.u-link-list span{display:block;font-size:.875rem;color:#527084;line-height:1.65}.u-link-list li>span{flex-basis:100%}.u-section-space{margin-top:28px}.u-teacher-form{display:flex;gap:16px;align-items:end;flex-wrap:wrap}.u-teacher-form .u-field{flex:1;min-width:170px}.u-teacher-form .u-field:has(select){flex-basis:100%}.u-weekly{margin-bottom:28px}.parent-page{max-width:1240px;margin:auto;padding:30px 40px}.parent-page .parent-overview{padding-left:0;padding-right:0}.u-empty{grid-column:1/-1}.u-project-layout .u-panel h2{margin-top:25px}.u-project-layout .u-panel h2:first-child{margin-top:0}#u-settings>p{max-width:850px}#u-delete-dialog{width:min(560px,calc(100% - 40px));max-height:85dvh;overflow:auto;border:1px solid var(--u-line);border-radius:20px;padding:28px;color:var(--u-ink)}#u-delete-dialog::backdrop{background:#17344b88}#u-delete-dialog h2{font-size:1.5rem}#u-delete-dialog p{line-height:1.75}.u-low-data .video-wrap{display:none}.u-low-data .video-help::after{content:' Лек режим: текстът на урока е отворен. За видео изключете лекия режим от настройките.'}.u-low-data .thumb img{display:none}.u-low-data .thumb{min-height:80px;background:#e6f1f5}
@media(min-width:1250px){body:not(.portal-page) .workspace>main{padding-left:40px;padding-right:40px}.parent-overview .parent-heading h1{font-size:2.4rem}}
@media(max-width:960px){.u-catalog{grid-template-columns:repeat(2,minmax(0,1fr))}.u-filters{grid-template-columns:repeat(2,1fr)}.u-search{grid-column:1/-1}.u-filter-grid{grid-template-columns:repeat(2,1fr)}.u-project-layout,.u-progress-grid{grid-template-columns:1fr}.u-project-filters{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.u-catalog,.u-mission-steps{grid-template-columns:1fr}.u-filters{padding:18px;gap:12px}.u-filters>.u-field:not(.u-search){grid-column:auto}.u-filter-grid{grid-template-columns:1fr}.u-lesson-card{padding:22px}.u-stats{gap:10px;grid-template-columns:1fr}.u-stats>div{display:flex;align-items:center;gap:22px;padding:17px 22px}.u-stats b{font-size:2rem;min-width:44px}.u-project-filters{padding:18px;grid-template-columns:1fr}.u-result-heading{display:block}.u-result-heading>span{display:block;margin-top:8px}.u-panel{padding:22px}.u-lesson-meta{padding:18px}.u-age-grid .u-card h2{font-size:1.5rem}.parent-page{padding:24px 20px}.u-teacher-form .u-field{min-width:0;flex-basis:100%}.u-teacher-form .u-button{width:100%}.u-heading h1{font-size:2.25rem}.u-mission-steps li a{padding:22px}.u-section-heading>a{font-size:.875rem}.u-interest-grid{grid-template-columns:1fr 1fr}}
@media(max-width:360px){.u-interest-grid,.u-filters{grid-template-columns:1fr}.u-hero h1{font-size:2.75rem}}
@media print{body>header,body>nav,.topbar,footer,.u-back,button,.u-notice,.u-menu{display:none!important}.u-page,main,.workspace{max-width:none!important;margin:0!important;padding:0!important}.u-project-layout{display:block}.u-panel{border:0;padding:10px 0}.u-checklist li{break-inside:avoid}.u-checklist input{appearance:none}.u-project-layout aside{break-before:auto}body{background:white;color:black}.u-heading{padding-top:0}}
.u-interest-links{display:flex;gap:12px 20px;flex-wrap:wrap;margin-top:20px}.u-interest-links a{font-size:.9375rem;padding:10px 0;color:#086d70;font-weight:800}.u-home-projects{margin-top:35px}#u-home-projects .u-project-filters{grid-template-columns:repeat(3,1fr)}@media(max-width:700px){#u-home-projects .u-project-filters{grid-template-columns:1fr}.u-interest-links{gap:8px 18px}}
