:root{color-scheme:dark;--bg:#101113;--panel:#191c20;--panel2:#15171a;--ink:#f2f3ee;--muted:#a0a6ad;--line:#2c3035;--green:#c9f766;--accent:#c9f766;--purple:#b3a1ff;--serif:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px}main{max-width:1500px;margin:auto;padding:0 56px}button,select,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:5px}button:hover{filter:brightness(1.12)}a{text-decoration:none}.skip-link{position:fixed;top:-60px;left:20px;z-index:50;background:var(--accent);color:#111;padding:12px}.skip-link:focus{top:12px}.site-header{height:92px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:28px;position:relative;z-index:10}.brand{font-weight:800;letter-spacing:.4px;font-size:19px;display:flex;align-items:center;gap:10px;flex-shrink:0}.brand-light{font-weight:400}.brand-icon{font-size:38px;color:var(--accent);font-weight:400}.brand small{display:block;font-size:7px;letter-spacing:2.1px;font-weight:500;color:var(--muted);margin-top:5px}.site-header nav{display:flex;gap:6px;margin:auto}.site-header nav a{padding:12px 15px;font-size:11px;color:#a7adb5;border-radius:7px;white-space:nowrap}.site-header nav a:hover{background:#202328;color:#fff}.site-header nav a[aria-current]{background:#c9f76612;color:var(--accent)}.nav-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--purple);vertical-align:middle;margin-left:4px}.header-note{font-size:8px;letter-spacing:1.5px;color:var(--muted);display:flex;align-items:center;gap:7px}.header-note i,.live-dot,.status.live i{width:5px;height:5px;background:var(--accent);border-radius:50%;display:inline-block}.quiet{border:1px solid var(--line);background:#1b1e22;border-radius:7px;padding:10px 13px;font-size:11px;white-space:nowrap}.menu-toggle{display:none}.eyebrow{font-size:9px;letter-spacing:1.7px;font-weight:600;display:flex;align-items:center;gap:9px}.eyebrow>span{width:6px;height:6px;background:var(--accent);border-radius:50%}h1{font-size:clamp(42px,5.5vw,76px);line-height:1.04;letter-spacing:-3.8px;font-weight:700;margin:25px 0 22px}h1 em{color:var(--accent);font-style:normal;font-weight:700}.home-hero{display:grid;grid-template-columns:1.2fr 1fr;gap:50px;align-items:center;padding:72px 0 64px}.home-hero .eyebrow{color:var(--accent)}.home-hero p,.exposure-intro>div>p{font-size:15px;color:var(--muted);line-height:1.8;margin:0}.primary-button{display:inline-flex;align-items:center;gap:36px;border-radius:7px;padding:16px 19px;background:var(--accent);color:#141714;font-weight:600;font-size:12px;margin-top:28px}.primary-button>span{font-size:19px}.primary-button:hover{background:#d8ff8a}.hero-art{height:340px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#b3a1ff10,transparent 67%)}.orbit{position:absolute;border:1px solid #5c66564a;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%)}.orbit-a{width:300px;height:300px}.orbit-b{width:235px;height:235px;border-style:dashed;border-color:#77836a66}.orbit-c{width:160px;height:160px;border-color:#c9f76688;box-shadow:0 0 50px #c9f76606}.lens-core{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:80px;color:var(--accent);font-style:italic}.lens-core span{font-size:6px;letter-spacing:1.8px;color:#7f8a71;font-style:normal;margin-top:13px}.art-label{position:absolute;background:#191c20;border:1px solid #363c3f;padding:10px 13px;font-family:monospace;font-size:15px;box-shadow:0 10px 25px #0004;border-radius:6px}.art-label small{font-size:8px;color:var(--muted)}.label-a{top:48px;right:16%;color:var(--purple)}.label-b{bottom:66px;left:8%;color:var(--accent)}.label-c{right:5%;bottom:50px;font-size:26px;color:#d9dbe4}.art-corner{position:absolute;bottom:2px;right:12%;font-size:7px;letter-spacing:1.8px;color:#6c737b}.module-library{padding-bottom:44px}.section-title{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:25px}.section-title .eyebrow{color:var(--muted);font-size:8px}h2{letter-spacing:-.7px}.section-title h2{font-size:25px;margin:12px 0 0;font-weight:500}.library-note{font-size:10px;color:#899098}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.module-card{background:var(--panel2);border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:border-color .2s,transform .2s;display:flex;flex-direction:column}.module-card:hover{border-color:#737c5d;transform:translateY(-3px)}.exposure-card:hover{border-color:#746a9a}.card-top{display:flex;justify-content:space-between;align-items:center;padding:20px 22px;gap:12px}.module-number{font-size:9px;color:#969da5;letter-spacing:1.5px}.status{display:inline-flex;align-items:center;gap:6px;font-size:7px;letter-spacing:1px;white-space:nowrap;padding:6px 8px;border-radius:4px}.status.live{background:#c9f7660b;color:var(--accent);border:1px solid #c9f76625}.status.upcoming{background:#b3a1ff10;color:var(--purple);border:1px solid #b3a1ff33}.card-content{padding:21px 24px 24px;border-top:1px solid #2c303580;margin-top:auto}.card-content h3{font-size:23px;letter-spacing:-.6px;font-weight:500;margin:0 0 12px;display:flex;align-items:center;justify-content:space-between;gap:15px}.card-content h3>span{color:var(--accent);font-size:22px}.exposure-card h3>span{color:var(--purple)}.card-content p{font-size:12px;line-height:1.75;color:var(--muted);max-width:440px;margin:0}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:22px}.tags span{font-size:8px;letter-spacing:.3px;border:1px solid #34383d;padding:6px 8px;border-radius:4px;color:#a6aeb7}.focus-art{height:190px;position:relative;overflow:hidden;background:radial-gradient(ellipse at center,#c9f76608,transparent 70%)}.blur-dot{position:absolute;border:1px solid #b0d67b;border-radius:50%;background:#c9f76622}.dot-one{width:60px;height:60px;left:13%;top:55px;filter:blur(7px)}.dot-two{width:30px;height:30px;left:32%;top:80px;filter:blur(3px)}.dot-three{width:70px;height:70px;right:11%;top:48px;filter:blur(10px);background:#b3a1ff33;border-color:var(--purple)}.sharp-target{position:absolute;left:calc(50% - 35px);top:50px;width:70px;height:70px;border:1px solid var(--accent);border-radius:11px;display:grid;place-items:center}.sharp-target:before,.sharp-target:after{content:'';width:10px;height:1px;background:var(--accent);position:absolute}.sharp-target:after{transform:rotate(90deg)}.sharp-target i{width:33px;height:33px;border:1px solid #c9f76699;border-radius:50%;background:#c9f76613}.focus-line{position:absolute;left:50%;top:16px;height:140px;width:1px;background:#c9f76633}.focus-plane{position:absolute;top:168px;text-align:center;width:100%;font:7px monospace;letter-spacing:2px;color:#8d9d78}.card-triangle{height:190px;overflow:hidden;display:flex;justify-content:center}.triangle-art{display:block;width:100%;height:100%;max-width:600px}.triangle-art text{fill:#b5bdc8;font:12px Arial,sans-serif;letter-spacing:2px}.triangle-art .triangle-sun{font-size:35px;letter-spacing:0;fill:var(--accent)}.home-bottom{border-top:1px solid var(--line);padding:28px 0 38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.home-bottom>.eyebrow{font-size:8px;color:var(--muted)}.home-bottom p{font-size:11px;color:#acb2ba;line-height:1.8;display:flex;align-items:center;gap:16px;flex-wrap:wrap}.home-bottom p span{font:9px monospace;color:var(--accent);margin-left:20px}.breadcrumb{display:flex;gap:12px;font-size:10px;color:#848c97;margin-top:28px;align-items:center}.breadcrumb a{color:#bec6d0}.breadcrumb a:hover{color:var(--accent)}.breadcrumb>span{color:#51575e}.intro{display:flex;justify-content:space-between;align-items:center;padding:34px 0 36px}.intro h1{font-size:clamp(40px,4.4vw,60px);letter-spacing:-2.5px;margin:21px 0 18px}.intro .eyebrow{color:var(--accent);font-size:8px}.intro p{color:var(--muted);line-height:1.7;margin:0;font-size:12px}.intro-aside{border-left:1px solid var(--line);padding:8px 0 8px 24px;margin-right:35px}.intro-aside>span{font-size:8px;letter-spacing:1.5px;color:#7d8793}.intro-aside p{margin-top:13px;font-size:18px;color:#c9cfd6;line-height:1.5}.workspace{display:grid;grid-template-columns:minmax(0,1fr) 330px;border:1px solid var(--line);border-radius:12px;background:var(--panel2);overflow:hidden}.visual{min-width:0}.scene-top{height:52px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:1.2px}.scene-top>span:first-child{display:flex;align-items:center;gap:7px}.scene-top>span:last-child{color:var(--muted);letter-spacing:.3px;font-family:monospace}.viewfinder{position:relative;overflow:hidden;background:#c8d4b9;aspect-ratio:1400/850;margin:0 12px;border-radius:6px}canvas{width:100%;height:100%;display:block}.scene-caption{position:absolute;left:22px;top:22px;font-size:8px;letter-spacing:2px;color:#fff;text-shadow:0 1px 5px #163c34}.scene-caption span{margin-left:12px;opacity:.65}.focus-bracket{position:absolute;width:48px;height:48px;left:calc(50% - 24px);top:calc(50% - 24px);border:1px solid #ffffffa0;border-radius:3px;pointer-events:none}.focus-bracket:after{content:'+';color:#fff8;position:absolute;inset:0;display:grid;place-items:center;font-size:18px}.scene-bottom{position:absolute;bottom:17px;left:20px;right:20px;display:flex;justify-content:space-between;align-items:center;color:white;font-size:8px;letter-spacing:1px;text-shadow:0 1px 4px #273b30}.scene-bottom>span:first-child{padding:6px 8px;background:#18382755;border:1px solid #ffffff50;border-radius:4px}.focus-objects{padding:16px 20px;display:flex;align-items:center;gap:8px;flex-wrap:wrap;border-bottom:1px solid var(--line)}.focus-objects>span{color:var(--muted);font-size:10px;margin-right:4px}.focus-objects button{background:#23272d;border:1px solid transparent;padding:8px 10px;border-radius:5px;font-size:10px}.focus-objects small{color:#a1a9b2;margin-left:4px}.focus-objects button.active{border-color:#c9f76666;background:#c9f76612;color:var(--accent)}.distance-panel{padding:23px 24px}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.panel-heading h2{font-size:13px;font-weight:500;margin:0;letter-spacing:-.2px}.panel-heading>span{font-size:9px;color:var(--muted);display:flex;align-items:center;gap:6px}.panel-heading i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent)}#distance{width:100%;height:auto;display:block;margin-top:13px;overflow:visible}.scale-note{font-size:9px;color:#858f9b;text-align:right;margin-top:-7px}.stats{display:grid;grid-template-columns:1fr 1fr 1fr;text-align:center;margin-top:24px}.stats>div{padding:0 10px}.stats>div+div{border-left:1px solid var(--line)}.stats span{font-size:8px;letter-spacing:1px;color:var(--muted);display:block;margin-bottom:9px}.stats strong{font-weight:400;font-size:27px;letter-spacing:-1px;font-variant-numeric:tabular-nums}.stats .total strong{color:var(--accent)}.controls{border-left:1px solid var(--line);padding:26px 25px;background:var(--panel)}.text-button{border:0;background:none;font-size:10px;color:#a5aeba;padding:0}.control{padding-top:30px}.control-title{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px}.control-title label{font-size:12px;font-weight:500}.control-title output{font-size:25px;letter-spacing:-1px;font-variant-numeric:tabular-nums}input[type=range]{width:100%;height:4px;margin:10px 0 16px;appearance:none;-webkit-appearance:none;cursor:pointer;background:linear-gradient(to right,var(--accent) var(--progress,30%),#363d45 var(--progress,30%));border-radius:9px}input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:17px;height:17px;background:var(--accent);border:4px solid var(--panel);border-radius:50%;box-shadow:0 0 0 1px #c9f76666}input[type=range]::-moz-range-thumb{width:9px;height:9px;background:var(--accent);border:4px solid var(--panel);border-radius:50%;box-shadow:0 0 0 1px #c9f76666}.range-labels{display:flex;justify-content:space-between;font-size:10px;color:#b3bcc6}.range-labels small{font-size:9px;color:#8b95a2;margin-left:3px}.control p{font-size:10px;line-height:1.6;color:#9ca6b1;margin:12px 0 0}.sensor-control{border-top:1px solid var(--line);margin-top:25px;padding-top:18px}.sensor-control label{display:block;font-size:10px;color:#a9b2bc;margin-bottom:9px}select{width:100%;border:1px solid #3a414a;background:#20242a;color:var(--ink);padding:11px 8px;border-radius:6px;font-size:11px}.presets{margin-top:24px}.presets>.eyebrow{font-size:8px;color:#8f9aa7}.presets>div{display:flex;gap:6px;margin-top:12px;flex-wrap:wrap}.presets button{background:#22272d;border:1px solid #383f48;border-radius:5px;padding:8px;font-size:10px}.presets button.active{background:#c9f76612;border-color:#c9f76677;color:var(--accent)}.insight{background:#c9f7660a;border:1px solid #c9f76625;border-radius:7px;margin-top:24px;padding:16px}.insight>span{font-size:8px;letter-spacing:1.2px;color:var(--accent);font-weight:500}.insight p{font-size:15px;line-height:1.55;margin:10px 0 0;color:#d4ddc9}.learning{display:grid;grid-template-columns:1fr 1.35fr;gap:65px;padding:46px 0}.learning .eyebrow{color:#8b96a3;font-size:8px}.learning h2{font-size:31px;font-weight:500;letter-spacing:-1px;margin:16px 0 0;line-height:1.2}.learning p{font-size:12px;line-height:1.8;color:#a2acb8;margin:0 0 15px}.learning strong{font-weight:500;color:#d9e7c1}details{border-top:1px solid var(--line);padding-top:14px}summary{cursor:pointer;font-size:11px;color:var(--accent);margin-bottom:13px}details a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.exposure-intro{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;padding:54px 0 60px}.exposure-intro h1 em{color:var(--purple)}.exposure-intro .eyebrow{color:var(--purple)}.exposure-intro .eyebrow>span{background:var(--purple)}.exposure-stage{height:380px;position:relative;border:1px solid var(--line);border-radius:12px;background:radial-gradient(ellipse at center,#b3a1ff0a,transparent 70%)}.exposure-stage .triangle-art{height:330px;padding:10px}.stage-caption{position:absolute;bottom:20px;width:100%;text-align:center;font:8px monospace;letter-spacing:1.4px;color:#8993a1}.coming-note{margin-top:28px;padding-left:16px;border-left:2px solid #b3a1ff55;max-width:420px}.coming-note p{color:#a9b0bd;font-size:12px;line-height:1.7;margin:12px 0 0}.text-link{display:inline-flex;align-items:center;gap:15px;color:var(--accent);font-size:11px;margin-top:26px;line-height:1.7}.text-link:hover{text-decoration:underline}.concepts{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:60px}.concepts article{border:1px solid var(--line);border-radius:10px;padding:26px;background:var(--panel2)}.concept-icon{display:block;font-size:34px;color:var(--purple);margin-bottom:22px}.concepts .eyebrow{color:#8e99a6;font-size:8px}.concepts h2{font-size:23px;font-weight:500;letter-spacing:-.7px;margin:15px 0 12px}.concepts p{font-size:12px;line-height:1.75;color:var(--muted);margin:0}.concepts .iso-icon{font:23px monospace;height:39px;display:flex;align-items:center}footer{border-top:1px solid var(--line);padding:25px 0 30px;font-size:8px;letter-spacing:1px;color:#8993a0;display:flex;justify-content:space-between;gap:20px}.footer-dot{margin:0 13px;color:var(--accent)}footer a:hover{color:var(--ink)}[id=content]{scroll-margin-top:20px}@media(min-width:1400px){.workspace{grid-template-columns:minmax(0,1fr) 350px}.controls{padding:28px 30px}}@media(max-width:1100px){main{padding:0 28px}.site-header{gap:16px}.site-header nav a{padding:11px 10px;font-size:10px}.header-note{font-size:7px;letter-spacing:.7px}.workspace{grid-template-columns:minmax(0,1fr) 290px}.controls{padding:24px 20px}.intro-aside{margin:0}.home-hero{gap:20px}.home-bottom p{gap:8px}.home-bottom p span{margin-left:10px}.card-content h3{font-size:20px}.card-top{padding:18px}.card-top .status{font-size:6px}.exposure-intro{gap:30px}}@media(max-width:940px){.site-header{height:80px;flex-wrap:wrap;align-content:center}.menu-toggle{display:flex;align-items:center;gap:12px;margin-left:auto;background:#22262b;border:1px solid #343c45;border-radius:6px;padding:9px 12px;font-size:11px}.site-header nav{display:none;position:absolute;top:69px;left:0;right:0;margin:0;background:#1b1f24;border:1px solid #39414a;border-radius:8px;padding:8px;box-shadow:0 14px 35px #0008}.site-header nav.open{display:flex;flex-direction:column;gap:4px}.site-header nav a{padding:15px;font-size:12px}.header-note{display:none}.site-header .quiet{font-size:10px}.hero-art{height:290px}.orbit-a{width:245px;height:245px}.orbit-b{width:200px;height:200px}.orbit-c{width:140px;height:140px}.home-hero h1{font-size:55px;letter-spacing:-3px}.card-top{align-items:flex-start;flex-direction:column;gap:8px}.home-bottom{align-items:flex-start;flex-direction:column;gap:6px}.home-bottom p{margin:0}.home-bottom p span:first-child{margin-left:0}.concepts{gap:12px}.concepts article{padding:20px}}@media(max-width:760px){main{padding:0 18px}.brand{font-size:17px}.brand-icon{font-size:33px}.brand small{font-size:6px;letter-spacing:1.5px}.site-header .quiet span{display:none}.site-header .quiet{font-size:18px;padding:4px 9px}.site-header{gap:9px}.home-hero{grid-template-columns:1fr;padding:42px 0 35px;gap:30px}.home-hero h1{font-size:54px}.home-hero p{font-size:13px}.hero-art{height:240px}.orbit-a{width:228px;height:228px}.orbit-b{width:185px;height:185px}.orbit-c{width:135px;height:135px}.lens-core{font-size:65px}.art-corner{font-size:6px;bottom:0;right:5%}.label-a{right:13%;top:16px}.label-b{bottom:34px;left:8%}.label-c{bottom:20px;right:10%}.module-grid{grid-template-columns:1fr;gap:16px}.section-title{align-items:flex-start}.library-note{max-width:90px;text-align:right;line-height:1.6;font-size:9px}.section-title h2{font-size:22px;max-width:230px}.card-top{flex-direction:row;align-items:center}.card-top .status{font-size:6px}.card-content h3{font-size:21px}.card-content{padding:22px}.home-bottom p{display:block;font-size:11px;line-height:2.7}.home-bottom p span{margin:0 6px 0 14px}.home-bottom p span:first-child{margin:0 6px 0 0}.home-bottom{padding-bottom:28px}.breadcrumb{font-size:9px;margin-top:23px;gap:9px}.intro{padding:30px 0}.intro h1{font-size:43px;letter-spacing:-2px}.intro-aside{display:none}.intro p{font-size:12px}.workspace{display:flex;flex-direction:column}.controls{border-left:0;border-top:1px solid var(--line);padding:25px}.control{padding-top:26px}.viewfinder{margin:0 10px}.scene-top{padding:0 15px;font-size:8px}.distance-panel{padding:22px 16px}.stats strong{font-size:24px}.focus-objects{gap:6px;padding:14px}.focus-objects>span{width:100%;margin-bottom:3px}.focus-objects button{flex:1;text-align:center;padding:9px 6px}.focus-objects small{margin-left:1px}.learning{grid-template-columns:1fr;gap:22px;padding:35px 0}.learning h2{font-size:28px}.learning h2 br{display:none}footer{font-size:7px;line-height:1.8;flex-direction:column;gap:6px;letter-spacing:.4px}.scale-note{font-size:8px}.scene-caption{top:16px;left:15px}.scene-bottom{bottom:12px;left:14px;right:14px;font-size:7px}.exposure-intro{grid-template-columns:1fr;padding:35px 0 30px;gap:32px}.exposure-intro h1{font-size:49px;letter-spacing:-2.5px}.exposure-intro>div>p{font-size:13px}.exposure-stage{height:300px}.exposure-stage .triangle-art{height:260px}.stage-caption{font-size:7px}.concepts{grid-template-columns:1fr;padding-bottom:35px}.concepts article{padding:24px}.concept-icon{margin-bottom:18px}.concepts h2{font-size:24px}.text-link{font-size:10px}.home-hero .eyebrow,.exposure-intro .eyebrow{font-size:8px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
.focus-objects button:disabled{opacity:.4;cursor:default}.focus-objects button:disabled small{font-size:7px}

/* Belichtungsdreieck: Foto, Kameraanzeige und Regler */
.exposure-module-intro h1 em{color:var(--purple)}.exposure-module-intro .eyebrow{color:var(--purple)}.exposure-module-intro .eyebrow>span{background:var(--purple)}.exposure-photo{position:relative;margin:0 12px;background:#090a0c;border-radius:6px;overflow:hidden;min-height:180px}.exposure-photo canvas{width:100%;height:auto;max-height:650px;object-fit:contain}.photo-label{position:absolute;top:18px;left:18px;font:8px monospace;letter-spacing:1.6px;background:#0005;padding:7px 9px;border-radius:4px;color:white}#photo-state{position:absolute;left:12px;right:12px;bottom:12px;background:#111d;color:white;padding:12px;border-radius:4px;font-size:11px}#photo-state[hidden]{display:none}.photo-toolbar{display:flex;align-items:center;flex-wrap:wrap;gap:9px;padding:16px 20px;border-bottom:1px solid var(--line)}.photo-upload,.photo-toolbar button{font-size:10px;padding:9px 11px;border-radius:5px;border:1px solid #3a414a;background:#24282e;cursor:pointer}.photo-upload:hover{border-color:var(--purple)}.photo-toolbar>span{font-size:9px;margin-left:auto;color:var(--muted)}.photo-toolbar a{text-decoration:underline;text-underline-offset:3px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.photo-toolbar:has(input:focus-visible) .photo-upload{outline:2px solid var(--accent);outline-offset:3px}.exposure-meter-panel{padding:25px 25px 20px}.meter-row{display:flex;align-items:center;gap:30px;margin:26px 0 0}.camera-meter{position:relative;flex:1;height:70px;margin:0 9px;font-family:monospace}.meter-numbers{display:flex;justify-content:space-between;font-size:13px;color:#cbd3dc;position:absolute;left:-7px;right:-10px;top:0}.meter-numbers span:nth-child(4){color:var(--accent)}.meter-ticks{position:absolute;top:26px;width:100%;height:12px;background:repeating-linear-gradient(to right,#aab4c0 0 1px,transparent 1px calc(100% / 18));border-right:1px solid #aab4c0}.meter-ticks:after{content:'';position:absolute;left:50%;height:19px;width:2px;background:var(--accent);top:-4px}#meter-needle{position:absolute;top:43px;color:var(--accent);font-size:16px;transform:translateX(-50%)}#ev-output{font:26px monospace;color:#b3a1ff;min-width:145px;text-align:right;white-space:nowrap}#ev-output.balanced{color:var(--accent)}.meter-caption{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1.3px;color:#8b96a4;margin:0 185px 0 0}.exposure-meter-panel>p{font-size:11px;color:#aab3be;line-height:1.7;margin:20px 0 0}.exposure-reference{padding:20px 25px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.exposure-reference>span{font-size:7px;letter-spacing:1.3px;color:var(--muted)}.exposure-reference strong{font:12px monospace;font-weight:400;color:#d6e1c7}.exposure-reference small{font-size:9px;color:var(--muted)}.exposure-workspace .controls{display:flex;flex-direction:column}.exposure-workspace .insight{margin-top:25px}.exposure-workspace .presets{margin-top:30px}.exposure-workspace .control-title output{font-size:24px}.exposure-workspace .visual{align-self:start}.exposure-workspace .control p{font-size:11px}.page-exposure .learning h2{font-size:29px}@media(max-width:1100px){.meter-row{gap:15px}#ev-output{font-size:22px;min-width:125px}.meter-caption{margin-right:155px}.photo-toolbar>span{margin-left:0;width:100%;line-height:1.8}.exposure-reference{flex-direction:column;align-items:flex-start}}@media(max-width:760px){.exposure-photo{margin:0 10px}.exposure-meter-panel{padding:22px 18px}.meter-row{flex-wrap:wrap;gap:7px}.camera-meter{flex-basis:100%;height:70px}#ev-output{font-size:26px;width:100%;text-align:center;margin-bottom:10px}.meter-caption{margin-right:0}.exposure-reference{padding:20px}.exposure-module-intro h1{font-size:39px}.exposure-workspace .control-title output{font-size:25px}.exposure-photo canvas{max-height:none}.photo-label{font-size:7px;top:10px;left:10px}.exposure-photo{min-height:120px}}

.noise-control{border-top:1px solid var(--line);margin-top:24px;padding-top:24px}.noise-control .control-title output{color:var(--purple)}

.exposure-triangle-panel{margin:-2px 0 27px;padding:0 0 22px;border-bottom:1px solid var(--line)}.exposure-triangle-panel>.panel-heading>span{font:8px monospace;letter-spacing:1.4px;color:var(--purple)}#exposure-triangle{width:100%;height:auto;display:block;margin-top:20px;overflow:visible}.triangle-guide{fill:#b3a1ff04;stroke:#59616d;stroke-width:1}.triangle-grid{fill:none;stroke:#343c47;stroke-width:.8}.triangle-axis{fill:none;stroke:#535e6c;stroke-width:1;stroke-dasharray:3 4}.triangle-reference{fill:none;stroke:#cad2dc;stroke-width:1.3;stroke-dasharray:4 4}.triangle-settings{fill:#b3a1ff3b;stroke:var(--purple);stroke-width:2;stroke-linejoin:round}.triangle-setting-dot{stroke:#171a1f;stroke-width:1.2}.aperture-dot{fill:#c9f766}.time-dot{fill:#78dce8}.iso-dot{fill:#b3a1ff}#exposure-triangle .triangle-axis-label{fill:#a7b1be;font:9px Arial,sans-serif;letter-spacing:1.3px}#exposure-triangle .triangle-number{fill:#f2f3ee;font:13px monospace}.triangle-legend{display:flex;justify-content:center;gap:20px;font-size:9px;color:#bac3cf}.triangle-legend span{display:flex;align-items:center;gap:6px}.triangle-legend i{display:inline-block;width:13px;height:8px;background:#b3a1ff44;border:1px solid var(--purple)}.triangle-legend span:last-child i{background:none;border:1px dashed #cad2dc}.exposure-triangle-panel>p,.exposure-triangle-panel details p{font-size:10px;color:#a6b0bd;line-height:1.7;margin:14px 0 0}.exposure-triangle-panel details{margin-top:14px;padding-top:12px}.exposure-triangle-panel summary{font-size:9px;color:#b3a1ff;margin:0}@media(max-width:760px){#exposure-triangle{max-width:330px;margin:20px auto 0}.exposure-triangle-panel{margin-bottom:24px}.exposure-triangle-panel>p{text-align:center}}