/* Selected indigo-and-gold 02: warm paper, indigo ink and small golden accents. */
:root,body.message-page{--brand-primary:#4353a6;--brand-primary-deep:#334187;--brand-ink:#292e57;--brand-lilac:#edf0fa;--brand-background:#fcfaf5;--brand-wordmark-color:var(--brand-primary);--brand-peach:#fff1df;--brand-mint:#e4f6f5;--brand-shadow:0 10px 30px #51409c09}
body,body.message-page,body.levels-page{background:#fcfaf5;background-attachment:fixed}
.topbar,.message-page .topbar,.levels-page .topbar{box-shadow:0 3px 18px #51409c05}
.login-card{position:relative;border-radius:32px;box-shadow:0 12px 40px #51409c08;border-color:#e5dcf3;background:#fff}
.auth-brand-presentation{position:relative;background:#fff;border-radius:28px}
.auth-brand-lockup{padding:12px 0;gap:10px}
.primary{background:var(--brand-primary);border-radius:15px;box-shadow:0 3px 0 #51409c16}
.primary:hover{background:var(--brand-primary-deep)}
.student-nav{border:1px solid #e6def5;border-radius:20px;background:#eee8f8}.student-nav button{border-radius:15px}.student-nav button.active{box-shadow:0 3px 10px #6652bf0d;color:var(--brand-primary-deep)}
#today-room .action-hero{position:relative;background:#fff;border:0;border-radius:20px;isolation:isolate}
.action-hero h1{color:var(--brand-ink);font-weight:750;letter-spacing:-.6px}
.quick-card{position:relative;box-shadow:var(--brand-shadow);border-radius:26px;transition:transform .18s ease,box-shadow .18s ease;background:#fff;border-color:#e4e6ee}
.quick-ask{background:#fff;border-color:#e4e6ee}
.quick-practice-card{background:#fff;border-color:#e4e6ee}
.quick-symbol{background:#ffffffc9;box-shadow:0 5px 0 #6652bf08;border-radius:18px;transform:none}
.quick-symbol .brand-icon{stroke-width:1.9}
.quick-ask .quick-symbol{transform:none}.quick-ask .brand-icon{stroke:#357c7a}
.quick-practice-card .quick-symbol{color:#946024;transform:none}
.quick-copy>strong{font-weight:750;letter-spacing:.4px}.quick-copy>span,.quick-album{color:#5d536e}
.quick-ask .quick-cta{color:#286a69}.quick-practice-card .quick-cta{color:#835522}
.home-secondary button{border:1px solid #dfd4f1;background:#ffffffbf;border-radius:18px;padding:12px 20px;box-shadow:0 4px 14px #51409c05}
.student-card,.card,.test-layout,.level-section,.guide-card,.guide-paths a{box-shadow:var(--brand-shadow)}
.dropzone{border-radius:22px;background:#f8f5fb;border-color:#cec0e7}
.welcome-tags span{border-color:#dfd5ef;background:#f6f1ff;color:#6b5b82}.practice-options>button{border-radius:19px}
.guide-paths a:nth-child(2){background:#effaf8}.guide-paths a:nth-child(3){background:#fff8ec}
.message-page .chat-message.mine{background:#f0e9f8}
@media(min-width:761px) and (max-width:1100px){.quick-capture{padding:23px 18px 12px}.quick-album{padding-left:18px}.quick-copy>strong{font-size:25px}.quick-symbol{width:66px;height:66px}.action-hero h1{font-size:29px}}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.quick-card:hover{border-color:#aab3db;box-shadow:0 4px 16px #51409c08}}
@media(max-width:760px){#today-room .action-hero{padding:10px 12px;min-height:85px;border-radius:20px}.action-hero h1{font-size:22px}.action-hero .brand-mascot{right:4px;bottom:2px}.quick-card{border-radius:21px}.quick-symbol{border-radius:17px 17px 17px 7px}.student-nav{border-radius:0;border-bottom:0}.login-card{border-radius:27px}.home-secondary button{padding:10px 16px}}
@media(max-width:360px){.action-hero h1{font-size:19px}.auth-brand-lockup{gap:4px}}
@media(prefers-reduced-motion:reduce){.quick-card{transition:none}}
@media print{body{background:white!important}.auth-brand-presentation::before,.auth-brand-presentation::after,.quick-card::after{display:none}.card,.student-card{box-shadow:none}}


/* One composite includes mascot, wordmark and ribbon tagline. */
.topbar .brand>img{border-radius:28%}
.topbar .brand .crayon-nav-wordmark{display:block;width:80px;height:60px;flex-shrink:0;background:var(--brand-primary);-webkit-mask:url('/static/brand/crayon-04/wordmark.webp') center/contain no-repeat;mask:url('/static/brand/crayon-04/wordmark.webp') center/contain no-repeat}
.auth-brand-presentation{margin:0 auto 16px;background:#fff;max-width:310px}
.auth-brand-composite{display:block;width:100%;height:auto;object-fit:contain}
.quick-card{border-radius:20px;box-shadow:none}
.quick-symbol{box-shadow:none;background:#edf0fa}.quick-ask .quick-symbol{background:#edf5f2}.quick-practice-card .quick-symbol{background:#fff4d8}.home-secondary button{box-shadow:none;background:#fffdf9}
.student-nav{background:#f1f2f7;box-shadow:none;border-color:transparent}.student-nav button.active{background:#fffdf9}
.card,.student-card,.test-layout,.guide-card,.level-section{box-shadow:0 4px 16px #51409c04}
.guide-paths a,.guide-card,.level-section{border-radius:20px}
.guide-entry{background:#fff1c9}
@media(max-width:760px){.topbar .brand .crayon-nav-wordmark{width:65px;height:49px}.auth-brand-presentation{max-width:270px}.student-nav{background:#fffdf9f5}}
@media print{.quick-card::after{display:none}}

@media(max-width:360px){.auth-brand-presentation{max-width:230px}}
.login-card .auth-search-name{display:flex;align-items:baseline;justify-content:center;gap:12px;flex-wrap:wrap;margin:0 0 14px;color:var(--brand-primary-deep);font-size:32px;line-height:1.35;font-weight:800}
.login-card .auth-search-name small{font-size:14px;font-weight:600;color:#625c76}
.login-card .auth-purpose{text-align:center;font-size:13px;line-height:1.7;color:#625c76;margin:0 0 16px}
#today-room .hero-search-name{display:block;color:var(--brand-primary-deep);font-size:1.25em;line-height:1.15;margin-bottom:4px}
@media(max-width:760px){.login-card .auth-search-name{font-size:28px;gap:7px}.login-card .auth-search-name small{font-size:12px}#today-room .hero-search-name{font-size:1.1em;margin-bottom:2px}}
.brand-icon{stroke:var(--brand-primary)}.quick-copy .quick-cta{color:var(--brand-primary-deep)}.quick-ask .quick-cta{color:#286a69}.quick-practice-card .quick-cta{color:#835522}