/* Public website: keep the phone layout at every viewport width.
   Loaded only by the visitor frontend; the administrator stylesheet is unchanged. */
body{font-size:14px}.topbar{height:76px;padding:0 23px}.brand{gap:9px}.brand-name{font-size:24px}.brand img{width:35px;height:26px}.brand-divider{height:19px;margin:0 3px}.brand-slogan{font-size:10px;letter-spacing:.7px}.top-links{gap:0}.top-links>a:not(.avatar-mini){display:none}.app-main{padding:5px 22px 108px;min-height:calc(100dvh - 76px)}.greeting{margin-bottom:21px}.greeting h1{font-size:21px;letter-spacing:-.6px}.greeting p{font-size:11px;margin-top:6px}.sun{font-size:10px;padding:6px 9px}.sun .icon{width:13px;height:13px}.home-grid{display:flex;flex-direction:column;gap:22px}.home-main,.home-side{gap:22px}.home-side .quote-card{display:none}.hero{min-height:263px;padding:25px 24px;border-radius:22px}.hero h2{font-size:27px;line-height:1.6;margin:10px 0 8px}.hero p{font-size:10px;max-width:75%;line-height:1.9}.hero .eyebrow{font-size:9px;letter-spacing:1px}.hero .primary{font-size:12px;min-height:41px;margin-top:20px;padding:10px 15px}.hero-art{width:144px;height:205px;right:-5px;bottom:-4px;transform:scale(.84);transform-origin:right bottom}.orbit{width:170px;height:170px;top:5px}.hero-art .floating-label{right:-12px;bottom:39px;font-size:9px}.plant-pot{left:49px}.plant-stem{left:83px}.leaf{left:30px}.leaf.two{left:86px}.leaf.three{left:41px}.floating-star{right:1px;top:55px}.quick-grid{gap:9px}.quick-card{padding:15px 12px;border-radius:17px}.quick-card h3{font-size:13px;letter-spacing:-.4px}.quick-card p{font-size:9px;white-space:nowrap}.quick-icon{width:37px;height:37px;border-radius:12px;margin-bottom:12px}.quick-icon .icon{width:20px;height:20px}.quick-card>.icon{right:8px;top:15px;width:12px}.section-title{margin-bottom:13px}.section-title h2{font-size:17px}.section-title .en{font-size:9px;margin-left:7px}.section-title .link{font-size:11px}.step-card{padding:20px;border-radius:19px}.step-head{font-size:11px;margin-bottom:15px}.mini-step h3{font-size:11px}.mini-step p{font-size:9px}.step-num{height:25px;width:25px;font-size:12px}.mini-step:not(:last-child):after{top:14px;left:32px;width:calc(100% - 34px)}.steps{gap:9px}.ai-panel{padding:21px}.home-side{gap:20px}.home-mentors{display:grid;gap:11px}.teacher-card{padding:16px;gap:15px;border-radius:18px}.teacher-card img{width:60px;height:67px;border-radius:15px}.teacher-card h3{font-size:15px}.teacher-card p{font-size:11px;margin-bottom:8px}.teacher-card .tag{font-size:10px}.ai-heading{font-size:15px}.bubble-preview{font-size:12px;padding:15px;margin:16px 0 12px}.support-note{padding-top:20px;font-size:9px}.page-heading{margin:2px 0 21px}.page-heading h1{font-size:26px;margin-top:6px}.page-heading p{font-size:12px}.card{padding:22px;border-radius:20px}.intro-card{padding:28px 20px}.intro-card h2{font-size:22px}.intro-card>p{font-size:12px}.facts{gap:12px;font-size:10px}.facts .icon{width:13px;height:13px}.question-card{padding:24px 20px}.question-card h2{font-size:20px;line-height:1.65;margin:18px 0 23px}.answer{font-size:13px;padding:14px}.result-hero{padding:26px 22px}.result-hero h1{font-size:23px}.result-hero p{font-size:12px}.task-text{font-size:12px}.task-day{font-size:13px;width:30px}.task-row{gap:10px}.mentor-grid{grid-template-columns:1fr}.mentor-intro{gap:18px}.mentor-intro img{width:82px;height:94px}.mentor-intro h1{font-size:23px}.mentor-bio{font-size:13px}.time-grid{grid-template-columns:repeat(2,1fr)}.sim-grid{grid-template-columns:1fr;gap:14px}.sim-card{padding:22px;position:relative}.sim-card .quick-icon{position:absolute;right:22px;top:22px;width:48px;height:48px;border-radius:15px}.sim-card p{max-width:80%;margin-bottom:10px}.sim-card .eyebrow{font-size:9px;max-width:80%}.sim-card h2{font-size:20px;margin:7px 0 10px}.chat-layout{height:calc(100dvh - 161px);min-height:360px;border-radius:20px}.chat-main{padding-left:14px;padding-right:14px;padding-top:0}.chat-header{padding:15px 16px}.chat-header h1{font-size:15px}.chat-messages{padding:18px 14px;gap:16px}.chat-msg{max-width:94%;gap:8px}.message-text{padding:12px 14px;font-size:12px}.chat-msg .ai-mark{width:27px;height:27px;border-radius:10px}.chat-input{padding:11px 12px;gap:8px}.chat-input textarea{font-size:12px;padding:12px 11px}.chat-suggestions{padding:4px 14px 12px;gap:6px}.chat-suggestions .topic-chip{font-size:10px;padding:6px 8px}.chat-assess{padding:11px 14px}.chat-assess p{font-size:10px}.chat-assess a{font-size:10px}.resource-grid{grid-template-columns:1fr}.resource-card{padding:15px;gap:12px}.read-article h1{font-size:24px}.read-article p{font-size:13px}.profile-hero{padding:25px 22px;gap:17px}.profile-hero h1{font-size:22px}.profile-row{font-size:12px}.eyebrow{font-size:10px}.modal{padding:26px 23px}.modal h2{font-size:21px}.modal p{font-size:12px}.bottom-nav{padding-top:11px;min-height:73px;border-radius:0}.bottom-nav a{font-size:9px;gap:4px}.bottom-nav a .icon{width:21px;height:21px}.desktop-only{display:none}
.section-title .en{display:block;margin:4px 0 0;font-size:9px;letter-spacing:1.4px}.task-day{width:40px;flex-shrink:0;white-space:nowrap;font-size:12px}
.home-main,.home-side{display:contents}.home-main>.hero{order:0}.home-side>.ai-panel{order:1}.home-main>section:nth-child(2){order:2}.home-main>section:nth-child(3){order:3}.home-main>section:nth-child(4){order:4}.home-side>section:nth-child(2){order:5}.hero .primary{position:relative;z-index:2}.hero-art{opacity:.9}
.video-grid,.home-video .video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.video-card{border-radius:14px}.video-card-body{padding:11px 12px;gap:6px}.video-card-body>strong{font-size:12px;min-height:42px}.video-author{font-size:9px}.video-hint{font-size:8px}.video-play{width:31px;height:31px;font-size:11px}.video-platform-label,.video-duration{font-size:9px;bottom:7px}.video-platform-label{left:8px}.video-duration{right:8px}.video-modal{padding:21px 18px}.video-preview-title{font-size:16px!important}.video-modal .between{align-items:flex-start;flex-wrap:wrap;gap:4px}.video-search{gap:8px}.video-search input{font-size:12px;padding:12px}.video-search .primary{font-size:12px;padding:11px 15px}.resources-video-entry{padding:16px;font-size:12px}.video-query-note{font-size:9px;gap:6px}.video-query-note .tag{font-size:9px}.video-modal .video-disclaimer{font-size:10px}.home-video .section-title .en{display:block}

