*{box-sizing:border-box}body{margin:0;background:#f5f6fa;color:#233145;font:15px Tahoma,"Segoe UI",sans-serif;line-height:1.9}button,input,textarea,select{font:inherit}button{cursor:pointer;border:1px solid #dce2eb;border-radius:9px;padding:9px 16px;background:white;color:inherit}button:hover{background:#edf3f2}button:focus-visible,a:focus-visible{outline:3px solid #b78b48}button:disabled{opacity:.5;cursor:wait}aside{width:250px;background:#142b32;color:#e6eeef;position:fixed;inset-block:0;inset-inline-start:0;padding:36px 22px;display:flex;flex-direction:column}.brand{font-size:30px;font-weight:bold;color:#fff}.brand span{display:block;font:10px "Segoe UI",sans-serif;letter-spacing:1px;color:#93b4b7;margin-bottom:38px}aside>small{color:#8fa8ad;margin-bottom:14px}nav{display:grid;gap:9px}nav button{background:transparent;border:0;text-align:start;color:#c4d4d8;padding:12px}nav button.active,nav button:hover{background:#28454b;color:#fff}.local{margin-top:auto;font-size:13px;color:#a4d6bc}.local small{color:#95aeb4}main{margin-inline-start:250px;padding:32px 44px;max-width:1600px}header{display:flex;justify-content:space-between;align-items:center;margin-bottom:26px}h1{font-size:25px;margin:0}header small{color:#7a8798}h2{font-size:23px;margin:12px 0}h3{margin-top:0}.badge{border:1px solid #d7e2dd;border-radius:30px;padding:5px 14px;color:#487466;background:#edf5f0;font-size:12px}.hero{background:#e5efed;border:1px solid #d8e4df;border-radius:20px;padding:36px 40px;display:flex;justify-content:space-between;overflow:hidden}.hero h2{font-size:34px;line-height:1.6}.hero p{color:#607674}.eyebrow{color:#568276;font-size:12px;letter-spacing:1px}.primary{background:#216558;color:white;border-color:#216558}.primary:hover{background:#174e43}.hero-art{align-self:center;color:#66978a;font-size:140px;position:relative;width:240px;text-align:center;line-height:1.2;border-radius:50%;border:1px solid #b7d0c6;transform:rotate(-8deg)}.hero-art span{font-size:80px;color:#ad8e58}.hero-art i{display:block;font-size:12px;font-style:normal;padding:15px;letter-spacing:3px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:24px 0}.stats article,.panel{background:#fff;border:1px solid #e4e7ef;border-radius:14px;padding:25px}.stats strong{display:block;font-size:34px;color:#216558}.stats small,form>small{display:block;color:#7d8795}.notice{background:#fbf6e9;border-inline-start:3px solid #b99c60;padding:14px 18px;color:#72623f;border-radius:6px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}label{display:block;margin:12px 0}input,textarea,select{display:block;width:100%;border:1px solid #d8dfE8;border-radius:8px;padding:10px;color:#233145;background:#fafbfd;resize:vertical}input:focus,textarea:focus,select:focus{outline:2px solid #8ab9aa}.record{border-bottom:1px solid #e8ecf1;padding:16px 0;overflow-wrap:anywhere}.record p{white-space:pre-wrap;color:#657387}.record button{font-size:12px;padding:5px 12px;margin-inline-end:6px}.record h3{margin-bottom:0}.empty{text-align:center;padding:65px 25px}footer{color:#8a93a2;font-size:11px;display:flex;justify-content:space-between;margin-top:35px}#message:not(:empty){background:#e6eee9;padding:12px;border-radius:8px;margin-bottom:16px}#message.error{background:#fce8e8;color:#9a2929}[hidden]{display:none!important}.metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.metrics div{padding:15px;background:#eef5f2;border-radius:8px}.metrics strong{display:block;font-size:26px}@media(max-width:1000px){aside{width:210px}main{margin-inline-start:210px;padding:25px}.hero-art{display:none}.columns{grid-template-columns:1fr}}@media(max-width:650px){aside{position:static;width:auto;padding:20px}.brand span{margin-bottom:10px}nav{grid-template-columns:1fr 1fr;gap:3px}.local,aside>small{display:none}main{margin:0;padding:18px}.hero{padding:24px}.hero h2{font-size:27px}.stats{gap:8px}.stats article{padding:12px}.stats span{font-size:12px}footer>span:last-child{display:none}.badge{font-size:10px}}

.table-scroll{overflow-x:auto;margin:12px 0}table{border-collapse:collapse;width:100%;font-size:13px}th,td{text-align:start;border-bottom:1px solid #e4e7ef;padding:9px;vertical-align:top}th{background:#edf5f0}td{overflow-wrap:anywhere}details{margin:14px 0;border:1px solid #e4e7ef;padding:12px;border-radius:8px}summary{cursor:pointer;font-weight:bold}pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;max-height:350px;overflow:auto}.record h3{margin-top:18px}

.header-tools{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.locale-label{font-size:12px;margin:0}.locale-label select{width:auto;min-width:160px;padding:5px}.brand>span[data-i18n=brand]{display:inline;font:inherit;color:inherit;letter-spacing:normal;margin:0}.brand>span:not([data-i18n=brand]){direction:ltr}.brand{overflow-wrap:anywhere}nav button{overflow-wrap:anywhere}.notice{border-inline-end:0}pre,[dir=auto]{unicode-bidi:plaintext}header{gap:20px;flex-wrap:wrap}@media(max-width:650px){aside{inset:auto}.header-tools{gap:8px}.locale-label select{max-width:190px}}

.hero-art>span[data-i18n=decorative_a]{font-size:140px}.hero-art>span>span{font-size:inherit}
.hero-art i span{font-size:12px;line-height:1.9}

aside{overflow-y:auto}nav{gap:4px}nav button{padding:7px 10px;font-size:13px}.brand{font-size:24px}.brand>span:not([data-i18n=brand]){margin-bottom:15px}.local{padding-top:20px}.check{display:inline-flex;align-items:center;gap:8px;margin-inline-end:16px}.check input{width:auto}fieldset{border:1px solid #dce2eb;border-radius:10px;margin-block:20px;padding:16px}.media-report{margin-block:20px}.media-dimensions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.media-dimensions>section{border:1px solid #e4e7ef;border-radius:9px;padding:15px}.media-dimensions h3{font-size:16px}#image-file{background:white}.report-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}@media(max-width:650px){.media-dimensions{grid-template-columns:1fr}nav{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* AI review v0.6: readable long explanations and consent */
#quick-text-result .media-report,#image-result .media-report{margin-block:18px}.media-report li{overflow-wrap:anywhere;margin-block:6px}.media-report h4{margin:12px 0 4px}.media-report section small{display:block;margin-block:9px;color:#657387}.check{line-height:1.5}.check input{flex:none;accent-color:#216558}#quick-text-form{margin-block:18px}#quick-text-result{margin-block:18px}#ai-provider-info{margin-top:18px}

/* Free public media literacy v0.7 */
.video-workspace video{width:min(100%,720px);max-height:420px;display:block;margin:18px 0;background:#182831;border-radius:12px}
.video-frames{display:grid;grid-template-columns:repeat(auto-fit,minmax(155px,1fr));gap:14px;margin:18px 0}
.video-frame-card{border:1px solid #dce2eb;background:#f8fafc;padding:9px;border-radius:9px;display:grid;gap:7px;align-content:start}
.video-frame-card img{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#e8edf3;border-radius:6px}
.video-frame-card a{font-size:13px;overflow-wrap:anywhere}
.wildlife-warning{border-left:4px solid #b06629;background:#fff6e9;padding:18px 20px;margin:18px 0;border-radius:8px}
.wildlife-warning h3{margin:0}.wildlife-warning p{margin:10px 0}

/* v0.8: accessible layout + real profile embedded in project */
:root{--ink:#152b4d;--blue:#1661c5;--border:#dce5f2;--paper:#fff;--sky:#eff6ff}
body{background:#f5f8fd;color:#263752;font-family:system-ui,-apple-system,'Segoe UI',Tahoma,sans-serif;line-height:1.65}
aside{background:#102541;padding:24px 18px;gap:8px}
.brand{font-size:23px;line-height:1.2}.brand>span:not([data-i18n=brand]){margin:8px 0 12px;color:#a7c0d9;letter-spacing:.4px}
.founder-profile{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:16px;padding:12px 10px;text-align:center;margin:2px 0 12px}
.founder-profile img{width:108px;height:108px;object-fit:cover;object-position:center 20%;border-radius:13px;display:block;margin:0 auto 8px;border:2px solid rgba(255,255,255,.8)}
.founder-profile strong{display:block;font-size:15px;line-height:1.4;color:#fff}.founder-profile small{display:block;font-size:10px;color:#b6cee8;margin-top:3px;line-height:1.5}
nav button.active,nav button:hover{background:#235080;color:#fff}nav button{color:#dceafc}
main{max-width:1800px;padding:30px 40px}h1,h2,h3{color:var(--ink)}.page .panel{box-shadow:0 5px 28px #18345b08;border-color:var(--border)}
.hero-v8{background:linear-gradient(105deg,#eef7ff,#f8fcff 60%,#dfeeff);border-color:#cee2f9;box-shadow:0 8px 30px #1761a211;padding:40px;gap:28px;align-items:center}
.hero-v8 .hero-copy{max-width:700px}.hero-v8 h2{font-size:clamp(27px,3.2vw,46px);line-height:1.16;letter-spacing:-.04em;margin:14px 0;color:#102954}
.hero-v8 p{font-size:16px;max-width:680px;color:#52627b}.hero-v8 .eyebrow{font-size:12px;color:#0c60b9;font-weight:750;letter-spacing:.09em}
.hero-symbol{min-width:168px;aspect-ratio:1;border:2px solid #c2defb;background:#d6e9fc;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 5px 20px #23548716}
.hero-symbol div{font-size:96px;line-height:1;color:#1a69c4}.hero-symbol span{font-size:11px;letter-spacing:.12em;color:#2366a6;font-weight:bold}
.hero-ctas{display:flex;gap:10px;flex-wrap:wrap}.primary{background:#185fbc;border-color:#185fbc}.primary:hover{background:#0a4797}.hero-ctas button{padding:12px 23px}
.feature-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:18px 0}.feature-card{border-radius:17px;padding:24px;border:1px solid var(--border);min-height:242px;display:flex;flex-direction:column;align-items:flex-start;gap:8px}
.feature-card h3{margin:0}.feature-card p{color:#52647b;margin:0 0 12px;flex:1}.feature-card button{border:1px solid #aac4e8;color:#194d95;font-weight:700;background:white;margin-top:auto}.feature-blue{background:#eaf4ff}.feature-green{background:#ebf7f2}.feature-purple{background:#f3f0ff}.feature-glyph{background:white;color:#1c67c1;border-radius:12px;font-size:27px;line-height:1;padding:12px;display:inline-block}
.ethics-bar{margin:22px 0;background:#fff5e9;border:1px solid #f5d2a4;border-inline-start:5px solid #db8741;padding:18px 24px;border-radius:12px}.ethics-bar strong{display:block;color:#87470f;font-size:18px}.ethics-bar p{margin:4px 0;color:#78532b}
.browser-ai-panel{border-radius:16px;background:#f1f8ff;border:1px solid #cce0f6;padding:18px;margin:20px 0}.section-heading{display:flex;align-items:flex-start;gap:14px}.section-heading h3{margin:0}.section-heading p{color:#425b76;margin:4px 0}
.local-image-preview img{display:block;max-width:min(100%,400px);max-height:300px;object-fit:contain;border-radius:12px;margin:12px 0}.tool-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.small-muted{font-size:12px;color:#526780}.local-ml-result:not(:empty){padding:12px;margin:12px 0;border-radius:10px;background:#eef2fa;border:1px solid #d7e4f4}.result-warn{background:#fff1de!important;border-color:#e5c68e!important}.result-neutral{background:#eef5ff!important}.local-ml-result strong{display:block}.local-ml-result p{margin:7px 0}.tool-divider{height:1px;border:0;background:#cfdfef;margin:20px 0}
.text-evidence-tools{background:#f5faff;border-radius:12px;border:1px solid #d2e3f5;padding:18px;margin-top:18px}.text-evidence-tools li{margin:10px 0;overflow-wrap:anywhere}.text-evidence-tools a{color:#155ea9}.video-frame-card button{font-size:12px;padding:7px}.video-frame-card .local-ml-result{font-size:12px}.feature-card button:hover{background:#e9f3ff}
@media(max-width:1100px){.feature-cards{grid-template-columns:1fr 1fr}.hero-symbol{display:none}main{padding:25px}}
@media(max-width:650px){aside{padding:16px 14px}.brand{font-size:21px}.founder-profile{display:grid;grid-template-columns:74px 1fr;text-align:left;align-items:center;column-gap:12px;max-width:350px}.founder-profile img{width:70px;height:70px;grid-row:span 2;margin:0}.founder-profile strong{align-self:end}.founder-profile small{align-self:start}.feature-cards{grid-template-columns:1fr}.hero-v8{padding:22px}.hero-v8 h2{font-size:30px}.stats{grid-template-columns:1fr 1fr}.section-heading{display:block}}

.founder-profile img{width:128px;height:128px}
@media(max-width:650px){.founder-profile img{width:70px;height:70px}}