/* Roger's language club. Soft 3D scenes and the circular LokaSay emblem. */
:root{--cream:#fff8ed;--ink:#302c28;--muted:#766c61;--teal:#3f584d;--mint:#eef0df;--line:#e8ddcc;--nav:#fffdf8;--coral:#a4482d;--roger-yellow:#ffd667;--roger-blue:#dfebf2;--roger-blush:#f7dfd2;--roger-shadow:0 5px 0 #e6dbc9;--serif:Georgia,'Times New Roman',serif}
html,body{background:var(--cream)}
body{background-image:none}
.shell{max-width:1140px;padding-bottom:125px}
h1,h2{font-weight:400;letter-spacing:-.04em}
button{transition:transform .15s ease,background .15s ease,box-shadow .15s ease}
button:disabled{cursor:default}
button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:3px solid #8b531e;outline-offset:4px}
.primary{background:var(--roger-yellow);color:var(--ink);border:1px solid #e5b74a;border-radius:17px;box-shadow:0 4px 0 #d6a63b;min-height:50px;font-weight:800;padding:14px 22px}
.primary:hover:not(:disabled){background:#ffdf82;box-shadow:0 4px 0 #d6a63b}
.primary:active:not(:disabled){transform:translateY(2px);box-shadow:0 2px 0 #d6a63b}
.secondary{background:#fffcf6;border:1px solid var(--line);color:var(--ink);border-radius:16px;min-height:46px}
.secondary:hover:not(:disabled),.circle-btn:hover:not(:disabled){background:#f9edda}
.ghost{color:#685f56}
.eyebrow,.roger-kicker{font:800 10px Manrope,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:var(--coral);margin-bottom:12px;display:block}
.topbar{height:92px;border-bottom:1px solid var(--line);margin-bottom:17px}
.brand{gap:12px;min-width:0;text-align:left}
.brand b{font:800 25px Manrope,sans-serif;letter-spacing:-1.3px}
.brand small{font-size:9px;letter-spacing:.4px;color:#796d5c;text-transform:none;line-height:1.5}
.roger-brand-portrait{width:53px;height:53px;display:block;overflow:hidden;border-radius:50%;border:1px solid #e4dccb;box-shadow:0 3px 10px #55482c12;flex-shrink:0;background:#f7eedf}
.brand .roger-brand-photo{width:100%;height:100%;border-radius:50%;object-fit:contain;object-position:center;transform:none}
.country{border:1px solid #dfd1bc;background:#fffdf7;min-height:43px;max-width:43%;font-size:11px;padding:10px 14px;font-weight:650}
.country .dot{background:#b56841}
.preview{border:0;background:#f3ebdd;border-radius:10px;font-size:10px;margin:0 0 20px;padding:8px 12px;color:#766c5d}
.preview a{color:#544433}
.roger-photo{display:block;max-width:100%;object-fit:contain;object-position:center;aspect-ratio:1;background:#f5ecdc;color:var(--ink);font:11px Manrope,sans-serif}
.roger-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;padding:30px 4px 40px;position:relative}
.roger-hero-copy{max-width:570px;min-width:0}
.roger-hero h1{font:normal clamp(43px,5.5vw,66px)/1.02 var(--serif);letter-spacing:-.055em;margin:0 0 23px}
.roger-hero h1 em{font-weight:400;font-style:italic;color:#9a4d2f}
.roger-hero-copy p{font-size:14px;line-height:1.8;color:#756655;max-width:395px;margin:0 0 24px}
.roger-hero-visual{position:relative;min-width:0;isolation:isolate;width:min(100%,410px);justify-self:center;padding:0 0 26px;background:none;border:0;box-shadow:none;transform:none}
.roger-hero-visual:before{content:none}
.roger-hero-visual>.roger-photo{width:100%;height:auto;aspect-ratio:1;border-radius:50%;object-fit:contain;object-position:center;background:#f5ecdc;box-shadow:0 18px 42px #8e755f14}
.roger-hero-caption{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:max-content;max-width:94%;font-size:12px;font-weight:650;line-height:1.5;color:#655b4e;display:flex;justify-content:center;gap:3px;text-align:center;flex-direction:column;background:#fffdf6;border:1px solid #eee3ce;box-shadow:0 8px 22px #67553c0c;padding:11px 22px;border-radius:21px}
.roger-hero-caption strong{font-weight:800}
.roger-daily-label{display:flex;gap:10px;align-items:center;margin:12px 0 16px;font-size:11px;color:var(--muted)}
.roger-daily-label:before{content:'';width:7px;height:7px;background:#b77845;border-radius:50%}
.roger-note{display:flex;gap:14px;align-items:center;padding:15px 18px;border-radius:20px;border:1px solid #e6d2b7;background:#fff2d6;color:var(--ink);margin:20px 0;text-align:left;max-width:100%;min-width:0}
.roger-note>.roger-photo{width:66px;height:66px;border-radius:50%;flex-shrink:0;object-fit:contain;object-position:center;background:#f8f0e2}
.roger-note>div{min-width:0;flex:1}
.roger-note span{font-size:9px;letter-spacing:1px;font-weight:800;text-transform:uppercase;color:#936743;display:block;margin-bottom:5px}
.roger-note p{font-size:12px!important;line-height:1.65!important;color:#5c5043!important;margin:0!important;max-width:none!important}
.roger-note.compact,.roger-note--compact,.roger-session-note{padding:11px 13px;gap:12px;margin:16px 0}
.roger-note.compact>.roger-photo,.roger-note--compact>.roger-photo,.roger-session-note>.roger-photo{width:48px;height:48px;border-radius:50%}
.roger-feedback-note{background:#f2eddf}
.roger-page-heading{display:flex;gap:25px;align-items:center;justify-content:space-between;padding:25px 0 28px}
.roger-page-heading>div{min-width:0;max-width:670px}
.roger-page-heading h1{font-size:45px;line-height:1.06}
.roger-page-heading p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:15px}
.roger-page-photo{height:155px;width:155px;border:0;border-radius:50%;transform:none;box-shadow:none;flex-shrink:0}
.panel{border:1px solid #e5d9c4;border-radius:23px;background:#fffdf7;box-shadow:0 4px 0 #e9dfce55}
.today-grid{margin-top:15px;gap:16px}
.lesson-card{background:#ffedba;border-color:#f0d69a}
.day-stamp{background:#fff9e7;border:1px solid #e4c379;border-radius:19px;width:64px;height:78px;color:#775522}
.day-stamp strong{font-family:Manrope,sans-serif;font-weight:800;font-size:33px}
.lesson-content h2{font-size:28px}
.lesson-content p{font-size:12px;color:#776544}
.stats.panel{background:#f5eee2}
.stat b{font-family:Manrope,sans-serif;font-weight:700;font-size:30px;letter-spacing:-1px}
.stats .icon{color:#ad6b3c}
.home-tools{gap:12px;margin:22px 0}
.home-tools button{background:#fffcf7;border:1px solid var(--line);min-height:58px;border-radius:18px;font-size:12px}
.guide-link{background:#e6eef1;border:1px solid #d5e1e8;border-radius:20px;gap:17px;color:#35494d}
.guide-link p{color:#6c7e7f}
.roger-tool-photo{width:63px;height:63px;border-radius:50%;flex-shrink:0}
.topic{background:#f8dfcb;border:1px solid #efd0b5;border-radius:22px;box-shadow:0 3px 0 #e7c7aa4d;min-height:166px}
.topic:nth-child(3n+2){background:#e2ebec;border-color:#cfdcdf}
.topic:nth-child(3n){background:#eee6c7;border-color:#dfd5b2}
.topic .topic-icon{background:#fff9ed99;border-color:#fff7e9}
.topic h3{font-size:25px;color:var(--ink)}
.topic .arrow{color:#927055}
.topic p{color:#776b59}
.topic:hover{border-color:#b99977}
.trip-banner{background:#343b35;color:#fff7e7;border-radius:25px}
.trip-banner p{color:#d4d7c7}
.trip-banner .eyebrow{color:#ffe09a}
.trip-banner .secondary{background:#ffe09a;color:#3c3528;border:0}
.nav{background:#fffdf8f7;border:1px solid #e5d7be;box-shadow:0 5px 0 #dfd0b67a,0 10px 30px #4e341812;border-radius:24px;padding:7px;width:min(510px,calc(100% - 26px))}
.nav button{font-weight:650;color:#8b7e6d;border-radius:17px;min-height:57px;gap:6px}
.nav button.active,.nav .active{background:#ffdf84;color:#3e3423;border-radius:17px}
.nav button:hover{color:#775627}
.nav .icon{stroke-width:1.8}
.language-option{background:#fffdf8;border-color:var(--line);border-radius:19px}
.language-option:nth-child(2){background:#eef0e1}
.language-option:nth-child(3){background:#e8eff2}
.language-badge{background:#ffe7ab;color:#6d4b2a;font-family:Manrope,sans-serif;font-weight:800;font-size:17px}
.day-row{border-bottom-color:var(--line)}
.day-row .num{background:#ffedc2;border-color:#e5cba0;color:#8b622b;font-family:Manrope,sans-serif;font-size:17px;font-weight:750}
.day-row.done .num{background:#435f4d;color:#fffdf7}
.word-row{background:#fffcf6;border:1px solid #eee3d3;border-radius:18px}
.circle-btn{background:#fff4dc;border-color:#e6d5b8;color:#775633;width:44px;height:44px}
.circle-btn.saved{background:#ffd667;color:#644a21}
.dictionary-add{background:#edf0df;color:#47614c}
.roger-modal-heading{display:flex;gap:18px;align-items:center;margin-bottom:16px}
.roger-modal-heading .roger-photo{width:84px;height:84px;border-radius:50%;flex-shrink:0}
.roger-modal-heading>div{min-width:0}
.roger-modal-heading h2{font-size:29px;margin:3px 0}
dialog{border-color:#e1d0b1;background:#fff9ed;box-shadow:0 20px 80px #3a2e2950;border-radius:27px}
dialog::backdrop{background:#302a246b;backdrop-filter:blur(5px)}
.price{color:#59492e}
.benefits .icon{color:#9b6c26}
.voice-switch button{background:#fffdf8;border-color:var(--line)}
.voice-switch button.active{background:#ffebba;border-color:#c99a4e;box-shadow:inset 0 0 0 1px #c99a4e}
.settings-row{border-bottom-color:var(--line)}
.settings-row input[type=checkbox]{accent-color:#846227}
.settings-row input[type=time],.speech-speed select,.search{background:#fffdf8;border-color:#dfd1ba}
.notice{background:#f8eedb;border-color:#e7d6b8}
.reading p{color:#756653}
.reading h2{font-size:29px}
.session{max-width:680px;padding-top:20px}
.session-context{margin:26px 0 18px}
.session-context p{font-size:12px}
progress.session-progress::-webkit-progress-bar{background:#eee2ce}
progress.session-progress::-webkit-progress-value{background:#c68a3a}
progress.session-progress::-moz-progress-bar{background:#c68a3a}
.exercise{background:#fffdf8;border-color:#e4d5be;border-radius:27px;box-shadow:0 5px 0 #eadeca;padding-top:29px}
.exercise:before{background:#fff1d6}
.exercise h1{color:var(--ink)}
.listen-orb{background:#435a50;color:#fff9eb;box-shadow:0 0 0 9px #f9eacb,0 0 0 10px #e5d4ad}
.option{border-color:#e4d6c1;background:#fffdf8;border-radius:17px;min-height:54px}
.option span{background:#f6ebd8;color:#8c6b3d}
.option.correct{background:#eaf0dd;border-color:#829d6d}
.option.wrong{background:#fae5d7;border-color:#d99e7b}
.feedback{background:#eef1e1;color:#4b6041;border-radius:18px}
.feedback.wrong{background:#f8e8d9;color:#8a583a}
.mic{background:#a9563b;border-radius:18px}
.roger-finish-photo{display:block;width:190px;height:190px;border-radius:50%;border:0;box-shadow:0 12px 35px #8d765c14;margin:0 auto 28px;transform:none}
.finish,.dictionary-finish{padding-top:34px}
.finish h1,.dictionary-finish h1{font-size:44px;line-height:1.06}
.roger-finish-heading em{color:#9b582e}
.dictionary-heading.roger-dictionary-heading{padding:27px 0 30px;gap:30px}
.dictionary-heading h1{font-size:47px;line-height:1.06;letter-spacing:-.04em}
.dictionary-heading h1 em{color:#9a5432}
.roger-dictionary-photo{width:190px;height:190px;border:0;border-radius:50%;box-shadow:none;transform:none;flex-shrink:0}
.dictionary-stamp{display:none}
.dictionary-language button{border-color:#dfd1ba;background:#fffdf7;border-radius:15px;min-height:46px}
.dictionary-language button.active{background:#4a5649;border-color:#4a5649;color:#fffced}
.dictionary-demo{border-color:#d8b974;background:#fff0cb;color:#7b6844;border-radius:0 12px 12px 0}
.dictionary-numbers{border-bottom-color:var(--line);background:#f5ecdb;border:1px solid #e8d9bc;border-radius:20px;margin:20px 0}
.dictionary-numbers>div{padding:20px!important;margin:0;border-right-color:#e2d3b8}
.dictionary-numbers b{font:750 33px/1.2 Manrope,sans-serif;letter-spacing:-1px}
.dictionary-numbers span{font-size:10px;color:#84755d}
.dictionary-practice{background:#e9eef0;border-color:#d6e0e2;border-radius:25px;padding:26px}
.dictionary-practice h2{font-size:31px}
.dictionary-modes button{background:#fffdf7;border-color:#d7e0dc;border-radius:17px;min-height:112px}
.dictionary-modes button.active{background:#43574d;color:#fffaf0;border-color:#43574d;box-shadow:0 3px 0 #263f31}
.dictionary-modes b{font-size:13px}
.dictionary-modes small{font-size:10px}
.dictionary-start p{color:#75827d}
.dictionary-filters button{border-color:#dfd0b7;background:#fff9ed}
.dictionary-filters button.active{background:#ffe4a6;border-color:#d5ae64;color:#6a4f29}
.dictionary-word{border-color:#e4d5bd;background:#fffdf8;border-radius:21px;box-shadow:0 3px 0 #efe3ce66}
.dictionary-word h3{font-family:Manrope,sans-serif;font-size:22px;font-weight:650;letter-spacing:-.8px}
.dictionary-word p{color:#776d5d}
.dictionary-word-actions .circle-btn{background:#ffedc2;border-color:#e9d9b7}
.dictionary-word blockquote{border-left-color:#d1b78c;color:#73654e}
.dictionary-skills .done{background:#779269}
.dict-status.learning{background:#fae7b5;color:#8b671c}
.dictionary-empty{background:#fff4dc;border:1px dashed #ddbd85;border-radius:24px;padding:30px}
.dictionary-empty>.roger-photo,.roger-empty-photo{height:150px;width:150px;object-fit:contain;border-radius:50%;border:0;margin:0 auto 20px;transform:none}
.dictionary-form input,.dictionary-form textarea,.dictionary-form select,.dictionary-answer input{border-color:#dfceb1;background:#fffdf8;border-radius:13px}
.dictionary-study-card{background:#fffdf8;border-color:#e3d2b6;box-shadow:0 5px 0 #eadcc5;border-radius:25px}
.dictionary-study-card:before{background:#d29a4f}
.dictionary-study-card h1{color:#403527}
.dictionary-reveal{border-top-color:#e8dcc9}
.dictionary-reveal p{color:#6c7656}
.dictionary-feedback{background:#edf1df;color:#476038}
.dictionary-feedback.wrong{background:#f9e6d5;color:#906037}
.walk-banner{background:#e3eaee;border:1px solid #d2dee3;color:#37454b;padding:18px 21px;border-radius:23px;gap:17px}
.walk-banner small{color:#627e8b}
.walk-banner b{font-size:29px}
.walk-banner em{color:#667880}
.walk-banner .roger-photo,.roger-walk-banner-photo{width:76px;height:76px;border-radius:50%;flex-shrink:0}
.roger-walk-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:30px;align-items:center;background:#dde9ef;color:#35474f;border:1px solid #cbdbe1;padding:29px 32px;overflow:visible}
.roger-walk-copy{min-width:0}
.roger-walk-hero h1{color:#344951;font-size:52px}
.roger-walk-hero p{color:#667f89;font-size:13px}
.roger-walk-hero .eyebrow{color:#6b8188}
.roger-walk-photo{width:100%;height:auto;aspect-ratio:1;border-radius:42%;border:0;transform:none;box-shadow:none;object-fit:contain;object-position:center}
.walk-sequence{gap:6px;flex-wrap:wrap}
.walk-sequence span{border-color:#b6ccd4;color:#536e7a;background:#edf4f5;font-size:10px}
.walk-sequence b{color:#7f929a}
.walk-settings select{border-color:#deceb4;background:#fffdf6}
.walk-cards .walk-word{background:#fffdf8;border-color:#e5d9c5;border-radius:18px}
.walk-cards .walk-word:has(input:checked){background:#ffedbf;border-color:#bc964d;box-shadow:inset 0 0 0 1px #bc964d}
.walk-word input{accent-color:#926931}
.reward-card,.bonus-card{background:#f9edcd;border-color:#e7ce92;border-radius:24px}
.loading{background:#fff8ed;color:#3d352c}
.loading img{object-fit:contain;object-position:center;border-radius:50%;border:0;width:100%;height:100%;box-shadow:none;margin:0;display:block}
.loading h1{font:800 43px Manrope,sans-serif;letter-spacing:-2px;margin:24px 0 0}
.loading p{color:#786b5c;font-size:13px;letter-spacing:.6px;margin-top:7px}
.loader{border-color:#ecdabc;border-top-color:#aa783e}
#toast{background:#453d33;color:#fff5df;border:1px solid #68563b;border-radius:17px}
@media(max-width:800px){
 .roger-hero{gap:24px}.roger-hero h1{font-size:47px}.roger-hero-visual{max-width:345px}
 .roger-walk-hero{gap:24px;padding:26px}.roger-walk-hero h1{font-size:44px}.roger-walk-photo{height:auto}
}
@media(max-width:650px){
 .shell{padding:0 18px 125px}.topbar{height:83px;margin-bottom:14px}.brand b{font-size:23px}.brand small{font-size:8px}.roger-brand-portrait{height:46px;width:46px}.country{font-size:10px;padding:9px 11px}
 .preview{font-size:9px;line-height:1.7;margin-bottom:17px}
 .roger-hero{grid-template-columns:1fr;gap:27px;padding:12px 0 25px}
 .roger-hero-copy{max-width:none}.roger-hero h1{font-size:44px;max-width:430px;margin-bottom:16px}.roger-hero-copy p{font-size:12px;max-width:310px;margin-bottom:19px}
 .roger-hero-copy .primary{width:100%}.roger-hero-visual{width:min(100%,285px);margin:0 auto 8px;transform:none;padding:0 0 25px;box-shadow:none;border-radius:0}
 .roger-hero-visual>.roger-photo{height:auto;border-radius:50%;object-position:center}.roger-hero-caption{bottom:0;font-size:11px;padding:9px 18px}
 .roger-kicker{font-size:9px;letter-spacing:1.5px}.roger-note{padding:13px;gap:12px;border-radius:17px}.roger-note p{font-size:11px!important}.roger-note>.roger-photo{width:58px;height:58px;border-radius:50%}
 .roger-page-heading{padding:17px 0 23px;gap:17px}.roger-page-heading h1{font-size:35px}.roger-page-heading p{font-size:11px;margin-top:12px}.roger-page-photo{height:102px;width:102px;border:0;border-radius:50%;box-shadow:none}
 .panel{padding:20px}.lesson-card{gap:14px}.day-stamp{width:55px;height:70px}.lesson-content h2{font-size:25px}.lesson-content p{font-size:11px}.today-grid{gap:12px;margin:12px 0 20px}
 .stats.panel{padding:12px 16px}.stats.panel .stat b{font-family:Manrope,sans-serif;font-size:25px;font-weight:750}.home-tools{margin:19px 0;gap:9px}.home-tools button{font-size:11px;min-height:58px}
 .guide-link{padding:15px;gap:13px}.roger-tool-photo{height:58px;width:58px;border-radius:50%}.guide-link h3{font-size:12px}.guide-link p{font-size:10px}
 .topic{padding:18px 16px;min-height:159px}.topic h3{font-size:22px}.topic p{font-size:10px}
 .section-title h2{font-size:26px}.section-title .ghost{font-size:10px}.nav button{min-height:55px;font-size:9px}.nav{padding:6px}
 .dictionary-heading.roger-dictionary-heading{gap:16px;padding:18px 0 25px;align-items:center}.dictionary-heading h1{font-size:35px}.dictionary-heading p{font-size:11px;margin-top:12px}.roger-dictionary-photo{width:110px;height:110px;border:0;border-radius:50%;box-shadow:none;transform:none}
 .dictionary-heading>div:first-child{max-width:none;flex:1}.dictionary-language button{font-size:10px;padding:9px;gap:5px}.dictionary-numbers>div{padding:16px 12px!important}.dictionary-numbers b{font-size:27px}.dictionary-numbers span{font-size:9px}
 .dictionary-practice{padding:20px;border-radius:23px}.dictionary-practice h2{font-size:27px}.dictionary-modes button{min-height:101px;padding:14px;border-radius:16px}.dictionary-modes b{font-size:12px}.dictionary-modes small{font-size:9px}.dictionary-word{border-radius:19px}.dictionary-word h3{font-size:20px}.dictionary-tools .primary{font-size:11px}
 .dictionary-empty{padding:27px 20px}.dictionary-empty>.roger-photo,.roger-empty-photo{width:123px;height:123px}.dictionary-empty h3{font-size:25px}.dictionary-study .session-context{margin:20px 0}.dictionary-study-card{padding:27px 20px}.dictionary-study-card h1{font-size:31px}
 .roger-walk-hero{grid-template-columns:1fr;gap:21px;padding:24px 22px}.roger-walk-hero h1{font-size:42px}.roger-walk-hero p{font-size:12px;margin-top:14px}.roger-walk-photo{width:min(100%,260px);height:auto;justify-self:center;transform:none;border-radius:42%;object-position:center}.walk-sequence{margin-top:18px}
 .walk-banner{padding:15px;gap:13px}.walk-banner .roger-photo,.roger-walk-banner-photo{height:66px;width:66px;border-radius:50%}.walk-banner b{font-size:24px;margin:5px 0}.walk-banner small{font-size:8px;letter-spacing:1px}.walk-banner em{font-size:10px}
 .roger-modal-heading{gap:13px}.roger-modal-heading .roger-photo{width:72px;height:72px;border-radius:50%}.roger-modal-heading h2{font-size:27px}.roger-finish-photo{width:165px;height:165px;border-radius:50%}.finish h1,.dictionary-finish h1{font-size:38px}
 .session{padding:18px 18px 35px}.session-context{margin:19px 0}.exercise{padding:27px 19px 23px}.exercise h1{font-size:32px}.roger-session-note{margin:15px 0}.audio-controls{gap:12px}
}
@media(max-width:370px){
 .shell{padding-left:15px;padding-right:15px}.brand{gap:8px}.roger-brand-portrait{width:39px;height:39px}.brand b{font-size:21px}.brand small{font-size:7px}.country{font-size:9px;padding:8px 9px}.topbar{gap:8px}
 .roger-hero h1{font-size:39px}.roger-hero-visual{max-width:260px}.roger-hero-copy p{font-size:11px}.roger-note p{font-size:10px!important}.roger-note span{font-size:8px}
 .roger-page-heading h1{font-size:30px}.roger-page-photo{width:82px;height:82px}.roger-page-heading{gap:12px}
 .dictionary-heading h1{font-size:31px}.roger-dictionary-photo{width:87px;height:87px}.dictionary-heading p{font-size:10px}.dictionary-language button{font-size:9px;padding:8px}.dictionary-numbers>div{padding:14px 9px!important}.dictionary-numbers span{font-size:8px}
 .dictionary-practice{padding:17px}.dictionary-practice h2{font-size:25px}.dictionary-tools .primary{padding:12px;font-size:10px}.dictionary-tools .ghost{font-size:9px}.dictionary-modes button{padding:12px}.dictionary-modes small{font-size:8px}.home-tools{grid-template-columns:1fr 1fr}.home-tools button{font-size:10px;padding:10px}
 .roger-walk-hero{padding:22px 18px}.roger-walk-hero h1{font-size:36px}.walk-banner b{font-size:22px}.walk-banner .roger-photo{width:56px;height:56px}.walk-banner em{font-size:9px}.nav button{font-size:8px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* Compact coaching stays outside the answer area. */
.roger-study-note,.roger-player-note,.roger-editor-note{padding:12px 14px;gap:12px;margin:16px 0}
.roger-study-note>.roger-photo,.roger-player-note>.roger-photo,.roger-editor-note>.roger-photo{width:48px;height:48px;border-radius:50%}
.roger-feedback-photo{width:54px;height:54px;border-radius:50%;flex-shrink:0}
.feedback:has(.roger-feedback-photo){display:flex;gap:13px;align-items:center}
.feedback:has(.roger-feedback-photo)>div{min-width:0}
.feedback:has(.roger-feedback-photo) b{display:block;font-size:11px;margin-bottom:4px}
.feedback:has(.roger-feedback-photo) p{font-size:12px;line-height:1.6}

/* App launch: a real brand mark, with no artificial wait. */
.roger-loading{min-height:100svh;height:100dvh;padding:32px 24px;text-align:center;background:radial-gradient(ellipse at 50% 43%,#fffdf8 0%,#fff8ed 62%)}
.roger-loading-emblem{position:relative;width:168px;height:168px;flex-shrink:0;border-radius:50%;box-shadow:0 14px 44px #8b775222,0 0 0 10px #ffffff8c;background:#f5ead7;animation:roger-arrive .55s ease-out both}
.roger-loading-dots{display:flex;gap:7px;align-items:center;justify-content:center;margin-top:33px;height:15px}
.roger-loading-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#bb9760;animation:roger-loading-breathe 1.5s ease-in-out infinite}
.roger-loading-dots i:nth-child(2){animation-delay:.18s}.roger-loading-dots i:nth-child(3){animation-delay:.36s}
.roger-loading-status{font-size:10px;color:#95836a;margin-top:13px;letter-spacing:.2px}
@keyframes roger-arrive{from{opacity:0;transform:translateY(7px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes roger-loading-breathe{0%,75%,100%{opacity:.35;transform:scale(.9)}35%{opacity:1;transform:scale(1.15)}}
@media(prefers-reduced-motion:reduce){.roger-loading-emblem,.roger-loading-dots i{animation:none!important;transform:none!important}.roger-loading-dots i{opacity:.75}}

.roger-loading-cover{width:min(82vw,360px);height:auto;aspect-ratio:1;border-radius:28px;border:0;overflow:hidden;box-shadow:0 12px 36px #b78b1830}.roger-loading-cover img{width:100%;height:100%;object-fit:cover;border-radius:0}