/* Shared visual language for home, learning and personal learning pages. */
body .app-shell .sidebar .nav-art{background-image:url('quest/menu-clay-v2.png')!important;background-size:200% 200%!important;border-radius:9px}body .app-shell .sidebar .menu-learn{background-position:0 0}body .app-shell .sidebar .menu-stats{background-position:100% 0}body .app-shell .sidebar .menu-history{background-position:0 100%}body .app-shell .sidebar .menu-wrong{background-position:100% 100%}
.sidebar .nav-item{border-radius:14px;transition:background .2s,box-shadow .2s}.sidebar .nav-item.selected{background:#d9ecdf;box-shadow:inset 3px 0 #378660}.sidebar .nav-item:hover{background:#eaf3ec}.sidebar .nav-caption{letter-spacing:.8px;color:#71917f}
.hero{isolation:isolate;overflow:hidden;background:linear-gradient(120deg,#174c3b,#2b6851);border-radius:26px;border:0;box-shadow:0 10px 26px #1b513014}.hero-copy{position:relative;z-index:2;max-width:57%;padding:32px}.hero h1{font-weight:850}.hero .cta{background:#e1f3a5;color:#214e36;border:0;box-shadow:0 5px 0 #123c2c;border-radius:13px;padding:14px 20px}.hero .hero-features{color:#d2e6d8}.hero .adventure-art{position:absolute;inset:12px 8px 12px auto;width:43%;background:radial-gradient(ellipse,#b2e3b322,transparent 70%);border:0;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:visible}.adventure-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 14px 10px #082d2824)}.hero-art-note{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);white-space:nowrap;padding:7px 13px;border-radius:20px;background:#ffffffeb;color:#3d7054;font-size:11px;font-weight:700}.art-orbit{position:absolute;display:grid;place-items:center;border-radius:14px;width:38px;height:38px;font-weight:800;font-size:27px;background:#e2f2ad;color:#306447;box-shadow:0 4px 0 #163e3433;z-index:1}.orbit-one{top:15%;right:7%;transform:rotate(12deg)}.orbit-two{bottom:17%;left:5%;background:#ffd0b6;transform:rotate(-12deg)}
.section-kicker{color:#3c895d;font-weight:800}.world,.egrade{box-shadow:0 5px 0 #dce7e0;border-radius:20px}.world[aria-pressed=true]{box-shadow:0 5px 0 #8eb89a,0 10px 20px #34734c15}.worlds{padding-top:10px}.mission-layout{border-radius:22px}.mission-card{border-radius:18px!important;box-shadow:0 4px 0 #e9eee9!important;border-color:#dfe9e1!important;overflow:hidden;position:relative}.mission-card:before{content:'';position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,#6db08a,#dbeaab)}.mission-card:nth-child(3n+2):before{background:linear-gradient(90deg,#e8a26c,#fae7ab)}.mission-card:nth-child(3n):before{background:linear-gradient(90deg,#8c9fcd,#d3def1)}.mission-card-top{background:linear-gradient(125deg,#f2f8ed,#fff);border-radius:12px;padding:8px}.mission-card-bottom b{padding:7px 10px;background:#e7f2e4;border-radius:9px;color:#356849}.chapter-nav button[aria-pressed=true]{background:#2f7453;color:white;border-radius:12px}.record-banner{border-radius:20px}.account-content>.p-head{border-radius:22px;box-shadow:0 5px 0 #e7eee9}.account-content .badges-wrap,.account-content .level-card{border-radius:18px}.learning-page .answer-progress{position:sticky;top:10px;z-index:5;box-shadow:0 5px 16px #224a3012;background:#f5f9ef}.practice-page .qcard.answer-filled{border-color:#79aa85;background:#f8fcf7}.practice-page .qcard.answer-filled .qnum{background:#d6eacb;color:#356149}.practice-page .qcard.answer-filled:after{content:'입력 완료';display:block;margin-top:10px;font-size:11px;color:#537d5a;text-align:right}.practice-page .qcard{transition:background .2s,border-color .2s}
.quest-particle{position:fixed;pointer-events:none;width:7px;height:7px;border-radius:3px;z-index:9999;background:#8abf76}
@media(hover:hover) and (prefers-reduced-motion:no-preference){html:not(.effects-off) .mission-card:hover,html:not(.effects-off) .world:hover{transform:translateY(-5px);box-shadow:0 9px 20px #2c60451a!important}html:not(.effects-off) .nav-item:hover .nav-art,html:not(.effects-off) .nav-item:hover .dino-nav-icon{transform:rotate(-7deg) scale(1.12)}.nav-art,.dino-nav-icon{transition:transform .2s}}
@media(max-width:700px){.hero{border-radius:20px}.hero-copy{max-width:100%;padding:24px 23px 210px}.hero .adventure-art{width:250px;height:205px;inset:auto 50% 8px auto;transform:translateX(50%)}.hero-art-note{font-size:10px;bottom:0}.art-orbit{width:29px;height:29px;font-size:22px}.hero h1{font-size:29px}.hero .hero-features{flex-wrap:wrap}.learning-page .answer-progress{top:5px}.mobile-links a[aria-current=page]{background:#337853;color:#fff}}
@media(prefers-reduced-motion:reduce){.quest-particle{display:none}.nav-item,.nav-art,.dino-nav-icon,.qcard{transition:none!important}}
.effects-off .quest-particle{display:none}.effects-off .nav-art,.effects-off .dino-nav-icon,.effects-off .qcard{transition:none!important}

@media(max-width:700px){body .mobile-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}body .mobile-links a{min-width:0;text-align:center;display:flex;align-items:center;justify-content:center;padding:10px 5px;font-size:11px;border-radius:10px;word-break:keep-all}}