:root{--paper:#f7f8f6;--surface:#fff;--ink:#1d2321;--muted:#68716c;--line:#dfe3de;--accent:#b8d96b;--accent-dark:#476520;--dark:#202824;--radius:18px;color-scheme:light;font-family:Arial,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);line-height:1.75}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;line-height:1.45;letter-spacing:-.045em}h1{font-size:clamp(2rem,3.7vw,3.6rem)}h2{font-size:clamp(1.45rem,2.3vw,2rem)}h3{font-size:1.15rem}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,textarea:focus-visible{outline:3px solid #688c35;outline-offset:4px}.skip-link{position:absolute;top:-100px;left:20px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.site-header{max-width:1440px;margin:auto;height:104px;padding:0 6%;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand,.site-header{display:flex;align-items:center}.brand{gap:11px;font-size:1.28rem;font-weight:700;line-height:1.1;letter-spacing:-.055em}.brand-light{font-weight:400}.brand small{display:block;font-size:.6rem;letter-spacing:.23em;font-weight:500;margin-top:7px}.desktop-nav{gap:38px}.desktop-nav,.desktop-nav a{display:flex;height:100%;align-items:center}.desktop-nav a{gap:7px;border-bottom:2px solid transparent;font-weight:600}.desktop-nav a span{font-size:.75rem;color:var(--muted);font-weight:400}.desktop-nav a.active{border-color:var(--ink)}.account-nav{display:flex;align-items:center;gap:20px}.avatar-link,.login-link{font-size:.875rem}.avatar-link{display:flex;gap:8px;align-items:center}.avatar-link span{max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.button{border:1px solid var(--ink);background:var(--ink);color:white;display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:13px 23px;border-radius:7px;font-weight:500;font-size:.9375rem;min-height:48px;transition:background .15s,transform .15s}.button:hover{background:#37483c;transform:translateY(-1px)}.button.small{font-size:.8125rem;min-height:41px;padding:9px 14px;gap:13px}.button.light{background:var(--accent);border-color:var(--accent)}.button.outline{border:1px solid var(--line)}.button.full{width:100%}.button svg{flex-shrink:0}.icon-button{border:0;background:transparent;border-radius:50%;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted)}.icon-button:hover{background:var(--line)}.text-link{display:inline-flex;gap:11px;align-items:center;font-size:.875rem;font-weight:500;min-height:44px}.text-link:hover{text-decoration:underline}.page{max-width:1280px;margin:auto;padding:52px 5% 90px}.eyebrow{font-size:.7rem;font-weight:600;letter-spacing:.15em;display:flex;align-items:center;gap:9px;line-height:1.5;color:var(--muted)}.live-dot{display:inline-block;width:6px;height:6px;background:var(--accent-dark);border-radius:50%;flex-shrink:0}.home-hero{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:26px}.hero-copy h1{font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.55;letter-spacing:-.045em}.accent{color:#84a94d}.hero-copy>p{margin-top:22px;color:var(--muted);font-size:.94rem;line-height:2}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:30px}.hero-note{color:var(--muted);font-size:.75rem;margin-top:20px}.hero-note span{margin:0 10px;color:#adb5af}.hero-photo{position:relative;aspect-ratio:1.18;border-radius:14px;overflow:hidden;color:white;background:#253c31}.hero-photo>img{height:100%;width:100%;object-fit:cover;filter:brightness(.76)}.photo-bottom,.photo-top{position:absolute;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center}.photo-top{top:23px;font-size:.65rem;letter-spacing:.13em}.photo-top span{display:flex;gap:7px;align-items:center}.photo-top .live-dot{background:var(--accent)}.photo-bottom{bottom:25px;align-items:flex-start;flex-direction:column;gap:13px}.photo-bottom>span{font-size:1.25rem;font-weight:500;letter-spacing:.03em}.photo-bottom>div{display:flex;gap:20px;font:500 .8rem monospace;letter-spacing:.05em}.viewfinder-corner{position:absolute;width:28px;height:28px;border:1px solid #ffffff80}.viewfinder-corner.tl{left:44%;top:39%;border-right:0;border-bottom:0}.viewfinder-corner.br{right:38%;bottom:37%;border-left:0;border-top:0}.journey-strip{margin-top:44px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:25px;display:flex;justify-content:space-between;align-items:center;gap:20px}.journey-strip>div{display:flex;align-items:center;gap:18px}.journey-strip>svg{color:#b4bcb6}.step-num{font:.75rem monospace;color:#a0aba3;margin-right:8px}.journey-strip p{display:flex;gap:13px;align-items:center}.journey-strip b{font-size:1.1rem}.journey-strip p span{font-size:.8rem;color:var(--muted)}.book-symbol{font-size:1.9rem;line-height:1}.section{margin-top:65px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:27px}.section-heading .eyebrow{margin-bottom:11px}.lesson-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:23px}.lesson-card{background:white;border:1px solid var(--line);border-radius:12px;overflow:hidden;transition:transform .2s}.lesson-card:hover{transform:translateY(-4px)}.lesson-art{height:165px;position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#f1f5ee;background:#36483d;overflow:hidden}.lesson-art>span{font-size:3.1rem;letter-spacing:-.05em;font-weight:400}.lesson-art>small{font-size:.68rem;letter-spacing:.11em;opacity:.8}.lesson-art>svg{position:absolute;right:18px;top:18px;opacity:.65}.art-iso{background-color:#344638;background-image:radial-gradient(#c0d7b750 .7px,transparent 0);background-size:5px 5px}.art-motion,.art-shutter{background:repeating-linear-gradient(105deg,#293a31,#293a31 30px,#344b3a 31px,#25382b 34px)}.art-aperture,.art-depth{background:radial-gradient(circle at 50% 130%,#718656 0,#475a3b 40%,#25372e 72%)}.art-focus,.art-triangle{background:linear-gradient(120deg,#576c5a,#1f2e28)}.art-shake{background:repeating-linear-gradient(75deg,#45504b,#45504b 3px,#26392e 5px,#26392e 25px)}.lesson-card-body{padding:20px 22px 24px}.card-meta{display:flex;justify-content:space-between;font-size:.65rem;letter-spacing:.07em;color:var(--muted);margin-bottom:10px}.card-meta>span{display:flex;align-items:center;gap:5px}.lesson-card-body p{font-size:.8125rem;color:var(--muted);margin-top:8px;line-height:1.8}.home-bottom{margin-top:65px;border-radius:15px;background:var(--dark);color:#fff;padding:50px;text-align:center}.home-bottom .eyebrow{display:block;color:#b2c0b6}.home-bottom h2{margin-top:16px;line-height:1.7}.home-bottom>p:not(.eyebrow){font-size:.875rem;color:#bac4bd;margin:18px 0 24px}.site-footer{max-width:1280px;margin:auto;padding:40px 5%;border-top:1px solid var(--line);display:flex;align-items:center;gap:30px;justify-content:space-between}.footer-brand{font-size:.8rem;letter-spacing:.1em;font-weight:600}.footer-brand span{display:block;font-size:.7rem;font-weight:400;letter-spacing:0;color:var(--muted);margin-top:5px}.site-footer>div{display:flex;gap:20px;font-size:.75rem;color:var(--muted)}.site-footer>small{font-size:.65rem;color:var(--muted)}.mobile-nav{display:none}.page-intro{margin-bottom:38px}.page-intro .eyebrow{margin-bottom:10px}.page-intro>p:last-child{margin-top:14px;color:var(--muted);font-size:.9375rem}.breadcrumb{display:flex;align-items:center;gap:10px;font-size:.8rem;color:var(--muted);margin-bottom:30px}.panel{background:white;border:1px solid var(--line);border-radius:var(--radius);padding:28px}.muted{color:var(--muted)}.tag{display:inline-flex;border:1px solid var(--line);border-radius:30px;padding:3px 11px;font-size:.75rem;gap:6px;align-items:center}.tag.green{background:#eaf2df;color:#3e5f26;border-color:#dce9cd}.notice{border-radius:10px;padding:14px 18px;background:#edf1e8;color:#46543c;font-size:.875rem}.error{background:#fff0ed;color:#933e2d}.error,.success{border-radius:8px;padding:12px 16px;font-size:.875rem;margin:15px 0}.success{background:#ebf2e2;color:#3f6224}.auth-shell{display:grid;grid-template-columns:1fr 1fr;max-width:1000px;margin:70px auto;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:white}.auth-aside{background:var(--dark);padding:50px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;min-height:520px}.auth-aside h2{font-size:2.2rem;line-height:1.65;margin:25px 0}.auth-aside p{color:#b7c4bb;font-size:.9rem}.auth-aside svg{color:var(--accent)}.auth-form{padding:44px}.auth-form h1{font-size:1.65rem}.auth-form>p{color:var(--muted);font-size:.875rem;margin-top:10px;margin-bottom:26px}.field{display:flex;flex-direction:column;gap:7px;margin-bottom:20px;font-size:.875rem}.field input,.field select,.field textarea{min-height:48px;border:1px solid #cdd4cd;border-radius:7px;background:#fff;color:var(--ink);padding:11px 13px;width:100%}.field textarea{min-height:85px;resize:vertical}.field small{font-size:.75rem;color:var(--muted)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.auth-foot{font-size:.8rem;text-align:center;margin-top:20px}.auth-foot a{text-decoration:underline}.check-label{display:flex;align-items:flex-start;gap:10px;font-size:.875rem;cursor:pointer}.check-label input{margin-top:6px;accent-color:#526e32;width:17px;height:17px;flex-shrink:0}.stack{display:flex;flex-direction:column;gap:20px}.prose{max-width:760px;margin:auto}.prose h2{margin:35px 0 12px;font-size:1.3rem}.prose p{margin:14px 0;color:#4d5850}.prose ul{padding-left:22px}.empty-state{padding:42px 20px;text-align:center;color:var(--muted)}.empty-state svg{margin:auto auto 12px;display:block}.empty-state p{margin-bottom:15px}.row-between{display:flex;align-items:center;justify-content:space-between;gap:16px}.divider{border:0;border-top:1px solid var(--line);margin:25px 0}.skeleton{min-height:300px;display:grid;place-items:center;color:var(--muted)}@media(max-width:1050px){.desktop-nav{gap:22px}.desktop-nav a span{display:none}.journey-strip p{flex-direction:column;gap:1px;align-items:flex-start}.journey-strip>div{gap:13px}.site-header{padding:0 5%}.site-footer{flex-wrap:wrap}.hero-copy h1{font-size:2.5rem}.hero-actions{gap:14px;flex-wrap:wrap}.home-hero{gap:30px}}@media(max-width:720px){.site-header{height:80px;padding:0 6%;gap:10px}.brand{font-size:1.05rem;gap:8px}.brand svg{width:24px}.brand small{font-size:.5rem}.desktop-nav{display:none}.account-nav{gap:5px}.account-nav .login-link{font-size:.75rem;padding:10px}.account-nav .button.small{font-size:.7rem;padding:8px 10px;min-height:38px;gap:5px}.account-nav .button svg{width:14px}.avatar-link span{max-width:70px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:calc(65px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);justify-content:space-around;background:#fbfcfaf2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-top:1px solid var(--line);z-index:40}.mobile-nav,.mobile-nav a{display:flex;align-items:center}.mobile-nav a{min-width:80px;min-height:56px;flex-direction:column;justify-content:center;gap:2px;font-size:.7rem;color:#77847b}.mobile-nav a.active{color:#283f2b}.mobile-nav a.active:before{content:"";position:absolute;top:0;width:32px;height:3px;background:var(--accent-dark)}.page{padding:30px 6% 55px}.eyebrow{font-size:.6rem}.home-hero{grid-template-columns:1fr;gap:28px;margin-top:23px}.hero-copy h1{font-size:2.6rem;line-height:1.5}.hero-copy>p{font-size:.875rem;margin-top:17px}.hero-actions{margin-top:22px}.hero-note{margin-top:15px}.hero-photo{aspect-ratio:1.35}.journey-strip{padding:20px 2px;margin-top:28px;gap:6px}.journey-strip .step-num{display:none}.journey-strip>div{gap:7px}.journey-strip>div>svg{width:19px}.journey-strip>svg{width:12px}.journey-strip b{font-size:.9rem}.journey-strip p span{font-size:.62rem}.book-symbol{font-size:1.6rem}.section{margin-top:40px}.section-heading{align-items:flex-start;flex-direction:column;gap:5px;margin-bottom:20px}.section-heading h2{font-size:1.35rem}.lesson-grid{grid-template-columns:1fr;gap:16px}.lesson-card{display:grid;grid-template-columns:34% 1fr}.lesson-art{height:100%;min-height:150px}.lesson-art>span{font-size:2rem}.lesson-art>small{display:none}.lesson-art>svg{width:15px;right:12px;top:12px}.lesson-card-body{padding:16px}.lesson-card-body h3{font-size:1rem}.lesson-card-body p{font-size:.75rem}.home-bottom{padding:35px 20px;margin-top:40px}.home-bottom h2{font-size:1.45rem}.site-footer{padding:30px 6% 110px;gap:20px}.site-footer>div{gap:14px;flex-wrap:wrap;font-size:.7rem}.site-footer>small{width:100%}.auth-shell{grid-template-columns:1fr;margin:30px 6%}.auth-aside{display:none}.auth-form{padding:28px}.auth-form h1{font-size:1.5rem}.field-row{grid-template-columns:1fr;gap:0}.panel{padding:22px}.page-intro{margin-bottom:26px}.page-intro h1{font-size:2.1rem}.page-intro>p:last-child{font-size:.875rem}.row-between{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.password-field{position:relative;display:block}.password-field input{padding-right:46px}.password-field .icon-button{position:absolute;right:3px;top:2px}.form-terms{font-size:.75rem;color:var(--muted);margin:0 0 22px}.form-terms a{text-decoration:underline}.profile-wrap{max-width:760px;margin:auto}.profile-progress{display:flex;justify-content:space-between;gap:12px;margin-bottom:24px}.profile-progress>span{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:.8rem}.profile-progress b{width:26px;height:26px;display:grid;place-items:center;background:#e3e7e0;border-radius:50%;font-size:.75rem}.profile-progress .active{color:var(--ink);font-weight:600}.profile-progress .active b{background:var(--ink);color:#fff}.form-intro{font-size:.875rem;margin:12px 0 30px}.form-actions{display:flex;gap:15px;align-items:center;justify-content:flex-end;margin-top:30px;flex-wrap:wrap}.plain-button{border:0;background:none;padding:0;color:inherit}.genre-grid{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 30px}.genre{display:flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:30px;padding:7px 12px;cursor:pointer;font-size:.8rem}.genre.selected{background:#e8efdd;border-color:#a7bd8c;color:#36532b}.genre input{width:15px;height:15px;accent-color:#526e32}.learn-heading{margin-bottom:22px}.lesson-workspace{display:grid;grid-template-columns:190px 1fr;gap:35px}.lesson-stepper{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.lesson-stepper button{display:flex;align-items:center;gap:12px;min-height:48px;border:0;background:transparent;color:var(--muted);font-size:.9rem;width:100%;padding:10px 14px;border-radius:8px;text-align:left}.lesson-stepper button span{width:25px;height:25px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:.75rem}.lesson-stepper button.active{background:#e6ecdf;color:#354e29;font-weight:600}.lesson-stepper button.active span{background:#354e29;border-color:#354e29;color:#fff}.lesson-sheet{padding:36px;background:white;border:1px solid var(--line);border-radius:16px;max-width:850px;min-width:0}.lesson-sheet>.eyebrow{margin-bottom:20px}.lesson-sheet h2{font-size:1.55rem}.lesson-text{font-size:1.05rem;line-height:2.1;margin:30px 0}.lesson-callout{background:#eff3e9;border-radius:10px;display:flex;align-items:flex-start;gap:14px;padding:22px;font-size:.9rem;color:#46573b}.lesson-callout svg{flex-shrink:0;margin-top:3px}.lesson-actions{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.lesson-reference{max-width:800px;margin:60px 0 0 auto;color:var(--muted);border-top:1px solid var(--line);padding-top:30px}.lesson-reference h2{font-size:1.2rem;color:var(--ink)}.lesson-reference p{margin-top:18px;font-size:.875rem;line-height:2}.lesson-demo{margin-top:25px}.demo-image{position:relative;aspect-ratio:1.8;overflow:hidden;border-radius:10px;background:#26382a}.demo-bg{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}.demo-person{position:absolute;height:90%;width:auto;top:5%;left:38%;object-fit:contain}.noise-demo{position:absolute;inset:0;mix-blend-mode:overlay;background-image:repeating-radial-gradient(circle at 30% 20%,#fff9 0 1px,#0008 1px 2px,transparent 2px 3px);background-size:5px 7px;opacity:.45}.focus-box{position:absolute;left:48%;top:20%;width:45px;height:60px;border:1.5px solid #b6ec68}.demo-caption{padding:20px 0}.demo-caption>p{font-size:.875rem;margin-bottom:14px}.segmented{display:flex;gap:7px;flex-wrap:wrap}.segmented button{border:1px solid var(--line);border-radius:7px;background:var(--paper);min-height:44px;padding:8px 18px;font-size:.8125rem}.segmented button.selected{background:#334d32;color:white;border-color:#334d32}.lesson-demo>small{font-size:.7rem;display:block}.quiz-player h2{margin:26px 0;font-size:1.45rem;line-height:1.8}.quiz-options{padding:0;border:0;display:flex;flex-direction:column;gap:12px;margin:0 0 25px}.quiz-option{display:flex;align-items:center;gap:14px;border:1px solid var(--line);padding:17px 19px;border-radius:9px;font-size:.9rem;cursor:pointer}.quiz-option input{accent-color:#3f6529;flex-shrink:0}.quiz-option.selected{border-color:#7e9964;background:#f0f5e9}.quiz-option.correct{border-color:#6e9054;background:#e8f0de}.option-letter{font:.9rem monospace;color:#929d91}.quiz-option>svg{margin-left:auto;flex-shrink:0;color:#52723a}.quiz-feedback{padding:20px;background:#f7f1df;color:#675332;border-radius:10px;margin:20px 0}.quiz-feedback.good{background:#eaf2df;color:#3f572e}.quiz-feedback p{font-size:.875rem;margin-top:8px}.quiz-feedback span{display:block;font-size:.8rem;margin-top:8px}.guest-note{font-size:.75rem;color:var(--muted);margin-top:20px;display:flex;align-items:center;gap:7px}.quiz-finished>svg{color:#5e7e3e;margin:10px 0 20px}.quiz-finished>.eyebrow{margin-bottom:10px}.quiz-finished>p:not(.eyebrow){margin-top:16px;font-size:.9rem}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.share-area{margin-top:25px}.share-panel{margin-top:22px;background:#f4f6f0}.share-panel h3{margin-top:6px}.share-preview{width:216px;height:384px;margin:24px auto;border-radius:7px;box-shadow:0 12px 30px #19231b22}.share-actions{display:flex;justify-content:center;gap:12px}.share-panel .guest-note{display:block;text-align:center;line-height:1.9}.play-page{max-width:1400px;padding-left:5%;padding-right:5%}.play-page .page-intro{margin-bottom:35px}.play-layout{display:grid;grid-template-columns:240px minmax(0,1fr);gap:35px}.mission-list{border-right:1px solid var(--line);padding-right:22px}.mission-list-heading{margin:3px 0 22px}.mission-list-heading h2{font-size:1.05rem;margin-top:10px}.mission-button{width:100%;border:0;background:none;display:flex;align-items:center;gap:13px;padding:18px 12px;text-align:left;margin-bottom:6px;border-radius:8px;color:var(--muted)}.mission-button.active{background:#e7ecdf;color:#2e4729}.mission-number{font-size:.7rem;font-family:monospace;align-self:flex-start;margin-top:2px}.mission-button b{font-size:.8125rem;display:block;font-weight:600}.mission-button small{font-size:.6rem;display:block;margin-top:5px}.mission-button>svg{margin-left:auto;flex-shrink:0}.mission-help{padding:25px 10px;border-top:1px solid var(--line);margin-top:24px;color:var(--muted)}.mission-help p{font-size:.8125rem;margin-top:12px}.mission-help .text-link{font-size:.72rem;margin-top:12px}.studio{min-width:0}.studio-heading{display:flex;align-items:center;justify-content:space-between;gap:15px}.studio-heading h2{font-size:1.75rem;margin-top:7px}.studio-heading .eyebrow{font-size:.65rem}.mission-description{font-size:.875rem;color:var(--muted);margin:13px 0 22px}.viewfinder{position:relative;background:#162018;border-radius:12px;overflow:hidden;color:white}.camera-image{position:relative;aspect-ratio:1.5}.camera-image canvas{display:block;width:100%;height:100%}.canvas-loading{position:absolute;inset:0;display:grid;place-items:center;background:#25352a;color:#c5d1c0;font-size:.9rem}.vf-bottom,.vf-top{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:18px 24px;pointer-events:none;font-family:monospace;text-shadow:0 1px 4px #0009}.vf-top{top:0;background:linear-gradient(#0006,transparent);font-size:.875rem}.vf-top>span:first-child{font-size:.7rem;display:flex;align-items:center;gap:8px}.vf-top .live-dot{background:#c1df82}.vf-small{font-size:.75rem;margin-left:14px}.vf-bottom{bottom:0;background:linear-gradient(transparent,#0009);font-size:1rem;gap:15px}.vf-focus{position:absolute;left:47%;top:33%;width:70px;height:88px;border:1px solid #c9ed8399;pointer-events:none}.under-viewfinder{display:flex;align-items:center;justify-content:space-between;gap:10px;color:var(--muted);font-size:.72rem;margin:8px 0}.under-viewfinder>span{display:flex;align-items:center;gap:5px}.under-viewfinder .text-link{font-size:.75rem}.camera-controls{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:12px;background:white;margin-top:5px}.setting{padding:23px 21px;border-right:1px solid var(--line);min-width:0}.setting:last-child{border:0}.setting label{display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.setting label>span{font-size:.57rem;letter-spacing:.08em;color:var(--muted)}.setting label small{display:block;font-size:.7rem;margin-top:3px;letter-spacing:0}.setting output{font-size:1.3rem;font-weight:500;line-height:1.25;white-space:nowrap;letter-spacing:-.06em}.setting input{width:100%;accent-color:#354f2f;cursor:pointer;margin:24px 0 10px;height:24px}.setting>p{font-size:.62rem;text-align:center;color:var(--muted);white-space:nowrap}.capture-bar{display:flex;align-items:center;justify-content:space-between;margin:22px 0 30px}.capture-bar .text-link{font-size:.8rem}.shutter-button{background:var(--ink);color:#fff;display:flex;gap:14px;align-items:center;border:0;border-radius:9px;padding:10px 23px 10px 13px;font-size:.9rem}.shutter-button>span:last-child{font-size:.6rem;letter-spacing:.1em;color:#b1c0b4;margin-left:25px}.shutter-icon{width:40px;height:40px;border:1px solid #97a18f;border-radius:50%;display:grid;place-items:center;color:var(--accent)}.first-shot-hint{padding:20px;display:flex;gap:13px;align-items:flex-start;border:1px dashed #c4ccbd;border-radius:9px;color:#617057;font-size:.8rem;line-height:1.9}.first-shot-hint svg{flex-shrink:0;margin-top:4px}.simulation-note{color:var(--muted);font-size:.75rem;margin-top:25px}.simulation-note summary{cursor:pointer;min-height:35px}.simulation-note p{padding:10px 0;line-height:1.9}.shot-result{padding:27px;background:#fff;border:1px solid var(--line);border-radius:14px}.shot-result h2{font-size:1.3rem;margin-top:7px}.shot-settings{margin-top:14px;font-size:.75rem;color:var(--muted)}.grade-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:24px}.grade-grid>div{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;background:var(--paper);border-radius:8px;padding:14px 7px}.grade-grid>div>span{font-size:.7rem;min-height:37px}.grade-grid small{display:block;font-size:.57rem;color:#748563}.grade{font-size:2rem;font-weight:400}.grade-good{color:#52713c}.grade-mid{color:#9a7b37}.grade-bad{color:#a7604a}.grade-note{font-size:.7rem;color:var(--muted);line-height:1.8;margin-top:14px}.hint-box{display:flex;gap:13px;align-items:flex-start;background:#edf2e6;padding:21px;border-radius:9px;margin-top:22px}.hint-box>svg{flex-shrink:0;color:#5e7841;margin-top:3px}.hint-box h3{font-size:.9rem}.hint-box p{font-size:.8rem;color:#58674e;line-height:1.9;margin-top:9px}.shot-result>.text-link{margin-top:18px}.shutter-flash{position:absolute;inset:0;pointer-events:none;animation:flash .3s ease-out forwards}@keyframes flash{0%{background:#fff;opacity:.7}to{opacity:0}}.growth-summary{display:grid;grid-template-columns:1fr 1.25fr;gap:24px;margin-bottom:30px}.level-card{background:var(--dark);color:white;border-radius:15px;padding:29px}.level-card>.eyebrow{color:#a9b9a6}.level-number{font-size:5rem;line-height:1.2;font-weight:400;letter-spacing:-.07em;display:flex;align-items:baseline;gap:10px;margin:15px 0}.level-number>span{font-size:1.3rem;letter-spacing:0;color:#b6c7ac}.level-number>svg{margin-left:auto;color:var(--accent)}.level-card h2{font-size:1.25rem;font-weight:400}.xp-label{display:flex;justify-content:space-between;font-size:.72rem;color:#bbc9b4;margin-top:26px}.level-card progress{display:block;width:100%;height:5px;margin-top:10px;border:0;background:#485242;border-radius:5px}.level-card progress::-webkit-progress-bar{background:#485242;border-radius:5px}.level-card progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.level-card progress::-moz-progress-bar{background:var(--accent)}.growth-metrics{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:15px;background:#fff}.growth-metrics>div{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:22px}.growth-metrics>div:nth-child(odd){border-right:1px solid var(--line)}.growth-metrics>div:nth-child(-n+2){border-bottom:1px solid var(--line)}.growth-metrics svg{color:#8b9e7e}.growth-metrics b{font-size:2rem;font-weight:500;margin:8px 0 2px;line-height:1.4}.growth-metrics b small{margin-left:8px;font-weight:400}.growth-metrics b small,.growth-metrics>div>span{font-size:.8rem;color:var(--muted)}.grow-columns{display:grid;grid-template-columns:1.4fr 1fr;gap:25px}.grow-columns h2{font-size:1.15rem;display:flex;gap:9px;align-items:center}.panel-sub{font-size:.8rem;margin-top:10px}.review-list{margin-top:20px}.review-row{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line)}.review-row:last-child{border:0}.review-date{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:5px;min-width:72px}.review-date.due{color:#637e37}.review-row>div:nth-child(2){flex:1 1}.review-row b{font-size:.8rem;display:block}.review-row>div>span{display:block;font-size:.67rem;color:var(--muted);margin-top:3px}.review-row .text-link{font-size:.75rem}.review-row .tag{font-size:.65rem}.activity-list{margin-top:25px}.activity-list>div{display:flex;gap:14px;padding-bottom:20px}.activity-dot{background:#b6c6a7;width:7px;height:7px;border-radius:50%;margin-top:9px;flex-shrink:0}.activity-list p{font-size:.875rem}.activity-list small{display:block;font-size:.7rem;color:var(--muted);margin-top:4px}.skill-list{margin-top:17px}.skill-list>div{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf0e9;padding:9px 0;font-size:.8rem}.skill-list>div:last-child{border:0}.skill-grade{font-size:1.2rem;color:#5e7c45}.skill-unlearned{font-size:.7rem;color:#9ba497}.empty-small{font-size:.8rem;color:var(--muted);padding:25px 0 5px}.notification-item{display:flex;gap:10px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line);font-size:.8rem}.notification-item.read{color:var(--muted)}.notification-item a{flex:1 1}.grow-play-link{display:flex;align-items:center;gap:17px;background:#e5ecdd;padding:24px;border-radius:14px}.grow-play-link>div{flex:1 1}.grow-play-link b{font-size:.9rem;display:block}.grow-play-link span{display:block;font-size:.75rem;color:var(--muted);margin-top:4px}@media(max-width:1050px){.play-layout{grid-template-columns:190px minmax(0,1fr);gap:23px}.mission-list{padding-right:14px}.mission-button{padding:16px 8px;gap:8px}.mission-button b{font-size:.75rem}.setting{padding:20px 12px}.setting label{flex-direction:column;gap:9px}.setting>p{font-size:.56rem}.lesson-workspace{grid-template-columns:145px 1fr;gap:20px}.grow-columns{gap:18px}.review-row{gap:10px;flex-wrap:wrap}}@media(max-width:720px){.profile-progress{gap:5px}.profile-progress>span{font-size:.64rem;gap:5px}.profile-progress b{width:22px;height:22px;flex-shrink:0}.form-actions{gap:10px}.form-actions .text-link{font-size:.75rem}.lesson-workspace{grid-template-columns:1fr;gap:22px}.lesson-stepper{flex-direction:row;gap:2px;justify-content:space-between}.lesson-stepper button{width:auto;flex-direction:column;font-size:.7rem;gap:5px;padding:8px 12px;white-space:nowrap}.lesson-sheet{padding:24px 20px}.lesson-sheet h2,.quiz-player h2{font-size:1.25rem}.lesson-text{font-size:.94rem;margin:24px 0}.lesson-callout{padding:17px;font-size:.83rem}.lesson-reference{margin-top:38px}.quiz-option{padding:14px 12px;font-size:.85rem;gap:10px}.option-letter{display:none}.quiz-feedback{padding:16px}.lesson-sheet .hero-actions{gap:12px}.demo-image{aspect-ratio:1.4}.segmented button{padding:7px 12px;font-size:.73rem}.demo-caption>p{font-size:.8rem}.share-panel{padding:18px}.share-panel h3{font-size:.9rem}.share-actions{flex-wrap:wrap}.play-page{padding:28px 5% 50px}.play-page .page-intro h1{font-size:1.95rem}.play-layout{grid-template-columns:1fr;gap:24px}.mission-list{border:0;display:flex;gap:8px;overflow-x:auto;margin:0 -5.6%;padding:0 5.6% 6px;scrollbar-width:thin}.mission-help,.mission-list-heading{display:none}.mission-button{min-width:180px;max-width:220px;border:1px solid var(--line);padding:12px;margin:0;gap:8px;flex-shrink:0}.mission-button.active{border-color:#a5b594}.mission-button b{font-size:.74rem}.mission-button small{font-size:.55rem}.studio-heading{gap:8px}.studio-heading h2{font-size:1.45rem}.studio-heading .tag{font-size:.65rem;padding:3px 8px}.mission-description{font-size:.8rem;margin-bottom:16px}.viewfinder{border-radius:8px}.vf-bottom,.vf-top{padding:14px 16px}.vf-small,.vf-top>span:first-child{font-size:.6rem}.vf-small{margin-left:7px}.vf-bottom{font-size:.72rem;gap:8px}.vf-focus{width:42px;height:55px}.under-viewfinder{font-size:.61rem}.under-viewfinder .text-link{font-size:.64rem}.camera-controls{gap:0;border-radius:9px}.setting{padding:15px 11px}.setting label>span{font-size:.49rem}.setting label small{font-size:.59rem}.setting output{font-size:1.2rem}.setting>p{font-size:.54rem;white-space:normal;line-height:1.8}.setting input{margin:14px 0 5px}.capture-bar{margin:18px 0 25px}.capture-bar .text-link{font-size:.72rem}.shutter-button{padding:8px 15px 8px 9px;gap:9px;font-size:.83rem}.shutter-button>span:last-child{display:none}.shutter-icon{width:35px;height:35px}.first-shot-hint{padding:17px;font-size:.75rem}.shot-result{padding:20px 17px}.shot-result h2{font-size:1.1rem}.shot-result .tag{font-size:.65rem}.shot-settings{font-size:.67rem}.grade-grid{grid-template-columns:repeat(3,1fr);gap:8px}.grade-grid>div{padding:12px 6px;gap:4px}.grade-grid>div>span{font-size:.65rem}.grade{font-size:1.7rem}.hint-box{padding:16px;gap:10px}.hint-box p{font-size:.76rem}.growth-summary{grid-template-columns:1fr;gap:18px}.level-card{padding:25px}.level-number{font-size:4.5rem}.growth-metrics>div{padding:18px}.grow-columns{grid-template-columns:1fr}.review-row .text-link{font-size:.7rem}.review-date{min-width:65px;font-size:.66rem}.growth-metrics b{font-size:1.8rem}.profile-wrap h2{font-size:1.35rem}.profile-wrap .form-intro{font-size:.82rem}}.legal-page{overflow-wrap:anywhere}.legal-page h1{font-size:clamp(1.9rem,4vw,3rem)}.legal-page nav{margin:24px 0 36px;line-height:2.2}.legal-page a{text-decoration:underline;text-underline-offset:4px}.legal-page h2{margin-top:36px;font-size:1.3rem}.legal-page dl,.legal-page p,.legal-page ul{margin-top:18px}.legal-page li{margin:10px 0}.legal-page dt{font-weight:600;margin-top:22px}.legal-page dd{margin:6px 0 0}.legal-agreement{display:flex;align-items:flex-start;gap:12px;margin:20px 0;color:var(--ink)}.legal-agreement input{flex:0 0 20px;width:20px;height:20px;margin-top:4px;accent-color:var(--accent-dark)}.site-footer>div{flex-wrap:wrap}.learn-lab{margin-top:24px;min-width:0}.lab-title{margin:0 0 16px}.lab-title>span{font-size:.65rem;letter-spacing:.16em;color:#63764d}.lab-title h3{margin:6px 0}.lab-title p{font-size:.75rem;color:var(--muted)}.lab-scene{overflow:hidden;border-radius:13px;background:#203631}.lab-scene svg{display:block;width:100%;height:auto}.lab-readout{display:flex;justify-content:space-between;align-items:center;margin:20px 0 12px}.lab-readout strong{font-size:1.5rem}.lab-readout span{font-size:.8rem;color:#536b3c}.lab-slider{display:block;font-size:.85rem}.lab-slider input{display:block;width:100%;height:36px;accent-color:#567635;cursor:ew-resize}.lab-ticks{display:flex;justify-content:space-between;font-size:.67rem;color:var(--muted);gap:8px}.lab-actions{display:flex;gap:18px;flex-wrap:wrap;margin:22px 0;font-size:.78rem}.lab-normalize{display:flex;gap:10px;align-items:flex-start;font-size:.75rem}.lab-normalize input{margin-top:5px;accent-color:#567635}.lab-explanation{padding:18px;border-left:3px solid #a9c774;background:#eef3e8;margin:20px 0;font-size:.85rem;line-height:1.9}.learn-lab>small{display:block;font-size:.65rem}.depth-ruler{display:flex;align-items:center;gap:10px;margin-top:20px;font-size:.7rem}.depth-ruler>div{height:12px;background:#dee2da;border-radius:8px;position:relative;flex:1 1;overflow:hidden}.depth-ruler i{height:100%;display:block;background:#90ae65;position:absolute;transform:translateX(-50%);transition:width .2s,left .2s}.lab-car.moving{animation:lab-drive 4s linear infinite}@keyframes lab-drive{0%{transform:translateX(-300px)}to{transform:translateX(390px)}}.quiz-feedback.good{position:relative;animation:quiz-pop .45s ease-out;border:1px solid #9cbf64;box-shadow:0 8px 26px #77984820}.quiz-feedback.good b{font-size:1.1rem}.quiz-feedback.good:before{content:"✦";position:absolute;right:20px;top:8px;font-size:32px;color:#709438;animation:quiz-star .6s ease-out}@keyframes quiz-pop{0%{transform:translateY(8px) scale(.97);opacity:.3}to{transform:none;opacity:1}}@keyframes quiz-star{0%{transform:rotate(-45deg) scale(.2)}to{transform:none}}@media(prefers-reduced-motion:reduce){.lab-car.moving,.quiz-feedback.good,.quiz-feedback.good:before{animation:none}.depth-ruler i{transition:none}}@media(max-width:500px){.lab-readout strong{font-size:1.2rem}.lab-actions{gap:14px}.lab-title h3{font-size:1rem}.lab-ticks{font-size:.6rem}}.cinema-intro{margin:0 0 32px;padding:26px;background:#111;color:#f4f4f4;border:1px solid #363636;border-radius:16px;box-shadow:0 18px 40px #0002;overflow:hidden}.intro-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding-bottom:20px;border-bottom:1px solid #353535}.intro-top .eyebrow{font-size:.55rem;letter-spacing:.18em;color:#a6a6a6}.intro-top h3{font-size:1.25rem;margin-top:8px;font-weight:400}.intro-top>span{font:10px monospace;letter-spacing:.07em;color:#bbb;white-space:nowrap}.intro-visuals{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:22px;margin:24px 0}.intro-camera{min-width:0;background:radial-gradient(ellipse at 50% 38%,#383838,#191919 65%,#101010);border:1px solid #363636;border-radius:10px;display:flex;flex-direction:column;justify-content:center}.intro-camera>svg{width:100%;display:block;height:auto;min-width:0}.camera-labels text{font:13px Arial,sans-serif;fill:#ddd}.exposure-status{font:10px monospace;display:flex;align-items:center;gap:7px;padding:15px;border-top:1px solid #323232;color:#bbb}.exposure-status>span{width:5px;height:5px;border-radius:50%;background:#555}.exposure-status .sensor-active{background:#fff;box-shadow:0 0 8px #fff8}.intro-photo{min-width:0;align-self:center}.photo-header{display:flex;justify-content:space-between;gap:9px;font-size:9px;letter-spacing:.04em;color:#b3b3b3;margin-bottom:10px}.intro-photo .camera-image{border:1px solid #555;border-radius:5px;overflow:hidden;aspect-ratio:1.5;background:#080808}.intro-photo canvas{width:100%;height:auto;display:block}.intro-photo .canvas-loading{font-size:.7rem;background:#202020;color:#ddd}.photo-settings{font:11px monospace;margin:12px 0;color:#e5e5e5}.photo-settings>span{color:#555}.intro-photo label,.intro-photo p{font-size:.68rem;line-height:1.8;color:#aaa}.intro-photo label{display:flex;gap:8px;margin-top:12px;align-items:flex-start}.intro-photo input{accent-color:#888;margin-top:4px}.intro-caption{padding:20px 0 0;border-top:1px solid #353535;min-height:145px}.intro-caption h3{font-size:1.1rem;font-weight:500;color:#fff}.intro-caption p{font-size:.82rem;line-height:1.9;margin-top:10px;color:#bbb}.intro-controls{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:20px 0}.intro-controls>.text-link{font-size:.73rem;color:#ddd}.intro-dots{display:flex;gap:8px}.intro-dots button{width:34px;height:34px;border:1px solid #555;background:transparent;color:#aaa;border-radius:50%;font:12px monospace}.intro-dots button[aria-pressed=true]{background:#eee;color:#111;border-color:#eee}.cinema-intro>small{font-size:.6rem;color:#999;line-height:1.85;display:block}.curtain{transition:transform .45s cubic-bezier(.3,0,.2,1)}.iris-opening{transition:rx .6s,ry .6s}.intro-photons{animation:photon-travel 1.6s linear infinite;animation-play-state:paused}.intro-running .intro-photons{animation-play-state:running}@keyframes photon-travel{to{stroke-dashoffset:-34}}@media(max-width:1000px){.intro-visuals{grid-template-columns:1fr}.intro-camera svg{max-height:320px}.intro-photo .camera-image{max-height:300px}.intro-photo canvas{object-fit:cover}.intro-caption{min-height:150px}}@media(max-width:500px){.cinema-intro{padding:17px;margin:0 -9px 28px}.intro-top h3{font-size:1.05rem}.intro-top .eyebrow{font-size:.43rem}.intro-top>span{font-size:8px}.intro-visuals{gap:18px}.intro-caption h3{font-size:.95rem}.intro-caption p{font-size:.76rem}.camera-labels text{font-size:15px}}@media(prefers-reduced-motion:reduce){.curtain,.iris-opening{transition:none}.intro-photons{animation:none}}.cinema-intro{background:#f7f9f3;color:#223129;border:1px solid #dce4d5;box-shadow:none;padding:24px}.intro-top{border-color:#d7dfd2}.intro-top .eyebrow,.intro-top>span{color:#66775d}.intro-top h3{font-weight:600}.intro-visuals{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);gap:20px;align-items:center;margin:22px 0}.camera-overview{min-width:0}.camera-overview svg{width:100%;height:auto;display:block}.diagram-kicker{font-size:.62rem;letter-spacing:.08em;color:#65755d;margin-bottom:10px}.mechanism-detail{min-width:0;border-left:1px solid #d7dfd2;padding-left:18px}.intro-camera{border-radius:8px}.intro-camera svg{max-height:290px}.camera-labels text{font-size:17px}.overview-focus{display:flex;flex-wrap:wrap;gap:9px;align-items:center;font-size:.8rem;margin:12px 0 0;padding:12px;background:#e9efdf;border-radius:6px;color:#344a31}.overview-focus>span{font-size:.6rem;color:#708064}.intro-caption{border-color:#d7dfd2;min-height:110px;padding-top:19px}.intro-caption h3{color:#26392c;font-size:1.2rem}.intro-caption p{color:#53634b}.intro-controls>.text-link{color:#3e5337}.intro-dots button{color:#697960;border-color:#c5d0bc}.intro-dots button[aria-pressed=true]{background:#354c32;border-color:#354c32}.intro-caveat{border-top:1px solid #d7dfd2;padding-top:14px;color:#6c7964;font-size:.65rem}.intro-caveat summary{cursor:pointer}.intro-caveat p{margin-top:12px;line-height:1.9}.outline-aperture{transition:r .55s ease}.iris-blades path{transition:d .55s ease}@media(max-width:1050px){.intro-visuals{grid-template-columns:1fr}.mechanism-detail{border-left:0;padding:18px 0 0;border-top:1px solid #d7dfd2}.intro-camera svg{max-height:210px}.camera-overview svg{max-height:390px}.intro-caption{min-height:130px}}@media(max-width:500px){.cinema-intro{padding:15px}.intro-top h3{font-size:1.05rem}.diagram-kicker{font-size:.56rem}.intro-caption h3{font-size:1rem}.camera-overview svg{overflow:visible}.overview-focus{font-size:.75rem}}@media(prefers-reduced-motion:reduce){.iris-blades path,.outline-aperture{transition:none}}.iso-signal-path svg{width:100%;display:block;height:auto;max-height:390px}.iso-signal-path>p{font-size:.67rem;color:#68795e;margin-top:8px;line-height:1.8}.iso-deeper{font-size:.8rem;line-height:1.9;padding:18px 0;border-top:1px solid #d7dfd2}.iso-deeper summary{cursor:pointer;font-weight:600}.iso-deeper p{margin-top:13px;color:#56694c}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Regular.ttf) format("truetype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-Medium.ttf) format("truetype");font-style:normal;font-weight:500;font-display:swap}@font-face{font-family:Poppins;src:url(/fonts/poppins/Poppins-SemiBold.ttf) format("truetype");font-style:normal;font-weight:600;font-display:swap}:root{--paper:#F8FAFC;--surface:#FFFFFF;--ink:#0F172A;--muted:#5B6B82;--line:#E2E8F0;--accent:#93C5FD;--accent-dark:#2563EB;--dark:#0F172A;--brand-blue:#2563EB;--brand-violet:#8B5CF6;--brand-pink:#F472B6;--brand-orange:#FB923C;--brand-gradient:linear-gradient(115deg,#2563EB,#8B5CF6 42%,#F472B6 72%,#FB923C);--surface-soft:#EFF6FF;--control-bg:#111827;font-family:Poppins,Hiragino Kaku Gothic ProN,Yu Gothic,Meiryo,sans-serif}::selection{background:#DBEAFE;color:var(--ink)}:is(button,a,input,select,textarea,summary):focus-visible{outline-color:var(--brand-blue)}.site-header{background:var(--paper)}.brand{flex:0 0 auto}.brand .brand-logo{display:block;width:194px;height:68px}.brand-logo{overflow:hidden}.desktop-nav a.active{border-color:var(--brand-blue)}.avatar-link:hover,.desktop-nav a.active,.desktop-nav a:hover,.login-link:hover{color:var(--brand-blue)}.button{background:var(--brand-blue);border-color:var(--brand-blue)}.button:hover{background:#1D4ED8}.button.light{background:#DBEAFE;border-color:#DBEAFE;color:var(--ink)}.button.light:hover{background:#BFDBFE}.button.outline{background:transparent;border-color:var(--line);color:var(--ink)}.button.outline:hover{background:var(--surface-soft);border-color:#BFDBFE}.mobile-nav{background:#FFFFFFF5;border-color:var(--line)}.mobile-nav a.active{border-color:var(--brand-blue)}.home-page>.eyebrow,.mobile-nav a.active{color:var(--brand-blue)}.hero-copy h1{letter-spacing:-.04em}.accent{color:var(--brand-violet)}.hero-note span,.journey-strip>svg,.step-num{color:var(--muted)}.hero-photo{background:var(--dark)}.book-symbol,.journey-strip>div>svg{color:var(--brand-blue)}.auth-aside,.home-bottom,.level-card{background:radial-gradient(ellipse at 100% 0,#312E8166,transparent 65%),var(--dark)}.auth-aside p,.home-bottom .eyebrow,.home-bottom>p:not(.eyebrow){color:#CBD5E1}.home-bottom{border-top:3px solid var(--brand-violet)}.lesson-art{color:#F8FAFC;background:linear-gradient(125deg,#0F172A,#1E3A8A)}.art-iso{background-color:#172554;background-image:radial-gradient(#93C5FD60 .7px,transparent 0)}.art-motion,.art-shutter{background:repeating-linear-gradient(105deg,#0F172A,#0F172A 30px,#1E3A8A 31px,#172554 34px)}.art-aperture,.art-depth{background:radial-gradient(circle at 50% 130%,#8B5CF6,#312E81 40%,#0F172A 72%)}.art-focus,.art-triangle{background:linear-gradient(120deg,#334155,#0F172A)}.art-shake{background:repeating-linear-gradient(75deg,#334155,#334155 3px,#0F172A 5px,#0F172A 25px)}.site-footer{flex-wrap:wrap}.footer-brand{flex:0 0 auto}.footer-brand .brand-logo{display:block;width:170px;height:60px}.footer-brand span{margin-top:10px;color:var(--ink)}.footer-brand>small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.06em;margin-top:3px}.site-footer>small{width:100%}.site-footer>div{max-width:690px}.hint-box,.lab-explanation,.lesson-callout,.notice{background:var(--surface-soft);color:#334155}.field input,.field select,.field textarea{border-color:#CBD5E1}.profile-progress b{background:var(--line)}.profile-progress .active b{background:var(--brand-blue)}.genre.selected,.quiz-option.selected:not(.correct){color:#1E3A8A;background:var(--surface-soft);border-color:#93C5FD}.genre input,.lab-normalize input,.lab-slider input,.quiz-option input,.setting input{accent-color:var(--brand-blue)}.quiz-option.correct input{accent-color:#3F6529}.lesson-stepper button.active,.mission-button.active{background:var(--surface-soft);color:#1D4ED8;border-color:#93C5FD}.lesson-stepper button.active span,.segmented button.selected{background:var(--brand-blue);border-color:var(--brand-blue)}.option-letter{color:var(--muted)}.share-panel{background:var(--paper)}.share-preview{box-shadow:0 12px 30px #0F172A22}.canvas-loading,.viewfinder{background:var(--dark)}.canvas-loading,.shutter-button>span:last-child{color:#CBD5E1}.shutter-icon{border-color:#94A3B8}.first-shot-hint{color:var(--muted);border-color:#CBD5E1}.hint-box>svg{color:var(--brand-blue)}.hint-box p{color:#475569}.level-card>.eyebrow,.level-number>span,.xp-label{color:#CBD5E1}.level-card progress,.level-card progress::-webkit-progress-bar{background:#334155}.level-card progress::-webkit-progress-value{background:var(--brand-gradient)}.level-card progress::-moz-progress-bar{background:var(--brand-gradient)}.growth-metrics svg{color:var(--brand-blue)}.activity-dot{background:var(--brand-violet)}.skill-list>div{border-color:var(--line)}.skill-unlearned{color:var(--muted)}.grow-play-link{background:var(--surface-soft)}.cinema-intro{background:var(--paper);color:var(--ink)}.cinema-intro,.intro-caption,.intro-caveat,.intro-top,.iso-deeper,.mechanism-detail{border-color:var(--line)}.diagram-kicker,.intro-caption p,.intro-caveat,.intro-top .eyebrow,.intro-top>span,.iso-deeper p,.iso-signal-path>p,.overview-focus>span{color:var(--muted)}.overview-focus{color:#334155;background:var(--surface-soft)}.intro-caption h3{color:var(--ink)}.intro-controls>.text-link{color:#1D4ED8}.intro-dots button{color:var(--muted);border-color:#CBD5E1}.intro-dots button[aria-pressed=true]{color:white;background:var(--brand-blue);border-color:var(--brand-blue)}.lab-readout span,.lab-title>span{color:#1D4ED8}.lab-explanation{border-color:var(--brand-blue)}@media (max-width:720px){.home-page .lesson-art>span{font-size:clamp(1.15rem,5vw,1.65rem)}.brand .brand-logo{width:144px;height:51px}.site-header{gap:12px}.account-nav{gap:10px}.account-nav .button.small{gap:6px;padding-inline:10px}.footer-brand .brand-logo{width:153px;height:54px}}@media (max-width:380px){.brand .brand-logo{width:127px;height:45px}.site-header{padding-inline:5%;gap:8px}.account-nav{gap:8px}.login-link{font-size:.75rem}}.upgrade-strip{display:flex;justify-content:center;align-items:center;gap:16px;padding:10px 5%;background:#eef2ff;color:#243b85;font-size:.85rem;flex-wrap:wrap}.upgrade-strip a{font-weight:700;text-decoration:underline;text-underline-offset:4px}.upgrade-card{margin:24px 0;background:linear-gradient(120deg,#f0f5ff,#fff6fa);border-color:#ccd9f4}.upgrade-card h2{margin:10px 0}.upgrade-card p{margin:12px 0}.upgrade-card small{color:var(--muted)}.annual-saving{background:#eef2ff;border-radius:12px;padding:14px;color:#243b85;margin:18px 0}.annual-saving strong{font-size:1.1rem}.annual-saving small{line-height:1.8;display:inline-block;margin-top:6px}@media(max-width:720px){.mobile-nav a{min-width:0;flex:1 1}.upgrade-strip{font-size:.78rem;gap:8px}.upgrade-card .hero-actions{display:flex;flex-direction:column;align-items:stretch}}.install-banner_banner__PmlxW{position:fixed;top:max(12px,env(safe-area-inset-top));left:12px;right:12px;max-width:650px;margin:auto;z-index:1000;padding:14px;border:1px solid #ccd9ef;border-radius:18px;background:#fff;color:#122039;box-shadow:0 10px 35px #12203930;animation:install-banner_slide-in__uYm6S .3s ease-out}.install-banner_row__KxU7e{display:flex;align-items:center;gap:10px}.install-banner_row__KxU7e img{border-radius:12px;flex-shrink:0}.install-banner_copy__WI9YL{flex:1 1;min-width:0}.install-banner_copy__WI9YL strong{display:block;font-size:14px;line-height:1.5}.install-banner_copy__WI9YL span{display:block;font-size:12px;color:#53617b;margin-top:3px}.install-banner_row__KxU7e button{border:0;border-radius:20px;background:#3159ec;color:#fff;padding:10px 12px;min-height:44px;font-size:12px;font-weight:700;cursor:pointer;flex-shrink:0}.install-banner_row__KxU7e .install-banner_close__K6JJY{background:transparent;color:#53617b;font-size:24px;padding:4px;min-width:32px}.install-banner_help__624W_{font-size:14px;line-height:1.8;border-top:1px solid #e2e8f0;margin-top:12px;padding-top:8px}.install-banner_help__624W_ p{margin:8px 0}.install-banner_help__624W_ small{display:block;color:#53617b}.install-banner_row__KxU7e button:focus-visible{outline:3px solid #a149b4;outline-offset:3px}@keyframes install-banner_slide-in__uYm6S{0%{transform:translateY(-130%);opacity:0}to{transform:translateY(0);opacity:1}}@media(prefers-reduced-motion:reduce){.install-banner_banner__PmlxW{animation:none}}@media(max-width:380px){.install-banner_row__KxU7e{gap:6px}.install-banner_row__KxU7e img{width:36px;height:36px}.install-banner_copy__WI9YL strong{font-size:12px}.install-banner_copy__WI9YL span{font-size:11px}.install-banner_banner__PmlxW{padding:10px;left:8px;right:8px}}