@font-face{font-family:DM Sans;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/dm-sans-400-normal.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/dm-sans-500-normal.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/dm-sans-600-normal.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/dm-sans-700-normal.ttf) format("truetype")}@font-face{font-family:DM Sans;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/dm-sans-800-normal.ttf) format("truetype")}@font-face{font-family:"Instrument Serif";font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-italic.ttf) format("truetype")}@font-face{font-family:"Instrument Serif";font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-400-normal.ttf) format("truetype")}:root{font-family:DM Sans,sans-serif;color:#263c32;background:#f9faf6;font-synthesis:none;--color-ink: #233c30;--color-muted: #768076;--color-brand: #244b3b;--color-brand-dark: #173d2e;--color-canvas: #f9faf6;--color-surface: #fff;--color-border: #e4e8df;--color-lime: #e8efcf;--color-coral: #bf755b;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-10: 40px;font-optical-sizing:auto;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{color:inherit;cursor:pointer}button,a,input,summary,[tabindex]{-webkit-tap-highlight-color:transparent}button{border:0;background:none}button:disabled{cursor:not-allowed;opacity:.42}button:not(:disabled),a,summary{touch-action:manipulation}button,a{transition:background .16s,color .16s,border-color .16s,transform .16s}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #bd795e;outline-offset:4px;border-radius:5px}svg{flex-shrink:0}h1,h2,h3,p{margin:0}h2,h3{letter-spacing:-.025em}::selection{background:#d6e3be;color:#1e3b2d}.app-shell{min-height:100vh}.sidebar{position:fixed;top:0;bottom:0;left:0;width:264px;background:#f1f3ec;border-right:1px solid var(--color-border);padding:31px 20px 22px;display:flex;flex-direction:column;overflow-y:auto;z-index:40}.brand{display:flex;align-items:center;gap:10px;width:fit-content;padding:0 9px;font-size:37px;font-weight:750;line-height:1;letter-spacing:-2px}.brand-symbol{width:39px;height:42px;border-radius:11px 11px 13px;background:var(--color-brand-dark);color:#e4edcf;display:flex;align-items:center;justify-content:center;transform:rotate(-6deg)}.brand-symbol svg{transform:rotate(6deg)}.brand-period{color:var(--color-coral)}.sidebar-mission{margin:14px 0 0 9px;font-size:12px;line-height:1.55;color:#5f6e58;max-width:215px}.sidebar-mission strong{color:#2a4a35;font-weight:650}.navigation{margin-top:30px;overflow-y:auto}.nav-group+.nav-group{margin-top:26px}.nav-label{margin:0 0 11px 13px;font-size:11px;letter-spacing:1.4px;color:#6d7963;font-weight:650}.nav-group{display:flex;flex-direction:column;gap:4px}.nav-item{display:flex;align-items:flex-start;gap:10px;width:100%;padding:10px 12px;text-align:left;color:#6a7568;border-radius:9px}.nav-item-icon{display:flex;margin-top:1px;color:inherit}.nav-item-icon svg{stroke-width:1.7}.nav-item-copy{display:flex;flex-direction:column;gap:3px}.nav-item-title{font-size:13px;font-weight:600;color:#35452f}.nav-item-desc{font-size:11px;line-height:1.45;color:#7c8873}.nav-item:hover{background:#e7ebdf}.nav-item--active{background:#e0e8d6}.nav-item--active .nav-item-title{color:#2a4a35}.nav-item--active:hover{background:#dbe5cf}.sidebar-bottom{margin-top:auto;padding-top:22px}.sidebar-local{font-size:10px;letter-spacing:.2px;line-height:1.6;color:#7c8873;padding:12px 13px 0;border-top:1px solid var(--color-border)}.main-shell{margin-left:264px}.topbar{height:71px;border-bottom:1px solid var(--color-border);padding:0 39px;display:flex;align-items:center;justify-content:space-between;gap:15px}.topbar-location,.topbar-actions{display:flex;align-items:center;gap:19px}.topbar-word{font-size:11px;letter-spacing:1.3px;font-weight:650;color:#6d7765}.topbar-separator{color:#c4cbbb;font-weight:400;font-size:15px}.topbar-page{font-size:13px;color:#5a6957}.topbar-actions{gap:23px}.local-pill{display:flex;gap:7px;align-items:center;font-size:12px;color:#6d7f5f;background:#edf2e5;padding:7px 10px;border-radius:5px}.local-pill>span{width:5px;height:5px;border-radius:50%;background:#6e8d4a}.help-button{display:flex;align-items:center;gap:7px;font-size:12px;color:#68755e;padding:4px 0}.help-button:hover{color:var(--color-brand-dark)}.mobile-menu{display:none!important}main{max-width:1450px;padding:41px 40px 0;margin:0 auto}.page-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:33px}.eyebrow{display:flex;align-items:center;gap:8px;color:#7b876c;font-size:11px;letter-spacing:1.45px;font-weight:600}.eyebrow>span{width:5px;height:5px;border-radius:50%;background:#a6b48b}.page-heading h1{font-size:clamp(38px,3.5vw,51px);line-height:1.13;letter-spacing:-2px;font-weight:550;margin:17px 0 15px}.page-heading em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:1.19em;line-height:.98;color:#42624d;letter-spacing:-1.4px}.page-heading>div>p{color:#6e7865;font-size:14px;line-height:1.7}.heading-decoration{margin-right:29px;margin-top:13px;width:124px;height:110px;color:#a8ad91;transform:rotate(-9deg)}.heading-decoration span{display:block;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:23px;line-height:.95;text-align:center}.heading-decoration svg{width:75px;margin-left:36px;margin-top:6px}.workspace-tabs{display:flex;gap:9px;align-items:center;margin-bottom:19px;border-bottom:1px solid var(--color-border)}.workspace-tabs>button{display:flex;align-items:center;gap:8px;color:#6c785f;padding:2px 13px 16px;font-size:14px;border-bottom:2px solid transparent;margin-bottom:-1px;font-weight:500}.workspace-tabs>button:first-child{padding-left:2px;padding-right:19px}.workspace-tabs>button[aria-selected=true]{color:#35523a;border-color:#35523a;font-weight:650}.workspace-tabs>button:hover{color:#35523a}.workspace-caption{margin-left:auto;padding-bottom:14px;display:flex;gap:6px;align-items:center;color:#6c785f;font-size:11px}.workspace-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(275px,1fr);gap:20px}.camera-card{border-radius:var(--radius-md);overflow:hidden;border:1px solid #dbe2d3;background:#fff;min-width:0}.camera-view{height:420px;background-color:#e5e9de;background-image:radial-gradient(#9aa98a24 1px,transparent 1px);background-size:19px 19px;position:relative;overflow:hidden;display:flex;flex-direction:column}.camera-view--active{background:#17251c}.camera-topline{display:flex;align-items:center;justify-content:space-between;gap:10px;position:absolute;left:18px;right:18px;top:17px;z-index:5}.camera-status{display:flex;gap:6px;align-items:center;padding:7px 9px;background:#f7f9f2c7;border:1px solid #d7dfcd80;border-radius:5px;font-size:11px;font-weight:500;color:#728069;backdrop-filter:blur(8px);white-space:nowrap}.camera-status>span{width:5px;height:5px;border-radius:50%;background:#9ea88f}.camera-status--on>span{background:#688749;box-shadow:0 0 0 3px #90a16c21}.camera-mode{font-size:9px;letter-spacing:1px;color:#748364;font-weight:500;text-align:right}.camera-placeholder{position:relative;z-index:2;display:flex;align-items:center;flex-direction:column;justify-content:flex-end;flex:1;padding:40px 20px 26px;text-align:center}.hand-stage{width:220px;height:192px;position:relative;margin-bottom:12px;display:flex;align-items:center;justify-content:center}.hand-stage .hand-illustration{width:149px;height:190px;position:relative;z-index:1;filter:saturate(.65);transform:rotate(9deg)}.stage-orbit{position:absolute;width:170px;height:170px;border:1px solid #a2b18c40;border-radius:50%;top:6px}.stage-orbit--two{width:209px;height:209px;top:-14px;border-style:dashed;border-color:#a2b18c30;transform:rotate(24deg)}.stage-spark{position:absolute;font-family:Georgia,serif;font-size:23px;font-weight:400;color:#8d9f74;z-index:2}.stage-spark--one{left:8px;top:40px}.stage-spark--two{right:7px;top:100px;font-size:17px;color:#b2b898}.hand-badge{position:absolute;bottom:0;right:-10px;display:flex;align-items:center;gap:6px;padding:8px 10px;border:1px solid #e1e7d8;border-radius:5px;background:#f6f8efed;color:#748364;font-size:9px;box-shadow:0 4px 13px #62734806;z-index:2;transform:rotate(-5deg)}.hand-badge svg{color:#889f6e}.camera-placeholder h2{font-size:20px;font-weight:550;color:#475c3f;letter-spacing:-.65px;margin-bottom:8px}.camera-placeholder p{max-width:360px;font-size:12px;line-height:1.75;color:#677b59;min-height:35px}.camera-placeholder .button{margin-top:18px;padding:12px 17px;min-height:40px;font-size:13px;border-radius:7px}.camera-placeholder .button>svg:last-child{margin-left:10px}.button{min-height:39px;padding:10px 14px;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:550;line-height:1.3;border:1px solid transparent}.button--primary{background:var(--color-brand);color:#f5f7ed;border-color:var(--color-brand);box-shadow:0 2px 3px #193c2710}.button--primary:not(:disabled):hover{background:#173c2c;transform:translateY(-1px);box-shadow:0 3px 6px #193c2712}.button--secondary{background:#fff;border-color:var(--color-border);color:#586a4f}.button--secondary:not(:disabled):hover{background:#f0f4e8;border-color:#c8d4b7}.button--ghost{color:#5c7251}.button--ghost:not(:disabled):hover{background:#eaf0e2}.icon-button{width:30px;height:30px;padding:5px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px}.icon-button:not(:disabled):hover{background:#e8eedf}.camera-controls{display:flex;align-items:center;height:53px;padding:0 17px;gap:16px;font-size:11px;color:#78836e;background:#fcfdf9}.compact-toggle{display:flex;align-items:center;gap:6px;cursor:pointer;position:relative;min-height:36px}.compact-toggle input{position:absolute;left:0;width:25px;height:24px;margin:0;opacity:0;cursor:pointer}.compact-toggle:focus-within{outline:2px solid #b0775d;outline-offset:4px;border-radius:3px}.compact-toggle input:checked+.mini-switch{background:#506e3d}.compact-toggle input:checked+.mini-switch:before{transform:translate(9px)}.mini-switch{width:24px;height:14px;background:#cbd3bf;border-radius:20px;display:block;position:relative;margin-right:2px;transition:background .15s}.mini-switch:before{content:"";width:9px;height:9px;position:absolute;top:2.5px;left:3px;background:#fff;border-radius:50%;transition:transform .15s}.control-divider{width:1px;height:15px;background:#e0e5d7}.mirror-button{display:flex;gap:6px;align-items:center;padding:8px 0;font-size:11px;color:#a0a795}.mirror-button--active{color:#657c50}.mirror-button:hover{color:#2f4f35}.camera-settings{margin-left:auto;color:#859378}.camera-video,.landmark-overlay{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}.landmark-overlay{pointer-events:none;z-index:2}.is-mirrored{transform:scaleX(-1)}.capture-frame{position:absolute;inset:85px 22%;pointer-events:none;z-index:1}.capture-frame i{position:absolute;width:24px;height:24px;border-color:#d5e5bf99;border-style:solid;border-width:0}.capture-frame i:nth-child(1){left:0;top:0;border-left-width:2px;border-top-width:2px;border-radius:8px 0 0}.capture-frame i:nth-child(2){right:0;top:0;border-right-width:2px;border-top-width:2px;border-radius:0 8px 0 0}.capture-frame i:nth-child(3){left:0;bottom:0;border-left-width:2px;border-bottom-width:2px;border-radius:0 0 0 8px}.capture-frame i:nth-child(4){right:0;bottom:0;border-right-width:2px;border-bottom-width:2px;border-radius:0 0 8px}.live-message{position:absolute;bottom:67px;left:12%;right:12%;display:flex;align-items:center;justify-content:center;gap:7px;text-align:center;background:#183624b8;backdrop-filter:blur(8px);border:1px solid #758f6130;color:#e1edcd;border-radius:7px;padding:10px;font-size:12px;z-index:3}.stop-camera{position:absolute;bottom:18px;left:50%;transform:translate(-50%);display:flex;align-items:center;justify-content:center;gap:7px;background:#fffef0e8;border-radius:6px;padding:9px 12px;font-size:11px;z-index:4;white-space:nowrap}.live-message--confirmed{background:#244b3bed;border-color:#c5dbab;color:#f5ffe9;font-size:19px;padding:14px 16px;box-shadow:0 3px 20px #132e2830}.live-message--confirmed strong{font-weight:550}.camera-view--active .camera-mode{color:#edf4df;text-shadow:0 1px 2px #000}.translation-card,.practice-card{background:#fff;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:21px 22px 17px;min-width:0}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:8px}.panel-title h2{font-size:15px;font-weight:600}.tag{padding:5px 7px;border-radius:4px;display:inline-flex;align-items:center;white-space:nowrap;font-size:10px;line-height:1;font-weight:500;background:#f1f3eb;color:#8a937b;border:1px solid #e8ecdf}.tag--green{background:#edf2e4;color:#6d8453;border-color:#e3ead5}.tag--orange{background:#fbf0e8;color:#b77d58;border-color:#f0e0d2}.recognition-area{min-height:207px;padding:28px 0 23px;display:flex;align-items:center;flex-direction:column;justify-content:center}.micro-label{font-size:10px;color:#758066;letter-spacing:1.1px;font-weight:500}.recognized-letter{font-size:78px;font-weight:400;letter-spacing:-4px;color:#cfd7c4;line-height:1.35;height:107px}.recognized-letter--present{font-family:"Instrument Serif",Georgia,serif;font-size:100px;color:#3c5f42;line-height:1.05}.recognition-hint{display:flex;align-items:center;gap:5px;color:#76816a;font-size:10px;text-align:center}.small-dot{width:4px;height:4px;border-radius:50%;background:#adb99e;flex-shrink:0}.small-dot--orange{background:#c08761}.transcript-heading{display:flex;justify-content:space-between;margin-bottom:10px;gap:8px}.transcript-heading span:first-child{font-size:10px;letter-spacing:1px;color:#6d7f59;font-weight:500}.transcript-heading span:last-child{font-size:10px;color:#758269}.transcript-box{border:1px solid #e6eadf;background:#f9faf6;border-radius:6px;height:70px;overflow:auto;color:#748267;font-size:12px;padding:15px 12px;line-height:1.8;position:relative;display:block;overflow-wrap:anywhere}.text-cursor{display:inline-block;height:13px;width:1px;background:#b7c3a6;margin-right:6px;vertical-align:middle}.transcript-box--filled{color:#375139;font-size:17px;letter-spacing:2px}.transcript-edit{display:flex;align-items:center;gap:15px;padding:8px 0 13px;margin-bottom:12px;border-bottom:1px solid #edf0e8}.transcript-edit>button{display:flex;align-items:center;gap:5px;font-size:11px;color:#6f805f;padding:5px 0}.transcript-edit>button:hover:not(:disabled){color:#355331}.transcript-edit .clear-text{margin-left:auto;width:26px;height:25px}.translation-actions{display:flex;gap:8px}.translation-actions .button{flex:1;font-size:12px;min-height:35px;padding:9px;background:#f8faf3;border-color:#e0e7d6}.translation-actions .button:disabled{opacity:.65;color:#a0ac92}.export-button{width:35px;height:35px;border:1px solid #e4e9da;color:#8e9c7b}.translation-note{display:flex;justify-content:center;align-items:center;gap:5px;color:#6f805f;font-size:10px;margin-top:13px;white-space:nowrap}.under-camera{width:calc((100% - 20px)*.6226);display:flex;justify-content:space-between;gap:8px;align-items:center;margin-top:13px}.under-camera>span,.under-camera>button{display:flex;align-items:center;gap:5px;font-size:10px;color:#738163;line-height:1.5;padding:0}.under-camera>button{color:#6e7f60;font-weight:500}.under-camera>button:hover{color:#2b4d34}.quick-guide{display:grid;grid-template-columns:1.2fr repeat(3,1fr);align-items:center;padding:22px 19px;gap:20px;background:#f0f3e9;border:1px solid #e6ebdc;border-radius:9px;margin-top:26px}.guide-intro{display:flex;align-items:center;gap:10px}.guide-icon{display:flex;align-items:center;justify-content:center;width:31px;height:36px;background:#e5ebd9;border-radius:7px;color:#81946a}.guide-intro h2{font-size:12px;font-weight:550;color:#657854;white-space:normal}.guide-intro p{font-size:10px;color:#758263;margin-top:5px;white-space:normal}.guide-step{display:flex;gap:9px;align-items:flex-start}.guide-step>span{font-family:"Instrument Serif",Georgia,serif;color:#aab895;font-size:18px;line-height:1;font-style:italic}.guide-step h3{font-size:12px;font-weight:500;color:#6d7d5b;white-space:nowrap}.guide-step p{font-size:10px;color:#758164;margin-top:5px;line-height:1.6;white-space:normal}.alphabet-preview{margin-top:32px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px}.section-title h2{font-size:16px;font-weight:550;letter-spacing:-.5px}.section-title h2 span{color:var(--color-coral)}.section-title p{color:#6e7c60;font-size:12px;margin-top:6px;line-height:1.7}.text-link{display:flex;align-items:center;gap:9px;font-size:12px;font-weight:500;color:#6f8160;padding:5px 0;white-space:nowrap}.text-link:hover:not(:disabled){color:#244f36}.letter-preview-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:19px}.letter-preview{border-radius:9px;overflow:hidden;padding:0;background:#fff;border:1px solid #e4e8dc;text-align:left}.letter-preview:hover{transform:translateY(-3px);border-color:#bfcdb0}.letter-art{height:152px;background:#eceee6;position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:center}.letter-art--1{background:#e9ede3}.letter-art--2{background:#f0e9de}.letter-art--3{background:#e8ece9}.letter-art .hand-illustration{width:126px;height:158px;transform:translateY(6px) rotate(-6deg);filter:saturate(.6);position:relative;z-index:1}.letter-art>span{position:absolute;font-size:79px;font-family:"Instrument Serif",Georgia,serif;font-style:italic;color:#b5bda551;right:20px;top:12px}.letter-caption{display:flex;justify-content:space-between;align-items:center;padding:13px 14px;font-size:12px;color:#748267}.letter-caption svg{color:#a0ac90;width:12px}.footer{display:flex;justify-content:space-between;align-items:center;gap:10px;border-top:1px solid #e6eadd;margin-top:35px;padding:21px 0}.footer>span{display:flex;gap:9px;align-items:center;font-size:10px;color:#778566}.footer-mark{font-size:22px;font-weight:700;letter-spacing:-1px;color:#899877;margin-right:4px}.brazil-mark{display:block;background:#7a9561;width:13px;height:9px;position:relative;border-radius:1px}.brazil-mark:before{content:"";position:absolute;width:6px;height:6px;background:#d3c978;transform:rotate(45deg);left:3.5px;top:1.5px}.brazil-mark i{display:block;position:absolute;background:#6f8771;width:3px;height:3px;border-radius:50%;left:5px;top:3px}.demo-stage{display:flex;flex-direction:column;justify-content:center;align-items:center;position:absolute;inset:53px 25px 15px}.demo-stage>.hand-illustration{width:200px;height:245px;position:relative;z-index:1;filter:saturate(.65);animation:gesture-in .4s ease-out}.demo-guide-corners{width:200px;height:230px;position:absolute;top:8px;border:1px dashed #91a4775c;border-radius:45% 45% 24% 24%}.demo-letter-floating{position:absolute;right:15%;top:27%;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:80px;color:#b1bc9b}.demo-stage>p{font-size:13px;color:#768964;margin-top:8px}.demo-step{display:flex;align-items:center;gap:18px;font-size:11px;color:#8c9b78;margin-top:4px}.demo-exit{display:flex;align-items:center;gap:5px;color:#8c997a;font-size:10px;margin-top:8px}.add-letter{display:flex;align-items:center;gap:9px;font-size:10px;color:#718663;padding:5px 9px;border-radius:4px;background:#f3f6ec;margin-top:9px}.add-letter kbd{background:#e7eddd;padding:1px 4px;border-radius:2px}.camera-view--demo+.camera-controls{background:#f7f9f1}.recognition-area:has(.add-letter){padding-top:18px;padding-bottom:13px}.practice-card>.micro-label{display:block;text-align:center;margin-top:25px}.practice-letter{font-family:"Instrument Serif",Georgia,serif;font-size:90px;color:#42613d;line-height:1.2;text-align:center;position:relative;width:fit-content;margin:6px auto}.practice-check{position:absolute;top:12px;right:-25px;border-radius:50%;padding:3px;background:#e9f1dd;color:#68884c;height:26px;width:26px;display:flex}.practice-card>h3{font-size:15px;text-align:center;margin:4px 0 9px;font-weight:550}.practice-card>p{color:#949e85;font-size:12px;text-align:center;line-height:1.8;min-height:53px}.practice-manual{display:flex;align-items:center;justify-content:center;gap:5px;color:#758365;font-size:10px;margin:17px 0 12px}.practice-card>.button{width:100%;font-size:12px}.practice-skip{display:flex;align-items:center;justify-content:center;gap:4px;font-size:11px;color:#89977b;padding:12px 0;width:100%}.practice-progress{border-top:1px solid #e9eddf;display:flex;flex-direction:column;gap:5px;text-align:center;padding-top:13px;font-size:10px;color:#849474}.practice-progress>span:last-child{font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:15px;color:#788369}.page-heading--inner{margin-bottom:35px}.page-heading--inner>div>p{max-width:650px}.content-card{border:1px solid var(--color-border);border-radius:12px;padding:25px;background:#fff}.content-card>.section-title{margin-bottom:19px;color:#627953}.alphabet-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:30px;align-items:start}.alphabet-library{background:#fff;border:1px solid var(--color-border);border-radius:12px;padding:24px}.alphabet-selector{display:grid;grid-template-columns:repeat(9,1fr);gap:6px;margin:24px 0 12px}.alphabet-selector button{aspect-ratio:1;border:1px solid #e0e7d4;border-radius:5px;font-size:15px;background:#f7f9f2}.alphabet-selector button[aria-pressed=true]{background:#36583b;color:#fff;border-color:#36583b}.alphabet-selector button:disabled{opacity:.36;background:#f6f7f3}.muted-note{font-size:12px;color:#97a087;line-height:1.8}.alphabet-large-art{background:#edf0e6;height:300px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;margin-top:20px;border-radius:7px}.alphabet-large-art>.hand-illustration{height:270px;width:240px;position:relative;z-index:1;transform:rotate(-6deg);filter:saturate(.65)}.alphabet-large-art>span:not(.art-caption){position:absolute;right:28px;top:25px;font-family:"Instrument Serif",Georgia,serif;font-style:italic;font-size:130px;color:#bdc5ac70}.alphabet-large-art .art-caption{position:absolute;bottom:15px;left:15px;font-size:10px;color:#738461}.letter-detail{padding:37px 15px}.letter-detail h2{font-size:28px;font-weight:500;margin:21px 0 15px;line-height:1.2}.letter-detail>p{font-size:15px;line-height:1.9;color:#6b7c5d}.detail-tip{display:flex;gap:13px;background:#eef3e5;border-radius:8px;padding:18px;margin:24px 0;color:#84976a}.detail-tip strong{font-size:13px;font-weight:550;color:#62784e}.detail-tip p{font-size:13px;line-height:1.8;margin-top:6px;color:#6b7e58}.letter-detail>.reference-note{font-size:12px;margin-top:25px;color:#778566}.info-banner{background:#edf2e5;border:1px solid #e0e8d4;border-radius:9px;padding:23px;display:flex;gap:17px;align-items:center;margin-top:28px;color:#91a179}.info-banner strong{font-size:15px;font-weight:550;color:#688155}.info-banner p{color:#718561;font-size:12px;line-height:1.8;margin-top:6px}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:25px}.stat-card{background:#fff;border:1px solid var(--color-border);padding:23px;border-radius:10px;display:flex;flex-direction:column;position:relative}.stat-card>strong{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:#527447;font-size:56px;line-height:1.2}.stat-card>span:last-child{font-size:13px;color:#72845f;margin-top:10px}.stat-icon{position:absolute;right:20px;top:20px;color:#a5b195}.stat-icon>svg{width:20px;stroke-width:1.4}.progress-row{display:flex;align-items:center;gap:15px;border-top:1px solid #edf0e6;padding:17px 0}.progress-letter{width:44px;height:44px;display:flex;justify-content:center;align-items:center;background:#eef3e5;border-radius:7px;font-family:"Instrument Serif",Georgia,serif;font-size:28px;color:#7a9364}.progress-row>div{flex:1}.progress-row strong{font-size:14px;font-weight:500}.progress-row small{display:block;margin-top:5px;font-size:12px;color:#738361}.progress-row>.button{font-size:12px}.progress-footer{display:flex;justify-content:space-between;gap:15px;margin-top:20px}.progress-footer>span{font-size:11px;color:#71835f;display:flex;align-items:center;gap:6px}.progress-footer>button{font-size:11px}.project-intro{display:grid;grid-template-columns:1fr 1fr;gap:45px;padding:30px;background:#eef2e6;border:1px solid #e2e9d7;border-radius:12px;align-items:center}.project-intro-copy h2{font-size:27px;font-weight:500;line-height:1.25;margin:18px 0 15px}.project-intro-copy p{font-size:13px;line-height:1.9;color:#6c8058;margin-top:9px}.pipeline{display:flex;flex-direction:column;gap:12px}.pipeline-step{display:flex;align-items:center;gap:12px;background:#fbfcf6;border:1px solid #e2e9d5;border-radius:7px;padding:16px 14px}.pipeline-step>span{font-family:"Instrument Serif",Georgia,serif;font-size:24px;font-style:italic;color:#a8b78d}.pipeline-step h3{font-size:13px;font-weight:550;color:#688151}.pipeline-step p{font-size:10px;color:#758665;margin-top:5px}.pipeline-step>svg{margin-left:auto;color:#a8b98e;width:15px}.pipeline-step--pending{background:#f4f6ec;border-style:dashed;opacity:.75}.project-section-title{margin-top:36px;margin-bottom:20px}.stack-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.stack-card{padding:21px 18px;border:1px solid var(--color-border);border-radius:9px;background:#fff}.stack-icon{color:#849a6b;margin-bottom:18px}.stack-card>.micro-label{font-size:9px;letter-spacing:1px}.stack-card>h3{font-size:16px;font-weight:550;margin-top:9px}.stack-card>p{margin:11px 0 19px;font-size:12px;line-height:1.8;color:#71835f;min-height:54px}.stack-status{display:flex;align-items:center;gap:5px;font-size:10px;color:#738461}.stack-status>span{display:block;height:4px;width:4px;background:#a2b884;border-radius:50%}.project-documentation{display:grid;grid-template-columns:1.15fr 1fr;gap:20px;margin-top:25px;align-items:start}.project-documentation .section-title h2{font-size:14px}.adr{border-top:1px solid #e9eee0}.adr summary{list-style:none;display:flex;gap:10px;align-items:center;cursor:pointer;min-height:63px;padding:14px 0}.adr summary::-webkit-details-marker{display:none}.adr-number{font-size:10px;color:#a5b195;white-space:nowrap}.adr summary strong{font-size:13px;font-weight:500;line-height:1.6;color:#6b815b}.adr summary svg{margin-left:auto;color:#a3b08f}.adr[open] summary svg{transform:rotate(180deg)}.adr>p{font-size:13px;color:#6d835b;line-height:1.85;padding-bottom:19px}.glossary dl{margin:0}.glossary dl>div{border-top:1px solid #edf0e7;padding:14px 0}.glossary dt{font-size:13px;font-weight:600;color:#6b825b}.glossary dd{font-size:12px;line-height:1.8;color:#718561;margin:6px 0 0}.settings-card{max-width:800px;margin-bottom:22px}.toggle-field{display:flex;align-items:center;gap:20px;padding:23px 0;border-top:1px solid #e9efdf;position:relative;cursor:pointer}.toggle-field>span:first-child{flex:1}.toggle-label{font-size:15px;color:#638052}.toggle-field small{display:block;font-size:13px;line-height:1.7;color:#718461;margin-top:6px}.toggle-field input{position:absolute;right:0;width:37px;height:27px;opacity:0;margin:0;cursor:pointer}.toggle{pointer-events:none;width:34px;height:21px;background:#cdd7c0;border-radius:15px;position:relative}.toggle:before{content:"";width:15px;height:15px;background:#fff;border-radius:50%;position:absolute;left:3px;top:3px;transition:transform .15s}.toggle-field input:checked+.toggle{background:#65864a}.toggle-field input:checked+.toggle:before{transform:translate(13px)}.toggle-field input:focus-visible+.toggle{outline:2px solid #b47a5c;outline-offset:4px}.settings-note{background:#f0f5e8;padding:20px;border-radius:8px;display:flex;gap:15px;margin:10px 0 22px;color:#95aa7c}.settings-note strong{font-size:14px;font-weight:550;color:#718d5c}.settings-note p,.settings-body{font-size:13px;line-height:1.9;color:#6b8258;margin-top:7px}.settings-body{margin:0 0 20px}.toast{position:fixed;right:27px;bottom:24px;z-index:100;display:flex;align-items:center;gap:10px;border:1px solid #d5e1c5;background:#f9fff0;color:#5a7845;border-radius:9px;box-shadow:0 7px 30px #2c42161a;font-size:14px;padding:12px 14px;max-width:calc(100vw - 30px);animation:gesture-in .25s ease-out}.help-dialog{width:480px;max-width:calc(100vw - 32px);border:1px solid #dfe6d5;border-radius:15px;padding:30px;color:var(--color-ink);background:#fafbf6;box-shadow:0 20px 100px #1d381a25}.help-dialog::backdrop{background:#14281166;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px}.help-dialog h2{font-size:33px;font-weight:500;margin:16px 0 14px;line-height:1.15}.help-dialog>p{color:#6f835d;font-size:14px;line-height:1.9}.help-steps{padding:0;list-style:none;margin:26px 0;display:flex;flex-direction:column;gap:22px}.help-steps li{display:flex;align-items:flex-start;gap:13px}.help-steps li>span{background:#e8efdd;border:1px solid #dce5cd;border-radius:50%;color:#879e6a;font-size:13px;width:25px;height:25px;display:flex;align-items:center;justify-content:center;flex-shrink:0}.help-steps strong{font-size:14px;font-weight:550}.help-steps p{font-size:13px;line-height:1.8;color:#70875d;margin-top:4px}.dialog-note{background:#edf3e4;border:1px solid #e4ecd8;padding:14px;border-radius:7px;display:flex;gap:9px;align-items:flex-start;color:#91a87c;margin-bottom:23px}.dialog-note p{font-size:12px;line-height:1.8;color:#66804f}.help-dialog>.button{width:100%}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes gesture-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1550px){.sidebar{width:282px;padding-left:25px;padding-right:25px}.main-shell{margin-left:282px}main{padding-left:60px;padding-right:60px}.topbar{padding-left:60px;padding-right:60px}.camera-view{height:460px}.camera-placeholder{padding-bottom:35px}.hand-stage{height:215px;margin-bottom:14px}.hand-stage .hand-illustration{height:215px;width:175px}.stage-orbit{top:20px}.stage-orbit--two{top:0}.recognition-area{min-height:247px}.practice-card>.micro-label{margin-top:34px}.practice-letter{font-size:106px}}@media(max-width:1180px){.sidebar{width:232px;padding-left:14px;padding-right:14px}.main-shell{margin-left:232px}.sidebar-mission{font-size:11px;max-width:190px}.topbar{padding:0 26px}main{padding-left:27px;padding-right:27px}.topbar-word{font-size:10px;letter-spacing:.8px}.topbar-actions{gap:15px}.topbar-location{gap:13px}.workspace-grid{grid-template-columns:minmax(0,1.45fr) minmax(258px,1fr);gap:16px}.translation-card,.practice-card{padding-left:17px;padding-right:17px}.camera-mode{font-size:8px;letter-spacing:.5px}.quick-guide{grid-template-columns:repeat(3,1fr);gap:19px 15px}.guide-intro{grid-column:1 / -1;border-bottom:1px solid #e0e7d4;padding-bottom:14px}.guide-intro h2{font-size:13px}.guide-intro p{font-size:11px}.guide-icon{width:30px;height:30px}.under-camera{width:calc((100% - 16px)*.5918);flex-wrap:wrap;gap:9px}.stack-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:960px){.heading-decoration,.topbar-page,.topbar-separator{display:none}.local-pill{font-size:11px}.heading-decoration{margin-right:0;width:90px}.page-heading h1{font-size:39px}.page-heading>div>p{font-size:13px;max-width:390px}.workspace-grid{grid-template-columns:1fr}.translation-card{display:grid;grid-template-columns:1fr 1.15fr;column-gap:25px;padding:22px}.translation-card .panel-title{grid-column:1 / -1;margin-bottom:12px}.recognition-area{grid-column:1;grid-row:2 / 6;min-height:190px;border-right:1px solid #edf0e6;padding-right:25px}.transcript-heading{grid-column:2;padding-top:8px}.transcript-box{grid-column:2;height:70px}.transcript-edit{grid-column:2;margin-bottom:5px}.translation-actions,.translation-note{grid-column:2}.under-camera{width:100%}.practice-card{padding:25px}.practice-card>.micro-label{margin-top:15px}.practice-card>p{max-width:350px;margin-left:auto;margin-right:auto;min-height:unset}.practice-card>.button{max-width:280px;display:flex;margin:0 auto}.letter-art{height:130px}.letter-art .hand-illustration{width:100px;height:130px}.letter-art>span{font-size:60px;right:8px}.section-title h2{font-size:15px}.section-title p,.text-link{font-size:11px}.alphabet-layout{grid-template-columns:1fr;gap:10px}.letter-detail{padding:25px 0}.letter-detail h2{font-size:26px}.project-intro{grid-template-columns:1fr;gap:25px}.project-documentation{grid-template-columns:1fr}.stats-grid{gap:10px}.stat-card{padding:18px}.stat-card>span:last-child{font-size:11px}.progress-footer{flex-direction:column}.progress-row strong{font-size:12px}}@media(max-width:720px){.sidebar{visibility:hidden;transform:translate(-100%);width:272px;transition:transform .2s;box-shadow:10px 0 40px #162c1410}.sidebar--open{visibility:visible;transform:translate(0)}.sidebar-scrim{position:fixed;inset:0;background:#1d2e1f66;z-index:35}.main-shell{margin-left:0}.mobile-menu{display:inline-flex!important;margin-left:-6px}.topbar{padding:0 22px;height:63px}.topbar-location{gap:9px}.topbar-actions{gap:12px}.local-pill{font-size:10px;padding:6px 8px}.help-button{font-size:11px}.topbar-word{font-size:9px;letter-spacing:1px}main{padding:30px 22px 0}.page-heading{margin-bottom:28px}.page-heading h1{font-size:41px;letter-spacing:-1.7px;margin-top:16px}.page-heading>div>p{font-size:13px;max-width:380px}.eyebrow{font-size:10px;letter-spacing:1.1px}.workspace-tabs>button{font-size:13px;padding-left:9px;padding-right:9px}.workspace-caption{font-size:10px}.camera-view{height:416px}.camera-placeholder h2{font-size:22px}.camera-placeholder p{font-size:13px}.camera-placeholder .button{font-size:14px;min-height:43px}.camera-controls{font-size:13px}.compact-toggle,.mirror-button,.camera-status{font-size:12px}.camera-mode{font-size:9px}.under-camera>span,.under-camera>button{font-size:11px}.under-camera{gap:10px}.translation-card .panel-title h2{font-size:15px}.translation-note{font-size:10px}.letter-preview-grid{gap:10px}.letter-caption{font-size:12px;padding:12px 10px}.quick-guide{padding:18px}.guide-step p{font-size:10px;white-space:normal}.guide-step h3{font-size:12px;white-space:normal}.guide-intro h2{font-size:14px}.guide-intro p{font-size:12px}.footer{margin-top:28px}.footer>span{font-size:10px;gap:6px}.project-intro-copy p,.stack-card>p{font-size:14px}.stack-status{font-size:11px}.pipeline-step h3{font-size:14px}.pipeline-step p{font-size:12px}.glossary dt,.glossary dd{font-size:14px}.adr summary strong{font-size:14px}.adr>p{font-size:14px}}@media(max-width:450px){main{padding:26px 17px 0}.topbar{padding:0 17px}.topbar-word{font-size:9px;letter-spacing:.5px}.help-button>span{display:none}.help-button{width:26px;height:34px;justify-content:center}.topbar-actions{gap:9px}.page-heading h1{font-size:37px}.heading-decoration{display:none}.page-heading>div>p{font-size:13px;max-width:310px}.workspace-caption{display:none}.workspace-tabs{gap:15px}.workspace-tabs>button{font-size:14px}.camera-topline{left:14px;right:14px}.camera-mode{font-size:8px}.camera-view{height:410px}.camera-controls{padding-left:14px;padding-right:14px;gap:13px}.translation-card{column-gap:15px;padding:20px 15px}.recognition-area{padding-right:15px}.recognition-hint{font-size:9px}.transcript-box{font-size:11px;padding:12px 9px}.transcript-box--filled{font-size:17px}.transcript-edit{gap:7px}.transcript-edit>button{font-size:10px;gap:3px}.transcript-edit .clear-text{width:20px}.translation-note{font-size:8px;gap:3px}.translation-note svg{width:12px}.translation-actions .button{font-size:11px}.under-camera{flex-direction:column;align-items:flex-start;gap:10px;margin-top:14px}.under-camera>span,.under-camera>button{font-size:11px}.quick-guide{gap:17px 10px;margin-top:22px}.guide-step{gap:5px}.guide-step>span{font-size:16px}.guide-step h3{font-size:11px;line-height:1.4}.guide-step p{font-size:10px}.alphabet-preview{margin-top:29px}.alphabet-preview .section-title{align-items:flex-end}.alphabet-preview .section-title h2{font-size:14px;max-width:175px}.alphabet-preview .section-title p{font-size:11px;max-width:180px;line-height:1.7}.alphabet-preview .text-link{font-size:10px;gap:5px;padding-bottom:2px}.alphabet-preview .text-link svg{width:12px}.letter-preview-grid{grid-template-columns:repeat(2,1fr)}.letter-art{height:145px}.letter-art .hand-illustration{height:154px;width:121px}.footer>span:last-child{font-size:9px;max-width:130px;text-align:right;line-height:1.7}.footer>span:first-child{font-size:9px}.alphabet-library{padding:20px 15px}.alphabet-selector{gap:5px}.alphabet-selector button{font-size:14px}.content-card{padding:20px 17px}.progress-row{gap:10px;flex-wrap:wrap}.progress-letter{height:36px;width:36px}.progress-row strong{font-size:12px}.progress-row>div{min-width:180px}.progress-row>.button{margin-left:37px;padding-left:10px}.progress-list .section-title{flex-wrap:wrap}.stats-grid{gap:8px}.stat-card{padding:14px 11px}.stat-card>strong{font-size:46px;padding-top:8px}.stat-card>span:last-child{font-size:11px;line-height:1.6}.stat-icon{top:12px;right:9px}.stat-icon>svg{width:14px}.stack-grid{gap:10px}.stack-card{padding:18px 13px}.stack-card>h3{font-size:15px}.stack-card>p{font-size:13px}.stack-status{font-size:9px}.project-intro{padding:22px;gap:20px}.pipeline-step{padding-left:12px;padding-right:12px;gap:10px}.pipeline-step p{font-size:10px}.project-section-title .tag{display:none}.project-documentation .section-title h2{font-size:15px}.settings-note{padding:16px 13px;gap:10px}.info-banner{padding:18px;gap:12px;align-items:flex-start}.info-banner strong{font-size:14px;line-height:1.7}.info-banner p{font-size:13px}.help-dialog{padding:24px}.help-dialog h2{font-size:30px}.help-dialog>p,.help-steps p{font-size:14px}.dialog-note p{font-size:13px}}@media(max-height:760px)and (min-width:721px){.sidebar{padding-top:24px}.navigation{margin-top:22px}.nav-group+.nav-group{margin-top:18px}.sidebar-bottom{padding-top:16px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.workspace-heading{margin-bottom:24px}.workspace-heading h1{font-size:clamp(27px,3vw,38px);letter-spacing:-1.2px;margin:0 0 8px}.workspace-heading p{margin:0}.workspace-grid{align-items:start;grid-template-columns:minmax(0,1.5fr) minmax(300px,1fr)}.translation-card{display:flex;flex-direction:column;gap:16px;padding:24px}.translation-card .panel-title{margin:0}.writing-toggle{display:flex;gap:9px;align-items:center;font-size:13px;min-height:36px;cursor:pointer}.writing-toggle input{width:18px;height:18px;accent-color:#42624d;flex-shrink:0}.writing-guidance{font-size:12px;line-height:1.6;color:#6e7865;margin:-8px 0 0}.translation-card .transcript-heading{margin:0;padding:0}.translation-card .transcript-box{min-height:126px;height:auto;max-height:220px;font-size:16px;line-height:1.7;letter-spacing:normal}.translation-card .transcript-edit{margin:-8px 0 0;padding-bottom:12px;flex-wrap:wrap;gap:12px}.translation-card .transcript-edit button{min-height:44px;font-size:13px}.translation-card .transcript-edit .clear-text{width:44px;height:44px}.translation-actions .button,.translation-actions .export-button{min-height:44px}.translation-actions .export-button{width:44px}.workspace-help,.camera-options{font-size:13px;color:#5a6957}.workspace-help{margin-top:24px;border-top:1px solid var(--color-border);padding-top:8px}.workspace-help summary,.camera-options summary{cursor:pointer;padding:14px 0;min-height:44px}.workspace-help>p{max-width:680px;line-height:1.8;margin:12px 0}.camera-options summary{padding:14px 18px}.camera-options .camera-controls{border-top:1px solid var(--color-border);flex-wrap:wrap}.camera-mode,.workspace-caption{display:none}.sidebar{overflow-y:auto}.sidebar-bottom{padding-top:20px}.under-camera{width:100%;flex-wrap:wrap}.main-shell,main,.topbar,.workspace-grid>*{min-width:0}button,summary,input{touch-action:manipulation}@media(max-width:1100px){.workspace-grid{grid-template-columns:1fr}.translation-card{display:flex}}@media(max-width:720px){main{padding:22px 16px 0}.workspace-heading{margin-bottom:20px}.workspace-heading h1{font-size:28px;margin:0 0 8px}.workspace-heading>div>p{font-size:13px}.topbar{padding:0 16px}.local-pill{display:none}.workspace-grid{gap:14px}.workspace-tabs{gap:8px}.workspace-tabs>button{font-size:13px;padding-right:8px}.camera-view{height:240px}.camera-view--active{height:clamp(260px,38svh,340px)}.camera-view--demo{height:340px}.camera-placeholder{padding:46px 16px 18px;justify-content:center}.hand-stage{display:none}.camera-placeholder h2{font-size:22px}.camera-placeholder p{margin:10px 0 18px}.translation-card{padding:18px;gap:12px}.translation-card .transcript-box{min-height:88px}.live-message{max-width:calc(100% - 24px);font-size:12px;text-align:center}.live-message strong{font-size:14px}.stop-camera{min-height:44px}.under-camera{margin-top:12px}.footer{flex-wrap:wrap;gap:10px}.camera-controls{gap:10px}}@media(max-width:380px){.workspace-tabs>button{font-size:12px;gap:5px}.workspace-tabs>button:first-child{padding-right:8px}.workspace-heading h1{font-size:26px}.topbar-word{letter-spacing:0}}.journey-welcome{max-width:530px;margin:clamp(32px,8vh,88px) auto 40px;text-align:center}.journey-kicker{font-size:10px;letter-spacing:2px;color:#79876f;font-weight:600}.journey-welcome h1{font-size:clamp(38px,4vw,56px);line-height:1.12;letter-spacing:-2px;font-weight:500;margin:24px -30px 20px}.journey-welcome h1 em{font-family:"Instrument Serif",Georgia,serif;font-weight:400;color:#42624d}.journey-welcome>p{font-size:15px;line-height:1.8;color:#788273}.name-form{display:flex;flex-direction:column;text-align:left;margin:36px auto 0;max-width:380px}.name-form label{font-size:13px;font-weight:550;margin-bottom:12px}.name-form input{width:100%;height:56px;border:1px solid #dce3d5;border-radius:9px;background:#fff;padding:0 16px;color:#263c32;font-size:16px}.name-form input::placeholder{color:#9aa392}.name-form .button{min-height:50px;margin-top:16px;justify-content:center;gap:12px}.name-form-note{text-align:center;font-size:11px;color:#8b9483;margin-top:14px}.journey-error,.name-support{font-size:12px;line-height:1.7;margin-top:10px}.journey-error{color:#9b4a3c}.name-support{color:#7d6b4b}.welcome-footnote{font-size:12px;color:#8b9483;margin-top:58px;line-height:2}.welcome-footnote button{display:inline-flex;align-items:center;gap:5px;color:#46634b;font-size:12px}.journey-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:44px;font-size:12px;color:#68775f}.review-entry{margin-top:20px}.journey-session{max-width:870px;margin:0 auto}.journey-session-top{display:flex;align-items:center;justify-content:space-between;gap:15px;color:#7c8774;font-size:12px}.journey-progress{height:3px;border-radius:3px;background:#e6ebdf;margin:12px 0 30px;overflow:hidden}.journey-progress>span{display:block;height:100%;background:#5b7857;transition:width .2s}.journey-task{text-align:center;margin-bottom:30px}.journey-task h1{margin:10px 0 0;font-weight:450;font-size:32px;letter-spacing:-1px}.journey-task h1 strong{color:#355c40;font-weight:650}.journey-stage{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px}.journey-reference{display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #e2e8dc;border-radius:16px;background:#fff;padding:24px}.sign-photo{display:flex;align-items:center;justify-content:center;width:100%;min-height:210px}.sign-photo img{width:100%;max-width:300px;height:220px;object-fit:contain}.reference-unavailable{color:#8b9483;font-size:13px}.journey-camera{position:relative;height:330px;background:#eff2e9;border:1px solid #e2e8dc;border-radius:16px;overflow:hidden}.journey-camera--active{background:#18281f}.journey-camera video{width:100%;height:100%;object-fit:contain}.journey-camera-start{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:24px;text-align:center;color:#718069}.journey-camera-start p{font-size:13px;line-height:1.7;max-width:300px;margin:16px 0}.journey-camera-start small{font-size:10px;margin-top:12px;line-height:1.7}.journey-camera-start .button{min-height:44px}.journey-camera-stop{position:absolute;top:12px;right:12px;width:44px;height:44px;border-radius:50%;background:#fffffff0;z-index:2}.journey-feedback{position:absolute;bottom:12px;left:12px;right:12px;display:flex;justify-content:center;align-items:center;gap:7px;padding:12px;background:#fbfcf8ed;border-radius:9px;font-size:12px;text-align:center;line-height:1.5;color:#455c43}.journey-feedback--success{background:#244b3bf5;color:#fff}.journey-feedback svg{flex-shrink:0}.journey-actions{min-height:76px;display:flex;align-items:center;justify-content:center;margin-top:12px}.journey-actions .button{min-width:220px;min-height:48px;justify-content:center;gap:12px}.journey-help{margin:12px auto 0;max-width:580px;color:#7a8672;font-size:12px;text-align:center}.journey-help summary{cursor:pointer;min-height:44px;padding:12px}.journey-help p{text-align:left;line-height:1.8;margin:12px 0}.journey-help a{text-decoration:underline;display:inline-block;padding:10px 0}.journey-summary{max-width:510px;margin:65px auto 30px;text-align:center}.summary-symbol{width:64px;height:64px;border-radius:50%;background:#eaf0df;color:#4e7045;display:inline-flex;align-items:center;justify-content:center}.journey-summary h1{font-size:32px;letter-spacing:-1px;margin:24px 0 12px;font-weight:500}.journey-summary p{font-size:14px;line-height:1.8;margin:12px 0;color:#718069}.summary-result{display:flex;flex-direction:column;padding:24px;gap:10px;margin:24px 0;border:1px solid #e2e8dc;border-radius:12px;background:#fff}.summary-result strong{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:58px;line-height:1;color:#3e5c3c}.summary-result span{font-size:13px;color:#718069}.journey-summary .summary-note{font-size:12px;margin:24px 0}.journey-summary>.button{min-height:48px;margin:0 auto;gap:12px}.journey-summary>.journey-text-button{display:flex;margin:12px auto 0}.sign-dialog{padding:32px;border:1px solid #dde5d6;border-radius:16px;max-width:min(480px,calc(100% - 32px));color:#263c32;background:#fbfcf9}.sign-dialog::backdrop{background:#182b2380}.sign-dialog h2{font-size:24px;margin:10px 0 24px;font-weight:500}.sign-dialog-close{float:right;width:44px;height:44px}.sign-dialog img{width:100%;height:auto;max-height:280px;object-fit:contain;background:#fff;border-radius:10px}.sign-dialog p{font-size:14px;line-height:1.8;margin:20px 0}.sign-dialog a{display:inline-flex;gap:8px;align-items:center;font-size:13px;text-decoration:underline;min-height:44px}.sign-dialog small{display:block;font-size:10px;color:#7b8771;line-height:1.8;margin-top:12px}@media(max-width:720px){.journey-welcome{margin:50px auto 24px}.journey-welcome h1{font-size:41px;margin:22px 0 18px;letter-spacing:-1.7px}.journey-welcome>p{max-width:280px;margin:auto;font-size:14px}.name-form{margin-top:30px}.welcome-footnote{margin-top:40px}.journey-stage{grid-template-columns:1fr;gap:12px}.journey-reference{padding:10px;flex-direction:row;gap:10px}.sign-photo{min-height:0;width:52%}.sign-photo img{height:125px}.journey-reference>.journey-text-button{width:40%}.journey-camera{height:clamp(250px,36svh,310px)}.journey-progress{margin:6px 0 22px}.journey-task{margin-bottom:20px}.journey-task h1{font-size:28px}.journey-actions{margin-top:6px;min-height:64px}.journey-summary{margin-top:36px}.journey-summary h1{font-size:29px}}@media(max-width:380px){.journey-welcome h1{font-size:35px}.journey-kicker{font-size:9px}}.learning-alphabet,.learning-history{max-width:850px;margin:30px auto}.learning-alphabet h1,.learning-history h1{font-size:34px;letter-spacing:-1px;font-weight:500;margin-bottom:12px}.learning-alphabet>p,.learning-history>p{font-size:14px;color:#788273;line-height:1.8}.learning-alphabet-layout{margin-top:36px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:start}.learning-letter-picker{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.learning-letter-picker button{border:1px solid #e2e8dc;border-radius:10px;background:#fff;height:52px;font-size:18px}.learning-letter-picker button[aria-pressed=true]{color:#fff;background:#244b3b;border-color:#244b3b}.learning-letter-reference{text-align:center;background:#fff;padding:24px;border:1px solid #e2e8dc;border-radius:16px}.learning-letter-reference h2{font-size:20px;font-weight:500}.learning-letter-reference p{font-size:12px;line-height:1.8;color:#788273;margin:14px 0 20px}.learning-letter-reference .button{margin:auto;min-height:44px;gap:10px}.learning-history{max-width:600px}.learning-history-card{display:flex;flex-direction:column;gap:12px;background:#fff;border:1px solid #e2e8dc;border-radius:12px;padding:28px;margin:28px 0}.learning-history-card strong{font-size:48px;font-weight:450}.learning-history-card span{font-size:13px;color:#788273}.learning-history h2{font-size:18px;font-weight:500;margin-bottom:14px}.learning-history .button{margin-top:24px;gap:12px}.learning-history .summary-note{margin-top:32px;font-size:12px}@media(max-width:720px){.learning-alphabet-layout{grid-template-columns:1fr;gap:24px}.learning-alphabet h1,.learning-history h1{font-size:29px}.learning-letter-reference .sign-photo{width:100%}.learning-letter-reference .sign-photo img{height:200px}}.journey-welcome h1:focus,.journey-task h1:focus,.journey-summary h1:focus{outline:none}