/* Ten finite illustrations; the surrounding captured page is unchanged. */ #ssu-orbit.ss-orbit{position:relative;min-width:0;min-height:540px;display:flex;flex-direction:column;justify-content:center;overflow:hidden;background:transparent;border:0;padding:0;box-shadow:none;isolation:isolate;color:#292d31;font-family:Inter,Arial,sans-serif;--scene-scale:1} .ss-orbit .orbit-viewport{position:relative;width:100%;height:400px;touch-action:pan-y;cursor:grab;user-select:none;-webkit-user-select:none;perspective:1100px;border-bottom:2px solid transparent;mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 8%,#000 92%,transparent)} .ss-orbit .orbit-viewport:active{cursor:grabbing}.ss-orbit .orbit-card{position:absolute;left:50%;top:42px;width:80%;height:306px;transform:translateX(-50%);transform-origin:center;transition:transform 480ms cubic-bezier(.2,.7,.25,1),opacity 400ms} .ss-orbit .orbit-current{z-index:3;opacity:1;transform:translateX(calc(-50% + var(--drag,0px))) scale(1)} .ss-orbit .orbit-previous{z-index:1;opacity:.29;transform:translateX(calc(-119% + var(--drag,0px))) translateY(22px) scale(.78) rotateY(12deg)} .ss-orbit .orbit-next{z-index:2;opacity:.29;transform:translateX(calc(19% + var(--drag,0px))) translateY(22px) scale(.78) rotateY(-12deg)} .ss-orbit .orbit-hidden{opacity:0;visibility:hidden;pointer-events:none;transform:translateX(-50%) scale(.75)}.ss-orbit .orbit-dragging .orbit-card{transition:none} .ss-orbit .lib-canvas{position:absolute;width:440px;height:306px;left:50%;top:50%;transform:translate(-50%,-50%) scale(var(--scene-scale));transform-origin:center;color:#30352f;font:14px/1.6 Inter,Arial,sans-serif} .ss-orbit .lib-canvas *{box-sizing:border-box}.ss-orbit .lib-canvas p{font:inherit;margin:0 0 16px}.ss-orbit .lib-canvas h3{font:500 18px/1.4 Inter,Arial,sans-serif;margin:0 0 17px}.ss-orbit .lib-canvas small{display:block;color:#798078;font-size:10px;margin-bottom:13px}.ss-orbit .lib-canvas svg{width:18px;height:18px;flex:none}.ss-orbit .lib-logo{width:24px;height:24px;object-fit:contain;flex:none}.ss-orbit .lib-canvas mark{background:#e6eddf;color:#365740;border-bottom:1px solid #91ad93;border-radius:2px;padding:1px 2px} .ss-orbit .lib-window{position:relative;height:306px;background:#fff;border:1px solid #d7dcd9;border-radius:14px;box-shadow:0 22px 40px -12px #39352c30,0 4px 12px #39352c12;overflow:hidden} .ss-orbit .lib-word-bar{height:36px;display:flex;align-items:center;gap:8px;background:#185abd;color:white;padding:0 12px;font-size:10px}.ss-orbit .lib-word-bar img{width:21px;height:21px;object-fit:contain}.ss-orbit .lib-word-bar span{margin-left:auto} .ss-orbit .lib-ribbon{height:34px;display:flex;align-items:center;gap:14px;padding:0 14px;background:#f5f7fa;border-bottom:1px solid #e6e9ef;color:#525b64;font-size:9px}.ss-orbit .lib-ribbon b{color:#185abd}.ss-orbit .lib-ribbon>span{margin-left:auto} .ss-orbit .lib-paper{margin:13px 18px;padding:17px;min-height:210px;border:1px solid #e7e8e7;background:#fff;color:#292d31;font-size:14px;line-height:1.65;box-shadow:0 2px 5px #00000006}.ss-orbit .lib-lines{display:grid;gap:7px;max-width:180px;margin-top:16px;opacity:.6}.ss-orbit .lib-lines i{height:5px;border-radius:3px;background:#d4d9d8}.ss-orbit .lib-lines i:nth-child(2){width:88%}.ss-orbit .lib-lines i:nth-child(3){width:63%} .ss-orbit .lib-swap{position:relative;display:inline-grid;vertical-align:top}.ss-orbit .lib-swap>span{grid-area:1/1}.ss-orbit .lib-before{opacity:0}.ss-orbit .lib-after{opacity:1}.ss-orbit .lib-paper .lib-before{text-decoration:underline wavy #b77d79;text-underline-offset:4px}.ss-orbit .lib-paper .lib-after{background:#e5eddf;border-radius:3px} .ss-orbit .lib-panel{position:absolute;right:12px;bottom:13px;width:185px;padding:12px;background:#faf9f5;border:1px solid #dce1d8;border-radius:15px;box-shadow:0 6px 20px #253d2423;font-size:12px;color:#30352f;transform-origin:80% 100%}.ss-orbit .lib-panel>header{display:flex;align-items:center;gap:5px;margin-bottom:14px;font-size:11px}.ss-orbit .lib-panel>header svg{width:14px;height:14px;color:#587b68}.ss-orbit .lib-panel>header .lib-logo{width:20px;height:20px}.ss-orbit .lib-panel>header span{margin-left:auto;color:#7a8177}.ss-orbit .lib-panel p{line-height:1.7;margin-bottom:12px}.ss-orbit .lib-insert{border-radius:7px;background:#506957;color:#fff;padding:6px 10px;text-align:center;font-size:10px;font-weight:600}.ss-orbit .lib-insert span{float:right} .ss-orbit .lib-mail-bar{height:51px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#f7f9fc;border-bottom:1px solid #eef1f4;font-size:14px}.ss-orbit .lib-mail-bar img{width:24px}.ss-orbit .lib-mail-bar>span{font-size:9px;color:#75828b;background:#eaf1f9;border-radius:20px;padding:10px 12px;margin-left:10px;flex:1}.ss-orbit .lib-mail-bar i{width:23px;height:23px;border-radius:50%;background:#7c63a7;color:white;display:grid;place-items:center;font:10px Arial} .ss-orbit .lib-mail-content{padding:22px 25px;font-size:15px;line-height:1.5}.ss-orbit .lib-mail-content h3{margin-bottom:8px}.ss-orbit .lib-mail-content small{margin-bottom:20px}.ss-orbit .lib-mail-content p{margin-bottom:8px}.ss-orbit .lib-reader{position:absolute;left:15%;bottom:17px;display:flex;align-items:center;gap:11px;width:70%;padding:12px;border:1px solid #d9e1d4;border-radius:13px;background:#f7f9f2;box-shadow:0 5px 16px #24432622;font-size:11px;color:#344738}.ss-orbit .lib-reader>div{flex:1}.ss-orbit .lib-play{width:31px;height:31px;background:#506957;border-radius:50%;color:#fff;display:grid;place-items:center;font-size:11px}.ss-orbit .lib-progress{height:3px;margin-top:7px;background:#dce5d6;border-radius:4px;overflow:hidden}.ss-orbit .lib-progress i{height:100%;display:block;background:#657e65;transform-origin:left}.ss-orbit .lib-read-word{border-radius:3px;padding:2px 0} .ss-orbit .lib-mobile{position:relative;height:306px}.ss-orbit .lib-phone-shell{position:relative;margin:-18px auto 0;width:185px;height:342px;background:#faf9f5;border:5px solid #343a37;border-radius:32px;box-shadow:0 18px 30px -8px #28291c40;overflow:hidden}.ss-orbit .lib-phone-island{height:13px;width:55px;background:#343a37;border-radius:0 0 9px 9px;margin:0 auto 14px}.ss-orbit .lib-phone-shell>header{display:flex;align-items:center;gap:6px;padding:0 12px 12px;border-bottom:1px solid #e6e8e0;font-size:11px}.ss-orbit .lib-phone-shell .lib-logo{width:21px;height:21px}.ss-orbit .lib-phone-content{padding:15px;font-size:17px}.ss-orbit .lib-dictated span{display:block;white-space:nowrap}.ss-orbit .lib-dictation{position:absolute;bottom:18px;left:12px;right:12px;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;padding:12px;border:1px solid #dbe3d4;border-radius:17px;background:#edf2e7;color:#506957;font-size:10px}.ss-orbit .lib-dictation>b{width:100%;text-align:center}.ss-orbit .lib-mic{background:#506957;color:white;border-radius:50%;width:31px;height:31px;display:grid;place-items:center}.ss-orbit .lib-mic svg{width:17px;height:17px}.ss-orbit .lib-wave{height:28px;display:flex;align-items:center;gap:4px}.ss-orbit .lib-wave i{width:3px;height:10px;border-radius:2px;background:#67846c}.ss-orbit .lib-wave i:nth-child(2n){height:22px}.ss-orbit .lib-wave i:nth-child(3n){height:16px}.ss-orbit .lib-phone-home{position:absolute;bottom:5px;left:60px;right:60px;height:3px;border-radius:4px;background:#7d857a}.ss-orbit .lib-speech-note{position:absolute;right:6px;bottom:70px;background:#f5f7ef;border:1px solid #dbe3d4;border-radius:16px;display:flex;align-items:center;gap:9px;padding:13px;font-size:13px;box-shadow:0 5px 18px #35492c13}.ss-orbit .lib-speech-note svg{color:#506957} .ss-orbit .lib-language{display:flex;gap:10px;align-items:center;border-radius:6px;background:#eaf0e5;padding:7px;margin-bottom:14px;font-size:10px}.ss-orbit .lib-language span{color:#748570}.ss-orbit .lib-translate-panel{width:202px}.ss-orbit .lib-source-wide{font-size:16px}.ss-orbit .lib-source-wide .lib-lines{max-width:145px} .ss-orbit .lib-message-swap{max-width:220px;line-height:1.7;font-size:14px}.ss-orbit .lib-adjust-panel{width:196px;bottom:12px}.ss-orbit .lib-tone{position:relative;background:#e4ede1;color:#42624c;padding:8px 10px 14px;margin-bottom:12px;border-radius:9px;font-size:9px}.ss-orbit .lib-tone>b{float:right;font-size:10px}.ss-orbit .lib-tone>i{display:block;height:3px;background:#b6ccb4;margin-top:12px;border-radius:3px}.ss-orbit .lib-tone em{display:block;width:9px;height:9px;border-radius:50%;background:#506957;position:relative;top:-3px;margin-left:67%} .ss-orbit .lib-browser-bar{height:37px;display:flex;align-items:center;gap:5px;background:#f1f3f3;border-bottom:1px solid #e1e5e3;padding:0 12px;font-size:10px;color:#68746d}.ss-orbit .lib-browser-bar>i{width:5px;height:5px;border-radius:50%;background:#c2cbc3}.ss-orbit .lib-browser-bar>span{margin-left:13px;background:white;border-radius:6px 6px 0 0;padding:6px 18px;min-width:150px;align-self:flex-end}.ss-orbit .lib-browser-bar>b{margin-left:auto;font-weight:400}.ss-orbit .lib-article{padding:24px;font-size:13px;line-height:1.7}.ss-orbit .lib-article h3{font-weight:650;margin-bottom:16px}.ss-orbit .lib-article .lib-lines{max-width:170px}.ss-orbit .lib-summary-panel{width:210px;bottom:13px}.ss-orbit .lib-tabs{display:flex;gap:12px;color:#889087;font-size:10px;margin-bottom:12px}.ss-orbit .lib-tabs b{color:#506957;border-bottom:2px solid #9fb49b}.ss-orbit .lib-summary{margin:0;padding:0 0 0 15px;line-height:2.1;font-size:13px}.ss-orbit .lib-summary li::marker{color:#627e5e}.ss-orbit .lib-mode{display:inline-block;margin-top:10px;padding:2px 10px;border:1px solid #d9e3d3;border-radius:10px;background:#edf2e7;color:#617a5a;font-size:9px} .ss-orbit .lib-photo{position:absolute;inset:37px 0 0;background:linear-gradient(135deg,#e9eddf,#cedac6);padding:30px}.ss-orbit .lib-photo-paper{position:relative;width:230px;height:184px;padding:23px 20px;background:#fffdf4;box-shadow:3px 9px 19px #59654d22;transform:rotate(-5deg);font-size:20px;line-height:1.6}.ss-orbit .lib-photo-paper small{font-size:9px;letter-spacing:3px;color:#8f957f;margin-bottom:10px}.ss-orbit .lib-scan-box{position:absolute;left:11px;right:12px;top:50px;height:92px;border:2px solid #6f916d;border-radius:5px;background:#c9dfb62b}.ss-orbit .lib-scan-box i{position:absolute;left:0;right:0;top:0;height:2px;background:#5a845b;opacity:0}.ss-orbit .lib-ocr-panel{width:188px;bottom:20px}.ss-orbit .lib-mini-reading{border-top:1px solid #e1e6dc;padding-top:9px;display:flex;align-items:center;gap:9px;color:#506957;font-size:10px} .ss-orbit .lib-chat-panel{width:240px;bottom:15px}.ss-orbit .lib-chat-question{padding:9px 12px;border-radius:12px 12px 3px 12px;background:#e2ebdb;margin-left:42px;font-size:12px}.ss-orbit .lib-chat-answer{padding:13px 11px;margin:10px 10px 12px 0;border:1px solid #e4e7df;border-radius:12px 12px 12px 3px;background:#fff;font-size:13px;line-height:1.7}.ss-orbit .lib-chat-input{border-radius:10px;border:1px solid #e1e5db;background:white;padding:8px 10px;color:#929a8b;font-size:10px;display:flex;align-items:center;justify-content:space-between}.ss-orbit .lib-chat-input svg{width:13px;height:13px;color:#597452} .ss-orbit .lib-pdf-toolbar{height:32px;display:flex;align-items:center;gap:7px;padding:0 17px;background:#edf1e7;font-size:10px;color:#5c6f56}.ss-orbit .lib-pdf-toolbar svg{width:15px;height:15px}.ss-orbit .lib-pdf-toolbar span{margin-left:auto;font-size:9px}.ss-orbit .lib-pdf-paper{width:74%;height:220px;background:#fff;border:1px solid #e2e4de;padding:17px 25px;margin:10px auto;box-shadow:0 2px 8px #2538270b;font-size:14px}.ss-orbit .lib-pdf-paper h3{font-size:17px;margin-bottom:12px}.ss-orbit .lib-pdf-paper small{font-size:8px;letter-spacing:2px;margin-bottom:8px}.ss-orbit .lib-pdf-paper .lib-lines{margin-top:12px;gap:5px}.ss-orbit .lib-pdf-paper .lib-lines i{height:4px} .ss-orbit .lib-workspace{height:269px;display:flex;background:#fafaf4}.ss-orbit .lib-workspace>aside{width:47px;background:#edf1e7;display:flex;flex-direction:column;align-items:center;gap:23px;padding-top:16px;color:#687d60;flex:none}.ss-orbit .lib-workspace>main{padding:22px;flex:1}.ss-orbit .lib-workspace h3{font-size:17px;font-weight:650}.ss-orbit .lib-prompt-chip{display:inline-flex;align-items:center;gap:6px;padding:5px 11px;background:#e4eddc;border:1px solid #d5e1cd;border-radius:15px;font-size:11px;color:#4e6c43}.ss-orbit .lib-prompt-chip svg{width:13px;height:13px}.ss-orbit .lib-prompt-input{margin:15px 0 12px;padding:10px 13px;background:white;border:1px solid #e3e7dc;border-radius:12px;font-size:12px}.ss-orbit .lib-prompt-result{border-radius:12px;background:#f0f5e9;border:1px solid #d8e5ce;padding:12px 14px;font-size:14px;line-height:1.7} .ss-orbit .orbit-controls{display:flex;justify-content:center;align-items:center;gap:14px;margin:0 auto;color:#506957}.ss-orbit .orbit-controls[hidden]{display:none}.ss-orbit .orbit-arrow{display:grid;place-items:center;width:44px;height:44px;min-width:44px;border:0;border-radius:50%;color:inherit;background:transparent;cursor:pointer;padding:0}.ss-orbit .orbit-arrow svg{width:18px;height:18px}.ss-orbit .orbit-arrow:hover{background:#e4ebdd}.ss-orbit .orbit-counter{font:600 12px/1 Inter,Arial,sans-serif;font-variant-numeric:tabular-nums;min-width:49px;text-align:center}.ss-orbit .orbit-counter>span{color:#8b9785;font-weight:400;margin-left:4px}.ss-orbit .orbit-arrow:focus-visible{outline:none;background:#506957;color:#fff}.ss-orbit .orbit-viewport:focus-visible{outline:none;border-bottom-color:#506957}.ss-orbit .orbit-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)} @media(prefers-reduced-motion:no-preference){ .ss-orbit .orbit-playing .lib-before{animation:lib-before 3.8s linear both}.ss-orbit .orbit-playing .lib-after{animation:lib-after 3.8s linear both}.ss-orbit .orbit-playing .lib-result{animation:lib-panel-in 3.8s ease both}.ss-orbit .orbit-playing .lib-insert{animation:lib-insert 3.8s ease both}.ss-orbit .orbit-playing .lib-progress i{animation:lib-progress 3.8s linear both}.ss-orbit .orbit-playing .lib-read-word{animation:lib-word 450ms calc(450ms + var(--word)*450ms) linear both}.ss-orbit .orbit-playing .lib-wave i{animation:lib-wave 450ms 8 alternate ease-in-out}.ss-orbit .orbit-playing .lib-wave i:nth-child(2n){animation-delay:70ms}.ss-orbit .orbit-playing .lib-dictated span{animation:lib-type 1.2s .6s steps(12,end) both;overflow:hidden}.ss-orbit .orbit-playing .lib-dictated span+span{animation-delay:1.8s}.ss-orbit .orbit-playing .lib-speech-note{animation:lib-note 3.8s ease both}.ss-orbit .orbit-playing .lib-result-text,.ss-orbit .orbit-playing .lib-chat-answer,.ss-orbit .orbit-playing .lib-prompt-result{animation:lib-answer 3.8s ease both}.ss-orbit .orbit-playing .lib-tone em{animation:lib-tone 3.8s ease both}.ss-orbit .orbit-playing .lib-summary li{animation:lib-bullet 700ms 1s ease both}.ss-orbit .orbit-playing .lib-summary li:nth-child(2){animation-delay:1.6s}.ss-orbit .orbit-playing .lib-summary li:nth-child(3){animation-delay:2.2s}.ss-orbit .orbit-playing .lib-scan-box{animation:lib-select 3.8s ease both}.ss-orbit .orbit-playing .lib-scan-box i{animation:lib-scan 3.8s ease both}.ss-orbit .orbit-playing .lib-prompt-chip{animation:lib-chip 3.8s ease both} } @keyframes lib-before{0%,70%{opacity:1}76%,100%{opacity:0}}@keyframes lib-after{0%,70%{opacity:0}76%,100%{opacity:1}}@keyframes lib-panel-in{0%,12%{opacity:0;translate:0 8px}28%,100%{opacity:1;translate:0 0}}@keyframes lib-insert{0%,50%,75%,100%{background:#506957;transform:scale(1)}60%,68%{background:#365438;transform:scale(.97)}}@keyframes lib-progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes lib-word{0%,100%{background:transparent}1%,99%{background:#e2edc4}}@keyframes lib-wave{from{transform:scaleY(.3)}to{transform:scaleY(1)}}@keyframes lib-type{from{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes lib-note{0%{opacity:0;translate:0 5px}18%,100%{opacity:1;translate:0}}@keyframes lib-answer{0%,30%{opacity:0;translate:0 5px}48%,100%{opacity:1;translate:0}}@keyframes lib-tone{0%,10%{margin-left:0}32%,100%{margin-left:67%}}@keyframes lib-bullet{from{opacity:0;translate:0 5px}to{opacity:1;translate:0}}@keyframes lib-select{0%{clip-path:inset(0 100% 100% 0)}25%,100%{clip-path:inset(0)}}@keyframes lib-scan{0%,20%{opacity:0;translate:0 0}25%{opacity:1}55%{opacity:1;translate:0 88px}60%,100%{opacity:0;translate:0 88px}}@keyframes lib-chip{0%,10%{background:#f4f6ee;transform:scale(1)}25%,40%{background:#d4e3c8;transform:scale(.98)}55%,100%{background:#e4eddc;transform:scale(1)}} @media(prefers-reduced-motion:reduce){.ss-orbit .orbit-card{transition:none}} html[data-theme="dark"] .ss-orbit .orbit-controls{color:#cfddc5}html[data-theme="dark"] .ss-orbit .orbit-counter>span{color:#b2bdaa}html[data-theme="dark"] .ss-orbit .orbit-arrow:hover{background:#394634}html[data-theme="dark"] .ss-orbit .orbit-arrow:focus-visible{background:#ccdbc2;color:#263221}html[data-theme="dark"] .ss-orbit .orbit-viewport:focus-visible{border-bottom-color:#ccdbc2} @media(max-width:900px){#ssu-orbit.ss-orbit{min-height:430px}.ss-orbit .orbit-viewport{height:370px}} @media(max-width:560px){#ssu-orbit.ss-orbit{min-height:310px;margin:0 -10px;width:calc(100% + 20px);--scene-scale:.58}.ss-orbit .orbit-viewport{height:265px}.ss-orbit .orbit-card{top:16px;height:235px}.ss-orbit .orbit-controls{gap:16px}} @media(forced-colors:active){.ss-orbit .orbit-arrow:focus-visible{background:Highlight;color:HighlightText}.ss-orbit .orbit-viewport:focus-visible{border-color:Highlight}} .ss-orbit .lib-correct-panel mark:first-child{background:#f5e2df;color:#825f5b;border-color:#c49089}.ss-orbit .lib-correct-panel mark:nth-child(2){background:#e3eaf4;color:#526b86;border-color:#96aec6} .ss-orbit .lib-play,.ss-orbit .lib-dictation>b{display:grid}.ss-orbit .lib-idle,.ss-orbit .lib-active{grid-area:1/1;font-style:normal}.ss-orbit .lib-active{opacity:0}.ss-orbit .lib-tone-action{display:grid}.ss-orbit .lib-tone-action>span{grid-area:1/1;float:none}.ss-orbit .lib-generate{opacity:0} @media(prefers-reduced-motion:no-preference){.ss-orbit .orbit-playing .lib-idle{animation:lib-idle 3.8s steps(1,end) both}.ss-orbit .orbit-playing .lib-active{animation:lib-active 3.8s steps(1,end) both}.ss-orbit .orbit-playing .lib-generate{animation:lib-generate 3.8s steps(1,end) both}.ss-orbit .orbit-playing .lib-insert-label{animation:lib-generated 3.8s steps(1,end) both}.ss-orbit .orbit-playing .lib-tone-action{animation:lib-generate-action 3.8s ease both}} @keyframes lib-idle{0%,99%{opacity:0}100%{opacity:1}}@keyframes lib-active{0%,99%{opacity:1}100%{opacity:0}}@keyframes lib-generate{0%,40%{opacity:1}41%,100%{opacity:0}}@keyframes lib-generated{0%,40%{opacity:0}41%,100%{opacity:1}}@keyframes lib-generate-action{0%,18%,42%,50%,75%,100%{background:#506957;transform:scale(1)}24%,33%,60%,68%{background:#365438;transform:scale(.97)}} /* Refinement: selection follows its text; branding uses the native standalone mark. */ .ss-orbit .lib-browser-bar>span{display:flex;align-items:center;gap:6px}.ss-orbit .lib-browser-bar>span img{width:13px;height:13px}.ss-orbit .lib-panel>header .lib-logo{width:22px;height:22px} .ss-orbit .lib-long-source p{max-width:190px;font-size:12px;line-height:1.85}.ss-orbit .lib-long-source p b{font-weight:600}.ss-orbit .lib-long-source .lib-lines{max-width:155px} .ss-orbit .lib-ocr-target{position:relative;display:inline-block;margin-top:2px;line-height:1.6}.ss-orbit .lib-ocr-target p{margin:0;white-space:nowrap}.ss-orbit .lib-scan-box{inset:-7px -9px;height:auto}.ss-orbit .lib-scan-box i{top:0;translate:none}.ss-orbit .lib-ocr-panel{width:178px;right:9px;bottom:15px} @keyframes lib-scan{0%,20%{opacity:0;top:0}25%{opacity:1}55%{opacity:1;top:calc(100% - 2px)}60%,100%{opacity:0;top:calc(100% - 2px)}} .ss-orbit .orbit-playing .lib-translate-panel .lib-insert{animation:none}.ss-orbit .lib-prompt-caption{margin:0 0 6px!important;font-size:9px!important}.ss-orbit .lib-workspace h3{margin-bottom:10px}.ss-orbit .lib-prompt-input{display:flex;align-items:center;justify-content:space-between;margin:12px 0 10px;padding:7px 9px 7px 12px}.ss-orbit .lib-submit{display:grid;place-items:center;width:24px;height:24px;background:#506957;color:white;border-radius:50%;font-size:17px}.ss-orbit .lib-prompt-result{padding:9px 12px} @media(prefers-reduced-motion:no-preference){.ss-orbit .orbit-playing .lib-submit{animation:lib-submit 3.8s ease both}} @keyframes lib-submit{0%,15%,40%,100%{transform:scale(1);background:#506957}23%,30%{transform:scale(.9);background:#334f36}} .ss-orbit .lib-tabs{display:inline-flex;gap:0;padding:2px;background:#f0efeb;border:1px solid #e3e3dd;border-radius:9px}.ss-orbit .lib-tabs>*{padding:4px 8px}.ss-orbit .lib-tabs b{background:white;border:1px solid #d9e1d6;border-radius:7px}.ss-orbit .lib-copy{display:block;margin-left:auto;width:80px;border-radius:7px;background:#eeede8;color:#50614a;padding:6px 10px;text-align:center;font-size:10px;font-weight:600}.ss-orbit .lib-small-play{display:grid;place-items:center;background:#506957;color:#fff;border-radius:50%;width:26px;height:26px;font-size:10px}.ss-orbit .lib-mini-reading .lib-progress{flex:1;margin:0} @media(prefers-reduced-motion:no-preference){.ss-orbit .orbit-playing .lib-ocr-read{animation:lib-ocr-word 3.8s linear both}.ss-orbit .orbit-playing .lib-ocr-panel .lib-progress i{animation:lib-ocr-progress 3.8s linear both}} @keyframes lib-ocr-word{0%,62%,100%{background:transparent}65%,88%{background:#e2edc4}}@keyframes lib-ocr-progress{0%,60%{transform:scaleX(0)}100%{transform:scaleX(1)}} @media(max-width:360px){#ssu-orbit.ss-orbit{--scene-scale:.47}} /* Scoped phase-driven journeys. Missing phase intentionally renders the useful final state. */ .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"],[data-journey="predict"]) .jw-window{isolation:isolate} .ss-orbit [data-journey] .jw-paper{position:absolute;left:18px;top:83px;right:18px;height:209px;padding:17px;border:1px solid #e7e8e7;background:#fff;box-shadow:0 2px 5px #00000006;font-size:14px} .ss-orbit [data-journey] .jw-paper>small{font-size:12px;color:#414a42;margin-bottom:15px} .ss-orbit [data-journey] .jw-source{position:relative;width:182px;min-height:57px;font-size:14px;line-height:1.7} .ss-orbit [data-journey] .jw-source p{margin:0;font:inherit} .ss-orbit [data-journey] .jw-original,.ss-orbit [data-journey] .jw-replaced{transition:opacity 240ms ease} .ss-orbit [data-journey] .jw-original{opacity:0}.ss-orbit [data-journey] .jw-replaced{position:absolute;inset:0;opacity:1} .ss-orbit [data-journey] .jw-selectable{border-radius:2px;-webkit-box-decoration-break:clone;box-decoration-break:clone;transition:background-color 300ms,color 300ms} .ss-orbit [data-journey] .jw-error{text-decoration:underline wavy #b6857c;text-underline-offset:4px;text-decoration-thickness:1px} .ss-orbit [data-journey] .jw-fixed{background:#eaf0e5;border-radius:2px} .ss-orbit [data-journey] .jw-lines{display:grid;gap:7px;width:135px;margin-top:17px;opacity:.55}.ss-orbit [data-journey] .jw-lines i{display:block;height:4px;border-radius:3px;background:#d6dcd7}.ss-orbit [data-journey] .jw-lines i+ i{width:75%} .ss-orbit [data-journey] .jw-toolbar{position:absolute;left:33px;top:216px;z-index:8;display:flex;align-items:center;gap:1px;padding:5px;border:1px solid #e3e3d9;border-radius:10px;background:#fcfbf7;box-shadow:0 5px 14px #3b493426;opacity:0;visibility:hidden;translate:0 4px;transition:opacity 220ms,translate 220ms,visibility 220ms} .ss-orbit [data-journey] .jw-tool{width:25px;height:25px;display:grid;place-items:center;border-radius:5px;color:#527564;flex:none}.ss-orbit [data-journey] .jw-tool svg{width:15px;height:15px} .ss-orbit [data-journey] .jw-toolbar{gap:3px;background:#fcfaf6;border-color:#dedbd3;border-radius:11px;box-shadow:0 5px 12px #344d3320} .ss-orbit .jw-toolbar>.jw-separator{width:1px;height:14px;margin:0 3px;background:#d9d2c8;flex:none} .ss-orbit [data-journey] .jw-tooltip{position:absolute;top:calc(100% + 5px);left:0;background:#465c4b;color:#fff;border-radius:5px;padding:3px 7px;font:10px/1.5 Inter,Arial,sans-serif;white-space:nowrap;opacity:0;transition:opacity 150ms} .ss-orbit [data-journey] .jw-panel{position:absolute;right:12px;top:102px;bottom:13px;width:192px;padding:11px;background:#faf9f5;border:1px solid #dce1d8;border-radius:15px;box-shadow:0 6px 20px #253d2423;color:#30352f;font-size:12px;display:flex;flex-direction:column;opacity:1;translate:0 0;transition:opacity 260ms,translate 260ms} .ss-orbit [data-journey] .jw-panel-header{display:flex;align-items:center;gap:6px;font:600 11px/1.3 Inter,Arial,sans-serif;height:24px;flex:none;margin:0 0 10px}.ss-orbit [data-journey] .jw-panel-header svg{width:15px;height:15px;color:#5a7d69}.ss-orbit [data-journey] .jw-back{font:20px/1 Arial;color:#7d877b}.ss-orbit [data-journey] .jw-close{margin-left:auto;font:15px Arial;color:#899084}.ss-orbit [data-journey] .jw-brand{width:22px;height:22px;object-fit:contain} .ss-orbit [data-journey] .jw-panel-body{position:relative;flex:1;min-height:0}.ss-orbit [data-journey] .jw-result{opacity:1;transition:opacity 220ms 160ms,translate 220ms 160ms}.ss-orbit [data-journey] .jw-result p{margin:0;line-height:1.7;font-size:12px}.ss-orbit [data-journey] .jw-tabs{display:flex;gap:0;padding:2px;background:#f0efeb;border:1px solid #e3e3dd;border-radius:7px;font-size:9px;margin-bottom:9px;width:max-content}.ss-orbit [data-journey] .jw-tabs>*{padding:3px 7px;color:#90978a}.ss-orbit [data-journey] .jw-tabs>b{border:1px solid #d9e1d6;background:#fff;color:#527360;border-radius:5px;font-weight:600} .ss-orbit [data-journey] mark.jw-red{background:#f5e2df;color:#825f5b;border-color:#c49089}.ss-orbit [data-journey] mark.jw-blue{background:#e3eaf4;color:#526b86;border-color:#96aec6} .ss-orbit [data-journey] .jw-working{position:absolute;inset:22px 0 auto;font-size:11px;color:#7a8774;opacity:0;transition:opacity 180ms}.ss-orbit [data-journey] .jw-working>span{margin-left:3px;letter-spacing:2px} .ss-orbit [data-journey] .jw-actions{display:flex;align-items:center;justify-content:flex-end;gap:5px;margin-top:10px;min-height:28px;flex:none}.ss-orbit [data-journey] .jw-action{display:block;padding:7px 12px;border-radius:7px;background:#506957;color:white;font:600 10px/1.2 Inter,Arial,sans-serif;white-space:nowrap;transition:background 160ms,transform 160ms}.ss-orbit [data-journey] .jw-copy{display:flex;align-items:center;justify-content:center;gap:4px;padding:7px;border-radius:7px;background:#eeede8;color:#697163;font:600 9px/1.2 Inter,Arial,sans-serif;white-space:nowrap}.ss-orbit [data-journey] .jw-copy svg{width:11px;height:11px} .ss-orbit [data-journey] .jw-cursor{position:absolute;left:76px;top:239px;z-index:10;width:20px;height:24px;opacity:0;transition:left 450ms ease,top 450ms ease,opacity 140ms}.ss-orbit [data-journey] .jw-cursor svg{width:20px;height:24px} /* Source remains unchanged through review and the insertion click. */ .ss-orbit :is([data-journey="correct"],[data-journey="tone"]):is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"],[data-phase="activate"],[data-phase="panel"],[data-phase="tone"],[data-phase="venlig"],[data-phase="generate"],[data-phase="working"],[data-phase="result"],[data-phase="insert"]) .jw-original{opacity:1} .ss-orbit :is([data-journey="correct"],[data-journey="tone"]):is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"],[data-phase="activate"],[data-phase="panel"],[data-phase="tone"],[data-phase="venlig"],[data-phase="generate"],[data-phase="working"],[data-phase="result"],[data-phase="insert"]) .jw-replaced{opacity:0} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]):is([data-phase="select"],[data-phase="toolbar"],[data-phase="activate"]) .jw-selectable{background:#c9dcf7;color:#243a5b} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]):is([data-phase="toolbar"],[data-phase="activate"]) .jw-toolbar{opacity:1;visibility:visible;translate:0 0} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"])[data-phase="activate"] .jw-chosen{background:#dfead9;color:#325b41;box-shadow:inset 0 0 0 1px #94ae91}.ss-orbit [data-journey][data-phase="activate"] .jw-tooltip{opacity:1} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]):is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"],[data-phase="activate"]) .jw-panel{opacity:0;translate:0 8px;pointer-events:none} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]):is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"],[data-phase="activate"],[data-phase="panel"],[data-phase="tone"],[data-phase="venlig"],[data-phase="generate"],[data-phase="language"],[data-phase="working"]) .jw-result{opacity:0;translate:0 3px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"])[data-phase="working"] .jw-working{opacity:1} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]):is([data-phase="activate"],[data-phase="generate"],[data-phase="insert"],[data-phase="copy"]) .jw-cursor{opacity:1} .ss-orbit :is([data-journey="correct"],[data-journey="tone"])[data-phase="insert"] .jw-action{background:#324f3b;transform:scale(.96);transition-delay:400ms} .ss-orbit :is([data-journey="correct"],[data-journey="tone"])[data-phase="insert"] .jw-cursor{left:325px;top:274px} .ss-orbit [data-journey="correct"]:is([data-phase="panel"],[data-phase="working"]) .jw-actions{opacity:.3} /* Gmail compose: show a draft, not an incoming message. */ .ss-orbit [data-journey="tone"] .jw-compose{position:absolute;left:17px;right:17px;top:65px;bottom:14px;border:1px solid #e1e6e3;border-radius:9px;background:#fff;overflow:hidden}.ss-orbit [data-journey="tone"] .jw-compose-title{font-size:10px;background:#f0f4fa;padding:8px 12px;color:#65766c}.ss-orbit [data-journey="tone"] .jw-compose-title>span{float:right}.ss-orbit [data-journey="tone"] .jw-recipient{font-size:10px;padding:9px 13px;border-bottom:1px solid #eef0ec;color:#7a8377}.ss-orbit [data-journey="tone"] .jw-recipient>b{color:#3e4a40;font-weight:500}.ss-orbit [data-journey="tone"] .jw-recipient>span{float:right;font-size:9px;color:#9bA393}.ss-orbit [data-journey="tone"] .jw-source{margin:18px 13px 0;width:175px;font-size:13px;min-height:70px}.ss-orbit [data-journey="tone"] .jw-compose>.jw-lines{margin-left:13px;width:126px}.ss-orbit [data-journey="tone"] .jw-panel{top:99px;width:199px}.ss-orbit [data-journey="tone"] .jw-toolbar{top:212px;left:29px}.ss-orbit [data-journey="tone"] .jw-cursor{left:99px;top:235px}.ss-orbit [data-journey="tone"] .jw-options{position:absolute;inset:0;opacity:0;transition:opacity 180ms}.ss-orbit [data-journey="tone"] .jw-options>small{font-size:9px;margin-bottom:6px}.ss-orbit [data-journey="tone"] .jw-tone-options{display:flex;gap:4px;font-size:10px}.ss-orbit [data-journey="tone"] .jw-tone-options>*{padding:6px 10px;border-radius:7px;background:#eeeee8;font-weight:500}.ss-orbit [data-journey="tone"] .jw-tone-options>b{background:#e0ead9;color:#41634b;transition:background 200ms,box-shadow 200ms}.ss-orbit [data-journey="tone"] .jw-input-preview{font-size:11px;color:#85907c;margin-top:13px}.ss-orbit [data-journey="tone"] .jw-generate-label{display:none}.ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"],[data-phase="generate"]) .jw-options{opacity:1}.ss-orbit [data-journey="tone"][data-phase="panel"] .jw-tone-options>b{background:#eeeee8;color:#6c7868}.ss-orbit [data-journey="tone"]:is([data-phase="tone"],[data-phase="generate"]) .jw-tone-options>b{box-shadow:inset 0 0 0 1px #96af8f;background:#d9e8d1}.ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"],[data-phase="generate"],[data-phase="working"]) .jw-generate-label{display:inline}.ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"],[data-phase="generate"],[data-phase="working"]) .jw-insert-label{display:none}.ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"],[data-phase="generate"],[data-phase="working"]) .jw-copy{display:none}.ss-orbit [data-journey="tone"][data-phase="generate"] .jw-action{background:#324f3b;transform:scale(.96)}.ss-orbit [data-journey="tone"][data-phase="generate"] .jw-cursor{left:345px;top:274px}.ss-orbit [data-journey="tone"][data-phase="working"] .jw-action{opacity:.45} /* Language selection is a distinct step; original English never changes. */ .ss-orbit [data-journey="translate"] .jw-source{font-size:14px;line-height:1.8}.ss-orbit [data-journey="translate"] .jw-panel{top:91px;width:198px}.ss-orbit [data-journey="translate"] .jw-toolbar{top:235px}.ss-orbit [data-journey="translate"] .jw-cursor{left:160px;top:257px}.ss-orbit [data-journey="translate"] .jw-language{display:flex;align-items:center;justify-content:space-between;gap:5px;padding:7px 8px;background:#eeeFe8;border-radius:7px;font-size:9px;margin-bottom:11px;flex:none}.ss-orbit [data-journey="translate"] .jw-language>b{font-size:10px;font-weight:600;color:#526c4b}.ss-orbit [data-journey="translate"] .jw-language-placeholder{display:none}.ss-orbit [data-journey="translate"] .jw-language-options{position:absolute;inset:0 auto auto 0;width:100%;background:#fff;border:1px solid #e0e6dc;border-radius:7px;box-shadow:0 4px 10px #34452d12;padding:4px;opacity:0;transition:opacity 200ms;font-size:10px}.ss-orbit [data-journey="translate"] .jw-language-options>*{display:block;padding:6px 8px;border-radius:4px;font-weight:500}.ss-orbit [data-journey="translate"] .jw-language-options>b{background:#edf3e8;color:#42623c}.ss-orbit [data-journey="translate"] .jw-language-options i{float:right;font-style:normal}.ss-orbit [data-journey="translate"] .jw-translation-actions{justify-content:flex-end;margin-top:7px}.ss-orbit [data-journey="translate"] .jw-copy-action{min-width:79px;font-size:10px}.ss-orbit [data-journey="translate"] .jw-copied-label{display:none}.ss-orbit [data-journey="translate"][data-phase="panel"] .jw-language-placeholder{display:block}.ss-orbit [data-journey="translate"][data-phase="panel"] .jw-language-picked{display:none}.ss-orbit [data-journey="translate"][data-phase="language"] .jw-language-options{opacity:1}.ss-orbit [data-journey="translate"]:is([data-phase="panel"],[data-phase="language"],[data-phase="working"]) .jw-actions{opacity:0}.ss-orbit [data-journey="translate"][data-phase="copy"] .jw-copy-action{background:#dce8d5;box-shadow:inset 0 0 0 1px #a2ba98}.ss-orbit [data-journey="translate"][data-phase="copy"] .jw-cursor{left:386px;top:274px}.ss-orbit [data-journey="translate"][data-phase="copied"] .jw-copy-label{display:none}.ss-orbit [data-journey="translate"][data-phase="copied"] .jw-copied-label{display:inline} @media(prefers-reduced-motion:reduce){.ss-orbit [data-journey] :is(.jw-original,.jw-replaced,.jw-panel,.jw-result,.jw-selectable,.jw-toolbar,.jw-cursor){transition:none}} /* Native Nov1 panel structure, replacing the unsupported comparison-tab mockup. */ .ss-orbit [data-journey] .jw-native{top:78px;width:204px;padding:8px;gap:6px;background:#faf9f6;border-radius:17px} .ss-orbit [data-journey] .jw-native .jw-panel-header{margin:0;height:25px;padding:0 3px;gap:7px;font-size:11px} .ss-orbit [data-journey] .jw-native .jw-settings{margin-left:auto;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f0efeb;font-size:16px;font-weight:400;color:#7c8176} .ss-orbit [data-journey] .jw-native .jw-close{margin-left:0;width:21px;height:21px;display:grid;place-items:center;border-radius:50%;background:#f0efeb} .ss-orbit [data-journey] .jw-card{position:relative;display:flex;flex-direction:column;flex:1;min-height:0;border:1px solid #e9e7e1;border-radius:11px;background:#fffefd;overflow:hidden} .ss-orbit [data-journey] .jw-native .jw-panel-body{padding:12px 10px;min-height:60px} .ss-orbit [data-journey] .jw-native .jw-result p{font-size:13px;line-height:1.65;letter-spacing:0;max-width:166px} .ss-orbit [data-journey] .jw-native .jw-actions{border-top:1px solid #efede7;padding:5px;margin:0;background:#f8f7f3;min-height:30px;gap:4px} .ss-orbit [data-journey] .jw-native .jw-action{font-size:9px;padding:5px 8px}.ss-orbit [data-journey] .jw-native .jw-copy{font-size:8px;padding:5px 6px} .ss-orbit [data-journey] .jw-native .jw-working{inset:12px 0 auto;display:flex;flex-direction:column;align-items:center;gap:6px;font-size:10px;color:#53624e} .ss-orbit [data-journey] .jw-working b{font-weight:500}.ss-orbit [data-journey] .jw-working small{font-size:8px;margin:0;padding:2px 5px;background:#f1f0ea;border-radius:4px;color:#858a7e} .ss-orbit [data-journey] .jw-loading-ring{width:15px;height:15px;border:2px solid #e0eae3;border-top-color:#7f9f8f;border-radius:50%} .ss-orbit [data-journey] .jw-native-reader{height:44px;flex:none;border:1px solid #e9e7e1;border-radius:11px;background:#fffefd;padding:5px 12px 3px;text-align:center} .ss-orbit [data-journey] .jw-reader-progress{height:2px;background:#e6e9e0;border-radius:4px;margin-bottom:3px} .ss-orbit [data-journey] .jw-reader-buttons{display:flex;align-items:center;justify-content:center;gap:10px;height:19px;font-size:7px;color:#bbc0b5} .ss-orbit [data-journey] .jw-reader-buttons>b{width:19px;height:19px;border-radius:50%;background:#527d69;display:grid;place-items:center;color:white;font-size:8px;font-weight:400} .ss-orbit [data-journey] .jw-native-reader small{margin:2px 0 0;font:7px/1.2 Inter,Arial,sans-serif;color:#7f8677;display:flex;align-items:center;justify-content:center;gap:4px} .ss-orbit [data-journey] .jw-danish{display:inline-block;flex:none;width:11px;height:8px;background:linear-gradient(to right,transparent 28%,white 28%,white 39%,transparent 39%),linear-gradient(to bottom,transparent 42%,white 42%,white 57%,transparent 57%),#c93651;border-radius:1px;vertical-align:middle} .ss-orbit [data-journey] .jw-output{flex:1;display:flex;flex-direction:column;gap:6px;min-height:0} .ss-orbit [data-journey="tone"] .jw-native{top:69px} .ss-orbit [data-journey="tone"] .jw-config{display:none;flex:1;flex-direction:column;gap:6px;min-height:0} .ss-orbit [data-journey="tone"] .jw-input-card{background:#fffefd;border:1px solid #e9e7e1;border-radius:10px;padding:9px 8px 5px} .ss-orbit [data-journey="tone"] .jw-input-card p{font:11px/1.5 Inter,Arial,sans-serif;margin:0 0 8px} .ss-orbit [data-journey="tone"] .jw-utilities{display:flex;gap:3px;font-size:7px;color:#7b8176}.ss-orbit [data-journey="tone"] .jw-utilities>span{padding:3px 4px;border-radius:4px;background:#f2f0eb;white-space:nowrap} .ss-orbit [data-journey="tone"] .jw-tone-controls{border:1px solid #e9e7e1;border-radius:10px;background:#fffefd;padding:5px} .ss-orbit [data-journey="tone"] .jw-native-tabs{display:flex;border-radius:5px;background:#eeede8;font-size:8px;height:19px;margin-bottom:5px;text-align:center}.ss-orbit [data-journey="tone"] .jw-native-tabs>*{width:50%;padding:3px 1px}.ss-orbit [data-journey="tone"] .jw-native-tabs>b{border:1px solid #e2e2da;background:#fffdf9;border-radius:5px;font-weight:500} .ss-orbit [data-journey="tone"] .jw-tone-surface{border-radius:7px;background:#537e6f;color:white;padding:7px 8px 6px} .ss-orbit [data-journey="tone"] .jw-tone-title{font-size:10px;line-height:1.2;margin-bottom:2px}.ss-orbit [data-journey="tone"] .jw-tone-surface small{font:7px/1.4 Inter,Arial,sans-serif;color:#edf5ee;margin:0} .ss-orbit [data-journey="tone"] .jw-tone-slider{position:relative;display:flex;justify-content:space-between;align-items:center;height:3px;background:#aac9ba;margin:10px 1px 8px}.ss-orbit [data-journey="tone"] .jw-tone-slider>i{width:3px;height:3px;border-radius:50%;background:white}.ss-orbit [data-journey="tone"] .jw-tone-slider>em{position:absolute;width:8px;height:8px;left:25%;translate:-50% 0;background:#fff;border-radius:50%;transition:left 550ms ease} .ss-orbit [data-journey="tone"] .jw-tone-ends{display:flex;justify-content:space-between;font-size:6px;color:#e6eee4} .ss-orbit [data-journey="tone"] .jw-config-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:auto;font-size:8px;min-height:24px}.ss-orbit [data-journey="tone"] .jw-config-footer>span{padding:5px;border:1px solid #e6e5df;border-radius:6px;background:#fffefa;white-space:nowrap;color:#717d6a}.ss-orbit [data-journey="tone"] .jw-generate-action{display:block;padding:7px 8px;border-radius:6px;background:#527d69;color:white;font-size:8px;font-weight:600;white-space:nowrap;transition:background 160ms,transform 160ms} .ss-orbit [data-journey="tone"] .jw-natural{display:none}.ss-orbit [data-journey="tone"] .jw-friendly{display:block} .ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"],[data-phase="venlig"],[data-phase="generate"]) .jw-config{display:flex}.ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"],[data-phase="venlig"],[data-phase="generate"]) .jw-output{display:none} .ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"]) .jw-natural{display:block}.ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"]) .jw-friendly{display:none}.ss-orbit [data-journey="tone"]:is([data-phase="panel"],[data-phase="tone"]) .jw-tone-slider>em{left:50%} .ss-orbit [data-journey="tone"][data-phase="generate"] .jw-generate-action{background:#365b49;transform:scale(.97);transition-delay:400ms} .ss-orbit [data-journey="translate"] .jw-native{top:73px;width:205px} .ss-orbit [data-journey="translate"] .jw-language{margin:0;padding:7px 6px;border:1px solid #e8e6de;background:#fffdf9;min-height:28px;font-size:8px;gap:4px}.ss-orbit [data-journey="translate"] .jw-language>span{display:flex;align-items:center;gap:4px;white-space:nowrap}.ss-orbit [data-journey="translate"] .jw-language svg{width:12px;height:12px}.ss-orbit [data-journey="translate"] .jw-language>b{font-size:9px;color:#4b5248}.ss-orbit [data-journey="translate"] .jw-language>i{margin-left:auto;font-style:normal} .ss-orbit [data-journey="translate"] .jw-language-options{inset:0 0 auto;width:auto;padding:4px;border-radius:9px;z-index:3;font-size:10px;box-shadow:0 5px 14px #33452d24}.ss-orbit [data-journey="translate"] .jw-language-options>strong{display:block;padding:3px 7px;font-size:8px}.ss-orbit [data-journey="translate"] .jw-language-options>b{display:flex;align-items:center;gap:7px}.ss-orbit [data-journey="translate"] .jw-language-options i{float:none;font-style:normal}.ss-orbit [data-journey="translate"] .jw-native .jw-panel-body{padding:10px 11px;min-height:48px}.ss-orbit [data-journey="translate"] .jw-native .jw-result p{font:13px/1.7 Inter,Arial,sans-serif;max-width:170px} .ss-orbit [data-journey="translate"] .jw-translation-source{font:14px/1.85 Inter,Arial,sans-serif} .ss-orbit :is([data-journey="correct"],[data-journey="tone"])[data-phase="insert"] .jw-cursor{left:326px;top:222px}.ss-orbit [data-journey="tone"][data-phase="generate"] .jw-cursor{left:352px;top:266px}.ss-orbit [data-journey="translate"][data-phase="copy"] .jw-cursor{left:386px;top:224px} .ss-orbit [data-journey="tone"][data-phase="tone"] .jw-cursor{opacity:1;left:280px;top:218px}.ss-orbit [data-journey="translate"][data-phase="language"] .jw-cursor{opacity:1;left:303px;top:199px} @media(prefers-reduced-motion:reduce){.ss-orbit [data-journey="tone"] .jw-tone-slider>em{transition:none}} .ss-orbit [data-journey="tone"] .jw-input-card{padding:7px 7px 4px}.ss-orbit [data-journey="tone"] .jw-input-card p{font-size:10px;line-height:1.4;margin-bottom:5px}.ss-orbit [data-journey="tone"] .jw-utilities{font:6px/1.2 Inter,Arial,sans-serif}.ss-orbit [data-journey="tone"] .jw-utilities>span{padding:2px 3px} .ss-orbit [data-journey="tone"] .jw-tone-surface{padding:5px 6px}.ss-orbit [data-journey="tone"] .jw-tone-title{font-size:9px;line-height:10px;margin-bottom:1px}.ss-orbit [data-journey="tone"] .jw-tone-surface small{font-size:6px;line-height:8px}.ss-orbit [data-journey="tone"] .jw-tone-slider{margin:7px 1px 5px}.ss-orbit [data-journey="tone"] .jw-tone-ends{font-size:6px;line-height:7px} .ss-orbit [data-journey] .jw-reader-buttons svg{width:10px;height:10px;display:block}.ss-orbit [data-journey] .jw-reader-buttons>span{width:16px;height:16px;display:grid;place-items:center;border-radius:50%;background:#f2f0eb} .ss-orbit [data-journey] :is(.jw-original,.jw-replaced){transition:none} /* Owner-approved depth: the native floating window may extend past the host. 440x342 stage; host remains 440x306; panels reach x448 and y326. */ .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"],[data-journey="predict"]) .jw-window{overflow:visible} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .lib-word-bar{border-radius:13px 13px 0 0} .ss-orbit [data-journey="tone"] .lib-mail-bar{border-radius:13px 13px 0 0} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native{right:-8px;bottom:-20px;width:212px;padding:10px;gap:8px;border-radius:18px;box-shadow:0 15px 30px -7px #35402b35,0 4px 11px #253d2417} .ss-orbit [data-journey="correct"] .jw-native{top:76px} .ss-orbit [data-journey="tone"] .jw-native{top:58px} .ss-orbit [data-journey="translate"] .jw-native{top:70px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native .jw-panel-header{height:27px;gap:7px;font-size:11px;padding:0 2px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native .jw-panel-body{padding:13px 11px;min-height:58px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native .jw-actions{padding:6px;min-height:34px;gap:5px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native .jw-action{padding:6px 10px;font-size:10px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native .jw-copy{padding:6px 8px;font-size:9px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native-reader{height:60px;padding:7px 13px 5px;border-radius:12px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-reader-progress{height:2px;margin-bottom:5px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-reader-buttons{height:24px;gap:12px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-reader-buttons>b{width:24px;height:24px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-reader-buttons>span{width:19px;height:19px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native-reader small{font-size:8px;line-height:10px;margin-top:3px} .ss-orbit [data-journey="tone"] .jw-output,.ss-orbit [data-journey="tone"] .jw-config{gap:8px} .ss-orbit [data-journey="tone"] .jw-input-card{padding:9px 8px 6px} .ss-orbit [data-journey="tone"] .jw-input-card p{font-size:11px;line-height:1.5;margin-bottom:7px} .ss-orbit [data-journey="tone"] .jw-utilities{font-size:7px;line-height:1.3;gap:4px} .ss-orbit [data-journey="tone"] .jw-utilities>span{padding:3px 4px} .ss-orbit [data-journey="tone"] .jw-tone-controls{padding:6px;border-radius:11px} .ss-orbit [data-journey="tone"] .jw-native-tabs{height:22px;font-size:9px;margin-bottom:6px} .ss-orbit [data-journey="tone"] .jw-native-tabs>*{padding:4px 1px} .ss-orbit [data-journey="tone"] .jw-tone-surface{padding:7px 8px} .ss-orbit [data-journey="tone"] .jw-tone-title{font-size:10px;line-height:12px;margin-bottom:3px} .ss-orbit [data-journey="tone"] .jw-tone-surface small{font-size:7px;line-height:9px} .ss-orbit [data-journey="tone"] .jw-tone-slider{margin:10px 1px 8px} .ss-orbit [data-journey="tone"] .jw-tone-slider>em{width:9px;height:9px} .ss-orbit [data-journey="tone"] .jw-tone-ends{font-size:7px;line-height:9px} .ss-orbit [data-journey="tone"] .jw-config-footer{min-height:30px;font-size:9px;gap:6px} .ss-orbit [data-journey="tone"] .jw-config-footer>span{padding:7px 5px} .ss-orbit [data-journey="tone"] .jw-generate-action{font-size:9px;padding:8px 9px} .ss-orbit [data-journey="translate"] .jw-language{min-height:30px;padding:8px 7px;font-size:9px} .ss-orbit [data-journey="translate"] .jw-language>b{font-size:10px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"])[data-phase="insert"] .jw-cursor{left:343px;top:235px} .ss-orbit [data-journey="tone"][data-phase="generate"] .jw-cursor{left:369px;top:298px} .ss-orbit [data-journey="tone"][data-phase="tone"] .jw-cursor{left:291px;top:231px} .ss-orbit [data-journey="translate"][data-phase="copy"] .jw-cursor{left:405px;top:235px} .ss-orbit [data-journey="translate"][data-phase="language"] .jw-cursor{left:316px;top:210px} /* Host identity is a quiet frame: preserve page/source positions and native journey geometry. */ .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .jw-word-host{background:#eef0f3} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .lib-word-bar{height:30px;padding:0 11px;gap:7px;background:#185abd;font:500 10px/1.2 Inter,Arial,sans-serif} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .lib-word-bar img{width:18px;height:18px} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .lib-word-bar>b{font-weight:500;letter-spacing:.05px} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .lib-word-bar>b>span{opacity:.8;margin:0} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"],[data-journey="predict"]) .jw-window-controls{display:flex;align-items:center;gap:15px;margin-left:auto;float:none;color:inherit} .ss-orbit [data-journey] .jw-window-controls svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1;display:block} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .jw-word-tabs{display:flex;align-items:stretch;gap:19px;height:21px;padding:0 13px;background:#f9fafc;font:9px/21px Inter,Arial,sans-serif;color:#4b535d;border-bottom:1px solid #e5e8ee} .ss-orbit [data-journey] .jw-word-tabs>b{font-weight:600;color:#185abd;position:relative} .ss-orbit [data-journey] .jw-word-tabs>b:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;border-radius:2px;background:#185abd} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .jw-word-ribbon{height:28px;display:flex;align-items:center;gap:5px;padding:0 12px;background:#fff;border-bottom:1px solid #dfe3e9;color:#434b53;font:9px/1.2 Inter,Arial,sans-serif} .ss-orbit [data-journey] :is(.jw-font-select,.jw-font-size){height:18px;border:1px solid #d8dce2;border-radius:3px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 5px;background:#fff} .ss-orbit [data-journey] .jw-font-select{width:76px}.ss-orbit [data-journey] .jw-font-size{width:35px} .ss-orbit [data-journey] :is(.jw-font-select,.jw-font-size)>span{color:#7c848d;font-size:9px} .ss-orbit [data-journey] .jw-font-tools{display:flex;align-items:center;gap:12px;padding:0 10px;height:19px;border-right:1px solid #e3e6eb;font:10px/1 Georgia,serif} .ss-orbit [data-journey] .jw-font-tools u{text-underline-offset:2px} .ss-orbit [data-journey] .jw-paragraph-tools{display:flex;gap:9px;padding:0 8px;height:19px;align-items:center;border-right:1px solid #e3e6eb} .ss-orbit [data-journey] .jw-paragraph-tools svg{width:14px;height:14px;fill:none;stroke:#626c76;stroke-width:1.25;stroke-linecap:round} .ss-orbit [data-journey] .jw-style-normal{font:10px/1.2 Georgia,serif;padding:3px 14px;color:#38424a} .ss-orbit :is([data-journey="correct"],[data-journey="translate"],[data-journey="predict"]) .jw-paper{border-color:#dadee4;box-shadow:0 1px 3px #273b5110;background:#fff} .ss-orbit [data-journey] .jw-word-status{position:absolute;bottom:0;left:0;right:0;height:13px;display:flex;align-items:center;gap:13px;padding:0 11px;background:#fafbfd;border-top:1px solid #e2e5e9;border-radius:0 0 13px 13px;color:#818991;font:7px/1 Inter,Arial,sans-serif} .ss-orbit [data-journey] .jw-word-status>i{margin-left:auto;width:40px;height:1px;background:#d3d8e0;position:relative} .ss-orbit [data-journey] .jw-word-status>i:after{content:"";position:absolute;top:-2px;left:20px;width:3px;height:5px;border-radius:1px;background:#9ca6b2} .ss-orbit [data-journey="tone"] .jw-compose{border-color:#dce2e8;border-radius:8px;box-shadow:0 2px 5px #263d5810} .ss-orbit [data-journey="tone"] .jw-compose-title{height:29px;display:flex;align-items:center;padding:0 12px;background:#edf2fa;color:#36404d;font:11px/1 Inter,Arial,sans-serif} .ss-orbit [data-journey="tone"] .jw-compose-title>b{font-weight:500} .ss-orbit [data-journey="tone"] .jw-compose-title .jw-window-controls{gap:12px;color:#6a7480} .ss-orbit [data-journey="tone"] .jw-recipient{height:30px;padding:0 12px;display:flex;align-items:center;gap:8px;color:#7a828b;border-bottom-color:#edf0f3;font:10px/1 Inter,Arial,sans-serif} .ss-orbit [data-journey="tone"] .jw-recipient>b{display:flex;align-items:center;gap:12px;padding:4px 8px;border:1px solid #e2e6eb;border-radius:12px;color:#4b5560;font-size:10px;font-weight:400} .ss-orbit [data-journey="tone"] .jw-recipient i{font-style:normal;color:#8d959d;font-size:11px} .ss-orbit [data-journey="tone"] .jw-compose-footer{position:absolute;bottom:9px;left:12px;right:12px;height:27px;display:flex;align-items:center;gap:13px;color:#727c87} .ss-orbit [data-journey="tone"] .jw-compose-footer>b{display:flex;align-items:center;gap:16px;border-radius:15px;padding:8px 12px;background:#0b57d0;color:#fff;font:500 10px/1 Inter,Arial,sans-serif} .ss-orbit [data-journey="tone"] .jw-compose-footer>b>span{border-left:1px solid #ffffff40;padding-left:9px} .ss-orbit [data-journey="tone"] .jw-compose-footer>svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round} .ss-orbit [data-journey="tone"] .jw-compose-footer>svg:last-child{margin-left:auto} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"],[data-journey="predict"]) .jw-panel{z-index:5} .ss-orbit [data-journey] .jw-word-status{z-index:0} /* Same Gmail account and restrained header language as the reading scene. */ .ss-orbit [data-journey="tone"] .jw-gmail-bar{height:56px;gap:7px;padding:0 12px;background:#f7f9fc;font-size:14px} .ss-orbit [data-journey="tone"] .jw-gmail-bar>svg{width:14px;height:14px;color:#75818a;margin-right:2px;flex:none} .ss-orbit [data-journey="tone"] .jw-gmail-bar>img{width:22px;height:22px} .ss-orbit [data-journey="tone"] .jw-gmail-bar>b{font-weight:500;color:#4b5158} .ss-orbit [data-journey="tone"] .jw-gmail-bar>span{font-size:9px;color:#75828b;background:#eaf1f9;border-radius:8px;padding:7px 12px;margin-left:9px;flex:1} .ss-orbit [data-journey="tone"] .jw-gmail-bar>i{width:23px;height:23px;background:#7c63a7;font:10px Arial} /* A real three-line request needs room in both the draft and native window. */ .ss-orbit [data-journey="tone"] .jw-native{top:46px;bottom:-32px;width:228px} .ss-orbit [data-journey="tone"] .jw-source{font-size:12px;line-height:1.6;width:178px} .ss-orbit [data-journey="tone"] .jw-input-card p{font-size:10.5px;line-height:15px} .ss-orbit [data-journey="tone"] .jw-native .jw-result p{font-size:12px;line-height:1.65;max-width:none} .ss-orbit [data-journey="tone"][data-phase="tone"] .jw-cursor{left:291px;top:248px} .ss-orbit [data-journey="tone"][data-phase="generate"] .jw-cursor{left:369px;top:310px} .ss-orbit [data-journey="tone"][data-phase="insert"] .jw-cursor{left:343px;top:247px} /* Small selection sweep, driven by the existing paused/resumed scene clock. */ .ss-orbit [data-journey] .jw-sweep{--selection-progress:clamp(0,calc((var(--scene-progress,0)*var(--selection-duration) - var(--selection-start))/var(--selection-span)),1)} .ss-orbit [data-journey][data-phase] .jw-selectable.jw-sweep{background:transparent;color:inherit;transition:none} .ss-orbit [data-journey] .jw-selection-line{position:relative;display:inline-block;white-space:nowrap;--line-run:calc(var(--selection-progress)*var(--line-count) - var(--line-i));--line-progress:clamp(0,var(--line-run),1);background-repeat:no-repeat;background-position:0 50%;background-size:0 90%;border-radius:2px} .ss-orbit [data-journey][data-phase="select"] .jw-selection-line{background-image:linear-gradient(#c9dcf7,#c9dcf7);background-size:calc(var(--line-progress)*100%) 90%} .ss-orbit [data-journey]:is([data-phase="toolbar"],[data-phase="activate"]) .jw-selection-line{background-image:linear-gradient(#c9dcf7,#c9dcf7);background-size:100% 90%} .ss-orbit [data-journey] .jw-selection-pointer{position:absolute;left:calc(var(--line-progress)*100% - 3px);top:calc(50% - 2px);width:20px;height:24px;z-index:10;display:none;pointer-events:none} .ss-orbit [data-journey] .jw-selection-pointer svg{width:20px;height:24px;display:block} .ss-orbit [data-journey][data-phase="select"] .jw-selection-pointer{display:block;opacity:calc(clamp(0,calc(var(--line-run)*10000),1)*clamp(0,calc((1 - var(--line-run))*10000),1))} .ss-orbit [data-journey="tone"] .jw-tone-slider>em{width:12px;height:12px;box-shadow:0 1px 3px #233f3440} .ss-orbit [data-journey="tone"] .jw-tone-title{font-size:11px;font-weight:700} @media(prefers-reduced-motion:reduce){.ss-orbit [data-journey] .jw-selection-pointer{display:none!important}.ss-orbit [data-journey][data-phase="select"] .jw-selection-line{background-size:100% 90%}} /* Final pass: cause before effect. Tone: the pointer reaches the Naturlig knob first ('tone'), then drags it to Venlig ('venlig'); the controller re-measures the knob every frame, so no left/top easing here keeps the pointer on it. */ .ss-orbit [data-journey="tone"][data-phase="venlig"] .jw-cursor{opacity:1;transition:opacity 140ms} /* Translate: the pointer clicks the language field before the list opens; "Vælg sprog" stays until Dansk is picked; the Dansk row highlights when the pointer reaches it (the controller moves it there in 450 ms). */ .ss-orbit [data-journey="translate"][data-phase="panel"] .jw-cursor{opacity:1} .ss-orbit [data-journey="translate"][data-phase="language"] .jw-language-placeholder{display:block} .ss-orbit [data-journey="translate"][data-phase="language"] .jw-language-picked{display:none} .ss-orbit [data-journey="translate"]:is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"],[data-phase="activate"],[data-phase="panel"]) .jw-language-options>b{background:transparent;color:inherit} .ss-orbit [data-journey="translate"][data-phase="language"] .jw-language-options>b{transition:background-color 150ms 400ms,color 150ms 400ms} /* The closing language list and "Oversætter tekst…" share the card: let the list fade before the spinner appears. */ .ss-orbit [data-journey="translate"][data-phase="working"] .jw-working{transition-delay:150ms} /* Fit all three language options inside the existing card without cropping the last row. */ .ss-orbit [data-journey="translate"] .jw-language-options>*{padding-top:3px;padding-bottom:3px;line-height:12px} /* Ordforslag (Windows): the suggestion window from the current lesson video, simplified (pin + close, numbered rows, typed letters bold, speaker per row, pager, "Vælg med 1–6"). Typing is a pure function of the phase via --typed; untyped letters have zero font size so the text and caret wrap exactly as typed. */ .ss-orbit [data-journey="predict"]{--typed:6} .ss-orbit [data-journey="predict"]:is([data-phase="intro"],[data-phase="click"]){--typed:0} .ss-orbit [data-journey="predict"][data-phase="type1"]{--typed:1} .ss-orbit [data-journey="predict"][data-phase="type2"]{--typed:2} .ss-orbit [data-journey="predict"][data-phase="type3"]{--typed:3} .ss-orbit [data-journey="predict"][data-phase="type4"]{--typed:4} .ss-orbit [data-journey="predict"][data-phase="type5"]{--typed:5} .ss-orbit [data-journey="predict"] .jp-source{width:162px} /* measured: "et" ends line 2, the first typed letter wraps */ .ss-orbit [data-journey="predict"] .jp-typed>span{font-size:calc(1em * clamp(0, calc(var(--typed) - var(--letter) + 1), 1))} .ss-orbit [data-journey="predict"] .jp-completion{display:none} .ss-orbit [data-journey="predict"]:is([data-phase="inserted"],[data-phase="plain"],[data-phase="done"]) .jp-completion{display:inline} .ss-orbit [data-journey="predict"] .jp-word{border-radius:2px;transition:background-color 550ms ease} .ss-orbit [data-journey="predict"][data-phase="inserted"] .jp-word{background:#e4edda} .ss-orbit [data-journey="predict"] .jp-caret{display:inline-block;width:1.5px;height:1.05em;margin-left:1px;vertical-align:-.17em;background:#27312b} .ss-orbit [data-journey="predict"][data-phase="intro"] .jp-caret{opacity:0} .ss-orbit [data-journey="predict"][data-phase="click"] .jp-caret{transition:opacity 0s 420ms;animation:jp-blink 1s steps(1) 420ms infinite} .ss-orbit [data-journey="predict"]:is([data-phase="inserted"],[data-phase="plain"],[data-phase="done"]) .jp-caret{animation:jp-blink 1s steps(1) infinite} @keyframes jp-blink{50%{opacity:0}} /* The pointer clicks after the last word, then hides while typing (as Windows does). */ .ss-orbit [data-journey="predict"] .jw-cursor{left:118px;top:206px} .ss-orbit [data-journey="predict"]:is([data-phase="intro"],[data-phase="click"]) .jw-cursor{opacity:1} .ss-orbit [data-journey="predict"][data-phase="click"] .jw-cursor{left:192px;top:167px} .ss-orbit [data-journey="predict"] .jp-panel{top:70px;right:-8px;bottom:auto;width:176px;padding:6px 7px 8px;gap:0;z-index:5;background:#fff;border-color:#dce1e5;border-radius:10px;font:11px/1.3 "Segoe UI",Inter,Arial,sans-serif;color:#25302a} .ss-orbit [data-journey="predict"]:is([data-phase="intro"],[data-phase="click"],[data-phase="type1"],[data-phase="type2"]) .jp-panel{opacity:0;translate:0 8px} .ss-orbit [data-journey="predict"] .jp-panel>header{display:flex;justify-content:flex-end;align-items:center;gap:11px;height:20px;padding:0 4px;color:#6b737a} .ss-orbit [data-journey="predict"] .jp-panel>header svg{width:11px;height:11px} .ss-orbit [data-journey="predict"] .jp-panel>header span{font:15px/1 Arial,sans-serif} .ss-orbit [data-journey="predict"] .jp-list{list-style:none;margin:3px 0 0;padding:0;border-top:1px solid #edf0f2} .ss-orbit [data-journey="predict"] .jp-list li{display:flex;align-items:center;height:25px;border-bottom:1px solid #edf0f2;border-radius:5px} .ss-orbit [data-journey="predict"] .jp-list li>i{align-self:stretch;width:19px;display:grid;place-items:center;border-right:1px solid #edf0f2;font:9px/1 Arial,sans-serif;font-style:normal;color:#7b838a} .ss-orbit [data-journey="predict"] .jp-list li>b{flex:1;padding-left:8px;font-size:12px;font-weight:400;white-space:nowrap} .ss-orbit [data-journey="predict"] .jp-list li>svg{width:11px;height:11px;margin:0 6px;color:#7b838a;flex:none} .ss-orbit [data-journey="predict"] .jp-words b>span{font-weight:calc(400 + 300 * clamp(0, calc(var(--typed) - var(--letter) + 1), 1))} .ss-orbit [data-journey="predict"] .jp-next,.ss-orbit [data-journey="predict"] .jp-page2{display:none} .ss-orbit [data-journey="predict"]:is([data-phase="inserted"],[data-phase="plain"],[data-phase="done"]) :is(.jp-words,.jp-page1){display:none} .ss-orbit [data-journey="predict"]:is([data-phase="inserted"],[data-phase="plain"],[data-phase="done"]) .jp-next{display:block} .ss-orbit [data-journey="predict"]:is([data-phase="inserted"],[data-phase="plain"],[data-phase="done"]) .jp-page2{display:inline} .ss-orbit [data-journey="predict"][data-phase="pick"] .jp-words li:first-child{box-shadow:inset 0 0 0 2px #2b63d9} .ss-orbit [data-journey="predict"] .jp-pager{display:flex;justify-content:center;align-items:center;gap:16px;height:25px;font:9px/1 Arial,sans-serif;color:#5f676e} .ss-orbit [data-journey="predict"] .jp-pager>span{font-size:12px;color:#a2a9b0} .ss-orbit [data-journey="predict"] .jp-pager>b{font-weight:400} .ss-orbit [data-journey="predict"] .jp-option{display:flex;align-items:center;gap:6px;padding:7px 4px 0;border-top:1px solid #edf0f2;font-size:9.5px;color:#3a434a} .ss-orbit [data-journey="predict"] .jp-option>i{width:10px;height:10px;display:grid;place-items:center;border:1px solid #9aa3ab;border-radius:2px;font:8px/1 Arial,sans-serif;font-style:normal;color:#2b63d9} @media(prefers-reduced-motion:reduce){.ss-orbit [data-journey="predict"] :is(.jp-word,.jp-caret,.jp-panel){transition:none;animation:none}} /* Scoped to reading journeys; phase timing is controlled by the shared clock. */ /* Shared native-shaped Chrome read-only toolbar, reused by reading/summary/chat. */ .ss-orbit .jr-chrome-toolbar{display:flex;align-items:center;gap:3px;width:max-content;padding:5px;background:#fcfaf6;border:1px solid #dedbd3;border-radius:11px;color:#527564;box-shadow:0 5px 12px #344d3320} .ss-orbit .jr-chrome-toolbar>span{display:grid;place-items:center;width:25px;height:25px;flex:none;border-radius:5px;transition:background 180ms,color 180ms} .ss-orbit .jr-chrome-toolbar>span>svg{width:15px;height:15px} .ss-orbit .jr-chrome-toolbar>.jr-chrome-separator{width:1px;height:14px;margin:0 3px;background:#d9d2c8;flex:none} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-selection-tool.jr-chrome-selection{padding:0;gap:0;border:0;background:transparent;box-shadow:none} .ss-orbit :is([data-journey="read"],[data-journey="pdf"])[data-phase="action"] .jr-chrome-active{background:#dfead7;box-shadow:inset 0 0 0 1px #b8cdae;color:#355640} .ss-orbit [data-journey="read"] .jr-mark,.ss-orbit [data-journey="ocr"] .jr-mark,.ss-orbit [data-journey="pdf"] .jr-mark{width:23px;height:23px;object-fit:contain;flex:none} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-lines{display:grid;gap:6px;width:160px;margin-top:15px;opacity:.55} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-lines i{height:4px;background:#cdd5d1;border-radius:4px} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-lines i:nth-child(2){width:86%} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-lines i:nth-child(3){width:60%} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-word{border-radius:2px;transition:background-color 140ms,color 140ms;padding:1px 0} .ss-orbit :is([data-journey="read"],[data-journey="pdf"])[data-phase="select"] .jr-word,.ss-orbit :is([data-journey="read"],[data-journey="pdf"])[data-phase="action"] .jr-word{background:#bad7fa;color:#1c395b} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase="read1"] .jr-w1,.ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase="read2"] .jr-w2,.ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase="read3"] .jr-w3,.ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase="read4"] .jr-w4,.ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase="read5"] .jr-w5,.ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase="read6"] .jr-w6{background:#d9e7c4;color:#29452f} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-selection{position:relative;display:inline-block} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-selection-tool{position:absolute;left:0;top:calc(100% + 6px);display:flex;align-items:center;gap:8px;background:#fbfcf7;border:1px solid #dce4d6;border-radius:9px;padding:6px 8px;box-shadow:0 5px 12px #344d3320;font-size:10px;line-height:1.2;white-space:nowrap;opacity:0;translate:0 4px;transition:opacity 220ms,translate 220ms;z-index:6} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-selection-tool>span{display:flex;gap:4px;align-items:center;padding:5px;border-radius:5px} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-selection-tool svg{width:15px;height:15px} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-selection-tool>i{font-style:normal;color:#879280} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-selection-tool .jr-mark{width:18px;height:18px} .ss-orbit :is([data-journey="read"],[data-journey="pdf"])[data-phase="select"] .jr-selection-tool,.ss-orbit :is([data-journey="read"],[data-journey="pdf"])[data-phase="action"] .jr-selection-tool{opacity:1;translate:0 0} .ss-orbit :is([data-journey="read"],[data-journey="pdf"])[data-phase="action"] .jr-selection-tool>span{background:#dfead7;box-shadow:inset 0 0 0 1px #b8cdae} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]) .jr-player{position:absolute;right:20px;bottom:17px;width:228px;padding:11px 12px;background:#fbfcf7;border:1px solid #d7e0d0;border-radius:15px;box-shadow:0 7px 22px #31452a20;opacity:1;translate:0 0;transition:opacity 250ms,translate 250ms;z-index:5} .ss-orbit :is([data-journey="read"],[data-journey="pdf"]):is([data-phase="intro"],[data-phase="select"],[data-phase="action"]) .jr-player{opacity:0;translate:0 8px} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) :is(.jr-player,.jr-ocr-result)>header{display:flex;align-items:center;gap:7px;font-size:11px;line-height:1.3;color:#36543c} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) :is(.jr-player,.jr-ocr-result)>header>svg{width:16px;height:16px} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) :is(.jr-player,.jr-ocr-result)>header>span{margin-left:auto;color:#8d9788;font-size:15px} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-progress{height:3px;background:#e0e7db;border-radius:3px;overflow:hidden;margin:10px 0} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-progress>i{display:block;height:100%;width:100%;background:#6b8a6b;transform:scaleX(clamp(0,calc((var(--scene-progress,1) - .36) / .48),1));transform-origin:left} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-transport{display:flex;align-items:center;justify-content:center;gap:13px;color:#788775} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-transport>span{display:flex} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-transport>span>svg{width:13px;height:13px} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-transport>small{font-size:9px;margin:0 0 0 3px;color:#75816f} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-play-key{width:29px;height:29px;display:grid;place-items:center;border-radius:50%;background:#53745c;color:#fff;flex:none} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-play-key>i{display:flex;grid-area:1/1} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-play-key svg{width:14px;height:14px} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) .jr-play-key>.jr-reading{opacity:0} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase^="read"] .jr-play-key>.jr-reading{opacity:1} .ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"])[data-phase^="read"] .jr-play-key>.jr-stopped{opacity:0} .ss-orbit [data-journey="read"] .jr-gmail{overflow:visible} .ss-orbit [data-journey="read"] .jr-gmail-bar{height:45px;display:flex;align-items:center;gap:7px;padding:0 12px;background:#f7f9fc;border-bottom:1px solid #eef1f4;border-radius:13px 13px 0 0;font-size:14px} .ss-orbit [data-journey="read"] .jr-gmail-bar>svg{width:14px;height:14px;color:#75818a;margin-right:2px} .ss-orbit [data-journey="read"] .jr-gmail-bar>img{width:22px;height:22px} .ss-orbit [data-journey="read"] .jr-gmail-bar>b{font-weight:500;color:#4b5158} .ss-orbit [data-journey="read"] .jr-gmail-bar>span{font-size:9px;color:#75828b;background:#eaf1f9;border-radius:8px;padding:7px 12px;margin-left:9px;flex:1} .ss-orbit [data-journey="read"] .jr-gmail-bar>i{width:23px;height:23px;border-radius:50%;background:#7c63a7;color:white;display:grid;place-items:center;font:10px Arial} .ss-orbit [data-journey="read"] .jr-mail-tools{height:29px;display:flex;align-items:center;gap:19px;padding:0 18px;color:#6e777e;border-bottom:1px solid #f0f2f4} .ss-orbit [data-journey="read"] .jr-mail-tools>span{display:flex;gap:17px;padding-left:4px} .ss-orbit [data-journey="read"] .jr-mail-tools svg{width:13px;height:13px} .ss-orbit [data-journey="read"] .jr-mail-tools>svg:last-child{margin-left:auto} .ss-orbit [data-journey="read"] .jr-mail-body{padding:12px 23px;font-size:15px;line-height:1.5} .ss-orbit [data-journey="read"] .jr-mail-body h3{margin:0 0 12px 40px;font-size:18px;line-height:1.35;color:#30353a;font-weight:500} .ss-orbit [data-journey="read"] .jr-sender{display:flex;align-items:center;gap:12px;height:28px;margin-bottom:12px;font-size:12px;color:#343b42} .ss-orbit [data-journey="read"] .jr-sender>i{width:28px;height:28px;border-radius:50%;background:#eee8f5;color:#806397;font:500 12px/1 Arial;display:grid;place-items:center;flex:none} .ss-orbit [data-journey="read"] .jr-sender>b{font-weight:600} .ss-orbit [data-journey="read"] .jr-sender>span{display:flex;gap:15px;margin-left:auto;color:#7a8289} .ss-orbit [data-journey="read"] .jr-sender>span>svg{width:14px;height:14px} .ss-orbit [data-journey="read"] .jr-message{margin-left:40px} .ss-orbit [data-journey="read"] .jr-mail-body p{margin:0 0 3px;line-height:1.5} .ss-orbit [data-journey="read"] .jr-player{right:-8px;bottom:-9px;width:208px;padding:12px 13px;box-shadow:0 8px 23px #31452a24} .ss-orbit [data-journey="read"] .jr-loading{display:none;font:9px/1 Arial,sans-serif;color:#788674;margin-left:auto;white-space:nowrap} .ss-orbit [data-journey="read"][data-phase="player"] .jr-loading{display:block} .ss-orbit [data-journey="read"][data-phase="player"] .jr-player>header>span{margin-left:0} .ss-orbit [data-journey="read"][data-phase="player"] .jr-transport{opacity:.45} .ss-orbit :is([data-journey="ocr"],[data-journey="pdf"]) .jr-browser-bar{height:37px;display:flex;align-items:center;gap:0;padding:0 7px 0 8px;background:#edf0f3;border-bottom:1px solid #e4e7e9;border-radius:13px 13px 0 0;color:#697278} .ss-orbit :is([data-journey="ocr"],[data-journey="pdf"]) .jr-browser-tab{display:flex;align-items:center;margin:0;min-width:0;width:190px;height:29px;gap:7px;padding:0 9px;background:#fff;border-radius:9px 9px 0 0;align-self:flex-end;font:10px/1.2 Arial,sans-serif;color:#495258} .ss-orbit :is([data-journey="ocr"],[data-journey="pdf"]) .jr-page-icon{width:13px;height:13px;flex:none} .ss-orbit :is([data-journey="ocr"],[data-journey="pdf"]) .jr-browser-tab>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ss-orbit :is([data-journey="ocr"],[data-journey="pdf"]) .jr-browser-tab>i{font:13px/1 Arial,sans-serif;margin-left:auto;color:#798187} .ss-orbit :is([data-journey="ocr"],[data-journey="pdf"]) .jr-new-tab{margin:2px 0 0;width:28px;text-align:center;font:17px/1 Arial,sans-serif;color:#727b80} .ss-orbit :is([data-journey="ocr"],[data-journey="pdf"]) .jr-window-controls{margin-left:auto;width:66px;height:16px;color:#7d8589;flex:none} .ss-orbit [data-journey="ocr"] .jr-browser{overflow:visible} .ss-orbit [data-journey="ocr"] .jr-browser-bar{border-radius:13px 13px 0 0} .ss-orbit [data-journey="ocr"] .jr-photo-surface{position:absolute;inset:37px 0 0;background:#e6ebde;border-radius:0 0 13px 13px;transition:background 200ms} .ss-orbit [data-journey="ocr"]:is([data-phase="select"],[data-phase="capture"]) .jr-photo-surface{background:#dce3d4} .ss-orbit [data-journey="ocr"] .jr-image-paper{position:absolute;left:23px;top:35px;width:204px;height:191px;padding:22px 17px;background:#fffdf4;box-shadow:3px 9px 19px #59654d22;transform:rotate(-4deg);font-size:19px;line-height:1.65} .ss-orbit [data-journey="ocr"] .jr-image-paper>small{font-size:9px;letter-spacing:3px;color:#8f957f;margin:0 0 18px} .ss-orbit [data-journey="ocr"] .jr-image-paper::before{content:"";position:absolute;inset:0;background:#344b3414;opacity:0;pointer-events:none;transition:opacity 200ms} .ss-orbit [data-journey="ocr"]:is([data-phase="select"],[data-phase="capture"]) .jr-image-paper::before{opacity:1} .ss-orbit [data-journey="ocr"] .jr-ocr-target{position:relative;display:inline-block;z-index:1;--jr-capture:clamp(0,calc((var(--scene-progress,0) * 8800 - 1600) / 650),1)} /* Screen capture stays level even when the photographed paper is tilted. */ .ss-orbit [data-journey="ocr"] .jr-capture-overlay{position:absolute;inset:-12px -10px;transform:rotate(4deg);pointer-events:none} .ss-orbit [data-journey="ocr"] .jr-capture-cursor{position:absolute;left:calc(100% * var(--jr-capture));top:calc(100% * var(--jr-capture));width:18px;height:22px;opacity:0;pointer-events:none;z-index:3;transform:translate(-3px,-2px);transition:opacity 140ms} .ss-orbit [data-journey="ocr"] .jr-capture-cursor>svg{width:18px;height:22px;fill:#354b3d;stroke:#fff;stroke-width:1.5;filter:drop-shadow(0 1px 2px #33432c55)} .ss-orbit [data-journey="ocr"]:is([data-phase="select"],[data-phase="capture"]) .jr-capture-cursor{opacity:1} .ss-orbit [data-journey="ocr"] .jr-ocr-target p{margin:0;font-size:19px;line-height:1.65;white-space:nowrap} .ss-orbit [data-journey="ocr"] .jr-capture-frame{position:absolute;inset:0;border:1.5px solid #527651;background:#c9dfb61a;opacity:0;clip-path:inset(0);transition:clip-path 650ms cubic-bezier(.2,.6,.2,1),opacity 200ms;pointer-events:none} .ss-orbit [data-journey="ocr"] .jr-capture-frame>i{position:absolute;width:5px;height:5px;background:#fff;border:1px solid #527651} .ss-orbit [data-journey="ocr"] .jr-capture-frame>i:nth-child(1){left:-3px;top:-3px}.ss-orbit [data-journey="ocr"] .jr-capture-frame>i:nth-child(2){right:-3px;top:-3px}.ss-orbit [data-journey="ocr"] .jr-capture-frame>i:nth-child(3){left:-3px;bottom:-3px}.ss-orbit [data-journey="ocr"] .jr-capture-frame>i:nth-child(4){right:-3px;bottom:-3px} .ss-orbit [data-journey="ocr"]:is([data-phase="intro"],[data-phase="tool"]) .jr-capture-frame{opacity:0;clip-path:inset(0 100% 100% 0)} .ss-orbit [data-journey="ocr"]:is([data-phase="select"],[data-phase="capture"]) .jr-capture-frame{opacity:1;clip-path:inset(0 calc((1 - var(--jr-capture)) * 100%) calc((1 - var(--jr-capture)) * 100%) 0);transition:opacity 200ms} .ss-orbit [data-journey="ocr"] .jr-picture-line{width:96px;height:4px;background:#e1e3d9;margin-top:28px;border-radius:3px} .ss-orbit [data-journey="ocr"] .jr-ocr-tool{position:absolute;right:14px;top:14px;display:flex;align-items:center;gap:8px;border:1px solid #d9e2d0;border-radius:11px;background:#fafcf6;padding:9px 10px;font-size:10px;line-height:1.35;color:#486540;box-shadow:0 4px 12px #344d3318;transition:opacity 220ms,background 220ms} .ss-orbit [data-journey="ocr"][data-phase="tool"] .jr-ocr-tool{background:#dce9d2} .ss-orbit [data-journey="ocr"]:not([data-phase="intro"]):not([data-phase="tool"]) .jr-ocr-tool{opacity:0} .ss-orbit [data-journey="ocr"] .jr-drag-tip{position:absolute;right:14px;top:20px;display:flex;gap:6px;align-items:center;padding:7px 10px;background:#f8fbf1;border-radius:9px;font-size:9px;color:#54704d;opacity:0;transition:opacity 200ms} .ss-orbit [data-journey="ocr"] .jr-drag-tip svg{width:14px;height:14px} .ss-orbit [data-journey="ocr"]:is([data-phase="select"],[data-phase="capture"]) .jr-drag-tip{opacity:1} .ss-orbit [data-journey="ocr"] .jr-ocr-result{position:absolute;right:-7px;bottom:-8px;width:192px;padding:14px;background:#fbfcf7;border:1px solid #d7e0d0;border-radius:15px;box-shadow:0 9px 24px #31452a28;transition:opacity 250ms,translate 250ms} .ss-orbit [data-journey="ocr"]:is([data-phase="select"],[data-phase="capture"]) .jr-ocr-result{opacity:0;translate:0 8px} .ss-orbit [data-journey="ocr"] .jr-ocr-capture-entry{display:none;align-items:center;gap:6px;padding:7px 5px;margin:9px -3px 0;border-radius:6px;font-size:9px;color:#5d7056;transition:background 180ms} .ss-orbit [data-journey="ocr"]:is([data-phase="intro"],[data-phase="tool"]) .jr-ocr-capture-entry{display:flex} .ss-orbit [data-journey="ocr"] .jr-ocr-capture-entry svg{width:16px;height:16px} .ss-orbit [data-journey="ocr"][data-phase="tool"] .jr-ocr-capture-entry{background:#dfebd5;box-shadow:inset 0 0 0 1px #b8cdae} .ss-orbit [data-journey="ocr"] .jr-progress{margin:14px 0 12px} .ss-orbit [data-journey="ocr"] .jr-transport{gap:17px} .ss-orbit [data-journey="ocr"] .jr-play-key{width:34px;height:34px} .ss-orbit [data-journey="ocr"] .jr-progress>i{transform:scaleX(clamp(0,calc((var(--scene-progress,1) - .52) / .31),1))} .ss-orbit [data-journey="ocr"] .jr-recognized{font-size:15px;line-height:1.7;margin:13px 0 10px} .ss-orbit [data-journey="ocr"] .jr-recognized p{margin:0} .ss-orbit [data-journey="ocr"][data-phase="recognize"] .jr-transport{opacity:.5} .ss-orbit [data-journey="pdf"] .jr-pdf-toolbar{height:29px;display:flex;align-items:center;gap:7px;padding:0 10px;background:#fafbf7;border-bottom:1px solid #e0e4dc;font-size:9px;color:#65715f} .ss-orbit [data-journey="pdf"] .jr-pdf-toolbar .jr-mark{width:17px;height:17px} .ss-orbit [data-journey="pdf"] .jr-pdf-toolbar>span{margin-left:auto;font-size:9px}.ss-orbit [data-journey="pdf"] .jr-pdf-toolbar>i{font-style:normal;margin-left:10px;font-size:12px} .ss-orbit [data-journey="pdf"] .jr-pdf-surface{position:absolute;inset:66px 0 0;background:#eeeee8} .ss-orbit [data-journey="pdf"] .jr-pdf-page{position:absolute;left:28px;top:10px;width:198px;height:220px;padding:18px 15px;background:white;border:1px solid #e0e4dc;box-shadow:0 3px 9px #25382710;font-size:13px;line-height:1.7} .ss-orbit [data-journey="pdf"] .jr-pdf-page>small{font-size:8px;letter-spacing:1.4px;color:#69806b;margin:0 0 8px} .ss-orbit [data-journey="pdf"] .jr-pdf-page>h3{font-size:16px;line-height:1.4;margin:0 0 13px;color:#36543c} .ss-orbit [data-journey="pdf"] .jr-pdf-page p{font-size:13px;line-height:1.75;margin:0;white-space:nowrap} .ss-orbit [data-journey="pdf"] .jr-pdf-page .jr-lines{width:145px;gap:5px;margin-top:15px} .ss-orbit [data-journey="pdf"] .jr-pdf-page .jr-lines i{height:3px} .ss-orbit [data-journey="pdf"] .jr-page-number{position:absolute;bottom:8px;right:14px;font-size:8px;color:#939b8c} .ss-orbit [data-journey="pdf"] .jr-player{right:14px;bottom:25px;width:177px;padding:12px} .ss-orbit [data-journey="pdf"] .jr-transport{gap:10px} .ss-orbit [data-journey="pdf"] .jr-selection-tool{left:5px;font-size:9px;gap:5px;padding:5px;top:calc(100% + 8px)} @media(prefers-reduced-motion:reduce){.ss-orbit :is([data-journey="read"],[data-journey="ocr"],[data-journey="pdf"]) *{transition:none!important}} /* Phase-driven only: a completed illustration is the default/no-script state. */ .ss-orbit :is([data-journey="dictate"],[data-journey="summary"],[data-journey="chat"],[data-journey="dictionary"]) :is(.uj-selected,.uj-tool,.uj-summary-panel,.uj-bullets li,.uj-chat-panel,.uj-question-bubble,.uj-answer,.uj-dictated span,.uj-label-idle,.uj-label-recording,.uj-send){transition:opacity 240ms ease,background-color 240ms ease,transform 240ms ease,color 240ms ease} .ss-orbit .uj-tool{position:absolute;left:22px;bottom:35px;opacity:0} .ss-orbit .uj-tool svg{width:15px;height:15px} .ss-orbit .uj-selected{background:#bad7fa;color:#1c395b;border-radius:3px;box-decoration-break:clone;-webkit-box-decoration-break:clone} /* Phone: one word at a time, Stop, automatic correction, then a quiet finished note. */ .ss-orbit .uj-note{position:relative;min-height:105px;margin-top:6px} .ss-orbit .uj-placeholder{position:absolute;top:0;left:0;color:#a1a89b;font-size:11px;opacity:0} .ss-orbit .uj-dictated{--spoken:9;font-size:14px;line-height:1.7} .ss-orbit .uj-note-line{white-space:nowrap} .ss-orbit .uj-dictated .uj-token{opacity:clamp(0,calc(var(--spoken) - var(--order) + 1),1);transition:opacity 160ms ease} .ss-orbit .uj-auto-pair{display:inline-grid;white-space:nowrap} .ss-orbit .uj-auto-pair>span{grid-area:1/1;transition:opacity 200ms ease,background-color 550ms ease} .ss-orbit .uj-auto-before{opacity:0;text-decoration:underline wavy #b87d77;text-underline-offset:3px} .ss-orbit .uj-auto-after{border-radius:3px;background:transparent} .ss-orbit [data-journey="dictate"]:not([data-phase="correct"]):not([data-phase="plain"]):not([data-phase="done"]) .uj-auto-before{opacity:1} .ss-orbit [data-journey="dictate"]:not([data-phase="correct"]):not([data-phase="plain"]):not([data-phase="done"]) .uj-auto-after{opacity:0} .ss-orbit [data-journey="dictate"][data-phase="correct"] .uj-auto-after{background:#e4edda} .ss-orbit [data-journey="dictate"]:is([data-phase="intro"],[data-phase="mic"],[data-phase="listen"]) .uj-dictated{--spoken:0} .ss-orbit [data-journey="dictate"][data-phase="word1"] .uj-dictated{--spoken:1} .ss-orbit [data-journey="dictate"][data-phase="word2"] .uj-dictated{--spoken:2} .ss-orbit [data-journey="dictate"][data-phase="word3"] .uj-dictated{--spoken:3} .ss-orbit [data-journey="dictate"][data-phase="word4"] .uj-dictated{--spoken:4} .ss-orbit [data-journey="dictate"][data-phase="word5"] .uj-dictated{--spoken:5} .ss-orbit [data-journey="dictate"][data-phase="word6"] .uj-dictated{--spoken:6} .ss-orbit [data-journey="dictate"][data-phase="word7"] .uj-dictated{--spoken:7} .ss-orbit [data-journey="dictate"][data-phase="word8"] .uj-dictated{--spoken:8} .ss-orbit [data-journey="dictate"][data-phase="word9"] .uj-dictated{--spoken:9} .ss-orbit [data-journey="dictate"]:is([data-phase="intro"],[data-phase="mic"]) .uj-placeholder{opacity:1} .ss-orbit .uj-dictation .lib-mic{position:relative;transition:background-color 200ms ease,transform 200ms ease} .ss-orbit .uj-mic-icon{display:grid;place-items:center} .ss-orbit .uj-stop-icon{position:absolute;inset:10px;border-radius:2px;background:white;opacity:0} .ss-orbit .uj-dictation>b{display:grid} .ss-orbit .uj-dictation>b>span{grid-area:1/1} .ss-orbit .uj-label-recording{opacity:0} .ss-orbit .uj-dictation .lib-wave{opacity:.32} .ss-orbit .uj-dictation .lib-wave i{transform:scaleY(.3);transition:transform 450ms ease} .ss-orbit [data-journey="dictate"]:is([data-phase="mic"],[data-phase="stop"]) .lib-mic{background:#324e38;transform:scale(.9)} .ss-orbit [data-journey="dictate"]:is([data-phase="listen"],[data-phase^="word"],[data-phase="stop"]) :is(.uj-mic-icon,.uj-label-idle){opacity:0} .ss-orbit [data-journey="dictate"]:is([data-phase="listen"],[data-phase^="word"],[data-phase="stop"]) :is(.uj-stop-icon,.uj-label-recording){opacity:1} .ss-orbit [data-journey="dictate"]:is([data-phase="listen"],[data-phase^="word"]) .lib-wave{opacity:1} .ss-orbit [data-journey="dictate"]:is([data-phase="listen"],[data-phase="word2"],[data-phase="word4"],[data-phase="word6"],[data-phase="word8"]) .lib-wave i:nth-child(odd){transform:scaleY(1)} .ss-orbit [data-journey="dictate"]:is([data-phase="word1"],[data-phase="word3"],[data-phase="word5"],[data-phase="word7"],[data-phase="word9"]) .lib-wave i:nth-child(even){transform:scaleY(1)} /* Summary: source and result have separate fixed spaces; original is never replaced. */ .ss-orbit .uj-summary-source{padding:20px 0 0 22px;width:210px} .ss-orbit .uj-summary-source h3{font-size:17px;margin-bottom:16px} .ss-orbit .uj-summary-source p{font-size:12px;line-height:1.85;margin:0} .ss-orbit .uj-summary-panel{right:12px;bottom:20px;width:203px;height:173px;padding:12px} .ss-orbit .uj-summary-panel>header{margin-bottom:11px} .ss-orbit .uj-summary-body{position:relative;height:122px} .ss-orbit .uj-working{display:flex;gap:5px;position:absolute;top:20px;left:4px;opacity:0} .ss-orbit .uj-working i{width:4px;height:4px;background:#91a385;border-radius:50%} .ss-orbit .uj-bullets{position:absolute;inset:0;margin:0;padding:0 0 0 16px;font-size:12px;line-height:2.45} .ss-orbit .uj-bullets li::marker{color:#617e59} .ss-orbit [data-journey="summary"][data-phase="intro"] .uj-selected{background:transparent;color:inherit} .ss-orbit [data-journey="summary"]:is([data-phase="intro"],[data-phase="select"],[data-phase="working"],[data-phase="bullet1"],[data-phase="bullet2"],[data-phase="bullet3"],[data-phase="done"]) .uj-tool{opacity:0;transform:translateY(5px)} .ss-orbit [data-journey="summary"][data-phase="toolbar"] .uj-tool{opacity:1} .ss-orbit [data-journey="summary"][data-phase="choose"] .uj-tool{opacity:1} .ss-orbit [data-journey="summary"]:is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"],[data-phase="choose"]) .uj-summary-panel{opacity:0;transform:translateY(8px)} .ss-orbit [data-journey="summary"][data-phase="working"] .uj-working{opacity:1} .ss-orbit [data-journey="summary"][data-phase="working"] .uj-bullets li{opacity:0} .ss-orbit [data-journey="summary"][data-phase="bullet1"] .uj-bullets li:nth-child(n+2), .ss-orbit [data-journey="summary"][data-phase="bullet2"] .uj-bullets li:nth-child(3){opacity:0;transform:translateY(5px)} /* Context chat: highlighted word -> native entry -> drafted question -> sent answer. */ .ss-orbit .uj-chat-source{padding:21px 0 0 22px;width:197px} .ss-orbit .uj-chat-source h3{font-size:16px;margin-bottom:17px} .ss-orbit .uj-chat-source p{font-size:12px;line-height:1.9} .ss-orbit .uj-chat-panel{top:57px;right:12px;bottom:auto;width:218px;height:235px;padding:12px} .ss-orbit .uj-chat-panel>header{margin:0} .ss-orbit .uj-context{position:absolute;top:44px;left:12px;right:12px;padding:4px 8px;background:#edf1e8;border-left:2px solid #abc09d;border-radius:3px;color:#68745f;font-size:9px} .ss-orbit .uj-question-bubble{position:absolute;top:78px;right:12px;max-width:176px;padding:9px 10px;background:#e3ecd9;border-radius:11px 11px 3px 11px;font-size:11px} .ss-orbit .uj-answer{position:absolute;top:121px;left:12px;right:19px;padding:8px 10px;background:#fff;border:1px solid #e2e7db;border-radius:11px 11px 11px 3px;font-size:11.5px;line-height:1.5} .ss-orbit .uj-composer{position:absolute;bottom:11px;left:12px;right:12px;height:27px;border:1px solid #dfe5d9;border-radius:8px;background:#fff;display:flex;align-items:center;padding:0 7px;font-size:11px} .ss-orbit .uj-question-placeholder{color:#99a28f} .ss-orbit .uj-question-draft{position:absolute;left:7px;opacity:0;color:#43503c;white-space:pre;--typed:21} .ss-orbit .uj-question-draft>span{opacity:clamp(0,calc(var(--typed) - var(--letter) + 1),1)} .ss-orbit .uj-send{margin-left:auto;display:grid;place-items:center;flex:none;background:#506957;color:white;border-radius:50%;width:21px;height:21px;font-size:14px} .ss-orbit [data-journey="chat"][data-phase="intro"] .uj-selected{background:transparent} .ss-orbit [data-journey="chat"]:is([data-phase="intro"],[data-phase="select"],[data-phase="open"],[data-phase^="question"],[data-phase="send"],[data-phase="answer"],[data-phase="done"]) .uj-tool{opacity:0;transform:translateY(5px)} .ss-orbit [data-journey="chat"][data-phase="toolbar"] .uj-tool{opacity:1} .ss-orbit [data-journey="chat"]:is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"]) .uj-chat-panel{opacity:0;transform:translateY(8px)} .ss-orbit [data-journey="chat"]:is([data-phase="open"],[data-phase^="question"]) .uj-question-bubble, .ss-orbit [data-journey="chat"]:is([data-phase="open"],[data-phase^="question"],[data-phase="send"]) .uj-answer{opacity:0;transform:translateY(4px)} .ss-orbit [data-journey="chat"][data-phase^="question"] .uj-question-draft{opacity:1} .ss-orbit [data-journey="chat"][data-phase^="question"] .uj-question-placeholder{opacity:0} .ss-orbit [data-journey="chat"][data-phase="send"] .uj-send{background:#324e38;transform:scale(.86)} /* Website dictionary distilled from the owner's two supplied native screenshots. */ .ss-orbit [data-journey="dictionary"] .lib-window{overflow:visible} .ss-orbit .uj-dictionary-page{display:flex;gap:18px;padding:13px 22px 0 26px} .ss-orbit .uj-dictionary-source{flex:1;min-width:0;font-size:15px;line-height:1.45;color:#30352f} .ss-orbit .uj-dictionary-source h3{margin:0 0 8px;font:700 16px/1.25 Inter,Arial,sans-serif;color:#26302a;letter-spacing:-.2px} .ss-orbit .uj-dictionary-source p{margin:0} .ss-orbit .uj-dictionary-source .uj-dictionary-body{margin-top:22px;font-size:11px;line-height:1.6;color:#5f6860} /* first line sits fully under the Læs op | Ordbog bar */ .ss-orbit .uj-book{flex:none;width:104px;margin:2px 0 0} .ss-orbit .uj-book svg{display:block;width:104px;height:136px;filter:drop-shadow(0 3px 5px #2f3f3530)} .ss-orbit .uj-book figcaption{margin-top:6px;font:9px Arial,sans-serif;color:#7d877b} .ss-orbit .uj-school-header b i{background:#6f8ea4} .ss-orbit .uj-related{position:absolute;left:26px;right:22px;top:250px;display:flex;align-items:baseline;gap:16px;padding-top:10px;border-top:1px solid #e6e9e1;font:600 10.5px/1.3 Inter,Arial,sans-serif;color:#4d6b57;white-space:nowrap} .ss-orbit .uj-related small{font:700 7.5px/1 Arial,sans-serif;letter-spacing:1px;text-transform:uppercase;color:#8a9387} .ss-orbit .uj-related i{font:400 9px Arial,sans-serif;color:#8a9387;margin-left:3px} .ss-orbit .uj-dictionary-word{background:#cdded4;border-radius:2px;transition:background-color 240ms ease} .ss-orbit .uj-dictionary-toolbar{position:absolute;top:158px;left:26px;display:flex;align-items:center;gap:10px;padding:8px 10px;background:#fffdf9;border:1px solid #e4ddd2;border-radius:11px;box-shadow:0 5px 16px #3b352b15;font:11px/1.2 Arial,sans-serif;color:#39453d;opacity:0;visibility:hidden;transition:opacity 200ms ease} .ss-orbit .uj-dictionary-toolbar>:is(span,b){display:flex;align-items:center;gap:6px;font-weight:400;white-space:nowrap;border-radius:5px} .ss-orbit .uj-dictionary-toolbar>b{padding:4px;margin:-4px} .ss-orbit .uj-dictionary-toolbar>i{width:1px;height:16px;background:#d8cdbd} .ss-orbit .uj-dictionary-toolbar svg{width:15px;height:15px} .ss-orbit .uj-dictionary-card{position:absolute;left:20px;top:155px;width:380px;padding:13px 17px;background:#fffdf9;border:1px solid #e4ddd2;border-radius:17px;box-shadow:0 8px 24px #3b352b18;color:#302e29;transition:opacity 240ms ease,transform 240ms ease} .ss-orbit .uj-dictionary-card>header{display:flex;align-items:center;gap:9px;line-height:1.2} .ss-orbit .uj-dictionary-card strong{font-size:22px;font-weight:700;letter-spacing:-.4px} .ss-orbit .uj-dictionary-card>header>svg{width:16px;height:16px;color:#526e55} .ss-orbit .uj-dictionary-card>header>span{margin-left:auto;font:19px/1 Arial,sans-serif;color:#897e72} .ss-orbit .uj-dictionary-card>small{display:block;font-size:10px;color:#817769;margin:4px 0 11px} .ss-orbit .uj-dictionary-card>p{font-size:16px;line-height:1.45;margin:0 0 11px} .ss-orbit .uj-dictionary-example{border-left:2px solid #c0cbb6;padding-left:12px} .ss-orbit .uj-dictionary-example>small{display:block;font-size:10px;color:#817769;margin:0 0 4px} .ss-orbit .uj-dictionary-example>p{font-size:14px;line-height:1.5;margin:0} .ss-orbit [data-journey="dictionary"][data-phase="intro"] .uj-dictionary-word{background:transparent} .ss-orbit [data-journey="dictionary"]:is([data-phase="toolbar"],[data-phase="choose"]) .uj-dictionary-toolbar{opacity:1;visibility:visible} .ss-orbit [data-journey="dictionary"][data-phase="choose"] .uj-dictionary-toolbar>b{background:#dce8d6;color:#355238} .ss-orbit [data-journey="dictionary"]:is([data-phase="intro"],[data-phase="select"],[data-phase="toolbar"],[data-phase="choose"]) .uj-dictionary-card{opacity:0;transform:translateY(5px);visibility:hidden} @media(prefers-reduced-motion:reduce){.ss-orbit [data-journey] .lib-canvas *{transition:none!important}} /* .uj-dictation lifts this above the shared transition rule, whose :is() list (.uj-bullets li) outranks it otherwise. */ .ss-orbit [data-journey="dictate"] .uj-dictation :is(.uj-label-idle,.uj-label-recording){transition:none} /* A quiet, native-shaped tab strip; preserve body geometry and journey timing. */ .ss-orbit .uj-browser .uj-browser-bar{height:37px;gap:0;padding:0 7px 0 8px;background:#edf0f3;border-bottom-color:#e4e7e9;border-radius:13px 13px 0 0;color:#697278} .ss-orbit .uj-browser-bar>.uj-browser-tab{margin:0;min-width:0;width:190px;height:29px;gap:7px;padding:0 9px;background:#fff;border-radius:9px 9px 0 0;align-self:flex-end;font:10px/1.2 Arial,sans-serif;color:#495258} .ss-orbit .uj-browser-tab>img,.ss-orbit .uj-browser-tab>.uj-page-icon{width:13px;height:13px;flex:none;object-fit:contain} .ss-orbit .uj-browser-tab>span{overflow:hidden;white-space:nowrap;text-overflow:ellipsis} .ss-orbit .uj-browser-tab>i{font:13px/1 Arial,sans-serif;margin-left:auto;color:#798187} .ss-orbit .uj-browser-bar>.uj-new-tab{margin:2px 0 0;width:28px;text-align:center;font:17px/1 Arial,sans-serif;color:#727b80} .ss-orbit .uj-browser-bar>.uj-window-controls{margin-left:auto;width:66px;height:16px;color:#7d8589;flex:none} .ss-orbit .uj-tool-label{position:absolute;top:calc(100% + 5px);left:0;background:#465c4b;color:white;border-radius:5px;padding:3px 7px;font:10px/1.5 Arial,sans-serif;white-space:nowrap;opacity:0} .ss-orbit [data-journey="summary"][data-phase="choose"] .uj-tool .jr-chrome-active,.ss-orbit [data-journey="chat"][data-phase="toolbar"] .uj-tool .jr-chrome-active{background:#dfead7;box-shadow:inset 0 0 0 1px #b8cdae;color:#355640} .ss-orbit [data-journey="summary"][data-phase="choose"] .uj-tool-label,.ss-orbit [data-journey="chat"][data-phase="toolbar"] .uj-tool-label{opacity:1} /* Text reveal is a pure function of the current phase; no free-running typing timer. */ .ss-orbit [data-journey="chat"][data-phase="question1"] .uj-question-draft{--typed:3} .ss-orbit [data-journey="chat"][data-phase="question2"] .uj-question-draft{--typed:5} .ss-orbit [data-journey="chat"][data-phase="question3"] .uj-question-draft{--typed:7} .ss-orbit [data-journey="chat"][data-phase="question4"] .uj-question-draft{--typed:9} .ss-orbit [data-journey="chat"][data-phase="question5"] .uj-question-draft{--typed:11} .ss-orbit [data-journey="chat"][data-phase="question6"] .uj-question-draft{--typed:13} .ss-orbit [data-journey="chat"][data-phase="question7"] .uj-question-draft{--typed:15} .ss-orbit [data-journey="chat"][data-phase="question8"] .uj-question-draft{--typed:17} .ss-orbit [data-journey="chat"][data-phase="question9"] .uj-question-draft{--typed:19} .ss-orbit [data-journey="chat"][data-phase="question10"] .uj-question-draft{--typed:21} /* Website context is quiet; selection and result remain the primary information. */ .ss-orbit .uj-site-header{height:31px;margin:0 19px;display:flex;align-items:center;gap:17px;border-bottom:1px solid #e6e9e1;font:8px Arial,sans-serif;color:#8c958b} .ss-orbit .uj-site-header b{display:flex;align-items:center;gap:5px;margin-right:auto;font-size:11px;color:#536754} .ss-orbit .uj-site-header b i{width:10px;height:10px;border-radius:7px 2px;background:#829b7d;transform:rotate(-15deg)} .ss-orbit .uj-site-header svg{width:12px;height:12px} .ss-orbit .uj-summary-source{padding-top:13px} .ss-orbit .uj-summary-source h3{margin-bottom:11px} .ss-orbit .uj-summary-source p{line-height:1.75} .ss-orbit .uj-story-art{position:absolute;top:84px;right:21px;width:145px} .ss-orbit .uj-story-art svg{display:block;width:100%;height:93px} .ss-orbit .uj-story-art small{display:block;margin-top:8px;font:9px Arial,sans-serif;color:#83907d} .ss-orbit [data-journey="summary"] .uj-tool{bottom:19px} .ss-orbit .uj-summary-panel{bottom:13px;width:203px} /* Landscape iPad, simplified Safari chrome and a readable floating chat. */ .ss-orbit .uj-ipad{position:relative;top:7px;width:440px;height:320px;border:8px solid #363c39;border-radius:26px;background:#363c39;box-shadow:0 20px 30px -15px #39352c55} .ss-orbit .uj-ipad-screen{position:relative;height:100%;border-radius:17px;background:#fff;overflow:visible} .ss-orbit .uj-ipad-camera{position:absolute;left:-6px;top:148px;width:3px;height:3px;border-radius:50%;background:#79827e} .ss-orbit .uj-ipad-home{position:absolute;bottom:-5px;left:calc(50% - 35px);width:70px;height:2px;border-radius:4px;background:#9da39d} .ss-orbit .uj-safari{height:32px;border-radius:17px 17px 0 0;display:flex;align-items:center;gap:13px;padding:0 14px;background:#eef0ed;color:#647569;font:15px Arial,sans-serif} .ss-orbit .uj-safari>div{flex:1;background:#e2e6e1;text-align:center;border-radius:6px;padding:4px;font:9px Arial,sans-serif;color:#68716a} .ss-orbit .uj-safari svg{width:14px;height:14px} .ss-orbit .uj-ipad .uj-site-header{margin:0 16px} .ss-orbit .uj-chat-source{padding:14px 0 0 16px;width:196px} .ss-orbit .uj-chat-source h3{margin-bottom:12px;font-size:16px} .ss-orbit .uj-chat-source p{margin:0;line-height:1.9} .ss-orbit .uj-ipad .uj-tool{left:16px;bottom:31px} .ss-orbit .uj-chat-panel{top:75px;right:-5px;height:235px;width:218px} /* Capture a chart from inside Chat, attach it, then ask about its meaning. */ .ss-orbit .uc-chart{position:absolute;left:15px;top:79px;width:180px} .ss-orbit .uc-chart>small{font:7px Arial,sans-serif;letter-spacing:1px;color:#82917b} .ss-orbit .uc-chart h3{font:600 17px Arial,sans-serif;margin:7px 0} .ss-orbit .uc-chart p{font:10px Arial,sans-serif;color:#7b8575;margin:0 0 9px} .ss-orbit .uc-chart-image{position:relative;width:180px;height:145px} .ss-orbit .uc-chart-image>svg{width:100%;height:100%} .ss-orbit .uc-capture-box{position:absolute;inset:-4px;border:2px solid #6c8d67;border-radius:6px;background:#b9cfa518;opacity:0;clip-path:inset(0);transition:clip-path 650ms ease,opacity 180ms} .ss-orbit .uc-panel{top:53px;right:-5px;bottom:auto;width:218px;height:255px;padding:12px} .ss-orbit .uc-panel>header{margin:0} .ss-orbit .uc-welcome{position:absolute;left:12px;top:50px;font-size:11px;line-height:1.65;color:#6e7868} .ss-orbit .uc-attachment{position:absolute;top:42px;left:12px;right:12px;height:36px;display:flex;align-items:center;gap:7px;border:1px solid #deded4;border-radius:7px;padding:4px;background:#fffefa} .ss-orbit .uc-attachment>span{width:38px;height:28px;background:#f1f5ed;border-radius:3px} .ss-orbit .uc-attachment svg{width:100%;height:100%} .ss-orbit .uc-attachment b{font-size:10px;font-weight:400}.ss-orbit .uc-attachment i{margin-left:auto;color:#8b9387;font-style:normal} .ss-orbit .uc-question{position:absolute;right:12px;top:88px;background:#e3ecd9;border-radius:10px 10px 3px 10px;padding:8px 10px;font-size:11px} .ss-orbit .uc-answer{position:absolute;left:12px;right:12px;top:128px;padding:9px;background:#fff;border:1px solid #e2e7db;border-radius:10px;font-size:11px;line-height:1.55} .ss-orbit .uc-working{position:absolute;left:25px;top:145px;display:flex;gap:4px}.ss-orbit .uc-working i{width:4px;height:4px;background:#94a18c;border-radius:50%} .ss-orbit .uc-capture-button{position:absolute;bottom:43px;left:12px;height:22px;box-sizing:border-box;line-height:1;display:flex;align-items:center;gap:5px;padding:5px 7px;border:1px solid #e4e3da;border-radius:6px;background:#f6f5f0;font-size:10px;transition:background 200ms,transform 200ms} .ss-orbit .uc-capture-button svg{width:13px;height:13px} .ss-orbit .uc-composer{position:absolute;bottom:11px;left:12px;right:12px;height:28px;border:1px solid #dfe5d9;border-radius:9px;background:white;display:flex;align-items:center;padding:0 6px;font-size:10px} .ss-orbit .uc-placeholder{color:#99a28f}.ss-orbit .uc-draft{position:absolute;left:6px;--typed:18;white-space:pre} .ss-orbit .uc-draft>span{opacity:clamp(0,calc(var(--typed) - var(--letter) + 1),1)} .ss-orbit .uc-composer>b{margin-left:auto;display:grid;place-items:center;border-radius:50%;width:20px;height:20px;background:#506957;color:white;font-size:14px;font-weight:400} .ss-orbit .uc-pointer{position:absolute;left:287px;top:249px;width:16px;height:21px;filter:drop-shadow(0 2px 2px #33473333);opacity:0;transition:left 650ms ease,top 650ms ease,opacity 180ms} .ss-orbit [data-journey="chat"] :is(.uc-attachment,.uc-question,.uc-answer,.uc-welcome,.uc-draft,.uc-working){opacity:0;transition:opacity 240ms} .ss-orbit [data-journey="chat"]:is([data-phase="intro"],[data-phase="capture-button"],[data-phase="capture-area"]) .uc-welcome{opacity:1} .ss-orbit [data-journey="chat"][data-phase="capture-button"] .uc-capture-button{background:#dfead7;transform:scale(.97)} .ss-orbit [data-journey="chat"]:is([data-phase="capture-button"],[data-phase="capture-area"]) .uc-pointer{opacity:1} .ss-orbit [data-journey="chat"][data-phase="capture-button"] .uc-pointer{left:285px;top:251px} .ss-orbit [data-journey="chat"][data-phase="capture-button"] .uc-capture-box{clip-path:inset(0 100% 100% 0)} .ss-orbit [data-journey="chat"][data-phase="capture-area"] .uc-pointer{left:194px;top:277px} .ss-orbit [data-journey="chat"][data-phase="capture-area"] .uc-capture-box{opacity:1} .ss-orbit [data-journey="chat"]:is([data-phase="attached"],[data-phase^="question"],[data-phase="send"],[data-phase="working"],[data-phase="answer"],[data-phase="done"]) .uc-attachment{opacity:1} .ss-orbit [data-journey="chat"][data-phase^="question"] .uc-draft{opacity:1} .ss-orbit [data-journey="chat"][data-phase^="question"] .uc-placeholder{opacity:0} .ss-orbit [data-journey="chat"]:is([data-phase="send"],[data-phase="working"],[data-phase="answer"],[data-phase="done"]) .uc-question{opacity:1} .ss-orbit [data-journey="chat"][data-phase="working"] .uc-working{opacity:1} .ss-orbit [data-journey="chat"]:is([data-phase="answer"],[data-phase="done"]) .uc-answer{opacity:1} .ss-orbit [data-journey="chat"][data-phase="send"] .uc-composer>b{background:#324e38;transform:scale(.88)} .ss-orbit [data-journey="chat"][data-phase="question1"] .uc-draft{--typed:2} .ss-orbit [data-journey="chat"][data-phase="question2"] .uc-draft{--typed:4} .ss-orbit [data-journey="chat"][data-phase="question3"] .uc-draft{--typed:6} .ss-orbit [data-journey="chat"][data-phase="question4"] .uc-draft{--typed:8} .ss-orbit [data-journey="chat"][data-phase="question5"] .uc-draft{--typed:10} .ss-orbit [data-journey="chat"][data-phase="question6"] .uc-draft{--typed:12} .ss-orbit [data-journey="chat"][data-phase="question7"] .uc-draft{--typed:14} .ss-orbit [data-journey="chat"][data-phase="question8"] .uc-draft{--typed:16} .ss-orbit [data-journey="chat"][data-phase="question9"] .uc-draft{--typed:18} .ss-orbit [data-journey="chat"][data-phase="question10"] .uc-draft{--typed:18} .ss-orbit .orbit-viewport{height:440px;mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent);-webkit-mask-image:linear-gradient(to right,transparent,#000 4%,#000 96%,transparent)} .ss-orbit .orbit-card{width:88%;top:55px} .ss-orbit .orbit-controls{gap:20px} .ss-orbit .orbit-current .lib-canvas{opacity:var(--journey-opacity,1)} .ss-orbit[data-paused="true"] .orbit-current *{animation-play-state:paused!important} @media(max-width:900px){.ss-orbit .orbit-viewport{height:410px}} @media(max-width:560px){#ssu-orbit.ss-orbit{min-height:345px}.ss-orbit .orbit-viewport{height:300px}.ss-orbit .orbit-card{top:25px}} @media(prefers-reduced-motion:reduce){.ss-orbit [data-journey] *{animation:none!important;transition:none!important}} /* Neighbouring windows, rather than control chrome, invite horizontal exploration. */ #ssu-orbit.ss-orbit{width:calc(100% + 80px);margin-left:-40px} .ss-orbit .orbit-card{width:80%} .ss-orbit .orbit-previous{opacity:.43;transform:translateX(calc(-112% + var(--drag,0px))) translateY(-26px) scale(.78) rotateY(16deg) rotateZ(3deg)} .ss-orbit .orbit-next{opacity:.43;transform:translateX(calc(12% + var(--drag,0px))) translateY(-26px) scale(.78) rotateY(-16deg) rotateZ(-3deg)} .ss-orbit .orbit-viewport:focus-visible{border-bottom-color:transparent;box-shadow:inset 0 0 0 1px #b5c5ac;border-radius:18px} .ss-orbit :is([data-journey="correct"],[data-journey="tone"],[data-journey="translate"]) .jw-native-reader{height:52px;padding:9px 13px} .ss-orbit [data-journey="prompts"] .jw-native-reader{height:48px;padding:12px 13px} .ss-orbit [data-journey="correct"][data-phase="insert"] .jw-cursor{left:330px;top:220px} @media(max-width:900px){#ssu-orbit.ss-orbit{width:100%;margin-left:0}} @media(max-width:560px){#ssu-orbit.ss-orbit{width:calc(100% + 40px);margin:0 -20px}.ss-orbit .orbit-card{width:80%}} .ss-orbit .orbit-viewport:focus-visible{box-shadow:none;background:#eaf0e422} /* Size the stage around the tallest scene, with room for its shadow. */ #ssu-orbit.ss-orbit{min-height:0} .ss-orbit .orbit-viewport{height:calc(var(--scene-height,340px) + 48px)} .ss-orbit .orbit-card{top:24px;height:var(--scene-height,340px)} /* Compact, consistent elevation: the outer shadow fits within the24px gutter. */ .ss-orbit .orbit-card{--shadow-focus:0} .ss-orbit .orbit-current{--shadow-focus:1} #ssu-orbit.ss-orbit :is(.lib-window,.lib-phone-shell,.uj-ipad){ box-shadow:0 calc(3px + 4px * var(--shadow-focus)) calc(6px + 4px * var(--shadow-focus)) calc(-3px - 3px * var(--shadow-focus)) rgb(40 44 36 / calc(.05 + .11 * var(--shadow-focus))),0 2px 4px -1px rgb(40 44 36 / calc(.025 + .075 * var(--shadow-focus))); transition:box-shadow 260ms ease; } #ssu-orbit.ss-orbit :is(.lib-panel,.jw-panel,.jr-player,.jr-ocr-result,.uj-dictionary-card,.jr-selection-tool,.jw-toolbar,.uj-dictionary-toolbar){box-shadow:0 3px 8px -3px rgb(40 44 36 / calc(.03 + .09 * var(--shadow-focus))),0 1px 2px rgb(40 44 36 / calc(.015 + .035 * var(--shadow-focus)))} #ssu-orbit.ss-orbit .orbit-dragging :is(.lib-window,.lib-phone-shell,.uj-ipad){transition:none} /* Preserve the existing live illustration slot and surrounding page geometry. */ #ssu-stage>#ssu-orbit.ss-orbit{position:absolute;inset:0;min-height:0} #ssu-orbit .orbit-viewport{height:calc(var(--scene-height,340px) + var(--scene-gutter,48px))} #ssu-orbit .orbit-card{top:calc(var(--scene-gutter,48px) / 2)}