.tt-completion-card{position:relative;min-width:0}
.tt-level-completed{margin-top:32px;padding:0 16px 16px;border:1px solid var(--tt-border,#dbe5f1);border-radius:18px;background:var(--tt-card,#fffdf8)}.tt-level-completed[hidden]{display:none}.tt-level-completed summary{display:flex;justify-content:space-between;align-items:center;min-height:56px;cursor:pointer;font-size:18px;font-weight:800;color:var(--tt-text,#183455)}.tt-level-completed summary:focus-visible{outline:3px solid var(--tt-accent,#1768e9);outline-offset:2px}.tt-level-completed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tt-level-completed-list .item{height:100%}
.tt-completion-card.is-completed{filter:saturate(.92)}
.tt-completion-card.is-completed>a,.tt-completion-card.is-completed.lesson-card{border-color:#79b996!important;box-shadow:0 0 0 2px rgba(36,129,83,.1),0 12px 28px rgba(24,52,85,.08)!important}
.tt-completion-card>a{height:100%}
.tt-completion-card>.tt-completion-button{position:absolute;z-index:3;left:16px;bottom:14px}
.lesson-card{position:relative}
.lesson-card-actions{display:grid;gap:8px;min-width:150px}
.lesson-card-actions .lesson-action{display:flex;align-items:center;justify-content:center;text-align:center}
.lesson-card-actions .tt-completion-button{width:100%}
.tt-completion-card>.item{padding-bottom:70px!important}
.tt-completion-card>.family-card{padding-bottom:68px!important}
.family-catalog>.tt-completion-card.is-completed>.tt-completion-button{left:auto;right:4px;bottom:4px;min-width:44px;width:44px;height:44px;padding:0;border-radius:50%;font-size:0}.family-catalog>.tt-completion-card.is-completed>.tt-completion-button::before{margin:0;font-size:17px}
.tt-completion-button{min-width:76px;min-height:44px;padding:9px 14px;border:1px solid #b8c7d7;border-radius:999px;background:#fff;color:#36516d;font:800 13px/1.2 Inter,"Noto Sans KR",system-ui,sans-serif;letter-spacing:-.01em;cursor:pointer;box-shadow:0 5px 14px rgba(24,52,85,.1);transition:background .16s,border-color .16s,color .16s,transform .16s}
.tt-completion-button:hover{transform:translateY(-1px);border-color:#579873;color:#176849}
.tt-completion-button:focus-visible{outline:3px solid #77afff;outline-offset:3px}
.tt-completion-button[aria-pressed="true"]{border-color:#248153;background:#248153;color:#fff;box-shadow:0 5px 16px rgba(36,129,83,.22)}
.tt-completion-button[aria-pressed="true"]::before{content:"\2713";margin-right:5px}
.tt-completion-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.tt-detail-completion{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;margin:30px 0 0;padding:16px 18px;border:1px solid #cfe1d7;border-radius:16px;background:#f3fbf6}
.tt-detail-completion p{margin:0;color:#506a5d;font-size:13px;line-height:1.55}
.tt-detail-completion>.tt-completion-button{position:static;flex:0 0 auto}
html[data-theme="dark"] .tt-completion-button,body.dark .tt-completion-button{border-color:#58718d;background:#102842;color:#e8f1fb}
html[data-theme="dark"] .tt-completion-button[aria-pressed="true"],body.dark .tt-completion-button[aria-pressed="true"]{border-color:#70c99a;background:#276c4a;color:#fff}
@media(max-width:850px){.lesson-card-actions{grid-column:1/-1;grid-template-columns:auto minmax(0,1fr);min-width:0}.lesson-card-actions .tt-completion-button{width:auto;grid-column:1;grid-row:1}.lesson-card-actions .lesson-action{grid-column:2;grid-row:1}}
@media(max-width:430px){.tt-completion-card>.tt-completion-button{left:12px;bottom:12px}.tt-completion-button{min-width:72px;padding:9px 12px}.lesson-card-actions{grid-template-columns:auto minmax(0,1fr)}.tt-detail-completion{align-items:flex-start;flex-direction:column;gap:12px;padding:15px 16px}.tt-detail-completion>.tt-completion-button{width:100%}}
@media(max-width:650px){.tt-level-completed-list{grid-template-columns:1fr}}
