:root{--bao-ink:#51382a;--bao-honey:#ffae32;--bao-line:#efdebc;--bao-paper:#fffdf7}
body{background:#fff7e7;color:var(--bao-ink);isolation:isolate}
body::before{content:"";position:fixed;inset:0;z-index:-1;background:linear-gradient(#fff7e778,#fff7e7b0 70%),url('art/baobaogo-garden-v1.webp') center top/cover no-repeat;filter:blur(2.5px);transform:scale(1.02);pointer-events:none}
aside{background:linear-gradient(180deg,#fff9eefa,#fff1d9f8);border-right:1px solid #efdfc4;box-shadow:4px 0 24px #67411707}
aside .brand{letter-spacing:-1.1px}.brand img{filter:drop-shadow(0 5px 4px #b96c2826)}
aside nav a{border-radius:16px;margin:6px 0;transition:background .18s,transform .18s}aside nav a:hover{background:#ffebc7;transform:translateX(3px)}aside nav a.active{background:linear-gradient(135deg,#ffdf95,#ffc46a);color:#6a3d14;box-shadow:0 4px 0 #e9a84230;font-weight:800}
.aside-note{position:relative;overflow:hidden;border:1px solid #efdab3;border-radius:24px;background:linear-gradient(#fff5e5b0,#fff5e5df),url('art/baobaogo-garden-v1.webp') 76% center/cover;padding:18px 10px;color:#825f3c}
.aside-note img{position:relative;z-index:1;filter:drop-shadow(0 9px 6px #92632c24)}
.shell>header{background:#fffaf1de;border-bottom:1px solid #f2e3c9;backdrop-filter:blur(12px)}
.shell>header #user{background:#fff4db;border:1px solid #efdaa7;border-radius:999px;box-shadow:0 3px 0 #e8bd6c24}
.study-daily-hero,.hero{background:linear-gradient(90deg,#fff5dfed 0%,#fff2d0cb 42%,#ffedc82e 75%),url('art/baobaogo-garden-v1.webp') center 55%/cover!important;border:1px solid #efd29b;border-radius:32px;box-shadow:0 12px 30px #be8a3320,inset 0 1px 0 #fff;isolation:isolate}
.study-daily-hero:after{content:"";position:absolute;bottom:15px;right:11%;width:140px;height:17px;border-radius:50%;background:#835a3330;filter:blur(6px);z-index:-1}
.study-daily-hero>div{z-index:2}.study-daily-hero h2,.hero h2{color:#57351f;text-shadow:0 1px #fff7e8;letter-spacing:-.8px}.study-daily-hero p,.study-daily-hero small{color:#725239}
.study-daily-hero>img{opacity:1!important;width:min(100%,250px);max-width:250px;position:relative;right:auto;top:auto;filter:drop-shadow(0 14px 7px #8954263b);transform-origin:50% 95%;z-index:1}
.compact-focus{position:relative;overflow:hidden;background:linear-gradient(95deg,#fff5dfef,#fff0d7c7),url('art/baobaogo-garden-v1.webp') 76% center/cover;border:1px solid #efd29d;box-shadow:0 8px 24px #b8832b12}
.compact-focus>img{filter:drop-shadow(0 9px 6px #9b662b25);transform-origin:50% 95%}
.study-tool,.study-daily-step,.hsk-topic-card,.compact-links a{border:1px solid var(--bao-line);border-radius:23px;background:#fffdf8;box-shadow:0 5px 0 #e9d6ae35,0 10px 22px #805e1e06;transition:transform .16s,box-shadow .16s,border-color .16s}
.study-tool:hover,.study-daily-step:hover,.hsk-topic-card:hover,.compact-links a:hover{transform:translateY(-3px);border-color:#e7ba64;box-shadow:0 7px 0 #e9d6ae35,0 14px 26px #805e1e0d}
.study-tool-icon{border-radius:18px;box-shadow:inset 0 2px 1px #fff9,0 4px 6px #b3813312}.study-tool.peach{background:linear-gradient(135deg,#fffdf8,#fff0dd)}.study-tool.mint{background:linear-gradient(135deg,#fffef9,#eef7e6)}.study-tool.lavender{background:linear-gradient(135deg,#fffefa,#f4efff)}.study-tool.rose{background:linear-gradient(135deg,#fffefa,#fff0f0)}.study-tool.butter{background:linear-gradient(135deg,#fffefa,#fff5d8)}
.card,.compact-drawer{border-color:#eddfc6;background:var(--bao-paper);border-radius:24px}.flash{background:linear-gradient(150deg,#fffdf8,#fff6e2);border:1px solid #ecd6a7;border-radius:30px;box-shadow:0 9px 0 #ead5a83b,0 18px 40px #926c2710}
.primary{border-radius:16px!important;box-shadow:0 4px 0 #dd841a!important;transition:transform .15s,box-shadow .15s}.primary:active{transform:translateY(3px);box-shadow:0 1px 0 #dd841a!important}
.study-welcome h1{color:#513624;letter-spacing:-.7px}.study-section-title h2{color:#68482d}.chip{border-color:#eddaad;background:#fff7df;color:#805923}
.visual-word-picture{background:radial-gradient(ellipse at 50% 78%,#f7df9b45,transparent 65%),linear-gradient(135deg,#fff9e9,#f8f3df)}
.bottom-nav{border-top:1px solid #ebd9b5;box-shadow:0 -7px 25px #a26d2010}.bottom-nav a.active{background:#fff0c8;color:#b15d0d}.bottom-nav a.active span{filter:drop-shadow(0 3px 2px #cd8f3430)}
:is(a,button,input,select,summary):focus-visible{outline:3px solid #b97d20;outline-offset:4px}
@media(prefers-reduced-motion:no-preference){.study-daily-hero>img,.compact-focus>img{animation:bao-happy-hop 3.6s ease-in-out infinite}.aside-note img{animation:bao-soft-sway 6s ease-in-out infinite}.brand:hover img{animation:bao-soft-sway .7s ease-in-out}.bao-view-enter{animation:bao-page-arrive .25s ease-out}@keyframes bao-happy-hop{0%,58%,100%{transform:translateY(0) rotate(-2deg) scale(1)}68%{transform:translateY(3px) rotate(-2deg) scale(1.035,.965)}80%{transform:translateY(-13px) rotate(3deg) scale(.985,1.025)}90%{transform:translateY(0) rotate(-1deg) scale(1.02,.98)}}@keyframes bao-soft-sway{0%,100%{transform:rotate(-3deg) translateY(0)}50%{transform:rotate(3deg) translateY(-6px)}}@keyframes bao-page-arrive{from{opacity:.55;transform:translateY(7px)}to{opacity:1;transform:none}}}
body[data-bao-focus="true"] .compact-word-card,body[data-bao-focus="true"] .flash{box-shadow:0 7px 0 #ead5a82a,0 12px 30px #926c270c}
@media(max-width:800px){.shell>header{border-radius:0 0 20px 20px}.study-daily-hero,.hero{border-radius:25px}.study-daily-hero{grid-template-columns:minmax(0,1.45fr) minmax(85px,.7fr);padding:25px;gap:8px;min-height:280px}.study-daily-hero>img{width:135px;opacity:1!important;justify-self:center;align-self:center}.study-daily-hero h2{font-size:27px}.study-daily-hero>div{min-width:0}.study-daily-hero .primary{min-width:0!important;font-size:13px}.study-tool,.hsk-topic-card{border-radius:20px}.compact-focus>img{max-width:110px}.card,.compact-drawer{border-radius:20px}}
@media(max-width:480px){.study-daily-hero{padding:22px 18px;grid-template-columns:minmax(0,1fr) 93px;min-height:285px}.study-daily-hero>img{width:110px;max-width:110px;margin-left:-9px}.study-daily-hero h2{font-size:25px}.study-daily-hero .chip{font-size:9px}.study-daily-hero p{font-size:12px}.study-daily-hero small{font-size:10px}.study-daily-hero:after{width:75px;right:16px;bottom:55px}.study-daily-hero .primary{padding:12px 10px}.compact-focus{padding:21px 18px}.study-welcome h1{font-size:25px}.flash{border-radius:24px}body::before{background-size:auto 75vh;background-position:65% top}}
@media(prefers-reduced-motion:reduce){.study-daily-hero>img,.compact-focus>img,.aside-note img,.brand img,.bao-view-enter{animation:none!important}.study-tool,.study-daily-step,.hsk-topic-card,.compact-links a,.primary{transition:none!important}}

/* Soft scenery stays behind every route; study surfaces stay opaque. */
.shell,#app{background:transparent}.card,.flash,.compact-drawer,.visual-word-content,.story-reader,.sentence-practice{background-color:#fffdf8}.study-welcome,.study-section-title{position:relative;z-index:1}