.bjt-user{position:relative}button.bjt-user-trigger{color:#24180f;max-width:16rem;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:999px;align-items:center;gap:.45rem;padding:.25rem .55rem .25rem .25rem;display:inline-flex}button.bjt-user-trigger:focus-visible,.bjt-menu [role=menuitem]:focus-visible{outline-offset:2px;outline:2px solid #6b3a12}.bjt-user-label{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.bjt-avatar{object-fit:cover;background:#eadccb;border-radius:50%;flex:0 0 2rem;width:2rem;height:2rem}.bjt-avatar-fallback{color:#6b3a12;place-items:center;font-weight:650;display:grid}.bjt-menu{z-index:40;background:#fff;border:1px solid #eadfd2;border-radius:.9rem;width:min(18rem,100vw - 1.5rem);padding:.4rem;position:absolute;top:calc(100% + .45rem);right:0;box-shadow:0 12px 32px #24180f1f}.bjt-menu-id{align-items:center;gap:.7rem;padding:.55rem .65rem .7rem;display:flex}.bjt-menu-id strong,.bjt-menu-id span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.bjt-menu-id span,.bjt-menu-error{color:#7a6556;font-size:.85rem}.bjt-menu [role=menuitem]{color:#24180f;width:100%;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-top:1px solid #f0e6da;border-radius:.55rem;justify-content:space-between;align-items:center;gap:.5rem;padding:.7rem .65rem;text-decoration:none;display:flex}.bjt-menu [role=menuitem]:hover{background:#f7f2ea}.bjt-menu-error{margin:.2rem .65rem .4rem}@media (width<=640px){.bjt-user-compact .bjt-user-label{display:none}}:root{color:#24180f;background:#f7f2ea;font-family:Hiragino Sans,Yu Gothic,Avenir Next,Segoe UI,sans-serif}*{box-sizing:border-box}html,body,#root{max-width:100%;margin:0}body{overflow-x:hidden}.learner{min-height:100vh}.site-header{background:#fff;border-bottom:1px solid #eadfd2;justify-content:space-between;align-items:center;gap:1rem;height:64px;padding:0 1.25rem;display:flex}.ruby-line{font-size:1.45rem;line-height:2.3}.ruby-line rt{font-size:.42em}.catalog-list{padding-left:1.1rem}.catalog-list a{color:inherit;text-decoration:none}.brand{color:#24180f;font-size:1.25rem;font-weight:700;text-decoration:none}.site-header-end{align-items:center;min-width:0;display:flex}.header-pending{background:#f3e6d6;border-radius:50%;width:2rem;height:2rem}.shell{max-width:40rem;margin:0 auto;padding:2.5rem 1.25rem 4rem}h1{margin:0 0 .8rem;font-size:2rem;line-height:1.25}a{color:#6b3a12}a.button,button.button,.button{color:#fff;font:inherit;cursor:pointer;background:#6b3a12;border:0;border-radius:999px;padding:.65rem 1rem;text-decoration:none;display:inline-block}.intro,.error{max-width:36rem}.error{color:#8a2b2b}ul{padding-left:1.2rem}li+li{margin-top:.35rem}