@import "https://fonts.googleapis.com/css2?family=Fira+Sans+Condensed:wght@500;600;700&family=Golos+Text:wght@400;500;600;700&family=Nunito+Sans:wght@700;800&display=swap";
@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.border{border-style:var(--tw-border-style);border-width:1px}}:root{--paper:#f4f1e9;--light:#fbf9f2;--ink:#173439;--brand-surface:#2a4a4d;--soft:#5f7271;--orange:#c96550;--acid:#dfe3b8;--mint:#e3e9df;--sky:#e7ece6;--line:#1734391c;--divider:#17343929;--shadow:5px 5px 0 var(--ink);--display:"Fira Sans Condensed", sans-serif;--body:"Golos Text", sans-serif;--logo:"Nunito Sans","Trebuchet MS",sans-serif}*{box-sizing:border-box}body{background:radial-gradient(circle at 10% 8%,#df654d17,transparent 28rem),radial-gradient(circle at 88% 12%,#ccdde075,transparent 29rem),var(--paper);color:var(--ink);font:15px/1.5 var(--body);margin:0}body:before{content:"";z-index:20;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E");position:fixed;inset:0}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button:disabled{opacity:.6;cursor:wait}:focus-visible{outline:3px solid var(--orange);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.035em}h1{margin-bottom:26px;font-size:clamp(3rem,7vw,6.8rem);line-height:.86}h1 em{color:var(--orange);font-style:normal}h2{margin-bottom:0;font-size:2.25rem}.app-shell{min-height:100vh;padding-bottom:80px}.topbar{border-bottom:1px solid var(--ink);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#f4f1e9e6;align-items:center;gap:42px;height:78px;padding:0 max(20px,50vw - 590px);display:flex;position:sticky;top:0}.brand{text-align:left;font:600 13px/1.05 var(--display);background:0 0;border:0;align-items:center;gap:10px;padding:0;display:flex}.brand i{border:1.5px solid var(--ink);background:var(--acid);width:38px;height:38px;box-shadow:2px 2px 0 var(--ink);border-radius:8px;place-items:center;font-style:normal;display:grid;transform:rotate(-4deg)}.topbar nav{gap:25px;margin-right:auto;display:flex}.topbar nav button,.text-button{background:0 0;border:0;padding:7px 0;font-weight:700}.topbar nav .current{color:var(--orange);border-bottom:2px solid var(--orange)}.button{border:1.5px solid var(--ink);min-height:47px;box-shadow:3px 3px 0 var(--ink);border-radius:9px;justify-content:center;align-items:center;gap:9px;padding:0 18px;font-weight:700;text-decoration:none;transition:all .18s;display:inline-flex}.button:hover{box-shadow:1px 1px 0 var(--ink);transform:translate(2px,2px)}.button.coral{background:var(--orange);color:#fff}.button.dark{background:var(--ink);color:var(--light)}.button.light{background:var(--light)}.button.danger{background:var(--orange);color:#fff}.button.small{min-height:40px;font-size:13px}.page{width:min(1180px,100% - 40px);margin:0 auto}.entrance{animation:.45s both rise}@keyframes rise{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}.eyebrow{color:var(--soft);text-transform:uppercase;letter-spacing:.11em;margin-bottom:9px;font-size:11px;font-weight:700}.hero{grid-template-columns:1fr 180px;align-items:start;gap:30px;padding:85px 0 54px;display:grid}.hero p:not(.eyebrow){max-width:480px;color:var(--soft);font-size:21px}.five{border:1.5px solid var(--ink);background:var(--acid);width:148px;height:148px;box-shadow:var(--shadow);font:78px/.8 var(--display);border-radius:50%;justify-content:center;align-items:center;gap:7px;margin-top:10px;display:flex;transform:rotate(7deg)}.five small{font:600 12px/1.05 var(--body);transform:rotate(-7deg)}.next-card{background:var(--ink);color:var(--light);box-shadow:4px 4px 0 var(--ink);border-radius:12px;justify-content:space-between;align-items:center;margin:30px 0 38px;padding:17px 22px;display:flex}.next-card .eyebrow{color:var(--acid);margin-bottom:3px}.next-card strong{font:600 23px var(--display);margin-right:15px}.next-card span{color:#c8d7d5}.next-card b{border:1px solid var(--acid);width:42px;height:42px;color:var(--acid);border-radius:50%;place-items:center;font-size:22px;display:grid}.section-title{justify-content:space-between;align-items:end;margin:38px 0 20px;display:flex}.section-title h2 span,.detail-groups h2 span{color:var(--soft);vertical-align:middle;font-size:17px}.text-button{color:var(--ink)}.text-button:hover{color:var(--orange)}.lesson-grid{grid-template-columns:repeat(3,1fr);gap:17px;display:grid}.lesson-card{border:1.5px solid var(--ink);min-height:235px;box-shadow:4px 4px 0 var(--ink);border-radius:12px;transition:transform .18s;position:relative;overflow:hidden}.lesson-card:hover{transform:translate(-2px,-2px)}.lesson-card button:first-child{text-align:left;background:0 0;border:0;flex-direction:column;width:100%;height:100%;padding:20px;display:flex}.lesson-card.c0{background:var(--light)}.lesson-card.c1,.lesson-card.c2{background:var(--mint)}.lesson-card.c3{background:#edf0e9}.lesson-card small{font:700 12px var(--body);color:var(--soft)}.lesson-card time{margin-top:20px;font-size:13px;font-weight:700}.lesson-card h3{margin:4px 0 auto;font-size:27px}.lesson-card div{flex-wrap:wrap;gap:8px;display:flex}.lesson-card div span{border:1px solid var(--line);border-radius:99px;padding:3px 7px;font-size:11px}.lesson-card footer{justify-content:space-between;align-items:center;margin-top:15px;font-size:12px;display:flex}.lesson-card footer strong{font-size:12px}.delete-x{opacity:0;background:0 0;border:1px solid #0000;border-radius:50%;width:27px;height:27px;font-size:20px;transition:all .15s;position:absolute;top:10px;right:10px}.lesson-card:hover .delete-x{opacity:1}.delete-x:hover{border-color:var(--ink);background:var(--orange);color:#fff}.empty{text-align:center;background:#fbf9f28c;border:1.5px dashed #1734397a;border-radius:18px;max-width:620px;margin:30px auto;padding:65px 25px}.empty i{border:1px solid var(--ink);width:58px;height:58px;box-shadow:3px 3px 0 var(--ink);background:var(--acid);border-radius:10px;place-items:center;margin:0 auto 24px;font-style:normal;display:grid}.empty h2{font-size:42px;line-height:.92}.empty p{max-width:390px;color:var(--soft);margin:0 auto 22px}.draft-prompt{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);align-items:center;gap:16px;margin-top:35px;padding:15px 18px;display:flex}.draft-prompt div{flex-direction:column;margin-right:auto;display:flex}.draft-prompt span{color:var(--soft);font-size:13px}.loading{color:var(--soft);padding:50px 0}.notice{z-index:30;border:1px solid var(--ink);max-width:440px;box-shadow:3px 3px 0 var(--ink);background:var(--light);align-items:center;gap:16px;padding:12px 13px 12px 16px;display:flex;position:fixed;top:94px;right:22px}.notice.error{background:#f8d4ce}.notice.success{background:var(--acid)}.notice button,.modal-close,.remove,.links button,.file button,.stored-docs button{background:0 0;border:0;font-size:20px;line-height:1}.workspace-intro{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:164px;padding:34px 0 24px;display:flex}.workspace-intro h1{margin:0 0 8px;font-size:clamp(3rem,5vw,4.4rem)}.workspace-intro p:not(.eyebrow){color:var(--soft);margin:0}.workspace-intro .button{flex:none}.form-page{max-width:980px;padding-top:38px}.back{background:0 0;border:0;padding:0;font-weight:700}.back:hover{color:var(--orange)}.form-intro{justify-content:space-between;align-items:end;gap:30px;margin:25px 0 45px;display:flex}.form-intro>p{max-width:300px;color:var(--soft)}.form-intro b{color:var(--orange)}.panel{border-top:1.5px solid var(--ink);padding:23px 0 28px}.panel>header{grid-template-columns:56px 1fr;gap:14px;margin-bottom:22px;display:grid}.panel>header>i{font:700 18px var(--display);color:var(--orange);font-style:normal}.panel h2{font-size:31px}.panel header p{color:var(--soft);margin:2px 0 0}.base-fields,.material-fields{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.field{display:block}.field>span,.links>span{margin-bottom:6px;font-size:12px;font-weight:700;display:block}.field small{color:var(--soft);font-weight:400}.field input,.field textarea,.links input{border:1px solid var(--line);background:var(--light);width:100%;color:var(--ink);border-radius:7px;outline:0;padding:10px 11px}.field textarea{resize:vertical;min-height:79px}.field input:focus,.field textarea:focus,.links input:focus{border-color:var(--ink);box-shadow:2px 2px 0 var(--acid)}.material{border:1px solid var(--line);background:#fbf9f2a1;border-radius:10px;grid-template-columns:42px 1fr 30px;gap:8px;margin-bottom:10px;padding:15px;display:grid}.material>i{color:var(--soft);font:700 14px var(--display);font-style:normal}.remove{border-radius:50%;align-self:start}.remove:hover{background:var(--orange);color:#fff}.add-line{color:var(--orange);background:0 0;border:0;margin-top:10px;padding:0;font-weight:700}.homework{background:var(--sky);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;margin-bottom:14px;padding:18px}.homework-head{justify-content:space-between;margin-bottom:15px;display:flex}.links>div{grid-template-columns:1fr 1.5fr 28px;gap:6px;margin:5px 0;display:grid}.links>button{color:var(--orange);background:0 0;border:0;padding:0;font-weight:700}.files{flex-wrap:wrap;align-items:center;gap:9px;margin:13px 0;display:flex}.files label,.compact-upload{color:var(--orange);cursor:pointer;font-weight:700}.files input,.compact-upload input{display:none}.files>small{color:var(--soft);font-size:11px}.file{border:1px solid var(--line);background:#ffffff8c;border-radius:5px;align-items:center;gap:7px;width:100%;padding:5px 7px;font-size:12px;display:flex}.file small{color:var(--soft)}.file button{margin-left:auto}.result{background:var(--mint);border-top:1px dashed var(--line);border-radius:0 0 8px 8px;margin:18px -18px -18px;padding:17px 18px}.submit{z-index:4;background:linear-gradient(90deg,var(--paper) 90%,transparent);justify-content:space-between;align-items:center;gap:16px;margin-top:12px;padding:16px 0;display:flex;position:sticky;bottom:0}.submit span{color:var(--soft);font-size:12px}.detail{max-width:980px;padding-top:38px}.library{max-width:980px;padding-top:0}.detail-head{justify-content:space-between;align-items:end;gap:30px;margin:30px 0 24px;display:flex}.detail-head h1{margin:0;font-size:clamp(3rem,6vw,5.5rem)}.detail-head aside{border-left:4px solid var(--orange);flex-direction:column;min-width:205px;padding:8px 0 8px 14px;display:flex}.detail-head aside span{text-transform:uppercase;letter-spacing:.07em;font-size:12px}.detail-head aside strong{font:600 22px var(--display)}.context{background:var(--acid);border:1px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:8px;padding:13px 17px;font-weight:700}.context span{float:right;color:var(--soft);font-weight:500}.detail-groups{grid-template-columns:repeat(3,1fr);gap:16px;margin:40px 0;display:grid}.detail-groups h2{margin-bottom:10px;font-size:27px}.stored-material{border-top:1px solid var(--ink);padding:14px}.stored-material strong{font-size:21px}.stored-material p{margin:3px 0}.stored-material blockquote,.library-list blockquote{border-left:2px solid var(--orange);color:var(--soft);margin:9px 0;padding-left:10px;font-size:13px}.stored-material small,.library-list small{color:var(--soft)}.stored-homework{border-top:1.5px solid var(--ink);padding:28px 0}.stored-homework>h2{margin-bottom:22px;font-size:34px}.stored-homework>article{background:var(--sky);border:1.5px solid var(--ink);box-shadow:3px 3px 0 var(--ink);border-radius:10px;margin:16px 0;padding:20px}.stored-homework>article>p{white-space:pre-wrap}.stored-links,.stored-docs{flex-direction:column;gap:5px;margin:12px 0;display:flex}.stored-links a,.stored-docs a{color:var(--ink);font-size:13px}.stored-docs>div{align-items:center;gap:8px;display:flex}.stored-docs small{color:var(--soft)}.compact-upload{margin:5px 0 14px;font-size:13px;display:inline-block}.tabs{gap:8px;margin:24px 0 30px;display:flex}.tabs button{border:1px solid var(--line);background:var(--light);border-radius:99px;padding:9px 13px}.tabs .active{background:var(--acid);border-color:var(--ink);font-weight:700}.library-list{border-top:1px solid var(--ink);flex-direction:column;display:flex}.library-list article{border-bottom:1px solid var(--line);justify-content:space-between;gap:25px;padding:19px 0;display:flex}.library-list article strong{font-size:20px}.library-list article p{margin:2px 0}.library-list article>span{max-width:220px;color:var(--soft);text-align:right;font-size:12px}.modal-layer{z-index:40;background:#132f356e;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:var(--light);border:1.5px solid var(--ink);width:min(520px,100%);box-shadow:7px 7px 0 var(--ink);border-radius:13px;padding:31px;position:relative}.modal h2{font-size:39px}.modal>p{color:var(--soft)}.modal ul{padding-left:20px}.modal-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.modal-close{position:absolute;top:12px;right:12px}.undo{z-index:30;border:1.5px solid var(--ink);background:var(--ink);color:var(--light);box-shadow:3px 3px 0 var(--orange);align-items:center;gap:16px;padding:11px 14px;display:flex;position:fixed;bottom:20px;left:50%;transform:translate(-50%)}.undo button{color:var(--acid);background:0 0;border:0;font-weight:700}.undo small{color:#a8b9b8}@media (max-width:720px){.topbar{gap:13px;height:auto;min-height:67px;padding:10px 20px}.topbar nav{display:none}.topbar .button{min-height:40px;margin-left:auto;padding:0 11px;font-size:12px}.hero{grid-template-columns:1fr 95px;padding:52px 0 35px}.hero p:not(.eyebrow){font-size:15px}.five{width:86px;height:86px;font-size:47px}.five small{font-size:8px}.next-card{margin-bottom:48px;padding:17px}.next-card strong{font-size:23px;display:block}.lesson-grid,.detail-groups{grid-template-columns:1fr}.lesson-card{min-height:205px}.draft-prompt{flex-wrap:wrap}.draft-prompt div{width:100%}.form-intro,.detail-head{display:block}.form-intro>p{margin-top:18px}.base-fields,.material-fields{grid-template-columns:1fr}.base-fields .field:last-child{grid-column:auto}.material{grid-template-columns:26px 1fr 24px;padding:12px}.panel>header{grid-template-columns:35px 1fr}.submit{flex-direction:column;align-items:stretch}.context span{float:none;margin-top:3px;display:block}.detail-head aside{margin-top:18px}.library-list article{display:block}.library-list article>span{text-align:left;margin-top:10px;display:block}.links>div{grid-template-columns:1fr 1fr 25px}.modal{padding:25px 20px}.workspace-intro{align-items:flex-end;min-height:0;padding:28px 0 20px}.workspace-intro h1{font-size:44px}.workspace-intro p:not(.eyebrow){max-width:210px;font-size:13px}.workspace-intro .button{padding:0 11px;font-size:12px}}.topbar{border-bottom-color:var(--divider)}.panel,.stored-homework{border-top:1px solid var(--divider)}.stored-material,.library-list{border-top-color:var(--divider)}.library-list article{border-bottom-color:var(--divider)}.draft-prompt{border-color:var(--divider)}.empty{border-color:#1734393d}:root{--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:40px}body{line-height:1.55}h1{margin-bottom:var(--space-5);line-height:.9}h2{line-height:1}h3{line-height:1.04}.icon{flex:none;display:block}.eyebrow{margin-bottom:var(--space-2);line-height:1.25}.section-title{margin:var(--space-6) 0 var(--space-4)}.next-card{margin:var(--space-5) 0 var(--space-6)}.lesson-card h3{margin-top:var(--space-1);line-height:1.02}.lesson-card footer strong,.homework-count{align-items:center;gap:5px;display:inline-flex}.delete-x,.remove,.links>div button,.file button,.stored-docs button,.notice button,.modal-close{place-items:center;display:grid}.delete-x{padding:0}.back,.add-line,.links>button,.files label,.compact-upload,.stored-links a,.stored-docs a{align-items:center;gap:6px;display:inline-flex}.back{gap:7px}.form-intro{margin:var(--space-5) 0 var(--space-7)}.form-intro>p,.panel header p{line-height:1.55}.panel{padding:var(--space-5) 0 var(--space-6)}.panel>header{margin-bottom:var(--space-4)}.panel h2{line-height:1.05}.base-fields,.material-fields{gap:var(--space-4)}.field>span,.links>span{margin-bottom:var(--space-2);line-height:1.3}.field input,.field textarea,.links input{line-height:1.45}.material{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-3)}.add-line{margin-top:var(--space-3);gap:6px}.homework{padding:var(--space-5);margin-bottom:var(--space-4)}.homework-head{margin-bottom:var(--space-4);align-items:center}.links,.files{margin:var(--space-4) 0}.files label{align-items:center}.file{gap:var(--space-2);padding:6px var(--space-2)}.result{margin:var(--space-5) calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:var(--space-4) var(--space-5)}.detail-head{margin:var(--space-5) 0}.detail-groups{margin:var(--space-7) 0}.stored-material{padding:var(--space-4)}.stored-material p{margin:var(--space-1) 0;line-height:1.5}.stored-links a,.stored-docs a{align-items:flex-start;width:max-content;max-width:100%;line-height:1.45}.modal>p{line-height:1.55}@media (max-width:720px){.section-title{margin:var(--space-5) 0 var(--space-4)}.empty{padding:var(--space-6) var(--space-4)}.empty h2{font-size:34px;line-height:.96}.empty p{font-size:14px;line-height:1.5}.form-intro{margin-bottom:var(--space-6)}.panel{padding:var(--space-5) 0}.homework{padding:var(--space-4)}.result{margin:var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-4)}}.brand-mark{background:var(--brand-surface);color:#eef2cc;width:40px;height:40px;font:800 14px/1 var(--logo);letter-spacing:.015em;border:0;border-radius:50%;flex:none;justify-content:center;align-items:center;gap:.75px;transition:transform .18s,background .18s;display:inline-flex}.brand-mark span{display:block}.brand:hover .brand-mark{background:#294b4d;transform:translateY(-1px)}.brand-mark--large{width:64px;height:64px;margin:0 auto var(--space-5);border-radius:50%;gap:1.5px;font-size:23px}.empty .brand-mark+h2{margin-top:0}.button{transition:transform .18s,box-shadow .18s,background .18s,color .18s}.button.coral:hover{background:#b65342}.button.dark:hover{background:#294b4d}.button.light:hover{background:var(--acid)}.button:active{box-shadow:none;transform:translate(3px,3px)}.topbar nav button{border-bottom:0;transition:color .2s;position:relative}.topbar nav .current{border-bottom:0}.topbar nav button:after{content:"";background:var(--orange);transform-origin:100%;height:2px;transition:transform .2s;position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.topbar nav button:hover,.topbar nav button.current{color:var(--orange)}.topbar nav button:hover:after,.topbar nav button.current:after{transform-origin:0;transform:scaleX(1)}.lesson-card{transition:transform .18s,box-shadow .18s}.lesson-card:hover{box-shadow:6px 6px 0 var(--ink);transform:translate(-2px,-2px)}.tabs button{transition:background .18s,border-color .18s,transform .18s}.tabs button:not(.active):hover{background:#dfe3b87a;border-color:#1734396b;transform:translateY(-1px)}.text-button,.add-line,.links>button,.files label,.compact-upload,.stored-links a,.stored-docs a{transition:color .18s,text-decoration-color .18s}.text-button:hover,.add-line:hover,.links>button:hover,.files label:hover,.compact-upload:hover,.stored-links a:hover,.stored-docs a:hover{color:var(--orange);text-underline-offset:3px;text-decoration:underline}.field input:hover,.field textarea:hover,.links input:hover{border-color:#1734396b}.remove:hover,.links>div button:hover,.file button:hover,.stored-docs button:hover,.notice button:hover,.modal-close:hover{background:var(--orange);color:#fff}@media (max-width:720px){.brand-mark--large{width:56px;height:56px;margin-bottom:var(--space-4);gap:1px;font-size:21px}}:root{--workspace-width:1280px}.topbar{padding-inline:max(20px,calc((100vw - var(--workspace-width))/2))}.page{width:min(var(--workspace-width),calc(100% - 40px))}.library{max-width:var(--workspace-width)}.form-page,.detail{max-width:980px}.mvp-menu-toggle{display:none}@media (max-width:720px){.topbar{min-height:68px;padding:10px 20px;position:sticky}.topbar .header-add-action{min-height:40px;box-shadow:2px 2px 0 var(--ink);gap:6px;padding:0 10px}.mvp-menu-toggle{border:1.5px solid var(--ink);background:var(--light);width:40px;height:40px;box-shadow:2px 2px 0 var(--ink);border-radius:9px;place-items:center;padding:0;display:grid}.mvp-menu-toggle:hover{background:var(--acid);box-shadow:1px 1px 0 var(--ink);transform:translate(1px,1px)}.topbar nav{border-bottom:1px solid var(--divider);background:var(--paper);opacity:0;visibility:hidden;pointer-events:none;gap:0;margin:0;padding:0 20px 12px;transition:opacity .18s,transform .18s,visibility .18s;display:grid;position:absolute;top:calc(100% + 1px);left:0;right:0;transform:translateY(-9px);box-shadow:0 10px 18px #17343914}.topbar nav.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}.topbar nav button:not(.button){border-bottom:1px solid var(--divider);text-align:left;width:100%;padding:14px 0}.topbar nav button:after{bottom:-1px}}@media (max-width:390px){.topbar .header-add-action{width:40px;padding:0}.header-add-action span,.brand>span{display:none}}.form-page{max-width:1040px;padding-bottom:116px}.form-intro{margin:var(--space-5) 0 var(--space-6);display:block}.form-intro h1{margin:0;font-size:clamp(2.6rem,4vw,4rem);line-height:.98}.lesson-form{padding-bottom:var(--space-5)}.panel{scroll-margin-top:96px}.panel>header{align-items:start}.panel>header>i{width:38px;color:var(--orange);padding-top:2px}.panel-content{min-width:0}.base-fields{gap:var(--space-4);grid-template-columns:minmax(150px,.78fr) minmax(210px,1.35fr) minmax(210px,1.25fr)}.base-fields .field:last-child{grid-column:auto}.field>span,.links>span{color:var(--ink)}.field small{margin-left:4px;display:inline-block}.required-mark{color:var(--orange);font-size:15px;line-height:0}.field input,.field textarea,.links input{border-color:var(--divider);background:#fbf9f2e0;min-height:44px;padding:10px 12px;transition:border-color .18s,box-shadow .18s,background .18s}.field textarea{min-height:112px;padding-top:11px}.field input::placeholder,.field textarea::placeholder,.links input::placeholder{color:#81908e;opacity:1}.field input:focus,.field textarea:focus,.links input:focus{background:var(--light);box-shadow:0 0 0 3px #dfe3b8d9,2px 2px 0 var(--ink)}.material{gap:var(--space-3);padding:var(--space-4);margin-bottom:var(--space-3);border-color:var(--divider);background:#fbf9f2b8;grid-template-columns:40px minmax(0,1fr) 36px}.material>i{place-items:start center;padding-top:3px;display:grid}.remove{place-items:center;width:36px;height:36px;padding:0;display:grid}.add-line{min-height:44px;margin-top:0;padding:0 2px;text-decoration:none}.add-line:hover{text-decoration:none}.homework{padding:var(--space-5);margin-bottom:var(--space-5);border-color:var(--ink)}.homework-head{min-height:36px}.homework-head strong{font:600 22px/1 var(--display);letter-spacing:-.02em}.homework-head .text-button{min-height:36px;padding:0 2px}.links{margin:var(--space-5) 0}.links>div{align-items:center;gap:var(--space-2);margin:var(--space-2) 0;grid-template-columns:minmax(150px,1fr) minmax(180px,1.5fr) 36px}.links>div button{border-radius:50%;place-items:center;width:36px;height:36px;padding:0;display:grid}.links>button{min-height:36px}.files{gap:var(--space-2);margin:var(--space-5) 0}.files label{min-height:40px;padding:0 2px}.files>small{flex:230px;line-height:1.45}.file{min-height:38px;padding:6px var(--space-2)}.file button{border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.result{margin:var(--space-5) calc(-1 * var(--space-5)) calc(-1 * var(--space-5));padding:var(--space-5);background:#dce8df}.result .eyebrow{color:#426363}.submit{min-height:76px;margin-top:var(--space-5);border:1px solid var(--divider);background:#f4f1e9f0;border-radius:11px;padding:14px 16px;position:static;box-shadow:0 8px 24px #17343914}.submit span{max-width:440px;line-height:1.4}.submit .button{flex:none}@media (max-width:900px){.base-fields{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:720px){.form-page{padding-bottom:96px}.base-fields{grid-template-columns:1fr}.base-fields .field:last-child{grid-column:auto}.material{padding:var(--space-3);grid-template-columns:28px minmax(0,1fr) 36px}.material>i{padding-top:4px}.homework{padding:var(--space-4)}.links>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 36px}.result{margin:var(--space-4) calc(-1 * var(--space-4)) calc(-1 * var(--space-4));padding:var(--space-4)}}@media (max-width:460px){.links>div{grid-template-columns:1fr 36px}.links>div input:first-child{grid-column:span 2}.links>div button{grid-area:2/2}.submit{padding:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}