/* A wide browser shows the same centered phone page and bottom navigation. */
html { height:100%;overflow:hidden;background: #eaf0f7; }
body { width: 100%; max-width: 430px; height:100dvh;min-height:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior-y:contain;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:#bac8dc transparent;-webkit-overflow-scrolling:touch; margin: 0 auto; background: var(--paper); box-shadow: 0 0 0 1px #dfe7f0, 0 12px 50px #233f6110; }
.topbar, .app-main { width: 100%; max-width: 430px; }
.bottom-nav { display: flex; width: 100%; max-width: 430px; }
.mobile-only { display: inline; }
.desktop-only { display: none; }
.home-mentors { grid-template-columns: minmax(0, 1fr); }
.home-mentors .teacher-card { padding: 16px; gap: 15px; }
.home-mentors .teacher-card img { width: 60px; height: 67px; border-radius: 15px; }
.home-mentors .teacher-card h3 { font-size: 15px; }
.home-mentors .teacher-card p { font-size: 11px; margin-bottom: 8px; }
.home-mentors .teacher-card .tag { font-size: 10px; padding: 3px 8px; }
.home-mentors .teacher-card > .icon { display: block; }
.modal-backdrop { left: 50%; right: auto; width: 100%; max-width: 430px; transform: translateX(-50%); padding: 20px; }
.modal, .video-modal { max-width: 100%; }
#toast { max-width: min(390px, calc(100% - 40px)); }
@media(max-width:359px){.app-main{padding-left:16px;padding-right:16px}.topbar{padding-left:17px;padding-right:17px}.brand-slogan{font-size:9px}.hero{padding:22px 20px}.hero h2{font-size:25px}.hero-art{right:-16px;transform:scale(.72)}.sun{font-size:9px}.greeting h1{font-size:19px}.quick-card h3{font-size:12px}.quick-card p{font-size:8px}.quick-card{padding:14px 10px}.section-title .en{display:none}}
@media(max-width:359px){.greeting h1 .icon{display:none}.sun{padding:6px 8px}}

body::-webkit-scrollbar{width:6px}body::-webkit-scrollbar-thumb{background:#bac8dc;border-radius:6px}body::-webkit-scrollbar-track{background:transparent}