/* SENTENCE LIBRARY — 로그인 사용자 전용 습득/공부 문장 보관함과 자세히 보기 */
.home-library-trigger{
  appearance:none;border:0;background:transparent;font:inherit;cursor:pointer;
  -webkit-tap-highlight-color:transparent;position:relative;
}
.home-library-trigger::after{
  content:"›";font-size:15px;font-weight:1000;color:var(--theme-accent);opacity:.72;margin-left:1px;
}
.home-library-trigger:active{transform:translateY(1px);opacity:.76}

.sentence-library-overlay,.sentence-detail-overlay{
  position:fixed;inset:0;z-index:10200;display:none;
  background:rgba(16,34,58,.34);backdrop-filter:blur(5px);
}
.sentence-library-overlay.open,.sentence-detail-overlay.open{display:flex}
.sentence-library-sheet{
  width:min(100%,540px);height:min(88dvh,860px);background:var(--theme-bg,#f7fbff);color:var(--theme-text,#18314d);
  border-radius:26px 26px 0 0;box-shadow:0 -14px 42px rgba(20,52,86,.22);display:flex;flex-direction:column;
  overflow:hidden;padding:18px 14px max(18px,env(safe-area-inset-bottom));
}
.sentence-library-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;padding:2px 2px 10px}
.sentence-library-close{width:36px;height:36px;border:0;border-radius:50%;font-size:27px;line-height:1;background:var(--theme-soft);color:var(--theme-text)}
.sentence-library-head h3{margin:1px 0 2px;font-size:24px;letter-spacing:-.7px}
.sentence-library-head p{margin:0;color:var(--muted);font-size:12px;font-weight:750}
.sentence-library-gift{font-size:11px;font-weight:950;color:var(--theme-accent)}
.sentence-library-count{min-width:42px;text-align:center;padding:7px 9px;border-radius:14px;background:var(--theme-soft);font-weight:1000;color:var(--theme-accent)}
.sentence-library-filters{display:flex;gap:7px;overflow-x:auto;padding:5px 2px 11px;scrollbar-width:none}
.sentence-library-filters::-webkit-scrollbar{display:none}
.sentence-library-filter{flex:0 0 auto;border:1px solid var(--theme-border);background:var(--theme-softer);color:var(--theme-text);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:900;white-space:nowrap}
.sentence-library-filter.active{background:var(--theme-accent);border-color:var(--theme-accent);color:#fff}
.sentence-library-list{min-height:0;flex:1;overflow:auto;display:flex;flex-direction:column;gap:8px;margin-top:8px;padding:1px 1px 10px}
.sentence-library-item{width:100%;border:1px solid var(--theme-border);background:var(--theme-soft);border-radius:17px;padding:12px 13px;text-align:left;color:var(--theme-text);display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}
.sentence-library-item-meta{display:flex;gap:7px;align-items:center;margin-bottom:5px;font-size:10px;font-weight:900;color:var(--muted)}
.sentence-library-item-jp{font-size:16px;font-weight:950;line-height:1.38;letter-spacing:-.2px}
.sentence-library-item-ko{font-size:12px;font-weight:750;color:var(--muted);margin-top:4px;line-height:1.35}
.sentence-library-item-arrow{font-size:23px;color:var(--theme-accent);font-weight:1000}
.sentence-library-empty{margin:auto;text-align:center;color:var(--muted);font-weight:850;padding:30px}

.sentence-detail-overlay{}
.sentence-detail-card{
  width:min(100%,520px);max-height:92dvh;overflow:auto;background:var(--theme-bg,#f7fbff);color:var(--theme-text,#18314d);
  border-radius:25px;box-shadow:0 16px 50px rgba(20,52,86,.27);padding:15px 14px max(16px,env(safe-area-inset-bottom));
}
.sentence-detail-head{display:grid;grid-template-columns:38px 1fr auto;gap:10px;align-items:center;margin-bottom:11px}
.sentence-detail-back{width:36px;height:36px;border:0;border-radius:50%;background:var(--theme-soft);color:var(--theme-text);font-size:30px;line-height:1}
.sentence-detail-head h3{margin:1px 0 0;font-size:20px;letter-spacing:-.5px}
.sentence-detail-head span{font-size:10px;font-weight:900;color:var(--muted)}
.sentence-detail-position{background:var(--theme-soft);padding:6px 9px;border-radius:12px;white-space:nowrap}
.sentence-detail-main{border:2px solid var(--theme-border);background:var(--theme-soft);border-radius:20px;padding:18px 15px;text-align:center}
.sentence-detail-jp{font-size:clamp(24px,6.4vw,31px);font-weight:1000;line-height:1.38;letter-spacing:-.7px}
.sentence-detail-kana{margin-top:7px;color:var(--theme-accent);font-size:14px;font-weight:850;line-height:1.4}
.sentence-detail-ko{margin-top:11px;font-size:16px;font-weight:850;line-height:1.4}
.sentence-detail-audio.main{margin-top:15px;border:0;border-radius:14px;padding:11px 18px;background:var(--theme-accent);color:#fff;font-weight:950;font-size:14px}
.sentence-detail-answer{margin-top:9px;border-radius:17px;padding:12px 13px;border:1px solid var(--theme-border)}
.sentence-detail-answer.positive{background:color-mix(in srgb,#dff8e8 72%,var(--theme-bg) 28%)}
.sentence-detail-answer.negative{background:color-mix(in srgb,#ffe5ea 72%,var(--theme-bg) 28%)}
.sentence-detail-answer-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:6px}
.sentence-detail-answer-head b{font-size:12px}
.sentence-detail-answer-head button{border:0;background:rgba(255,255,255,.68);border-radius:10px;padding:6px 9px;font-size:11px;font-weight:900;color:var(--theme-text)}
.sentence-detail-answer-jp{font-size:16px;font-weight:950;line-height:1.4}
.sentence-detail-answer-kana{font-size:12px;font-weight:800;color:var(--muted);margin-top:3px;line-height:1.35}
.sentence-detail-answer-ko{font-size:13px;font-weight:800;margin-top:5px;line-height:1.35}
.sentence-detail-nav{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:12px}
.sentence-detail-nav button{border:1px solid var(--theme-border);border-radius:15px;padding:12px;background:var(--theme-soft);color:var(--theme-text);font-weight:950}
.sentence-detail-nav button:disabled{opacity:.34}

@media (min-width:600px){.sentence-library-overlay{}.sentence-library-sheet{border-radius:26px;height:min(86dvh,820px)}}

.sentence-library-head,
.sentence-library-filters{
  flex-shrink:0;
}