:root{--design-ink:#21304a;--design-blue:#4452c7;--design-teal:#10a7a0;--design-gold:#e6a100;--design-cream:#fbf7ef;--design-line:#d6ddea;--design-soft:#f4f6fb}.design-header{background:rgba(255,255,255,.95);border-bottom:1px solid var(--design-line);backdrop-filter:blur(12px)}.design-nav{display:flex;gap:1.25rem;align-items:center}.design-nav a{color:#586784;text-decoration:none;font-weight:800}.design-nav a:hover{color:var(--design-blue)}.design-teacher-home,.design-library-page{max-width:1440px}.design-teacher-home{padding-top:0}.design-hero{text-align:center;padding:58px 18px 30px;background:radial-gradient(circle at 50% 10%,#fff 0,#fffaf4 48%,transparent 80%)}.design-kicker{font-size:.85rem;letter-spacing:.13em;font-weight:900;color:var(--design-blue);margin:0 0 12px}.design-hero h1{font-size:clamp(3rem,6vw,5rem);line-height:.98;letter-spacing:-.045em;color:var(--design-ink);margin:0 auto 20px}.design-hero-copy{max-width:760px;margin:auto;color:#60708d;font-size:1.2rem;line-height:1.55}.design-sound-wave{height:94px;display:flex;align-items:center;justify-content:center;gap:24px;color:#8798ee}.design-sound-wave span{width:64px;height:64px;border:2px solid #9fd9d5;border-radius:50%;display:grid;place-items:center;font-size:2rem;color:var(--design-teal);background:#fff}.design-sound-wave i{display:block;width:min(26vw,300px);border-top:2px dashed #aab7ff}.design-sound-wave b{font-size:2rem;letter-spacing:.25rem;font-weight:500;color:#a7b2ef}.design-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;max-width:1120px;margin:0 auto 56px}.design-choice-card{position:relative;border:2px solid var(--design-line);border-radius:24px;background:#fff;box-shadow:0 18px 44px #2e3a5910;overflow:visible;min-height:390px}.design-choice-card:before{content:"";display:block;height:64px;border-radius:22px 22px 0 0}.design-choice-card--teal:before{background:linear-gradient(90deg,#e4f8f5,#f8fffe)}.design-choice-card--blue:before{background:linear-gradient(90deg,#eef0ff,#fbfbff)}.design-choice-icon{position:absolute;top:26px;left:50%;transform:translate(-50%,-50%);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;color:#fff;font-weight:900;font-size:2rem;border:10px solid #fff;box-shadow:0 6px 16px #27324d20}.design-choice-card--teal .design-choice-icon{background:var(--design-teal)}.design-choice-card--blue .design-choice-icon{background:var(--design-blue)}.design-choice-body{padding:56px 40px 38px}.design-choice-body h2{font-size:2rem;color:var(--design-ink);margin-bottom:22px}.design-accent-line{width:42px;height:4px;border-radius:99px;margin-bottom:28px}.design-choice-card--teal .design-accent-line{background:var(--design-teal)}.design-choice-card--blue .design-accent-line{background:var(--design-blue)}.design-choice-body p{font-size:1rem;line-height:1.65;color:#63728d;min-height:84px}.design-outline-button{display:inline-flex;align-items:center;justify-content:space-between;gap:44px;min-width:205px;text-decoration:none;border:2px solid currentColor;border-radius:999px;padding:14px 20px;font-weight:900;background:#fff}.design-outline-button--teal{color:#087e79}.design-outline-button--blue{color:#3445c0}.design-dashboard-section{background:#fff;border:1px solid var(--design-line);border-radius:24px;padding:28px;box-shadow:0 14px 34px #2c38570d}.design-section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:20px}.design-section-heading h2{margin:0;color:var(--design-ink);font-size:1.8rem}.design-class-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:14px}.design-class-card{border:1px solid var(--design-line);border-radius:18px;padding:18px;background:#fbfcff;display:flex;justify-content:space-between;gap:18px;align-items:end}.design-class-card h3{margin:.15rem 0 .35rem}.design-class-card p{margin:0;color:#6a7891}.design-mini-button{white-space:nowrap;color:var(--design-blue);font-weight:900;text-decoration:none}.design-create-class{margin-top:18px;padding-top:18px;border-top:1px solid var(--design-line)}.design-create-class label{display:block;font-weight:800;margin-bottom:8px}.design-create-class>div{display:grid;grid-template-columns:1fr auto;gap:10px}.design-create-class input{border:2px solid var(--design-line);border-radius:13px;padding:12px 14px;font:inherit}.design-library-header{display:flex;align-items:start;justify-content:space-between;gap:24px;margin:24px 0 28px}.design-library-header h1{font-size:3rem;margin:0 0 8px;color:var(--design-ink)}.design-library-header p:last-child{color:#64728a;font-size:1.05rem}.design-circle-row{display:flex;gap:14px;align-items:center}.design-circle-row span{width:58px;height:58px;border-radius:50%;border:2px solid var(--design-blue);display:grid;place-items:center;color:var(--design-blue);font-weight:900}.design-circle-row span:nth-child(2){border-color:var(--design-teal);color:var(--design-teal)}.design-circle-row span:nth-child(3){border-color:var(--design-gold);color:var(--design-gold)}.design-circle-row b{color:#7a879c;font-size:1.5rem}.design-library-tabs{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--design-line);border-radius:14px;overflow:hidden;max-width:870px;margin-bottom:22px;background:#fff}.design-library-tabs button,.design-tab-link{border:0;background:#fff;padding:16px;font-weight:900;color:#5d6980;text-align:center;text-decoration:none;border-right:1px solid var(--design-line)}.design-library-tabs button.is-active{color:var(--design-blue);box-shadow:inset 0 0 0 2px var(--design-blue);border-radius:13px}.design-filter-panel{border:1px solid var(--design-line);border-radius:20px;background:#fff;padding:18px 20px;display:grid;grid-template-columns:1fr 1fr 1fr 1.35fr;gap:14px;margin-bottom:18px;box-shadow:0 8px 22px #27324d0a}.design-filter-panel label{display:grid;gap:7px;font-weight:900;color:var(--design-ink);font-size:.85rem}.design-filter-panel select,.design-filter-panel input{width:100%;border:2px solid #cbd2df;border-radius:12px;padding:11px 13px;background:#fff;font:inherit;color:var(--design-ink)}.design-library-count-row{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 2px 18px;color:#62708a}.design-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.design-library-card{position:relative;border:1px solid var(--design-line);border-radius:22px;background:#fff;padding:24px;box-shadow:0 14px 30px #27324d0d;overflow:hidden}.design-library-card:before{content:"";position:absolute;left:0;top:0;width:100%;height:5px;background:var(--design-blue)}.design-library-card--teal:before{background:var(--design-teal)}.design-library-card--gold:before{background:var(--design-gold)}.design-library-top{display:flex;justify-content:space-between;gap:12px;align-items:start}.design-pill,.design-library-tags span{display:inline-block;background:#eef0ff;color:#3445c0;border-radius:999px;padding:5px 9px;font-size:.78rem;font-weight:900}.design-library-card--teal .design-pill,.design-library-card--teal .design-library-tags span{background:#e8f8f6;color:#087f78}.design-library-card--gold .design-pill,.design-library-card--gold .design-library-tags span{background:#fff5da;color:#9b6800}.design-letter-cubes{display:flex;gap:4px}.design-letter-cubes i{font-style:normal;width:34px;height:34px;border:2px solid currentColor;border-radius:7px;display:grid;place-items:center;font-weight:900;color:var(--design-blue)}.design-library-card--teal .design-letter-cubes i{color:var(--design-teal)}.design-library-card--gold .design-letter-cubes i{color:var(--design-gold)}.design-library-tags{margin:12px 0;display:flex;gap:8px;flex-wrap:wrap}.design-library-card h3{font-size:1.45rem;margin:12px 0 10px;color:var(--design-ink)}.design-library-card p{color:#63718a;line-height:1.55;min-height:66px}.design-focus{color:#63718a;line-height:1.5;margin:0 0 16px;min-height:48px}.design-focus b{color:#56637b}.design-library-actions{margin-top:16px;display:flex;gap:10px;flex-wrap:wrap}.design-card-button{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:2px solid #ccd2dc;background:#fff;color:var(--design-ink);border-radius:12px;padding:10px 14px;font-weight:900;box-shadow:0 4px 0 #c5cbd5}.design-card-button--primary{background:var(--design-blue);border-color:var(--design-blue);color:#fff;box-shadow:0 4px 0 #303b96}.design-card-button--teal{border-color:var(--design-teal);color:#087d78;box-shadow:0 4px 0 #0b817a}.design-card-preview{margin-top:14px;padding-top:14px;border-top:1px solid var(--design-line);display:flex;gap:7px;flex-wrap:wrap}.design-card-preview[hidden]{display:none}.design-card-preview span{background:#f3f5fb;border-radius:999px;padding:5px 9px;color:#536078;font-weight:800;font-size:.84rem}.design-builder-shell{display:grid;grid-template-columns:minmax(260px,.65fr) minmax(0,1.35fr);gap:30px;border:1px solid var(--design-line);border-radius:24px;padding:28px;background:#fff;box-shadow:0 14px 30px #27324d0d}.design-builder-intro{padding:10px}.design-builder-intro h2{font-size:2rem;margin-bottom:10px}.design-builder-intro p:last-child{color:#66748d;line-height:1.6}@media(max-width:1100px){.design-filter-panel{grid-template-columns:1fr 1fr}.design-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.design-nav{display:none}.design-choice-grid,.design-library-grid,.design-builder-shell{grid-template-columns:1fr}.design-choice-body p{min-height:0}.design-library-header{flex-direction:column}.design-circle-row{display:none}}@media(max-width:650px){.design-hero{padding-top:35px}.design-hero h1{font-size:2.8rem}.design-choice-grid{gap:24px}.design-choice-body{padding:52px 24px 28px}.design-section-heading{align-items:start;flex-direction:column}.design-create-class>div{grid-template-columns:1fr}.design-library-tabs{grid-template-columns:1fr}.design-library-tabs button,.design-tab-link{border-right:0;border-bottom:1px solid var(--design-line)}.design-filter-panel{grid-template-columns:1fr}.design-library-count-row{align-items:flex-start;flex-direction:column}.design-library-actions{display:grid;grid-template-columns:1fr}.design-card-button{width:100%}}