/* Patio andaluz: editorial blue, warm plaster and restrained terracotta. */
:root{--ink:#102c48;--muted:#567087;--paper:#fbf8f1;--line:#e4dacb;--green:#065bdc;--lime:#e7f1fa;--gold:#bf7750;--patio-blue:#0e3555;--terracotta:#b96743}
body{background:var(--paper);color:var(--ink)}h1,h2,h3,.hero h1,.stat strong,.flashcard .phrase,.sidebar-foot p{font-family:Georgia,'Times New Roman',serif}h1{font-size:46px;font-weight:700;letter-spacing:-1.7px;line-height:1.12}h2{font-weight:700;letter-spacing:-.65px}h3{font-weight:600}aside{background:var(--patio-blue);width:220px;padding:30px 22px}.shell{margin-left:220px}.brand{width:50px;color:#c9e5ed}.brand svg{width:42px;height:42px}.nav-caption{margin-top:38px}.sidebar-foot{border-color:#ffffff25}.sidebar-foot p{font-size:18px;line-height:1.45}.sidebar-foot .tiny-leaf{color:#d7b38b}nav a{color:#d7e5ed}nav a.active{background:#ffffff13;color:#fff;box-shadow:none;border:1px solid #ffffff28}nav a:hover{background:#ffffff1b}
header{height:calc(76px + env(safe-area-inset-top));background:var(--patio-blue);color:#d8e7ef;border:0;padding-left:38px;padding-right:38px;gap:20px}.home-mark{display:none;color:#d5edf3;width:35px;height:35px;flex-shrink:0}.home-mark svg{width:100%;height:100%}#crumb{font-size:13px;color:#dceaf1}.account-menu{position:relative;margin-left:auto}.account-menu summary{display:flex;align-items:center;gap:9px;cursor:pointer;list-style:none;min-height:44px;min-width:44px;justify-content:center}.account-menu summary::-webkit-details-marker{display:none}.avatar{display:grid;width:36px;height:36px;background:#d3e5ec;color:#133a58;font-weight:700}.menu-chevron{color:#c5e0ed}.account-dropdown{position:absolute;right:0;top:calc(100% + 10px);min-width:210px;display:grid;gap:7px;background:#fffdfa;color:var(--ink);padding:14px;border:1px solid var(--line);box-shadow:0 12px 36px #102c4820;border-radius:12px;z-index:50}.account-dropdown .account-logout{text-decoration:none;text-align:left;border-radius:8px;font-size:13px;color:var(--ink)}.account-dropdown .account-logout:hover{background:#edf4f9}.account-dropdown .install-link{text-align:left}.account-bar{background:#f2ebe0;color:#596d7b;border-bottom:1px solid #e9dfd1;font-size:10px;padding:9px 38px}.account-bar a{color:#154e84}main{padding:32px 38px 64px;max-width:1250px}.hero{background-image:linear-gradient(90deg,#fffaf1dd 0%,#fffaf18c 36%,#fffaf100 65%),url('/images/patio-hero.webp');background-color:#e9d8c3;background-size:cover;background-position:center;border:1px solid #e6dacb;border-radius:17px;min-height:360px;padding:44px 38px;margin-bottom:20px;display:block}.hero:after{display:none}.hero-text{max-width:58%}.hero h1{font-size:52px;line-height:1.04;font-weight:700;letter-spacing:-1.7px;max-width:410px;color:#0e2e4c;text-shadow:0 1px 10px #fff9eea0}.hero p{font-size:16px;font-weight:500;color:#365974;max-width:320px;margin-bottom:0}.hero svg{display:none}.btn{background:#065bdc;border-radius:10px;box-shadow:0 3px 9px #065bdc13;font-size:14px;min-height:46px;padding:13px 21px}.btn.secondary{background:#fffdf8;border-color:#d6dfe5;color:var(--ink)}.btn:hover{filter:brightness(.97)}.home-continue{display:flex;justify-content:center;width:100%;font-size:16px;padding:16px;margin:-4px 0 24px}.home-continue span{margin-left:auto}.home-continue:before{content:'';width:16px;margin-right:auto}.stats{gap:12px;margin-bottom:18px}.stat{background:#fffdf9;border-color:#e4ded4;border-radius:13px;padding:20px;box-shadow:0 4px 16px #754a2310}.stat strong{font-size:31px;letter-spacing:-.8px;font-weight:700}.stat label{color:#47647c;font-size:11px}.panel{background:#fffdf9;border:1px solid #e3dacd;border-radius:15px;box-shadow:0 3px 14px #754a2305}.panel-header h2{font-size:24px}.daily-path .task{border:1px solid #e1e6e9;border-radius:12px;padding:0 15px 0 0;margin-top:10px;gap:16px;overflow:hidden;min-height:98px;background:#fffdf9}.daily-path .task:first-of-type{border-top:1px solid #e1e6e9}.daily-path .task .num{width:100px;min-width:100px;align-self:stretch;height:auto;border-radius:0;color:transparent;background-size:cover;background-position:center;display:block}.daily-path .task[href='#learn'] .num{background-image:url('/images/patio-hero.webp');background-position:80% center}.daily-path .task[href='#review'] .num{background-image:url('/images/patio-books.webp')}.daily-path .task[href='#dialogs'] .num{background-image:url('/images/patio-conversation.webp')}.daily-path .task p{font-family:Georgia,serif;font-size:21px;font-weight:700;margin:0 0 4px;line-height:1.2}.daily-path .task small{font-size:12px;line-height:1.35;display:block}.daily-path .task b{font-size:23px;color:#173e5d}.task .num{background:#ebf1f5;color:#1b609b}.tabs{background:#f0ece4}.tabs button.on{color:#065bdc}.bar{background:linear-gradient(#4a8ae8,#1262ce)}
.page-heading h1{color:#102c48}.session{max-width:760px}.flashcard{background:#fffdfa;border:1px solid #d7bda7;border-radius:17px;box-shadow:0 8px 24px #98664108;padding:42px 34px;min-height:365px}.flashcard .phrase{font-weight:700;font-size:36px;letter-spacing:-.8px;line-height:1.28;color:#102c48;overflow-wrap:anywhere}.flashcard .answer{font-family:Georgia,serif;font-weight:700;font-size:29px;color:#075ad4;border-color:#e2c9b6;padding-top:25px;line-height:1.3;overflow-wrap:anywhere}.flashcard .pill{color:#85664f;border-color:#eadbc8;background:#fbf6eb;font-size:9px}.bulb{background:#ffe7a0;width:43px;height:43px;font-size:21px;right:17px;top:17px}.example{padding:26px 0;border-color:#e4cebb}.example .phrase{font-size:27px;line-height:1.3}.example .answer{font-size:23px;margin:12px 0 0;padding:0}.example .audios{margin-top:18px}.audios{gap:12px;margin-top:28px}.audios button{border:1px solid #dce9f4;border-radius:11px;background:#eaf3fc;color:#0755bf;min-height:46px;padding:12px 20px;font-size:14px}.session>.actions:has(.rating){display:grid;grid-template-columns:1fr;gap:10px}.rating{font-size:15px;text-align:left;padding:17px 23px;min-height:52px;border-radius:12px}.rating.red{background:#fae4df;color:#a3332d}.rating.yellow{background:#fff1ca;color:#916300}.rating.green{background:#dcf0e3;color:#146c50}.progress{background:#ece4d6;height:4px}.progress i{background:#3977c5}.phase span{background:#eadfcf}.phase span.done{background:#2468be}.session-top{color:#647686}.pill{border-color:#e5d7c6;background:#faf5ec;color:#82674f}.dialog-card{background:#fffdf9;border-color:#e1d5c6}.dialog-card .motif{color:#b26542}.listening-symbol{background:#e6f0f8;color:#1859a2}.listen-track{background:#eee3d5}.listen-track i{background:#3278cb}.search,textarea{border-color:#ded6cb;background:#fffdfa;border-radius:10px}.voice-label select{background:#fffaf2}dialog{background:#fffdfa;border-color:#deccb8;border-radius:18px}.account-card{background:#fffdfa;border-color:#e3d6c5}#account-gate{background:#faf6ed}.account-card h1{font-family:Georgia,serif;letter-spacing:-.8px}.note,.under{color:#607184}footer{border-color:#e7dece;background:#f5efe3;color:#6e7b85}.course-audio-controls{background:#fffdfa;border-color:#dac2ac}#toast{background:#153e5a;border:1px solid #476782;border-radius:11px;font-size:13px;box-shadow:0 6px 22px #102c4820}.notice{background:#edf4f8;border-color:#d4e2ec}.storage-warning{background:#fff1cf}.account-dropdown button{width:100%}
@media(max-width:1100px) and (min-width:901px){aside{width:185px;padding:28px 15px}.shell{margin-left:185px}main{padding:27px}.hero{padding:32px;min-height:330px}.hero h1{font-size:45px}.hero-text{max-width:64%}}
@media(max-width:900px){aside{inset:auto 0 0;width:auto;height:calc(74px + env(safe-area-inset-bottom));padding:0 4px env(safe-area-inset-bottom);background:#fffdfa;border-top:1px solid #e2dfd6;box-shadow:0 -3px 14px #9b794908;z-index:30}.brand,.nav-caption,.sidebar-foot{display:none}nav{display:flex;height:74px;gap:0;justify-content:space-around}nav a,nav a.active{background:transparent;border:0;box-shadow:none;border-radius:0;color:#637887;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:5px;flex:1;padding:9px 2px;font-size:9px}nav a.active{color:#005bd8;font-weight:700}nav a:hover{background:#edf4f8;color:#065bdc}nav a span{font-size:21px;text-align:center;width:24px}.shell{margin-left:0;padding-bottom:calc(74px + env(safe-area-inset-bottom))}header{height:calc(66px + env(safe-area-inset-top));padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));gap:18px}.home-mark{display:block}#crumb{font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.account-bar{padding:8px 20px;font-size:10px;row-gap:3px}.account-menu .avatar{display:grid}.account-menu summary{gap:5px}.menu-chevron{font-size:12px}main{padding:26px 22px 40px}.hero{min-height:340px;padding:34px 28px;background-position:62% center;margin-bottom:17px}.hero h1{font-size:46px;max-width:330px}.hero-text{max-width:72%}.hero p{font-size:15px;max-width:275px}.two-col{grid-template-columns:1fr;gap:20px}.stats{grid-template-columns:repeat(4,1fr)}h1{font-size:39px}.session{max-width:680px}.flashcard{padding:44px 28px;min-height:350px}.account-dropdown{right:0}.account-bar a{min-height:30px;display:inline-flex;align-items:center}#toast{bottom:calc(94px + env(safe-area-inset-bottom));z-index:1300}}
@media(max-width:520px){main{padding:20px 16px 34px}.hero{margin-left:-16px;margin-right:-16px;margin-top:-20px;border-radius:0;border:0;min-height:330px;padding:28px 24px;background-position:61% center;background-image:linear-gradient(90deg,#fffaf1de 0%,#fffaf182 35%,#fffaf100 76%),url('/images/patio-hero.webp')}.hero-text{max-width:83%}.hero h1{font-size:39px;letter-spacing:-1.2px;max-width:265px;margin-bottom:12px}.hero p{font-size:14px;max-width:235px;font-weight:500}.stats{grid-template-columns:1fr 1fr;gap:9px;margin-top:-25px;position:relative;z-index:1}.stat{padding:15px 16px;border-radius:12px;min-height:100px}.stat strong{font-size:28px}.stat label{font-size:10px;margin-bottom:8px}.stat small{font-size:10px;margin-left:4px}.home-continue{margin-top:0;padding:15px;font-size:15px}.panel{padding:19px;border-radius:14px}.panel-header h2{font-size:22px}.daily-path{padding:18px 12px}.daily-path .task{min-height:96px;gap:12px;padding-right:12px}.daily-path .task .num{width:83px;min-width:83px}.daily-path .task p{font-size:20px}.daily-path .task small{font-size:11px}.session .page-heading h1,.page-heading h1{font-size:34px;letter-spacing:-1px}.session-top{font-size:10px;gap:9px}.flashcard{padding:53px 20px 29px;min-height:330px;border-radius:15px}.flashcard .phrase{font-size:30px;letter-spacing:-.6px}.flashcard .answer{font-size:27px;padding:21px 0 0}.example{padding:24px 0}.example .phrase{font-size:25px}.example .answer{font-size:22px;padding:0}.example .audios{gap:8px}.audios button{font-size:13px;padding:11px 17px;min-width:108px}.rating{font-size:15px;min-height:51px;padding:15px 20px}.under{font-size:11px;line-height:1.5}nav a{font-size:8px}nav a span{font-size:20px}footer{padding:19px 20px;line-height:1.7}.account-bar #account-name{max-width:42%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.account-bar #cloud-status{flex:1;text-align:right;font-size:9px}.flashcard .pill{max-width:calc(100% - 38px);font-size:8px;letter-spacing:1px}.dialog-grid{grid-template-columns:1fr}.course-audio-controls{bottom:calc(92px + env(safe-area-inset-bottom))}}
/* Compact horizontal knowledge ratings, including mobile. */
.session>.actions:has(.rating){grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:10px}
.session>.actions .rating{min-width:0;min-height:46px;padding:12px 10px;text-align:center;font-size:13px;border-radius:10px;line-height:1.25}
@media(max-width:520px){.session>.actions:has(.rating){gap:7px;margin-top:18px}.session>.actions .rating{font-size:12px;padding:12px 4px;min-height:44px;border-radius:9px;letter-spacing:-.15px}}

.chart-metrics{display:flex;gap:5px;flex-wrap:wrap;margin:0 0 14px;padding:4px;background:#f2ece2;border-radius:9px}.chart-metrics button{flex:1;border:0;background:none;color:#526b7b;border-radius:7px;padding:9px 7px;min-height:36px;font-size:11px;white-space:nowrap}.chart-metrics button.on{background:#fffdfa;color:#0755bf;font-weight:700;box-shadow:0 2px 7px #5940250c}.history-chart{height:160px;gap:10px;padding-top:20px}.history-chart>div{min-width:0;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;font-size:10px}.history-chart .bar{width:100%;max-width:40px}.chart-value{font-family:'DM Sans',Arial,sans-serif;font-size:12px;font-weight:600;color:#183d5b;margin-bottom:6px}.history-chart span{white-space:nowrap;font-size:9px}.chart-total{font-size:11px;color:#607184;border-top:1px solid #e5dccc;margin:18px 0 0;padding-top:12px}.chart-total strong{color:#173d59}.preview-progress-note{border-color:#dbc29a;background:#fff2d9;color:#634827}.preview-progress-note a{font-weight:700}@media(max-width:520px){.history-chart{gap:7px}.chart-metrics button{font-size:10px;padding:9px 5px}.history-chart span{font-size:8px}}

/* Método 7M identity: vector monogram and compact wordmark. */
.brand{display:flex;flex-direction:column;align-items:flex-start;width:auto;gap:10px;text-decoration:none}.brand svg{width:100px;height:54px;color:#fffaf1}.brand-name{font-family:Arial,sans-serif;font-size:11px;font-weight:600;letter-spacing:2px;white-space:nowrap}.home-mark{display:flex;align-items:center;gap:10px;width:auto;height:auto;color:#fffaf1;text-decoration:none}.home-mark svg{width:54px;height:32px;flex-shrink:0}.home-mark .brand-name{font-size:10px;letter-spacing:1px}header #crumb{border-left:1px solid #ffffff30;padding-left:16px}@media(max-width:900px){aside>.brand{display:none}.home-mark{display:flex}.home-mark svg{width:48px;height:28px}.home-mark .brand-name{font-size:9px;letter-spacing:.7px}header{gap:12px}header #crumb{padding-left:12px}}@media(max-width:380px){.home-mark .brand-name{display:none}}

.access-filters{justify-content:flex-start;flex-wrap:wrap;margin:20px 0}.access-filters button[aria-pressed=true]{background:#0e3555;color:#fffaf1;border-color:#0e3555}.access-request{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;border-top:1px solid var(--line)}.access-request b{overflow-wrap:anywhere}.access-request p{font-size:12px;margin:7px 0}.access-request small{color:var(--muted)}.access-request .actions{flex-wrap:wrap;justify-content:flex-start}.access-request>div:first-child{min-width:0}.access-request button:disabled{opacity:.5;cursor:default}@media(max-width:650px){.access-request{align-items:flex-start;flex-direction:column;gap:12px}.access-filters{gap:7px}.access-filters .btn{padding:10px;font-size:12px}}

/* Keep the mobile masthead clear of the status bar and within its row. */
header{flex-wrap:nowrap}header .home-mark{min-width:0}header #crumb{min-width:0;flex:1}header .account-menu{flex-shrink:0}@media(display-mode:standalone) and (max-width:900px){header{padding-top:max(44px,env(safe-area-inset-top));height:calc(66px + max(44px,env(safe-area-inset-top)))}}