:root{--bg:#f7f6ef;--surface:#fffdf8;--surface-2:#f2efe4;--ink:#26302b;--muted:#68746d;--brand:#174b36;--brand-2:#5d7e62;--line:#ded8c9;--danger:#9f2f2f;--shadow:0 18px 50px rgba(30,45,35,.11);--radius:22px;--max:1180px;--ease:cubic-bezier(.2,.8,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at top left,rgba(201,213,190,.32),transparent 34rem),var(--bg);color:var(--ink);font-family:"Noto Sans TC","Microsoft JhengHei",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}img{max-width:100%;height:auto}.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.icon{width:1.16em;height:1.16em;fill:currentColor;vertical-align:-.18em;flex:0 0 auto}.icon.xl{font-size:2rem;color:var(--brand)}.site-header{position:sticky;top:0;z-index:80;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:calc(var(--max) + 48px);margin:0 auto;padding:14px 24px;background:rgba(247,246,239,.82);backdrop-filter:saturate(1.2) blur(18px);border-bottom:1px solid rgba(222,216,201,.72)}.brand{display:flex;align-items:center;min-width:0}.brand-logo-image{display:block;width:min(290px,42vw);height:auto;object-fit:contain;image-rendering:auto}.desktop-nav{display:flex;align-items:center;gap:4px}.desktop-nav>a,.nav-dropdown>button{height:44px;display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;border-radius:999px;padding:0 16px;color:#38433d;cursor:pointer;transition:.22s var(--ease)}.desktop-nav>a:hover,.nav-dropdown>button:hover,.desktop-nav>a[aria-current=page]{background:#e8eadf;color:var(--brand)}.nav-dropdown{position:relative}.nav-menu{position:absolute;right:0;top:52px;min-width:278px;background:rgba(255,253,248,.98);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);padding:8px;opacity:0;transform:translateY(8px) scale(.98);pointer-events:none;transition:.22s var(--ease)}.nav-dropdown.open .nav-menu,.nav-dropdown:focus-within .nav-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.nav-menu a{display:flex;gap:12px;align-items:center;padding:12px;border-radius:14px}.nav-menu a:hover{background:#f1efe5}.nav-menu b{display:block}.nav-menu small{display:block;color:var(--muted);font-size:.82rem}.nav-chevron{transition:.2s}.nav-dropdown.open .nav-chevron{transform:rotate(180deg)}.icon-button{border:1px solid var(--line);background:var(--surface);width:44px;height:44px;display:grid;place-items:center;border-radius:999px;color:var(--brand);cursor:pointer}.menu-button{display:none}.mobile-nav{display:none}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;border-radius:999px;border:1px solid var(--line);padding:10px 18px;font-weight:700;cursor:pointer;transition:.22s var(--ease);white-space:nowrap}.button.primary{background:linear-gradient(135deg,#174b36,#436d4e);color:#fff;border-color:transparent;box-shadow:0 14px 28px rgba(23,75,54,.18)}.button.primary:hover{transform:translateY(-1px);box-shadow:0 18px 32px rgba(23,75,54,.24)}.button.secondary{background:rgba(255,255,255,.78);color:var(--brand)}.button.secondary:hover{background:#edf0e6}.button.danger{background:#fff0ed;color:var(--danger);border-color:#efcdc6}.surface{background:rgba(255,253,248,.88);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero,.page-hero{max-width:var(--max);margin:24px auto 0;padding:64px clamp(22px,5vw,68px);border-radius:32px;min-height:360px;border:1px solid var(--line);box-shadow:var(--shadow);overflow:hidden;position:relative;background-color:#fdfbf4;background-position:center;background-size:cover}.hero:before,.page-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,253,248,.96) 0 56%,rgba(255,253,248,.62) 78%,rgba(255,253,248,.26));pointer-events:none}.hero-home{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:34px;background-image:url("https://img.kaelith.tw/infant/img/page/home-hero.webp?v=1.6.5")}.hero-create{background-image:url("https://img.kaelith.tw/infant/img/page/create-hero.webp?v=1.6.5")}.hero-import{background-image:url("https://img.kaelith.tw/infant/img/page/import-hero.webp?v=1.6.5")}.hero-library{background-image:url("https://img.kaelith.tw/infant/img/page/library-hero.webp?v=1.6.5")}.hero-guide{background-image:url("https://img.kaelith.tw/infant/img/page/guide-hero.webp?v=1.6.5")}.hero-privacy,.hero-terms{background-image:url("https://img.kaelith.tw/infant/img/page/privacy-hero.webp?v=1.6.5")}.hero-status{background-image:url("https://img.kaelith.tw/infant/img/page/status-hero.webp?v=1.6.5")}.hero-security{background-image:url("https://img.kaelith.tw/infant/img/page/security-hero.webp?v=1.6.5")}.hero-share{background-image:url("https://img.kaelith.tw/infant/img/page/share-hero.webp?v=1.6.5")}.hero-copy,.page-hero>div,.hero-panel{position:relative;z-index:1}.kicker{display:inline-block;margin-bottom:12px;color:var(--brand);font-weight:800;letter-spacing:.06em;text-transform:uppercase;font-size:.82rem}.hero h1,.page-hero h1{font-size:clamp(2.1rem,5vw,4rem);line-height:1.12;margin:0 0 18px;letter-spacing:-.045em}.hero p,.page-hero p{max-width:680px;color:#4f5b54;font-size:1.06rem}.hero-actions,.center-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-panel{min-height:310px}.floating-card{position:absolute;background:rgba(255,253,248,.9);border:1px solid var(--line);border-radius:20px;padding:18px 20px;box-shadow:var(--shadow);animation:floaty 7s var(--ease) infinite}.floating-card b{display:block;color:var(--brand);font-size:1.08rem}.floating-card span{color:var(--muted);font-size:.92rem}.floating-card.one{right:14%;top:10%}.floating-card.two{left:5%;top:42%;animation-delay:-2s}.floating-card.three{right:4%;bottom:5%;animation-delay:-4s}@keyframes floaty{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}[data-reveal]{animation:reveal .72s var(--ease) both}@keyframes reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.section,.page-shell,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{max-width:var(--max);margin:24px auto;padding:0 0}.intro-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.intro-grid .surface{padding:26px}.intro-grid h2{margin:.7rem 0 .35rem}.assistant-intro{display:grid;grid-template-columns:.8fr 1fr;gap:28px;align-items:center;background:#173f2d;color:#fff;border-radius:28px;padding:34px 42px;box-shadow:var(--shadow)}.assistant-intro p{color:#e8efe8}.assistant-intro .kicker{color:#cbd9c6}.site-footer{max-width:var(--max);margin:48px auto 26px;padding:24px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:1px solid var(--line);color:var(--muted)}.site-footer img{width:230px}.site-footer p{max-width:620px;margin:.4rem 0 0}.site-footer nav{display:flex;gap:12px;flex-wrap:wrap}.workspace-grid{max-width:var(--max);margin:24px auto;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:20px}.lesson-form,.side-panel{padding:26px}.form-section-title{margin-bottom:22px}.form-section-title h2,.side-panel h2{margin:0 0 4px}.form-section-title p,.side-panel p{color:var(--muted);margin:0}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.field{display:flex;flex-direction:column;gap:7px}.field span,.checkbox-field legend{font-weight:800;color:#35423b}.field b,.checkbox-field b{color:#8a4b2b;font-size:.8rem}.field-full{grid-column:1/-1}.control{width:100%;min-height:46px;border:1px solid var(--line);border-radius:14px;background:#fff;padding:11px 13px;color:var(--ink);outline:none;transition:.18s}.control:focus{border-color:#7f9a82;box-shadow:0 0 0 4px rgba(93,126,98,.14)}textarea.control{resize:vertical}.choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.choice-grid label{display:flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:11px}.checkbox-field{border:0;padding:0;margin:0}.advanced-panel{grid-column:1/-1;margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#fbfaf4}.advanced-panel summary{cursor:pointer;font-weight:900;padding:16px 18px;color:var(--brand)}.advanced-panel .form-grid{padding:0 18px 18px}.form-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:20px;flex-wrap:wrap}.stepper{display:flex;gap:8px;margin-bottom:18px}.step{border:1px solid var(--line);background:#eef0e7;color:var(--brand);padding:10px 16px;border-radius:999px;font-weight:800}.step-panel{display:none}.step-panel.active{display:block}.live-summary{display:grid;gap:10px;margin:16px 0}.live-summary div{padding:12px;border-radius:14px;background:#f5f2e8;border:1px solid var(--line)}.live-summary dt{font-size:.82rem;color:var(--muted)}.live-summary dd{margin:0;font-weight:800}.notice-card{background:#f3f5ed;border:1px solid #d7dfcf;border-radius:16px;padding:16px}.library-toolbar{padding:22px;display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:18px}.toolbar-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.card,.lesson-card{background:var(--surface);border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}.lesson-card-cover{height:150px;background:center/cover no-repeat}.lesson-card-body{padding:18px}.lesson-card h3{margin:.6rem 0 .3rem;font-size:1.22rem}.lesson-card p{color:var(--muted);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tag{display:inline-flex;border-radius:999px;background:#eef0e7;color:var(--brand);font-size:.8rem;padding:4px 9px;font-weight:800}.card-meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:.88rem;margin-top:12px}.lesson-card footer{display:flex;gap:8px;padding:14px;border-top:1px solid var(--line);flex-wrap:wrap}.detail-toolbar{padding:16px;display:flex;justify-content:space-between;gap:12px;margin-bottom:16px}.detail-actions{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end}.lesson-detail{background:var(--surface);border:1px solid var(--line);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.lesson-detail-hero{padding:42px;background-image:linear-gradient(90deg,rgba(255,253,248,.98) 0 54%,rgba(255,253,248,.62)),var(--lesson-cover);background-position:center;background-size:cover}.lesson-detail-hero h1{font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin:.2rem 0}.lesson-summary{max-width:760px}.parent-message-card,.notes-panel{margin:18px;border:1px solid var(--line);background:#fbfaf4;border-radius:18px;padding:20px}.parent-message-card h2,.notes-panel h2{margin-top:0}.parent-message-text{white-space:pre-wrap;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px}.activity-list{padding:18px;display:grid;gap:12px}.activity{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#fff}.activity-summary{width:100%;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:14px;align-items:center;border:0;background:#fff;padding:16px;text-align:left;cursor:pointer}.activity-index{width:38px;height:38px;border-radius:999px;background:#e8efe5;color:var(--brand);display:grid;place-items:center;font-weight:900}.activity-domain{display:block;color:var(--brand);font-size:.86rem;font-weight:800}.activity-content{display:none;padding:0 18px 18px}.activity.open .activity-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-section{background:#fbfaf4;border:1px solid var(--line);border-radius:16px;padding:16px}.detail-section h3{margin:0 0 8px}.detail-section ul{margin:0;padding-left:1.2rem}.reference-list{display:flex;gap:10px;flex-wrap:wrap}.reference-link{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:#fff}.content-narrow{max-width:860px;margin:24px auto;padding:32px}.guide-content h1,.guide-content h2{color:var(--brand)}.guide-content p,.guide-content li{color:#4f5b54}.clean-list{padding-left:1.2rem}.link-analysis{margin-top:16px;border:1px solid #d7dfcf;background:#f5f8f1;border-radius:16px;padding:16px}.link-result{border-bottom:1px solid var(--line);padding:10px 0}.link-result:last-child{border-bottom:0}.status-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.status-card{padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow)}.status-card h2{margin:0}.status-card.ok{border-color:#abc6aa}.status-card.warn{border-color:#e7c0ba}.shared-editor-toolbar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;background:rgba(255,253,248,.88);border:1px solid var(--line);border-radius:20px;padding:16px;margin-top:18px}.share-import-note{color:var(--muted)}.dialog-backdrop{position:fixed;inset:0;background:rgba(21,31,26,.46);z-index:100}.app-dialog{position:fixed;z-index:101;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 28px));max-height:88vh;overflow:auto;background:#fffdf8;border:1px solid var(--line);border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.app-dialog>header{display:flex;justify-content:space-between;align-items:center;padding:18px 20px;border-bottom:1px solid var(--line)}.app-dialog h2{margin:0}.dialog-content{padding:20px}.dialog-actions{display:flex;justify-content:flex-end;gap:10px;padding:16px 20px;border-top:1px solid var(--line);flex-wrap:wrap}.job-toast,.job-status{position:fixed;right:20px;bottom:20px;z-index:120;background:#173f2d;color:#fff;border-radius:18px;box-shadow:0 18px 60px rgba(0,0,0,.2);padding:16px;width:min(360px,calc(100vw - 36px));opacity:0;transform:translateY(18px);pointer-events:none;transition:.25s var(--ease)}.job-toast.show,.job-status.show{opacity:1;transform:none}.job-toast p,.job-status p{margin:.2rem 0 0;color:#e8efe8}.progress{height:7px;background:rgba(255,255,255,.24);border-radius:999px;overflow:hidden;margin-top:10px}.progress i{display:block;height:100%;background:#dce9d6;border-radius:999px}.cover-picker{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.cover-choice{border:1px solid var(--line);background:#fff;border-radius:14px;padding:8px;cursor:pointer;text-align:left}.cover-choice.selected{outline:3px solid rgba(23,75,54,.18);border-color:#6b8b70}.cover-choice span{display:block;height:64px;background:center/cover;border-radius:10px;margin-bottom:6px}.cover-preview{height:180px;background:center/cover;border-radius:18px;border:1px solid var(--line)}.version-list{display:grid;gap:10px}.version-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--line);border-radius:16px;padding:14px}.version-row h3{margin:0}.version-row p{margin:0;color:var(--muted)}.version-actions{display:flex;gap:8px}.reset-page{display:grid;place-items:center;min-height:100vh}.reset-box{padding:34px;max-width:540px}.ai-dialog-grid,.manage-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.scope-card{display:flex;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px}.loading-line{display:flex;gap:14px;align-items:center}.spinner{width:26px;height:26px;border:3px solid #d7dfcf;border-top-color:var(--brand);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.cookie-consent{position:fixed;left:20px;bottom:20px;z-index:130;width:min(430px,calc(100vw - 40px));background:#fffdf8;border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow);padding:18px}.cookie-consent p{color:var(--muted)}.cookie-consent .actions{display:flex;gap:10px;justify-content:flex-end}.editable[contenteditable=true]{outline:2px solid rgba(93,126,98,.22);border-radius:8px;background:#fff}.youtube-link{display:inline-flex;border-radius:999px;padding:8px 12px;background:#f5e9e7;color:#8b2f25;font-weight:800}.card-body{padding:22px}
@media (max-width:980px){.desktop-nav{display:none}.menu-button{display:grid}.site-header{padding:12px 16px}.mobile-nav{position:fixed;z-index:79;left:14px;right:14px;top:76px;display:none;background:rgba(255,253,248,.98);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);padding:10px}.mobile-nav.open{display:block}.mobile-nav a,.mobile-nav summary{display:block;padding:12px;border-radius:14px;font-weight:800}.mobile-nav a:hover,.mobile-nav summary:hover{background:#f1efe5}.hero-home{grid-template-columns:1fr}.hero-panel{display:none}.intro-grid,.workspace-grid,.assistant-intro,.status-grid{grid-template-columns:1fr}.library-toolbar,.detail-toolbar{align-items:stretch;flex-direction:column}.toolbar-actions,.detail-actions{justify-content:flex-start}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.activity.open .activity-content{grid-template-columns:1fr}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){.brand-logo-image{width:230px}.hero,.page-hero{margin:12px 12px 0;padding:42px 22px;border-radius:24px;min-height:300px}.hero h1,.page-hero h1{font-size:2rem}.section,.page-shell,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{padding:0 12px}.workspace-grid{margin:14px 12px;gap:14px}.form-grid,.ai-dialog-grid,.manage-grid{grid-template-columns:1fr}.library-grid{grid-template-columns:1fr}.lesson-form,.side-panel,.content-narrow{padding:20px}.choice-grid{grid-template-columns:1fr}.cover-picker{grid-template-columns:repeat(2,1fr)}.site-footer{margin:32px 12px 20px;flex-direction:column;align-items:flex-start}.button{width:100%;white-space:normal}.toolbar-actions .control{width:100%}.activity-summary{grid-template-columns:auto 1fr}.activity-summary>span:last-child{grid-column:2}.dialog-actions .button{width:auto}.version-row{flex-direction:column;align-items:flex-start}.cookie-consent{left:12px;right:12px;bottom:12px;width:auto}.job-toast,.job-status{right:12px;bottom:12px}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Professional review reinforcement */
.visual-showcase{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}.visual-card{position:relative;min-height:220px;border-radius:24px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow);background:#fff}.visual-card img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.92)}.visual-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,253,248,0),rgba(28,46,36,.54))}.visual-card figcaption{position:absolute;left:18px;right:18px;bottom:16px;z-index:1;color:#fff}.visual-card b{display:block;font-size:1.08rem}.visual-card span{font-size:.9rem;color:rgba(255,255,255,.84)}.trust-strip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.trust-item{padding:16px;border:1px solid var(--line);border-radius:18px;background:rgba(255,253,248,.78)}.trust-item b{display:block;color:var(--brand)}.trust-item span{display:block;color:var(--muted);font-size:.9rem}.cover-picker{grid-template-columns:repeat(auto-fit,minmax(132px,1fr));max-height:390px;overflow:auto;padding-right:4px}.cover-choice{transition:.2s var(--ease)}.cover-choice:hover{transform:translateY(-1px);box-shadow:0 10px 24px rgba(30,45,35,.08)}.cover-choice span{height:72px}.lesson-card-cover{background-color:#edf0e8}.page-hero{isolation:isolate}.page-hero:after,.hero:after{content:"";position:absolute;right:clamp(20px,4vw,70px);bottom:clamp(18px,4vw,54px);width:120px;height:120px;border-radius:999px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.34);backdrop-filter:blur(3px);pointer-events:none}.hero-panel{min-height:260px}.floating-card{backdrop-filter:blur(12px)}
@media (max-width:820px){.visual-showcase,.trust-strip{grid-template-columns:1fr}.visual-card{min-height:190px}.page-hero:after,.hero:after{display:none}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}}


/* ===== v1.6.4 professional rectangular override ===== */
:root{--kb-bg:#f3f0ea;--kb-surface:#ffffff;--kb-line:#d8d2c7;--kb-line-strong:#b7afa1;--kb-ink:#1e2b25;--kb-muted:#5f6b66;--kb-brand:#244c3b;--kb-brand-2:#183326;--kb-accent:#c5cf9a;--radius:4px;--shadow:0 18px 48px rgba(33,42,37,.08);--max:1240px}
html,body{background:var(--kb-bg)!important;color:var(--kb-ink)!important}
body{font-size:16px;line-height:1.7}
.site-header,.mobile-nav,.nav-menu,.hero,.page-hero,.surface,.button,.control,.job-status,.cookie-consent,.cookie-fab,.app-dialog,.dialog-backdrop,.visual-card,.trust-item,.step,.step-panel,.status-card,.create-shell .surface,.library-shell .surface,.guide-content,.lesson-card,.version-row,.scope-card,.summary-card,.footer-grid section,.content-narrow,.field,.workspace-panel,.share-panel,.toolbar-chip,.hero-panel,.floating-card,.sheet-card,.empty-state,.status-tile,.picker-tile,.notes-panel,.ai-note-card,.note-editor{border-radius:4px!important}
button,.button,.icon-button,.control,select,textarea,input{border-radius:4px!important}
.hero:before,.hero:after,.page-hero:before,.page-hero:after,.hero-panel:before,.hero-panel:after{display:none!important}
.site-header{max-width:1240px;margin:0 auto;padding:24px 0 18px;border-bottom:1px solid var(--kb-line)!important;background:transparent!important;position:sticky;top:0;z-index:60;backdrop-filter:blur(16px)}
body>.site-header{padding-left:24px;padding-right:24px;background:rgba(243,240,234,.92)!important}
.brand-logo-image{width:360px;max-width:min(42vw,360px);height:auto}
.desktop-nav{gap:16px}
.desktop-nav>a,.desktop-nav>.nav-dropdown>button{padding:10px 14px;border:1px solid transparent;background:transparent;color:var(--kb-ink);font-weight:700;letter-spacing:.02em}
.desktop-nav>a[aria-current="page"],.desktop-nav>.nav-dropdown>button:hover,.desktop-nav>a:hover,.desktop-nav>.nav-dropdown.open>button,.desktop-nav>.nav-dropdown.hover-open>button{background:#fff;border-color:var(--kb-line);box-shadow:0 10px 20px rgba(20,32,28,.06)}
.nav-dropdown{position:relative}
.nav-menu{min-width:320px;padding:8px;background:#fff;border:1px solid var(--kb-line);box-shadow:var(--shadow);transform:translateY(8px);opacity:0;pointer-events:none;transition:.2s ease}
.nav-dropdown.open .nav-menu,.nav-dropdown.hover-open .nav-menu{opacity:1;pointer-events:auto;transform:translateY(0)}
.nav-menu a{padding:14px 16px;border:1px solid transparent}
.nav-menu a:hover{background:#f7f4ee;border-color:var(--kb-line)}
.icon-button.menu-button{border:1px solid var(--kb-line);background:#fff;width:48px;height:48px}
.mobile-nav{position:fixed;left:24px;right:24px;top:92px;padding:14px;background:#fff;border:1px solid var(--kb-line);box-shadow:var(--shadow);z-index:70}
.mobile-nav a,.mobile-nav summary{padding:12px 10px;font-weight:700}
.mobile-nav details{border-top:1px solid var(--kb-line);padding-top:8px;margin-top:8px}
main{max-width:1240px;margin:0 auto;padding:32px 24px 72px}
.hero,.page-hero{padding:42px!important;border:1px solid var(--kb-line);background:#fff!important;box-shadow:var(--shadow)!important;gap:40px;align-items:center}
.hero .kicker,.page-hero .kicker{display:inline-flex;align-items:center;padding:6px 10px;border:1px solid var(--kb-line);background:#f7f4ee;color:var(--kb-brand);font-size:.8rem;letter-spacing:.1em;text-transform:uppercase}
.hero h1,.page-hero h1{font-size:clamp(2.35rem,5vw,4.35rem);line-height:1.12;letter-spacing:-.03em;max-width:12ch;margin:18px 0}
.hero p,.page-hero p{font-size:1.05rem;color:var(--kb-muted);max-width:68ch}
.hero-home{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr)!important}
.hero-panel{min-height:390px;border:1px solid var(--kb-line);background:linear-gradient(180deg,rgba(255,255,255,.58),rgba(255,255,255,.22)),url('https://img.kaelith.tw/infant/img/page/home-hero.webp?v=1.6.5') center/cover no-repeat!important;position:relative;overflow:hidden}
.floating-card{position:absolute;background:rgba(255,255,255,.92);border:1px solid var(--kb-line);min-width:180px;padding:18px 18px 14px;box-shadow:0 10px 28px rgba(17,27,23,.07)}
.floating-card.one{left:26px;top:34px}.floating-card.two{right:26px;top:138px}.floating-card.three{left:54px;bottom:28px}
.hero-actions,.page-actions{gap:14px;flex-wrap:wrap}.button{padding:13px 18px;border:1px solid var(--kb-line-strong);font-weight:700;box-shadow:none!important}.button.primary{background:var(--kb-brand)!important;border-color:var(--kb-brand)!important;color:#fff!important}.button.primary:hover{background:var(--kb-brand-2)!important}.button.secondary{background:#fff!important}.button.danger{background:#8f2f2a!important;border-color:#8f2f2a!important;color:#fff!important}
.section{margin-top:28px!important}.intro-grid,.visual-showcase,.trust-strip{display:grid;gap:20px}.intro-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.visual-showcase{grid-template-columns:repeat(2,minmax(0,1fr))}.trust-strip{grid-template-columns:repeat(4,minmax(0,1fr))}
.surface,.visual-card,.trust-item,.guide-content,.status-card,.lesson-card,.step-panel,.summary-card,.version-row,.scope-card,.empty-state{border:1px solid var(--kb-line)!important;background:#fff!important;box-shadow:var(--shadow)!important;padding:24px}
.visual-card img{aspect-ratio:16/9;object-fit:cover}.visual-card figcaption{padding:16px 2px 0}.trust-item b{display:block;margin-bottom:8px}
.content-narrow{padding:28px 32px}.guide-content h2,.guide-content h3{margin-top:2rem}.guide-content ul,.guide-content ol{padding-left:1.2rem}.guide-content table{width:100%;border-collapse:collapse;margin:1rem 0}.guide-content th,.guide-content td{border:1px solid var(--kb-line);padding:.75rem;vertical-align:top}.guide-content .doc-meta{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:0 0 22px}.guide-content .doc-meta div{border:1px solid var(--kb-line);padding:12px;background:#f8f6f1}.guide-content .doc-meta span{display:block;color:var(--kb-muted);font-size:.82rem}.guide-content .doc-meta b{display:block;margin-top:4px}
.site-footer{max-width:1240px;margin:0 auto 24px;padding:0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr;gap:24px;border:1px solid var(--kb-line);background:#fff;box-shadow:var(--shadow);padding:28px}.footer-grid h3{font-size:1rem;margin:0 0 14px}.footer-intro img{width:260px;height:auto;margin-bottom:14px}.footer-links,.footer-meta{display:grid;gap:10px}.footer-bottom{display:flex;justify-content:space-between;gap:12px;padding:14px 4px 0;color:var(--kb-muted);font-size:.92rem}
.cookie-fab{position:fixed;left:24px;bottom:24px;z-index:66;display:flex;align-items:center;gap:10px;padding:12px 16px;background:#fff;border:1px solid var(--kb-line);box-shadow:var(--shadow)}
.cookie-consent{position:fixed;left:24px;bottom:88px;max-width:420px;z-index:67;padding:22px;border:1px solid var(--kb-line);background:#fff;box-shadow:var(--shadow)}
.cookie-head{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.cookie-head .icon{margin-top:2px}.cookie-head small{display:block;color:var(--kb-muted);margin-top:4px}.cookie-list{margin:10px 0 0 0;padding-left:1.2rem;color:var(--kb-muted)}.cookie-consent .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:16px}
.job-status{right:24px;bottom:24px;left:auto;max-width:420px;padding:18px 18px 14px;border:1px solid rgba(255,255,255,.18);background:#153d2d!important;color:#fff;box-shadow:0 22px 40px rgba(10,23,18,.28)}.job-status .progress{background:rgba(255,255,255,.18)}
.control,select,textarea,input{border:1px solid var(--kb-line-strong)!important;background:#fff!important;padding:12px 14px}.control:focus,select:focus,textarea:focus,input:focus,button:focus{outline:2px solid #9cb79a;outline-offset:2px}
.notes-head{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}.ai-note-list{display:grid;gap:12px}.ai-note-card{padding:14px;border:1px solid var(--kb-line)}.ai-note-card span{display:inline-block;font-size:.8rem;font-weight:700;margin-bottom:8px}.tone-0{background:#fff8cc}.tone-1{background:#e8f6d9}.tone-2{background:#ffe2eb}.tone-3{background:#e2efff}.note-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin:.5rem 0 .75rem}.tone-btn{border:1px solid var(--kb-line-strong);padding:8px 10px;background:#fff;font-weight:700}.tone-yellow{background:#fff3a3}.tone-green{background:#d9f4c8}.tone-pink{background:#ffd8e6}.tone-blue{background:#d9ebff}.note-editor{min-height:220px}.note-editor[contenteditable=true]:empty:before{content:attr(data-placeholder);color:#8e9994}.note-editor mark{padding:0 .08em}
@keyframes trackLeft{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
.motion-band{overflow:hidden;border:1px solid var(--kb-line);background:#fff;box-shadow:var(--shadow);margin-top:24px}.motion-track{display:flex;gap:32px;white-space:nowrap;padding:14px 18px;color:var(--kb-muted);animation:trackLeft 26s linear infinite}.motion-track b{color:var(--kb-ink)}
@media (max-width:980px){main{padding-top:24px}.hero-home,.intro-grid,.visual-showcase,.trust-strip,.footer-grid,.guide-content .doc-meta{grid-template-columns:1fr!important}.hero,.page-hero{padding:28px!important}.hero-panel{min-height:320px}.footer-bottom{flex-direction:column}.cookie-consent{left:16px;right:16px;max-width:none}.cookie-fab{left:16px;bottom:16px}.job-status{left:16px;right:16px;max-width:none}.mobile-nav{left:16px;right:16px;top:84px}.site-header{padding-left:16px!important;padding-right:16px!important}}
@media (max-width:720px){.brand-logo-image{max-width:240px}.hero h1,.page-hero h1{font-size:clamp(2rem,10vw,3rem)}.floating-card{position:static;margin:14px}.hero-panel{padding:16px;display:flex;flex-direction:column;justify-content:flex-end}.content-narrow{padding:22px}.site-footer{padding:0 16px}}


/* ===== v1.6.4-r2 full-screen professional correction ===== */
:root{
  --kb-page:#f2eee7;--kb-paper:#ffffff;--kb-ink:#18251f;--kb-muted:#5c6862;--kb-brand:#174b36;--kb-brand-deep:#103526;--kb-line:#d8d0c3;--kb-line-strong:#b5ab9d;--kb-shadow:0 28px 80px rgba(23,35,29,.12);--kb-fast:cubic-bezier(.2,.75,.2,1);
}
body{background:var(--kb-page)!important;color:var(--kb-ink)!important}
main.home-page,main.page-shell{max-width:none!important;width:100%!important;margin:0!important;padding:0!important}.site-header{max-width:none!important;width:100%!important;padding:22px clamp(24px,8vw,92px)!important;background:rgba(242,238,231,.94)!important;border-bottom:1px solid var(--kb-line)!important}.brand-logo-image{width:clamp(250px,25vw,410px)!important}.desktop-nav>a,.desktop-nav>.nav-dropdown>button,.nav-dropdown>button{border-radius:4px!important}.desktop-nav>a[aria-current="page"],.desktop-nav>.nav-dropdown.open>button,.desktop-nav>.nav-dropdown.hover-open>button,.desktop-nav>a:hover,.desktop-nav>.nav-dropdown>button:hover{border-radius:4px!important;background:#fff!important;border-color:var(--kb-line)!important;box-shadow:0 14px 30px rgba(27,42,35,.08)!important}.nav-menu{border-radius:4px!important;top:54px!important;transform:translateY(-8px)!important;clip-path:inset(0 0 100% 0)!important;transform-origin:top center!important;transition:opacity .22s var(--kb-fast),transform .22s var(--kb-fast),clip-path .26s var(--kb-fast)!important}.nav-dropdown.open .nav-menu,.nav-dropdown.hover-open .nav-menu{transform:translateY(0)!important;clip-path:inset(0 0 0 0)!important}.nav-menu a,.mobile-nav a,.mobile-nav summary{border-radius:4px!important}.hero-home{width:100%!important;max-width:none!important;min-height:calc(100svh - 120px)!important;margin:0!important;padding:clamp(64px,8vw,128px) clamp(28px,9vw,132px)!important;display:grid!important;grid-template-columns:minmax(420px,.85fr) minmax(360px,.65fr)!important;align-items:center!important;border-left:0!important;border-right:0!important;border-top:0!important;border-radius:0!important;background:linear-gradient(90deg,rgba(242,238,231,.98) 0%,rgba(242,238,231,.92) 38%,rgba(242,238,231,.66) 61%,rgba(242,238,231,.2) 100%),url("https://img.kaelith.tw/infant/img/page/home-hero.webp?v=1.6.5") center/cover no-repeat!important;box-shadow:none!important}.hero-home .hero-copy{max-width:760px!important;animation:enterLeft .78s var(--kb-fast) both}.hero-home h1{max-width:11.5ch!important;font-size:clamp(3rem,6.4vw,6.6rem)!important;line-height:1.04!important;letter-spacing:-.055em!important}.hero-home p{max-width:660px!important;font-size:clamp(1rem,1.2vw,1.22rem)!important;color:#4d5d55!important}.hero-home .hero-panel{min-height:540px!important;border:0!important;background:transparent!important;box-shadow:none!important;overflow:visible!important;animation:enterRight .85s var(--kb-fast) .05s both}.hero-home .floating-card{position:absolute!important;width:min(310px,42vw)!important;background:rgba(255,255,255,.92)!important;border:1px solid var(--kb-line)!important;box-shadow:0 22px 55px rgba(23,35,29,.13)!important;backdrop-filter:blur(10px)!important;animation:cardDrift 7.5s ease-in-out infinite!important}.hero-home .floating-card.one{right:8%!important;top:7%!important;left:auto!important}.hero-home .floating-card.two{left:3%!important;top:42%!important;right:auto!important;animation-delay:-2.4s!important}.hero-home .floating-card.three{right:0!important;bottom:10%!important;left:auto!important;animation-delay:-4.1s!important}@keyframes enterLeft{from{opacity:0;transform:translateX(-36px)}to{opacity:1;transform:none}}@keyframes enterRight{from{opacity:0;transform:translateX(36px)}to{opacity:1;transform:none}}@keyframes cardDrift{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-14px,0)}}.motion-band{max-width:none!important;margin:0!important;border-left:0!important;border-right:0!important;background:#fff!important}.motion-track{animation:trackLeft 32s linear infinite!important}.page-hero{width:100%!important;max-width:none!important;margin:0!important;min-height:46svh!important;padding:clamp(56px,8vw,104px) clamp(28px,9vw,132px)!important;border-left:0!important;border-right:0!important;border-top:0!important;border-radius:0!important;box-shadow:none!important}.page-hero>div{max-width:min(620px,90vw)!important;padding:24px 28px!important;background:rgba(255,255,255,.86)!important;border:1px solid var(--kb-line)!important;box-shadow:0 24px 65px rgba(23,35,29,.12)!important;border-radius:4px!important;animation:enterLeft .68s var(--kb-fast) both}.page-hero h1{font-size:clamp(2.6rem,5vw,5rem)!important;line-height:1.05!important;max-width:7ch!important}.page-hero p{font-size:1.05rem!important;max-width:46ch!important}.hero-create{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/create-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-import{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/import-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-library{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.52)),url("https://img.kaelith.tw/infant/img/page/library-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-guide{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/guide-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-privacy{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/privacy-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-security{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/security-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-terms{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/terms-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-status{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/status-hero.webp?v=1.6.5") center/cover no-repeat!important}.hero-share{background:linear-gradient(90deg,rgba(242,238,231,.96),rgba(242,238,231,.58)),url("https://img.kaelith.tw/infant/img/page/share-hero.webp?v=1.6.5") center/cover no-repeat!important}.section,.page-shell>.content-narrow,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;padding-left:24px!important;padding-right:24px!important}.surface,.content-narrow,.library-toolbar,.lesson-detail,.lesson-card,.status-card,.side-panel,.lesson-form,.app-dialog,.cookie-consent,.job-status,.footer-grid{border-radius:4px!important}.site-footer{display:block!important;width:100%!important;max-width:none!important;margin:88px 0 0!important;padding:0!important;border-top:1px solid var(--kb-line)!important;color:var(--kb-muted)!important}.footer-grid{display:grid!important;grid-template-columns:minmax(0,1.35fr) minmax(220px,.55fr) minmax(260px,.7fr)!important;gap:34px!important;max-width:1240px!important;margin:0 auto!important;padding:34px 24px!important;background:#fff!important;border:1px solid var(--kb-line)!important;box-shadow:none!important}.footer-grid a{color:var(--kb-ink)!important}.footer-intro img{width:280px!important;height:auto!important}.footer-bottom{max-width:1240px!important;margin:0 auto!important;padding:16px 24px 26px!important;border-top:1px solid var(--kb-line)!important;display:flex!important;justify-content:space-between!important;gap:16px!important}.cookie-fab{left:24px!important;bottom:24px!important;border-radius:4px!important;background:#fff!important;border:1px solid var(--kb-line-strong)!important;box-shadow:0 16px 42px rgba(25,34,30,.12)!important;transition:transform .2s var(--kb-fast),background .2s var(--kb-fast)!important}.cookie-fab.locked .icon{animation:lockTurn .75s var(--kb-fast) both}.cookie-fab:hover{transform:translateY(-2px)!important;background:#f8f6f1!important}.cookie-consent{border-radius:4px!important;left:24px!important;bottom:86px!important;border:1px solid var(--kb-line-strong)!important;animation:slideUpPanel .28s var(--kb-fast) both}@keyframes slideUpPanel{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes lockTurn{0%{transform:rotate(-12deg) scale(.9)}45%{transform:rotate(14deg) scale(1.15)}100%{transform:rotate(0) scale(1)}}.lock-visual{width:56px;height:56px;border:2px solid var(--kb-brand);display:grid;place-items:center;margin-bottom:14px;position:relative}.lock-visual .icon{font-size:1.8rem;animation:lockTurn 1.1s var(--kb-fast) both}.notes-head{border-bottom:1px solid var(--kb-line);padding-bottom:12px}.note-toolbar{border:1px solid var(--kb-line);background:#fff;padding:10px}.note-editor{background:#fff!important;min-height:220px!important;overflow:auto}.ai-note-card{box-shadow:none!important}@media (max-width:980px){.site-header{padding:12px 16px!important}.brand-logo-image{width:min(270px,72vw)!important}.mobile-nav{display:block!important;position:fixed!important;left:16px!important;right:16px!important;top:84px!important;max-height:calc(100svh - 104px)!important;overflow:auto!important;background:#fff!important;border:1px solid var(--kb-line-strong)!important;box-shadow:0 26px 70px rgba(18,27,23,.16)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-18px)!important;transition:opacity .25s var(--kb-fast),transform .25s var(--kb-fast),visibility .25s!important;z-index:100!important}.mobile-nav.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}body.mobile-menu-open{overflow:hidden!important}.mobile-nav a,.mobile-nav summary{display:block!important;padding:16px 14px!important;border-bottom:1px solid var(--kb-line)!important}.mobile-nav details{padding:0!important;margin:0!important;border:0!important}.mobile-nav details a{padding-left:28px!important;color:var(--kb-muted)!important}.hero-home{min-height:calc(100svh - 78px)!important;grid-template-columns:1fr!important;padding:54px 22px!important}.hero-home h1{font-size:clamp(2.55rem,12vw,4.2rem)!important}.hero-home .hero-panel{display:block!important;min-height:260px!important}.hero-home .floating-card{width:calc(100% - 28px)!important;position:static!important;margin:12px 14px!important}.page-hero{min-height:38svh!important;padding:44px 18px!important}.page-hero h1{font-size:clamp(2.2rem,11vw,3.6rem)!important}.section,.page-shell>.content-narrow,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{padding-left:16px!important;padding-right:16px!important}.footer-grid{grid-template-columns:1fr!important;margin:0 16px!important;padding:24px 18px!important}.footer-bottom{margin:0 16px!important;padding:14px 0 24px!important;flex-direction:column!important}.cookie-fab{left:16px!important;bottom:16px!important}.cookie-consent{left:16px!important;right:16px!important;bottom:76px!important}}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
/* ===== v1.6.4-r3 practical professional tuning ===== */
:root{--kb-scale:.88;--kb-motion:cubic-bezier(.22,.78,.2,1)}
body{font-size:15px!important;line-height:1.64!important}
.site-header{padding-top:16px!important;padding-bottom:14px!important}
.brand-logo-image{width:clamp(230px,22vw,345px)!important}
.hero-home{min-height:calc(82svh - 76px)!important;padding:clamp(46px,6.5vw,88px) clamp(24px,8vw,112px)!important;grid-template-columns:minmax(360px,.82fr) minmax(320px,.62fr)!important}
.hero-home h1{font-size:clamp(2.65rem,5.25vw,5.45rem)!important;line-height:1.04!important;max-width:10.5ch!important}
.hero-home p{max-width:560px!important;font-size:clamp(.96rem,1.02vw,1.08rem)!important}
.hero-home .hero-panel{min-height:430px!important}.hero-home .floating-card{padding:15px 16px 13px!important;width:min(270px,36vw)!important;animation-duration:9.5s!important}.floating-card b{font-size:1rem!important}.floating-card span{font-size:.88rem!important}
.hero-actions .button{min-height:42px!important;padding:10px 16px!important}.page-hero{min-height:36svh!important;padding:clamp(40px,6.5vw,78px) clamp(24px,8vw,112px)!important}.page-hero h1{font-size:clamp(2.1rem,4.2vw,4rem)!important;max-width:9ch!important}.page-hero p{font-size:1rem!important;max-width:42ch!important}.page-hero>div{padding:20px 24px!important}
.section,.page-shell>.content-narrow,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{max-width:1120px!important}.intro-grid .surface,.trust-item,.visual-card,.content-narrow,.lesson-form,.side-panel,.library-toolbar,.status-card{padding:20px!important}.workspace-grid{grid-template-columns:minmax(0,1fr) 300px!important;gap:18px!important}.form-grid{gap:14px!important}.control{min-height:42px!important;padding:9px 11px!important}.choice-grid label{padding:9px 10px!important}.button{min-height:40px!important;padding:9px 15px!important}.step{padding:8px 14px!important}.live-summary div{padding:10px!important}
.motion-track{animation-duration:42s!important}.reveal-item{opacity:0;transform:translateY(18px);transition:opacity .82s var(--kb-motion),transform .82s var(--kb-motion),box-shadow .22s ease,background .22s ease}.reveal-item.in-view{opacity:1;transform:none}.surface.reveal-item:nth-child(2),.visual-card.reveal-item:nth-child(2),.trust-item.reveal-item:nth-child(2){transition-delay:.08s}.surface.reveal-item:nth-child(3),.visual-card.reveal-item:nth-child(3),.trust-item.reveal-item:nth-child(3){transition-delay:.15s}.surface:hover,.visual-card:hover,.trust-item:hover,.lesson-card:hover{transform:translateY(-3px);box-shadow:0 24px 60px rgba(23,35,29,.12)!important;transition:.28s var(--kb-motion)}
.site-footer{background:#102d22!important;color:#dfe8e2!important;margin-top:72px!important;border-top:0!important}.footer-panel{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(200px,.55fr) minmax(260px,.7fr);gap:34px;max-width:1120px;margin:0 auto;padding:38px 24px 34px}.footer-panel h3{color:#fff;margin:0 0 14px}.footer-panel a{color:#edf5ef!important}.footer-panel p{color:#cbd9d0}.footer-intro img{width:250px!important;background:#fff;padding:8px}.footer-links,.footer-meta{display:grid;gap:10px}.footer-bottom{max-width:1120px!important;border-top:1px solid rgba(255,255,255,.18)!important;color:#bcd0c5!important;padding:14px 24px 22px!important}.footer-grid{display:none!important}
.cookie-fab{font-size:.95rem!important}.cookie-consent{max-width:390px!important}.lock-visual{width:48px!important;height:48px!important}
@media (max-width:980px){.hero-home{min-height:auto!important;grid-template-columns:1fr!important;padding:42px 18px!important}.hero-home h1{font-size:clamp(2.25rem,10vw,3.55rem)!important}.hero-home .hero-panel{min-height:230px!important}.workspace-grid{grid-template-columns:1fr!important}.footer-panel{grid-template-columns:1fr!important;margin:0 16px;padding:26px 18px}.page-hero{min-height:30svh!important;padding:36px 18px!important}.page-hero>div{max-width:100%!important}.site-header{min-height:72px!important}.mobile-nav{top:74px!important}}
@media (max-width:640px){body{font-size:14.5px!important}.brand-logo-image{width:min(225px,70vw)!important}.hero-home p{font-size:.98rem!important}.page-hero h1{font-size:2.25rem!important}}


/* ===== r4 mobile / compact professional fix ===== */
:root{--kb-mobile-header:72px}
@media (min-width:981px){
  .hero-home h1{font-size:clamp(2.6rem,5.35vw,5.55rem)!important;max-width:11.6ch!important}
  .hero-home{min-height:calc(100svh - 112px)!important;padding-top:clamp(54px,7vw,104px)!important;padding-bottom:clamp(54px,7vw,104px)!important}
  .page-hero h1{font-size:clamp(2.3rem,4.25vw,4.25rem)!important}
  .form-grid{gap:14px!important}.workspace-grid{gap:18px!important}.control{min-height:42px!important;padding:10px 12px!important}.button{min-height:40px!important;padding:10px 15px!important}.lesson-form,.side-panel{padding:22px!important}
}
[data-reveal]{animation:revealSlow .95s cubic-bezier(.16,.72,.18,1) both!important}
@keyframes revealSlow{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}
.intro-grid .surface,.visual-card,.trust-item,.assistant-intro,.lesson-card,.status-card{transition:transform .36s cubic-bezier(.16,.72,.18,1),box-shadow .36s cubic-bezier(.16,.72,.18,1),border-color .36s!important}
.intro-grid .surface:hover,.visual-card:hover,.trust-item:hover,.lesson-card:hover,.status-card:hover{transform:translateY(-4px)!important;box-shadow:0 22px 62px rgba(24,35,29,.12)!important;border-color:#b9ad9c!important}
.assistant-intro{transition:transform .42s cubic-bezier(.16,.72,.18,1),filter .42s!important}.assistant-intro:hover{transform:translateY(-3px)!important;filter:saturate(1.05)}
.site-footer{background:#132d23!important;color:#dce7df!important;margin-top:78px!important;border-top:0!important}
.footer-grid{background:#132d23!important;color:#dce7df!important;border:0!important;box-shadow:none!important}.footer-grid a,.footer-grid h3{color:#fff!important}.footer-grid p{color:#cbd7d0!important}.footer-bottom{border-color:rgba(255,255,255,.18)!important;color:#bdcbc3!important}.footer-intro img{filter:brightness(0) invert(1) opacity(.86)}
@media (max-width:980px){
  html,body{width:100%;overflow-x:hidden!important}
  body{font-size:15px!important}
  .desktop-nav{display:none!important}
  .menu-button{display:grid!important;position:relative;z-index:120!important;flex:0 0 44px!important;width:44px!important;height:44px!important;margin-left:auto!important;background:#fff!important;border:1px solid var(--kb-line-strong)!important}
  .site-header{position:sticky!important;top:0!important;z-index:110!important;min-height:var(--kb-mobile-header)!important;height:var(--kb-mobile-header)!important;padding:8px 14px!important;display:flex!important;align-items:center!important;background:rgba(242,238,231,.96)!important;box-shadow:0 8px 28px rgba(27,42,35,.08)!important}
  .brand{min-width:0!important;overflow:hidden!important;display:flex!important;align-items:center!important}
  .brand-logo-image{width:min(220px,62vw)!important;max-width:62vw!important;height:auto!important;display:block!important}
  .mobile-nav{display:block!important;position:fixed!important;z-index:105!important;left:12px!important;right:12px!important;top:calc(var(--kb-mobile-header) + 10px)!important;width:auto!important;max-width:none!important;max-height:min(68vh,560px)!important;overflow:auto!important;padding:8px!important;background:rgba(255,255,255,.985)!important;border:1px solid var(--kb-line-strong)!important;box-shadow:0 24px 62px rgba(17,28,22,.18)!important;opacity:0!important;visibility:hidden!important;transform:translateY(-18px)!important;clip-path:inset(0 0 100% 0)!important;transition:opacity .28s cubic-bezier(.16,.72,.18,1),transform .28s cubic-bezier(.16,.72,.18,1),clip-path .32s cubic-bezier(.16,.72,.18,1),visibility .28s!important}
  .mobile-nav.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important;clip-path:inset(0 0 0 0)!important}
  .mobile-nav a,.mobile-nav summary{font-size:.98rem!important;display:flex!important;align-items:center!important;min-height:44px!important;padding:10px 12px!important;border-bottom:1px solid var(--kb-line)!important;font-weight:800!important;color:var(--kb-ink)!important;background:#fff!important}
  .mobile-nav details{margin:0!important;padding:0!important;border:0!important}.mobile-nav details a{padding-left:26px!important;font-weight:700!important;color:#52615a!important;background:#fbfaf6!important}.mobile-nav details:last-child a:last-child,.mobile-nav>a:last-child{border-bottom:0!important}
  body.mobile-menu-open{overflow:hidden!important}
  main.home-page,main.page-shell{padding:0!important;margin:0!important}
  .hero-home{min-height:calc(100svh - var(--kb-mobile-header))!important;grid-template-columns:1fr!important;padding:38px 18px 42px!important;background-position:64% center!important}
  .hero-home .hero-copy{max-width:100%!important}.hero-home .kicker{font-size:.72rem!important;padding:5px 8px!important}.hero-home h1{font-size:clamp(2.25rem,11vw,3.5rem)!important;max-width:10.8ch!important;line-height:1.05!important;margin:16px 0!important}.hero-home p{font-size:1rem!important;line-height:1.75!important;max-width:92vw!important}.hero-actions{gap:10px!important}.hero-actions .button{width:auto!important;min-width:0!important;flex:1 1 150px!important}
  .hero-home .hero-panel{min-height:0!important;display:grid!important;grid-template-columns:1fr!important;gap:10px!important;margin-top:20px!important}.hero-home .floating-card{position:relative!important;inset:auto!important;right:auto!important;left:auto!important;top:auto!important;bottom:auto!important;width:100%!important;margin:0!important;padding:12px 14px!important;box-shadow:0 14px 32px rgba(17,28,22,.1)!important}.hero-home .floating-card b{font-size:1rem!important}.hero-home .floating-card span{font-size:.9rem!important}
  .page-hero{min-height:260px!important;padding:32px 16px!important;background-position:center!important}.page-hero>div{padding:16px!important;max-width:100%!important}.page-hero h1{font-size:clamp(2rem,10vw,3.1rem)!important;max-width:8ch!important}.page-hero p{font-size:.98rem!important}
  .section,.page-shell>.content-narrow,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{padding-left:14px!important;padding-right:14px!important}.workspace-grid{grid-template-columns:1fr!important;margin-top:16px!important}.form-grid,.choice-grid,.intro-grid,.visual-showcase,.trust-strip,.library-grid,.status-grid{grid-template-columns:1fr!important}.lesson-form,.side-panel,.content-narrow{padding:18px!important}.side-panel{order:-1}.live-summary{grid-template-columns:1fr!important}.stepper{overflow-x:auto!important;display:flex!important;padding-bottom:4px!important}.step{white-space:nowrap!important;flex:0 0 auto!important}
  .footer-grid{margin:0!important;padding:26px 18px!important;grid-template-columns:1fr!important}.footer-bottom{margin:0!important;padding:14px 18px 24px!important;flex-direction:column!important}.footer-intro img{width:220px!important}.cookie-fab{left:12px!important;bottom:12px!important;z-index:130!important}.cookie-consent{left:12px!important;right:12px!important;bottom:70px!important;max-height:70vh!important;overflow:auto!important;z-index:131!important}.job-status{left:12px!important;right:12px!important;bottom:12px!important;max-width:none!important}.app-dialog{width:calc(100vw - 24px)!important;max-height:84vh!important}
}


/* r5 generation lock and clear status polish */
.lesson-form.is-generating{position:relative;isolation:isolate}
.lesson-form.is-generating::after{content:"正在建立教案，欄位已鎖定以避免送出資料被改動";position:sticky;bottom:12px;z-index:5;display:block;margin-top:16px;padding:12px 14px;background:#123f2d;color:#fff;border:1px solid rgba(255,255,255,.25);box-shadow:0 16px 32px rgba(18,35,28,.18);font-weight:700}
.lesson-form.is-generating input,.lesson-form.is-generating select,.lesson-form.is-generating textarea,.lesson-form.is-generating button{opacity:.72;cursor:not-allowed}
.lesson-form.is-generating .control,.lesson-form.is-generating .choice-grid label{background:#f1efe9!important}
.job-status p{line-height:1.55}.job-status strong{letter-spacing:.02em}

/* ===== r6 footer logo and completed-job stability polish ===== */
.site-footer .footer-grid{display:grid!important;background:#102d22!important;color:#dfe8e2!important;border:0!important;box-shadow:none!important}
.site-footer .footer-grid a,.site-footer .footer-grid h3{color:#fff!important}
.site-footer .footer-grid p{color:#cbd9d0!important}
.site-footer .footer-intro img{display:block!important;width:260px!important;max-width:100%!important;height:auto!important;background:#fffdf8!important;padding:10px!important;filter:none!important;opacity:1!important;object-fit:contain!important;border:1px solid rgba(255,255,255,.32)!important}
.site-footer .footer-bottom{border-top:1px solid rgba(255,255,255,.18)!important;color:#bfd0c7!important}
.is-generating input:disabled,.is-generating select:disabled,.is-generating textarea:disabled,.is-generating button:disabled{cursor:not-allowed!important}
.is-generating .choice-grid label{opacity:.66!important}
@media (max-width:980px){.site-footer .footer-intro img{width:220px!important}.site-footer .footer-grid{grid-template-columns:1fr!important}}

/* r8 cover grid: reduce duplicated feeling and keep cover choices compact */
.cover-grid,.cover-picker,.cover-options{gap:14px!important}
.cover-tile img,.picker-tile img{object-fit:cover!important;filter:saturate(.94) contrast(.98)!important}

/* r9 lesson detail recovery and cover cleanup */
#lesson-root{min-height:240px}.missing-lesson{max-width:880px;margin:28px auto;padding:28px;border:1px solid var(--kb-line);background:#fff}.missing-lesson .muted{color:var(--kb-muted);font-size:.92rem}.cover-picker{grid-template-columns:repeat(4,minmax(0,1fr))!important}.cover-choice span{aspect-ratio:16/9;background-size:cover;background-position:center}@media(max-width:720px){.cover-picker{grid-template-columns:repeat(2,minmax(0,1fr))!important}.missing-lesson{margin:18px 0}}
/* ===== r10 interaction, layout, highlights ===== */
.nav-dropdown{position:relative;padding-bottom:12px;margin-bottom:-12px}.nav-menu{top:calc(100% - 2px)!important}.nav-dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.nav-menu a small{display:block;margin-top:2px;color:#617069}.nav-chevron{transition:transform .2s cubic-bezier(.2,.75,.2,1)}.nav-dropdown.open .nav-chevron,.nav-dropdown.hover-open .nav-chevron{transform:rotate(180deg)}
.hero-home .hero-copy{animation-duration:1.05s!important}.hero-home .hero-panel{animation-duration:1.15s!important}.floating-card{animation-duration:9.5s!important}.motion-track{animation-duration:42s!important}.reveal-ready{opacity:0;transform:translateY(22px);transition:opacity .72s cubic-bezier(.2,.75,.2,1),transform .72s cubic-bezier(.2,.75,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}.surface.reveal-ready:hover,.visual-card.reveal-ready:hover,.trust-item.reveal-ready:hover{transform:translateY(-4px);box-shadow:0 24px 70px rgba(23,35,29,.12)!important}.assistant-intro.reveal-ready{overflow:hidden;position:relative}.assistant-intro.reveal-ready::before{content:"";position:absolute;inset:auto auto -25% -8%;width:220px;height:220px;border:1px solid rgba(197,207,154,.55);transform:rotate(28deg);transition:transform 1.2s cubic-bezier(.2,.75,.2,1)}.assistant-intro.reveal-ready.is-visible::before{transform:translateX(45px) rotate(28deg)}
.deid-warning{display:block;margin-top:7px;color:#8a3b22;font-weight:700}.field small{display:block;margin-top:6px;color:#6c7870;font-size:.86rem}.field b{color:#8a3b22}.create-shell{max-width:1160px!important}.lesson-form{max-width:760px}.lesson-form .control{min-height:44px}.lesson-form .checkbox-grid label{min-height:48px}.summary-card{position:sticky;top:120px}.summary-card:empty::before{content:"請先填寫基礎設定。";color:#7b847e}
.cover-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:14px!important;max-height:430px!important;overflow:auto!important;padding:4px 6px 10px 0}.cover-choice{border:1px solid var(--kb-line)!important;background:#fff!important;text-align:left!important;padding:8px!important;display:grid!important;gap:8px!important;min-height:142px!important;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease}.cover-choice:hover{transform:translateY(-2px);box-shadow:0 16px 38px rgba(23,35,29,.10)!important}.cover-choice.selected{border-color:#174b36!important;box-shadow:inset 0 0 0 2px #174b36!important}.cover-choice span{height:74px!important;background-size:cover!important;background-position:center!important;border:1px solid var(--kb-line)!important}.cover-choice b{font-size:.92rem;color:#8a3b22}.cover-choice small{font-size:.75rem;color:#647069}.custom-cover span{background:linear-gradient(135deg,#f4f0e8,#fff)!important}.cover-preview{height:180px;background-size:cover;background-position:center;border:1px solid var(--kb-line);margin-top:8px}
.lesson-detail{max-width:1120px;margin:0 auto}.lesson-detail-hero{min-height:360px!important;display:grid;align-content:end;padding:34px!important;background:linear-gradient(0deg,rgba(24,37,31,.72),rgba(24,37,31,.12)),var(--lesson-cover) center/cover no-repeat!important;color:#fff!important}.lesson-detail-hero .eyebrow{background:rgba(255,255,255,.88);color:#174b36;border:1px solid rgba(255,255,255,.3);width:max-content;padding:6px 10px}.lesson-detail-hero h1{font-size:clamp(2.1rem,4.2vw,4.2rem)!important;line-height:1.08!important;max-width:880px!important}.lesson-detail-hero p{max-width:800px!important}.lesson-mark-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--kb-line);background:#fff;padding:16px 18px;margin:18px 0}.lesson-mark-toolbar span{display:block;color:#66716b;font-size:.9rem}.lesson-highlight{padding:.05em .08em;border-radius:0}.activity-clean-layout{display:grid;gap:18px}.activity{border:1px solid var(--kb-line)!important;background:#fff!important;box-shadow:0 18px 46px rgba(23,35,29,.08)!important}.activity-summary{display:grid!important;grid-template-columns:auto 1fr auto!important;align-items:center!important;gap:16px!important;padding:18px 20px!important;background:#fbfaf6!important;border-bottom:1px solid var(--kb-line)!important}.activity-index{display:grid;place-items:center;width:42px;height:42px;border:1px solid #174b36;background:#174b36;color:#fff;font-weight:800}.activity-domain{display:block;color:#8a3b22;font-size:.9rem;font-weight:700;margin-bottom:3px}.activity-summary strong{font-size:1.22rem}.activity-content{padding:18px 20px}.activity-section-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.detail-section{border:1px solid var(--kb-line);background:#fff;padding:14px 16px;margin:0!important}.detail-section h3{margin:0 0 10px;color:#174b36;font-size:1rem}.detail-section ul{margin:0;padding-left:1.2rem}.detail-section.steps,.detail-section.prompts,.detail-section.safety,.detail-section.parent-daily{grid-column:1/-1}.detail-section.parent-daily{background:#f6f3eb}.parent-message-card,.lesson-section-block{border:1px solid var(--kb-line)!important;background:#fff!important;margin:18px 0!important;padding:20px!important}.reference-link.reference-text{display:inline-flex;gap:8px;align-items:center;border:1px solid var(--kb-line);padding:10px 12px;background:#fff;color:#4f5a54}.reference-link small{margin-left:8px;color:#8a3b22}
.footer-intro img{background:#fff;padding:8px}.site-footer{background:#0d3828!important}.site-footer .footer-grid,.site-footer .footer-bottom{background:transparent!important;color:#fff!important;border-color:rgba(255,255,255,.16)!important}.site-footer a{color:#fff!important}.site-footer p,.site-footer span{color:rgba(255,255,255,.82)!important}
@media (max-width:980px){.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.activity-section-grid{grid-template-columns:1fr}.lesson-mark-toolbar{align-items:flex-start;flex-direction:column}.summary-card{position:static}.lesson-detail-hero{min-height:300px!important;padding:24px!important}.activity-summary{grid-template-columns:auto 1fr!important}.activity-summary>span:last-child{grid-column:2}}
@media (max-width:620px){.cover-grid{grid-template-columns:1fr!important}.cover-choice{min-height:130px!important}.hero-home .hero-actions{display:grid}.desktop-nav{display:none!important}.site-header{min-height:76px}.brand-logo-image{width:min(230px,68vw)!important}.page-hero>div{max-width:100%!important}.activity-content{padding:14px}.detail-section{padding:12px}.cookie-fab span{display:none}}



/* ===== r12 launch RWD + identity hardening ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{min-width:0!important}.site-header,.hero,.page-hero,.section,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root,.footer-panel,.footer-bottom{box-sizing:border-box;max-width:100%!important}.site-header{width:100%!important;left:0;right:0}.brand{min-width:0!important;flex:1 1 auto}.brand-logo-image{height:auto!important;object-fit:contain!important;image-rendering:auto!important}.menu-button{flex:0 0 auto}.desktop-nav,.mobile-nav,.toolbar-actions,.detail-actions,.hero-actions,.center-actions,.form-grid,.choice-grid,.library-grid,.activity-section-grid,.footer-panel{min-width:0!important}.mobile-nav{box-sizing:border-box;max-width:calc(100vw - 24px)!important;overflow-x:hidden!important}.mobile-nav a,.mobile-nav summary{box-sizing:border-box;max-width:100%;overflow-wrap:anywhere}.mobile-nav details>summary{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;cursor:pointer;list-style:none}.mobile-nav details>summary::-webkit-details-marker{display:none}.mobile-nav details>summary::after{content:'⌄';display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid var(--line,#ded8c9);color:var(--brand,#174b36);font-size:16px;line-height:1;transition:transform .24s cubic-bezier(.2,.75,.2,1),background .24s ease}.mobile-nav details[open]>summary::after{transform:rotate(180deg);background:#eef2e9}.mobile-nav details>a{display:block!important;position:relative;padding-left:28px!important}.mobile-nav details>a::before{content:'';position:absolute;left:14px;top:50%;width:6px;height:1px;background:currentColor;opacity:.55}.desktop-nav .nav-dropdown>button::after{content:'⌄';font-size:14px;line-height:1;transition:transform .22s cubic-bezier(.2,.75,.2,1)}.desktop-nav .nav-dropdown.open>button::after,.desktop-nav .nav-dropdown.hover-open>button::after{transform:rotate(180deg)}.nav-chevron{display:none!important}.nav-dropdown{padding-bottom:16px!important;margin-bottom:-16px!important}.nav-menu{top:calc(100% - 4px)!important}.nav-dropdown::after{height:18px!important}.nav-dropdown.open .nav-menu,.nav-dropdown.hover-open .nav-menu,.nav-dropdown:focus-within .nav-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip-path:inset(0 0 0 0)!important;transform:translateY(0)!important}.nav-menu{visibility:hidden!important;clip-path:inset(0 0 100% 0)!important;transition:opacity .22s cubic-bezier(.2,.75,.2,1),transform .22s cubic-bezier(.2,.75,.2,1),clip-path .24s cubic-bezier(.2,.75,.2,1),visibility .22s!important}.nav-dropdown.open .nav-menu,.nav-dropdown.hover-open .nav-menu{visibility:visible!important}.control,select,input,textarea{max-width:100%!important;min-width:0!important}.surface,.lesson-form,.side-panel,.library-toolbar,.detail-toolbar,.lesson-card,.app-dialog,.cookie-consent{max-width:100%!important}.cover-choice img,.cover-choice span,.lesson-cover,img{max-width:100%!important}.motion-band{width:100vw!important;max-width:100vw!important;overflow:hidden!important}.motion-track{width:max-content!important}.job-status{box-sizing:border-box}.cookie-fab{max-width:calc(100vw - 24px)!important}.footer-intro img{filter:none!important;opacity:1!important}.site-footer .footer-intro img{background:#fffdf8!important;object-fit:contain!important}.site-footer{overflow:hidden!important}.footer-panel{width:min(1180px,calc(100vw - 48px))!important;margin-inline:auto!important}.footer-bottom{width:min(1180px,calc(100vw - 48px))!important;margin-inline:auto!important}.brand img{user-select:none;-webkit-user-drag:none}.library-grid,.intro-grid,.visual-showcase,.trust-strip{width:100%}.lesson-card-actions,.lesson-card .toolbar-actions{display:flex;flex-wrap:wrap;gap:10px}.lesson-card-actions .button{flex:1 1 112px}.app-dialog{left:50%!important;transform:translateX(-50%)!important}
@media (max-width:980px){
  :root{--radius:4px!important}.site-header{padding:10px 12px!important;min-height:74px!important;gap:10px!important}.brand-logo-image{width:min(225px,calc(100vw - 86px))!important;max-width:calc(100vw - 86px)!important}.menu-button{display:grid!important;width:48px!important;height:48px!important;border-radius:4px!important;background:#fff!important;border:1px solid var(--line,#ded8c9)!important}.desktop-nav{display:none!important}.mobile-nav{position:fixed!important;top:82px!important;left:12px!important;right:12px!important;width:auto!important;max-height:calc(100svh - 96px)!important;overflow-y:auto!important;padding:8px!important;border-radius:4px!important;background:rgba(255,253,248,.98)!important;border:1px solid var(--line,#ded8c9)!important;box-shadow:0 24px 70px rgba(23,35,29,.18)!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transform:translateY(-12px)!important;transition:opacity .24s cubic-bezier(.2,.75,.2,1),transform .24s cubic-bezier(.2,.75,.2,1),visibility .24s!important;z-index:150!important}.mobile-nav.open{opacity:1!important;visibility:visible!important;pointer-events:auto!important;transform:translateY(0)!important}.mobile-nav>a,.mobile-nav summary{padding:14px 12px!important;border-radius:4px!important;border-bottom:1px solid var(--line,#ded8c9)!important;font-weight:900}.mobile-nav details{border:0!important;margin:0!important;padding:0!important}.mobile-nav details[open]{background:#f7f4ee!important}.mobile-nav details>a{padding:13px 12px 13px 30px!important;border-bottom:1px solid rgba(222,216,201,.75)!important}.hero-home,.hero,.page-hero{width:100%!important;max-width:100%!important;margin:0!important;border-left:0!important;border-right:0!important;border-radius:0!important}.hero-home{grid-template-columns:1fr!important;min-height:auto!important;padding:34px 16px 28px!important;background-position:center top!important}.hero-home h1{font-size:clamp(2rem,11vw,3.4rem)!important;line-height:1.08!important;max-width:10ch!important}.hero-home p{font-size:1rem!important}.hero-home .hero-panel{min-height:auto!important;margin-top:18px!important}.hero-home .floating-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;margin:10px 0!important;padding:14px!important}.page-hero{min-height:260px!important;padding:38px 16px!important;background-position:center!important}.page-hero>div{width:100%!important;max-width:100%!important;padding:18px!important}.page-hero h1{font-size:clamp(2rem,10vw,3rem)!important}.section,.page-shell>.content-narrow,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{width:100%!important;padding-left:14px!important;padding-right:14px!important;margin-left:0!important;margin-right:0!important}.workspace-grid{grid-template-columns:1fr!important;gap:14px!important}.lesson-form,.side-panel{padding:18px!important}.form-grid,.choice-grid,.activity-section-grid,.intro-grid,.visual-showcase,.trust-strip,.library-grid{grid-template-columns:1fr!important}.choice-grid label{width:100%!important}.form-actions{display:grid!important;grid-template-columns:1fr 1fr!important}.form-actions .button{width:100%!important}.side-panel{position:static!important}.library-toolbar,.detail-toolbar{display:grid!important;grid-template-columns:1fr!important;gap:12px!important;padding:16px!important}.toolbar-actions,.detail-actions{display:grid!important;grid-template-columns:1fr!important;width:100%!important}.toolbar-actions .button,.detail-actions .button,.toolbar-actions .control,.detail-actions .control{width:100%!important}.lesson-detail-hero{min-height:240px!important;padding:20px!important}.lesson-detail-hero h1{font-size:clamp(1.8rem,9vw,2.7rem)!important}.activity-summary{grid-template-columns:auto 1fr!important;padding:14px!important}.activity-summary>span:last-child{grid-column:1/-1!important;justify-self:start!important}.activity-content{padding:14px!important}.detail-section{padding:12px!important}.app-dialog{width:calc(100vw - 20px)!important;max-width:calc(100vw - 20px)!important;max-height:86svh!important;overflow:auto!important}.cover-picker,.cover-grid,.professional-cover-picker{grid-template-columns:1fr 1fr!important;max-height:54vh!important;overflow:auto!important}.cover-choice{min-width:0!important}.footer-panel{width:100%!important;grid-template-columns:1fr!important;padding:28px 16px!important}.footer-bottom{width:100%!important;padding:14px 16px 24px!important;display:grid!important;grid-template-columns:1fr!important}.site-footer .footer-intro img{width:min(230px,75vw)!important}.cookie-consent{left:12px!important;right:12px!important;bottom:74px!important;width:auto!important;max-width:none!important}.cookie-fab{left:12px!important;bottom:12px!important}.job-status{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;max-width:none!important}.stepper{overflow-x:auto!important;scrollbar-width:thin!important}.step{flex:0 0 auto!important}
}
@media (max-width:430px){.brand-logo-image{width:min(205px,calc(100vw - 80px))!important}.site-header{padding:9px 10px!important}.menu-button{width:44px!important;height:44px!important}.mobile-nav{left:10px!important;right:10px!important;top:76px!important}.hero-home{padding-left:14px!important;padding-right:14px!important}.button{min-height:42px!important;padding:9px 13px!important;font-size:.95rem!important}.cover-picker,.cover-grid,.professional-cover-picker{grid-template-columns:1fr!important}.cookie-fab span{display:none!important}.cookie-fab{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;padding:0!important}.footer-panel,.footer-bottom{padding-left:14px!important;padding-right:14px!important}}


/* ===== r13 final mobile/RWD, navigation caret and note clear fixes ===== */
html,body{max-width:100%;overflow-x:hidden!important}.app-dialog,.dialog-backdrop,.site-header,.mobile-nav,.hero,.page-hero,.section,.workspace-grid,.library-layout,.lesson-detail,.lesson-form,.side-panel,.site-footer,.footer-panel,.footer-bottom{box-sizing:border-box!important}.brand-logo-image{height:auto!important;object-fit:contain!important}.nav-chevron{display:none!important}.nav-dropdown>button::after{content:"";display:inline-block;width:.42rem;height:.42rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg) translateY(-1px);margin-left:4px;transition:transform .22s cubic-bezier(.2,.75,.2,1)}.nav-dropdown.open>button::after,.nav-dropdown.hover-open>button::after{transform:rotate(225deg) translateY(-1px)}.desktop-nav>a,.nav-dropdown>button{border-radius:4px!important}.nav-menu{border-radius:4px!important;top:calc(100% + 10px)!important}.nav-dropdown::after{content:"";position:absolute;left:0;right:0;top:100%;height:14px}.mobile-nav summary{position:relative;list-style:none;padding-right:42px!important}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary::after{content:"";position:absolute;right:16px;top:50%;width:.48rem;height:.48rem;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-62%) rotate(45deg);transition:transform .22s cubic-bezier(.2,.75,.2,1)}.mobile-nav details[open]>summary::after{transform:translateY(-35%) rotate(225deg)}.mobile-nav details:not([open])>a{display:none!important}.tone-clear,.tone-clear-all{background:#fff!important;color:#174b36!important;border:1px solid #b5ab9d!important}.note-editor mark,.note-editor span[style*="background"]{border-radius:2px;padding:0 .06em}.professional-cover-picker{grid-template-columns:repeat(auto-fit,minmax(150px,1fr))!important}.cover-choice{border-radius:4px!important}.cover-choice img{aspect-ratio:16/9!important;object-fit:cover!important;border-radius:3px!important}.cover-choice span{display:block!important;background:rgba(255,253,248,.95)!important;border-top:1px solid var(--line,#ded8c9)!important;padding:8px!important;min-height:auto!important}.cover-choice.custom-cover{min-height:120px!important;display:grid!important;place-items:center!important}.cookie-fab{z-index:180!important}.job-status{z-index:179!important}@media (hover:hover){.nav-dropdown:hover .nav-menu{opacity:1!important;visibility:visible!important;pointer-events:auto!important;clip-path:inset(0 0 0 0)!important;transform:translateY(0)!important}.nav-dropdown:hover>button::after{transform:rotate(225deg) translateY(-1px)}}@media (max-width:980px){.site-header{position:sticky!important;top:0!important;width:100%!important;max-width:100vw!important;min-height:72px!important;padding:10px 12px!important}.brand{min-width:0!important;max-width:calc(100vw - 78px)!important}.brand-logo-image{width:min(230px,calc(100vw - 92px))!important;max-width:calc(100vw - 92px)!important}.menu-button{flex:0 0 46px!important;width:46px!important;height:46px!important;border-radius:4px!important}.mobile-nav{left:10px!important;right:10px!important;top:78px!important;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:calc(100svh - 92px)!important;overflow-y:auto!important;overflow-x:hidden!important;padding:8px!important}.mobile-nav a,.mobile-nav summary{min-height:48px!important;display:flex!important;align-items:center!important}.mobile-nav details a{padding-left:24px!important}.hero,.hero-home,.page-hero{max-width:100vw!important;width:100%!important;overflow:hidden!important}.hero-home{padding:28px 14px 22px!important}.hero-home .hero-copy,.hero-home .hero-panel{width:100%!important;min-width:0!important}.hero-actions{display:grid!important;grid-template-columns:1fr!important}.hero-actions .button{width:100%!important}.floating-card{max-width:100%!important}.motion-band{max-width:100vw!important}.motion-track{font-size:.95rem!important}.section,.page-shell>.content-narrow,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{width:100%!important;max-width:100vw!important;padding-left:12px!important;padding-right:12px!important}.workspace-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.lesson-form,.side-panel,.surface,.library-toolbar,.detail-toolbar,.lesson-detail,.app-dialog{width:100%!important;max-width:100%!important}.form-grid,.choice-grid,.library-grid,.intro-grid,.visual-showcase,.trust-strip{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.detail-toolbar{grid-template-columns:minmax(0,1fr)!important}.toolbar-actions,.detail-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.button,.control,select,input,textarea{max-width:100%!important}.app-dialog{width:calc(100vw - 20px)!important;left:10px!important;right:10px!important;transform:none!important;max-height:88svh!important}.dialog-content{overflow:auto!important}.professional-cover-picker,.cover-picker,.cover-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;max-height:54vh!important;overflow:auto!important}.site-footer{width:100%!important;max-width:100vw!important;overflow:hidden!important}.footer-panel{width:100%!important;max-width:100vw!important;margin:0!important;padding:28px 16px!important;grid-template-columns:minmax(0,1fr)!important}.footer-bottom{width:100%!important;margin:0!important;padding:14px 16px 24px!important;grid-template-columns:minmax(0,1fr)!important}.footer-intro img{width:min(260px,78vw)!important}.job-status{left:12px!important;right:12px!important;width:auto!important;max-width:none!important}.cookie-consent{left:12px!important;right:12px!important;width:auto!important;max-width:none!important}.cookie-fab{left:12px!important}.lesson-detail-hero h1{overflow-wrap:anywhere!important}.parent-messages .parent-card,.activity,.detail-section{max-width:100%!important}}@media (max-width:430px){.brand-logo-image{width:min(208px,calc(100vw - 82px))!important}.professional-cover-picker,.cover-picker,.cover-grid{grid-template-columns:minmax(0,1fr)!important}.app-dialog{width:calc(100vw - 16px)!important;left:8px!important;right:8px!important}.hero-home h1,.page-hero h1{word-break:keep-all;overflow-wrap:break-word}.cookie-fab span{display:none!important}}


/* ===== v1.6.5 上線 RWD / 導覽 / 封面 / 重點標記修正版 ===== */
html,body{width:100%;max-width:100%;overflow-x:hidden!important}
body{min-width:0!important}
*{box-sizing:border-box}
img,video,canvas,svg{max-width:100%;height:auto}
.site-header{width:100%!important;max-width:100%!important;margin:0!important;padding:14px clamp(16px,6vw,88px)!important;border-radius:0!important;left:0;right:0}
.brand{min-width:0;flex:0 1 auto}.brand-logo-image{width:clamp(220px,23vw,380px)!important;max-width:100%!important;height:auto!important;object-fit:contain!important}
.desktop-nav{gap:16px!important}.desktop-nav>a,.nav-dropdown>button{border-radius:4px!important;font-weight:800;gap:8px!important}.nav-chevron{display:none!important}.nav-dropdown>button::after{content:'▾';display:inline-block;margin-left:4px;font-size:.85em;line-height:1;transform:translateY(-1px);transition:transform .2s cubic-bezier(.2,.75,.2,1);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.nav-dropdown.open>button::after,.nav-dropdown.hover-open>button::after,.nav-dropdown:hover>button::after{transform:translateY(-1px) rotate(180deg)}.nav-dropdown{position:relative}.nav-dropdown::after{content:'';position:absolute;left:0;right:0;top:100%;height:18px}.nav-menu{top:calc(100% + 12px)!important;border-radius:4px!important;visibility:hidden;opacity:0;pointer-events:none;transform:translateY(-10px)!important;clip-path:inset(0 0 100% 0)!important;transition:opacity .22s cubic-bezier(.2,.75,.2,1),transform .22s cubic-bezier(.2,.75,.2,1),clip-path .24s cubic-bezier(.2,.75,.2,1),visibility .22s}.nav-dropdown.open .nav-menu,.nav-dropdown.hover-open .nav-menu,.nav-dropdown:hover .nav-menu{visibility:visible!important;opacity:1!important;pointer-events:auto!important;transform:translateY(0)!important;clip-path:inset(0 0 0 0)!important}.nav-menu a{border-radius:4px!important}
.button,.icon-button,.control,input,select,textarea,.surface,.app-dialog,.cookie-fab,.cookie-consent,.job-status{border-radius:4px!important}.menu-button{display:none;border-radius:4px!important}.mobile-nav{display:none}
.app-dialog{width:min(760px,calc(100vw - 28px))!important;max-height:88svh!important;overflow:auto!important}.dialog-content{max-width:100%;overflow-x:hidden!important}.professional-cover-picker,.cover-picker,.cover-grid{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;max-height:52vh!important;overflow:auto!important;padding-right:6px!important}.cover-choice{display:flex!important;flex-direction:column!important;min-width:0!important;min-height:0!important;border-radius:4px!important;overflow:hidden!important;background:#fffdf8!important}.cover-choice img{width:100%!important;aspect-ratio:16/9!important;height:auto!important;object-fit:cover!important;border-radius:0!important}.cover-choice span{display:block!important;min-height:0!important;padding:9px 10px!important;border-top:1px solid var(--line,#ded8c9)!important;background:#fffdf8!important;font-weight:800!important;line-height:1.35!important}.cover-choice.custom-cover{aspect-ratio:16/10!important;display:grid!important;place-items:center!important;padding:12px!important}
.lesson-mark-toolbar,.note-toolbar{display:flex!important;gap:10px!important;align-items:center!important;justify-content:space-between!important;flex-wrap:wrap!important}.tone-clear,.tone-clear-all{background:#fff!important;color:#174b36!important;border:1px solid #b5ab9d!important}.note-editor mark,.lesson-detail mark,.note-editor span[style*='background'],.lesson-detail span[style*='background']{border-radius:2px;padding:0 .06em}.lesson-detail,.activity,.detail-section,.parent-message-card,.lesson-section-block{max-width:100%;overflow-wrap:anywhere}.reference-link{word-break:break-word}.job-status,.cookie-fab{z-index:200!important}.cookie-consent{z-index:201!important}.app-dialog{z-index:210!important}.dialog-backdrop{z-index:205!important}
@media (max-width:980px){
 body.mobile-menu-open{overflow:hidden!important}.site-header{min-height:70px!important;padding:10px 12px!important;gap:10px!important}.brand{max-width:calc(100vw - 72px)!important}.brand-logo-image{width:min(218px,calc(100vw - 86px))!important;max-height:54px!important}.desktop-nav{display:none!important}.menu-button{display:grid!important;flex:0 0 46px!important;width:46px!important;height:46px!important}.mobile-nav{display:block!important;position:fixed!important;top:72px!important;left:10px!important;right:10px!important;width:auto!important;max-width:calc(100vw - 20px)!important;max-height:calc(100svh - 84px)!important;overflow:auto!important;padding:8px!important;background:#fffdf8!important;border:1px solid var(--line,#ded8c9)!important;box-shadow:0 24px 70px rgba(20,32,28,.18)!important;border-radius:4px!important;z-index:180!important;opacity:0!important;visibility:hidden!important;transform:translateY(-14px)!important;transition:opacity .22s cubic-bezier(.2,.75,.2,1),transform .22s cubic-bezier(.2,.75,.2,1),visibility .22s!important}.mobile-nav.open{opacity:1!important;visibility:visible!important;transform:translateY(0)!important}.mobile-nav a,.mobile-nav summary{display:flex!important;align-items:center!important;min-height:48px!important;padding:13px 14px!important;border-bottom:1px solid var(--line,#ded8c9)!important;font-weight:800!important}.mobile-nav details{margin:0!important;padding:0!important;border:0!important}.mobile-nav summary{position:relative;list-style:none;padding-right:44px!important}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav summary::after{content:'▾';position:absolute;right:16px;top:50%;transform:translateY(-50%);font-size:.9em;line-height:1;transition:transform .2s cubic-bezier(.2,.75,.2,1);font-family:system-ui,-apple-system,'Segoe UI',sans-serif}.mobile-nav details[open]>summary::after{transform:translateY(-50%) rotate(180deg)}.mobile-nav details:not([open])>a{display:none!important}.mobile-nav details a{padding-left:28px!important;color:#536057!important;background:#fbfaf4!important}
 main,.home-page,.page-shell{width:100%!important;max-width:100vw!important;overflow:hidden!important}.hero,.hero-home,.page-hero{width:100%!important;max-width:100vw!important;border-left:0!important;border-right:0!important;border-radius:0!important;overflow:hidden!important}.hero-home{grid-template-columns:minmax(0,1fr)!important;min-height:auto!important;padding:34px 14px 22px!important}.hero-copy,.hero-panel{min-width:0!important;width:100%!important}.hero h1,.page-hero h1{font-size:clamp(2rem,11vw,3.2rem)!important;line-height:1.08!important;overflow-wrap:break-word!important}.hero p,.page-hero p{font-size:1rem!important}.hero-actions,.toolbar-actions,.detail-actions,.form-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important}.hero-actions .button,.toolbar-actions .button,.detail-actions .button,.form-actions .button,.form-actions .control{width:100%!important}.floating-card{position:relative!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;width:100%!important;max-width:100%!important;margin:10px 0!important}.motion-band,.motion-track{max-width:100vw!important}.section,.page-shell>.content-narrow,.workspace-grid,.library-layout,.status-grid,.shared-editor-toolbar,.lesson-shared-root{width:100%!important;max-width:100vw!important;margin-left:0!important;margin-right:0!important;padding-left:12px!important;padding-right:12px!important;overflow:hidden!important}.workspace-grid,.form-grid,.choice-grid,.library-grid,.intro-grid,.visual-showcase,.trust-strip,.activity-section-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.lesson-form,.side-panel,.library-toolbar,.detail-toolbar,.lesson-detail,.surface,.activity,.parent-message-card{width:100%!important;max-width:100%!important;min-width:0!important}.side-panel{position:static!important}.control,select,input,textarea{max-width:100%!important;min-width:0!important}.detail-toolbar{grid-template-columns:minmax(0,1fr)!important}.activity-summary{grid-template-columns:auto minmax(0,1fr)!important}.activity-summary>span:last-child{grid-column:1/-1!important;justify-self:start!important}.lesson-detail-hero{min-height:220px!important;padding:20px!important}.lesson-detail-hero h1{font-size:clamp(1.7rem,9vw,2.55rem)!important}.app-dialog{left:8px!important;right:8px!important;top:50%!important;transform:translateY(-50%)!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;max-height:88svh!important}.professional-cover-picker,.cover-picker,.cover-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-height:50vh!important}.site-footer{width:100%!important;max-width:100vw!important;overflow:hidden!important}.footer-panel,.footer-bottom{width:100%!important;max-width:100vw!important;margin:0!important;padding-left:14px!important;padding-right:14px!important;grid-template-columns:minmax(0,1fr)!important}.footer-intro img{width:min(260px,76vw)!important}.cookie-fab{left:12px!important;bottom:12px!important}.cookie-consent{left:12px!important;right:12px!important;bottom:74px!important;width:auto!important;max-width:none!important}.job-status{left:12px!important;right:12px!important;bottom:12px!important;width:auto!important;max-width:none!important}.lesson-mark-toolbar,.note-toolbar{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.lesson-mark-toolbar>div:last-child,.note-toolbar{grid-template-columns:repeat(3,minmax(0,1fr))!important;display:grid!important}.tone-btn{width:100%!important;min-width:0!important}.stepper{overflow-x:auto!important}.step{flex:0 0 auto!important}
}
@media (max-width:430px){.brand-logo-image{width:min(190px,calc(100vw - 78px))!important}.professional-cover-picker,.cover-picker,.cover-grid{grid-template-columns:minmax(0,1fr)!important}.app-dialog{left:6px!important;right:6px!important;width:calc(100vw - 12px)!important}.cookie-fab span{display:none!important}.cookie-fab{width:52px!important;height:52px!important;display:grid!important;place-items:center!important;padding:0!important}.button{font-size:.95rem!important;padding:9px 12px!important}.site-header{padding-left:10px!important;padding-right:10px!important}.menu-button{width:44px!important;height:44px!important;flex-basis:44px!important}.mobile-nav{top:70px!important;left:8px!important;right:8px!important;max-width:calc(100vw - 16px)!important}.lesson-mark-toolbar>div:last-child,.note-toolbar{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.001ms!important;transition-duration:.001ms!important;animation-iteration-count:1!important}}


/* v1.6.5 production polish: navigation arrows, sharing dialog, and alignment hardening */
.nav-chevron{display:none!important}
.nav-dropdown>button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;white-space:nowrap!important}
.nav-dropdown>button::after{content:""!important;display:inline-block!important;width:0!important;height:0!important;margin-left:2px!important;border-left:4px solid transparent!important;border-right:4px solid transparent!important;border-top:6px solid currentColor!important;transform:none!important;transition:transform .2s cubic-bezier(.2,.75,.2,1)!important}
.nav-dropdown.open>button::after,.nav-dropdown.hover-open>button::after,.nav-dropdown:hover>button::after{transform:rotate(180deg)!important}
.mobile-nav summary::after{content:""!important;width:0!important;height:0!important;border-left:5px solid transparent!important;border-right:5px solid transparent!important;border-top:7px solid currentColor!important;right:18px!important;transform:translateY(-50%)!important}
.mobile-nav details[open]>summary::after{transform:translateY(-50%) rotate(180deg)!important}

.library-toolbar,.detail-toolbar,.shared-editor-toolbar,.shared-actions{align-items:center!important;justify-content:space-between!important;gap:14px!important}
.toolbar-actions,.detail-actions,.form-actions,.share-option-actions{display:flex!important;align-items:center!important;justify-content:center!important;gap:10px!important;flex-wrap:wrap!important}
.detail-actions{margin-left:auto!important}.detail-toolbar>.button{flex:0 0 auto!important}.button{display:inline-flex!important;align-items:center!important;justify-content:center!important;gap:8px!important;text-align:center!important;line-height:1.25!important}.control{width:100%;box-sizing:border-box!important}.field{min-width:0!important}.field.compact{margin:0!important}.dialog-content{display:block!important;width:100%!important;box-sizing:border-box!important}.dialog-actions{align-items:center!important;justify-content:flex-end!important}.app-dialog>header{gap:12px!important}.app-dialog>header .icon-button{flex:0 0 auto!important}

.share-dialog{display:grid;gap:14px;width:100%;box-sizing:border-box}.share-dialog-lead{margin:0;color:var(--muted,#5d655d);line-height:1.7}.share-option-card{display:grid;gap:12px;padding:16px;border:1px solid var(--line,#ded8c9);background:#fffdf8;border-radius:4px;box-sizing:border-box}.share-option-card strong{display:block;font-size:1.08rem;color:var(--ink,#10241b)}.share-option-card p{margin:.25rem 0 0;color:var(--muted,#5d655d);line-height:1.65}.share-option-edit{border-color:rgba(23,75,54,.36);background:linear-gradient(180deg,#fffdf8,#f7faf4)}.share-local-details{border:1px solid var(--line,#ded8c9);border-radius:4px;padding:12px;background:#fbfaf4}.share-local-details summary{cursor:pointer;font-weight:800;color:var(--green,#174b36);list-style:none}.share-local-details summary::-webkit-details-marker{display:none}.share-local-details summary::after{content:"";display:inline-block;margin-left:8px;border-left:4px solid transparent;border-right:4px solid transparent;border-top:6px solid currentColor;vertical-align:middle}.share-local-details[open] summary::after{transform:rotate(180deg)}.share-local-details .field{margin-top:12px}.share-local-details small{display:block;margin-top:8px;color:var(--muted,#5d655d);line-height:1.55}

.lesson-detail-hero{display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:flex-start!important}.lesson-detail-hero .eyebrow,.lesson-detail-hero h1,.lesson-detail-hero p{max-width:min(860px,100%)!important}.lesson-detail-hero .lesson-summary:empty{display:none!important}.lesson-mark-toolbar{align-items:center!important}.lesson-mark-toolbar>div:first-child{min-width:220px}.lesson-mark-toolbar>div:last-child{justify-content:center!important}.parent-message-card,.detail-section,.lesson-section-block,.activity-content{box-sizing:border-box!important}

@media (max-width:980px){
 .library-toolbar,.detail-toolbar,.shared-editor-toolbar,.shared-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;text-align:left!important}.toolbar-actions,.detail-actions,.form-actions,.share-option-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important;width:100%!important;margin-left:0!important}.toolbar-actions .button,.detail-actions .button,.form-actions .button,.share-option-actions .button{width:100%!important}.app-dialog{overflow:auto!important}.dialog-actions{display:grid!important;grid-template-columns:minmax(0,1fr)!important}.dialog-actions .button{width:100%!important}.share-option-card{padding:14px!important}.lesson-mark-toolbar>div:first-child{min-width:0}.lesson-detail-hero{padding:18px!important}.lesson-detail-hero h1{font-size:clamp(1.85rem,8.5vw,2.7rem)!important;word-break:break-word!important;overflow-wrap:anywhere!important}.lesson-detail-hero p{overflow-wrap:anywhere!important}.activity-summary{width:100%!important;text-align:left!important}
}
@media (max-width:430px){.share-option-card{padding:12px!important}.app-dialog>header{padding:14px 14px!important}.dialog-content{padding:14px!important}.lesson-detail-hero{min-height:190px!important}}

/* final dialog centering override */
.app-dialog{left:50%!important;right:auto!important;top:50%!important;transform:translate(-50%,-50%)!important}
@media (max-width:980px){.app-dialog{left:8px!important;right:8px!important;top:50%!important;width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important;transform:translateY(-50%)!important}}
@media (max-width:430px){.app-dialog{left:6px!important;right:6px!important;width:calc(100vw - 12px)!important;max-width:calc(100vw - 12px)!important}}

/* v1.7 operational feedback: a single calm, interruptible notice surface. */
.job-toast,.job-status{border-left:4px solid #9bd4ad!important;border-radius:12px!important;padding:15px 18px 16px!important;background:linear-gradient(135deg,#173f31,#1d5b42)!important}.job-toast strong,.job-status strong{font-size:.92rem;letter-spacing:.02em}.job-toast p,.job-status p{font-size:.9rem;line-height:1.55}.job-toast:has(p:nth-child(2)){max-width:min(390px,calc(100vw - 32px))}.job-toast[aria-busy="true"],.job-status.show{animation:kbai-notice-pulse 1.7s ease-in-out infinite}@keyframes kbai-notice-pulse{50%{box-shadow:0 22px 54px rgba(18,69,46,.36)}}@media (prefers-reduced-motion:reduce){.job-toast,.job-status{animation:none!important}}

/* v1.9 staff workspace: account and review notifications */
.staff-header-tools{display:flex;align-items:center;gap:9px;margin-left:auto;position:relative}.notification-wrap{position:relative}.header-icon-button,.header-logout{border:1px solid var(--line,#ded8c9);background:#fffdf8;color:var(--green,#174b36);cursor:pointer}.header-icon-button{position:relative;display:grid;place-items:center;width:42px;height:42px;border-radius:50%;transition:background .18s ease,transform .18s ease}.header-icon-button:hover{background:#edf5ed;transform:translateY(-1px)}.header-icon-button svg{width:21px;height:21px;fill:currentColor}.notification-badge{position:absolute;right:-3px;top:-3px;min-width:18px;height:18px;padding:0 4px;border:2px solid #fffdf8;border-radius:999px;background:#bc4c35;color:#fff;font-size:10px;font-style:normal;line-height:14px;font-weight:900}.header-account-link{display:grid;gap:0;text-decoration:none;color:var(--ink,#132d24);padding:5px 8px;line-height:1.15}.header-account-name{font-size:.75rem;color:var(--muted,#66756b)}.header-account-link span:last-child{font-size:.9rem;font-weight:850}.header-logout{min-height:38px;border-radius:7px;padding:0 11px;font:inherit;font-weight:800}.notification-popover{position:absolute;right:0;top:calc(100% + 10px);z-index:260;width:min(390px,calc(100vw - 28px));overflow:hidden;border:1px solid var(--line,#ded8c9);border-radius:14px;background:#fffdf8;box-shadow:0 24px 60px rgba(20,45,35,.18);transform-origin:top right;animation:notification-popover-in .2s cubic-bezier(.2,.75,.2,1)}.notification-popover>header{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 16px;border-bottom:1px solid var(--line,#ded8c9)}.notification-popover header strong{display:block;color:var(--ink,#132d24)}.notification-popover header span{font-size:.78rem;color:var(--muted,#66756b)}.notification-read-all{border:0;background:none;color:var(--green,#174b36);font:inherit;font-size:.8rem;font-weight:850;cursor:pointer}.notification-list{max-height:430px;overflow:auto}.notification-item{display:grid;grid-template-columns:10px 1fr;gap:9px;padding:14px 16px;text-decoration:none;color:inherit;border-bottom:1px solid #eee9df;transition:background .16s}.notification-item:last-child{border-bottom:0}.notification-item:hover{background:#f2f7f2}.notification-item b,.notification-item small,.notification-item time{display:block}.notification-item b{font-size:.9rem}.notification-item small{margin-top:3px;font-size:.82rem;line-height:1.5;color:var(--muted,#66756b)}.notification-item time{margin-top:6px;font-size:.73rem;color:#89938a}.notification-dot{width:7px;height:7px;margin-top:7px;border-radius:50%;background:transparent}.notification-item.is-unread{background:#f4faf5}.notification-item.is-unread .notification-dot{background:#2f8860;box-shadow:0 0 0 4px #dff0e4}.notification-empty{margin:0;padding:30px 18px;text-align:center;color:var(--muted,#66756b);font-size:.88rem}@keyframes notification-popover-in{from{opacity:0;transform:translateY(-6px) scale(.98)}to{opacity:1;transform:none}}@media (max-width:980px){.staff-header-tools{margin-left:auto}.header-account-name,.header-logout{display:none}.header-account-link{padding:5px}.header-account-link span:last-child{font-size:.78rem}.notification-popover{position:fixed;top:76px;right:12px}}@media (max-width:430px){.header-account-link{display:none}.staff-header-tools{margin-left:0}.header-icon-button{width:39px;height:39px}}
.account-page{width:min(780px,calc(100% - 32px));margin:56px auto 80px}.account-card{padding:clamp(24px,5vw,48px)}.account-card>p{max-width:58ch;color:var(--muted,#66756b)}.account-profile-summary{display:flex;justify-content:space-between;gap:18px;align-items:center;margin:28px 0 8px;padding:18px 20px;border-radius:12px;background:#edf5ed;border:1px solid #d6e7d8}.account-profile-summary strong{display:block;font-size:1.22rem;color:var(--ink,#132d24)}.account-profile-summary span{display:inline-flex;margin-top:5px;padding:3px 9px;border-radius:999px;background:#d4ead9;color:#17563c;font-size:.78rem;font-weight:850}.account-profile-summary p{margin:0;color:var(--muted,#66756b)}.account-form{display:grid;grid-template-columns:1fr 1fr;gap:2px 18px}.account-form .field:first-child,.account-password,.account-form button{grid-column:1/-1}.account-password{margin:16px 0;border-top:1px solid var(--line,#ded8c9);padding-top:16px}.account-password summary{cursor:pointer;color:var(--green,#174b36);font-weight:850}.account-form .button{justify-self:start}@media(max-width:620px){.account-page{width:min(100% - 20px,780px);margin:25px auto 48px}.account-profile-summary,.account-form{display:grid;grid-template-columns:1fr}.account-profile-summary p{overflow-wrap:anywhere}.account-form .button{width:100%}}