:root{--bg:oklch(97% .015 100);--surface:oklch(99% .007 100);--ink:oklch(29% .04 151);--muted:oklch(45% .035 148);--blue:oklch(39% .065 153);--blue-deep:oklch(31% .055 153);--yellow:oklch(85% .11 125);--line:oklch(86% .025 132);--soft:oklch(93% .035 119);--green:oklch(37% .075 151);--green-bg:oklch(95% .04 133)}.shell{grid-template-columns:208px minmax(0,1fr)}aside{background:var(--blue-deep);border:0;padding:31px 20px}.brand img{filter:brightness(0) invert(1);width:145px}aside .brand-caption,aside .sidebar-bottom p,aside .course small{color:oklch(85% .035 132)}aside .course{color:var(--surface)}aside nav a{color:oklch(88% .025 132);font-size:13px;border-radius:13px}aside nav a:hover{background:oklch(38% .055 153)}aside nav a[aria-current=page]{background:var(--yellow);color:var(--ink)}aside nav .count{background:var(--surface);color:var(--blue)}.brand-caption{margin-bottom:49px}header{background:var(--bg);height:83px;border:0;padding-top:7px}header #breadcrumb{color:var(--muted);font-size:12px}main{padding-top:24px;max-width:1260px}h1{font-family:Fraunces,serif;font-size:39px;letter-spacing:-1px}h2{letter-spacing:-.5px}.garden-intro{margin-bottom:27px}.garden-banner{position:relative;overflow:hidden;background:var(--soft);border-radius:26px;display:grid;grid-template-columns:1.15fr 1fr;min-height:300px;align-items:center;padding:34px 40px}.garden-banner h2{font-family:Fraunces,serif;font-weight:400;font-size:44px;line-height:1.08;letter-spacing:-1.3px;margin:0 0 18px;color:var(--blue-deep)}.garden-banner p{font-size:13px;max-width:350px;line-height:1.65;margin-bottom:21px}.garden-banner .btn{border-radius:24px;background:var(--blue);gap:22px}.garden-banner small{display:block;font-size:10px;color:var(--muted);margin-top:12px}.garden-banner>img{width:100%;max-height:300px;object-fit:contain;align-self:center}.garden-plan{margin-top:27px}.garden-plan .section-head{margin-bottom:16px}.garden-plan h2{font-size:19px}.garden-path{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.garden-stop{display:block;position:relative;padding:20px 21px 22px;border:1px solid var(--line);border-radius:18px;text-decoration:none;background:var(--surface);min-width:0;transition:background-color 130ms ease-out}.garden-stop:hover{background:var(--soft);color:var(--blue)}.garden-step{display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px;margin-bottom:19px}.garden-step .icon{width:23px;height:23px;color:var(--blue)}.garden-stop h3{font-size:14px;line-height:1.3;margin:0 0 8px;max-width:20ch}.garden-stop p{font-size:11px;margin:0;padding-right:20px}.garden-go{position:absolute;right:15px;bottom:18px;color:var(--blue)}.garden-go .icon{width:17px}.garden-week{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:23px;padding:22px 0;border-top:1px solid var(--line)}.garden-week h2{font-size:15px;margin:0 0 5px}.garden-week p{font-size:10px;margin:0}.garden-week .week{width:260px;margin:0;gap:8px}.garden-week .day span{background:var(--surface);border-radius:50%;height:29px;width:29px}.garden-week .day.active span{background:var(--blue)}.garden-week .text-link{white-space:nowrap;font-size:11px}.btn,button{border-radius:13px}.flash{border-radius:25px;box-shadow:0 14px 35px color-mix(in oklch,var(--blue) 5%,transparent)}.account-art{border-radius:28px}.account-tabs{border-radius:15px}.account-tabs button{border-radius:10px}.chapter-number{border-radius:50%}.book-credit{max-width:65ch}::selection{background:var(--yellow)}@media(max-width:1100px){.shell{grid-template-columns:180px minmax(0,1fr)}aside{padding:27px 13px}.brand img{width:140px}.garden-banner{padding:27px}.garden-banner h2{font-size:37px}.garden-week{flex-wrap:wrap}.garden-week .week{margin-left:auto}.garden-week>.text-link{display:none}}@media(max-width:800px){.garden-intro h1{font-size:33px}.garden-intro>.text-link{display:none}.garden-banner{grid-template-columns:1.4fr 1fr;padding:27px;min-height:300px}.garden-banner h2{font-size:35px}.garden-path{grid-template-columns:1fr}.garden-stop{display:grid;grid-template-columns:35px minmax(0,1fr);column-gap:12px;padding:17px 20px}.garden-step{grid-row:span 2;display:grid;justify-content:start;gap:8px;margin:0}.garden-step>.icon{display:none}.garden-stop h3{max-width:none;margin:0 30px 6px 0}.garden-stop p{margin:0}.garden-go{bottom:24px}.garden-week .week{width:220px}.garden-week>div:first-child{max-width:220px}.garden-week .day span{width:25px;height:25px}.garden-week .subtle{display:none}}@media(max-width:620px){.shell{display:block}aside{padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--blue-deep);border-radius:0}aside nav a{font-size:9px;border-radius:9px;color:var(--surface);padding:6px 2px}.brand-caption{display:none}header{height:68px;padding:0 16px}main{padding:24px 20px}.garden-intro h1{font-size:32px}.garden-banner{display:block;padding:27px 24px;min-height:355px;border-radius:23px}.garden-banner>div{position:relative;z-index:1}.garden-banner h2{font-size:36px;max-width:260px}.garden-banner p{max-width:230px;font-size:12px}.garden-banner>img{position:absolute;width:230px;right:-96px;bottom:14px;opacity:.16}.garden-banner small{max-width:200px}.garden-path{gap:10px}.garden-plan .section-head>.subtle{display:none}.garden-week{display:block;padding-top:22px}.garden-week>div:first-child{max-width:none}.garden-week .week{width:100%;margin:20px 0 0}.garden-week .day span{height:31px;width:31px}.garden-week .text-link{display:none}.account-entry{border-radius:18px}}
input::placeholder{color:var(--muted);opacity:1}
.flag{background:linear-gradient(#0057B7 50%,#FFD700 50%)}