/* v1.10.2 · story-card library refined against the supplied iPhone render.
   Keeps a visible return path, real data, existing save actions and iPhone-safe controls. */
.library-v2-page.is-card-management{
  min-height:100svh;
  min-height:var(--app-height);
  padding:0!important;
  overflow-x:hidden;
  color:#4b392c;
  background:
    linear-gradient(rgba(250,247,240,.68),rgba(246,239,228,.72)),
    url('/assets/library/library_paper_tile.webp') 0 0/420px 420px repeat!important;
}
.library-v2-page.is-card-management:before{display:none!important}
.library-manage-v2{
  --manage-side:max(16px,env(safe-area-inset-left));
  position:relative;
  width:min(100%,760px);
  min-height:100svh;
  margin:0 auto;
  padding:0 max(16px,env(safe-area-inset-right)) calc(112px + env(safe-area-inset-bottom)) var(--manage-side);
  box-sizing:border-box;
  background:
    linear-gradient(90deg,rgba(255,255,255,.17),transparent 8%,transparent 92%,rgba(255,255,255,.12));
  box-shadow:0 0 64px rgba(73,48,31,.055);
}
.library-manage-header{
  position:relative;
  z-index:20;
  padding:calc(16px + env(safe-area-inset-top)) 2px 12px;
}
.library-manage-back{
  display:inline-flex;
  align-items:center;
  gap:3px;
  min-height:34px;
  margin:0 0 10px;
  padding:0 10px 0 7px;
  border:1px solid rgba(142,102,70,.20);
  border-radius:999px;
  background:rgba(255,252,246,.46);
  color:#80654f;
  box-shadow:0 3px 10px rgba(64,42,25,.035);
  font:500 12px/1 "Songti SC","STSong","Noto Serif SC",serif;
  letter-spacing:.05em;
  -webkit-tap-highlight-color:transparent;
}
.library-manage-back-arrow{font:400 25px/.8 ui-serif,serif;transform:translateY(-1px)}
.library-manage-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.library-manage-heading{min-width:0;padding:1px 0 0}
.library-manage-heading h1{
  margin:0;
  color:#3f2d22;
  font:500 clamp(34px,8vw,45px)/1.06 "Songti SC","STSong","Noto Serif SC",serif;
  letter-spacing:.10em;
}
.library-manage-toolbar{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.library-manage-menu{
  width:43px;height:43px;padding:0;
  border:1px solid rgba(144,103,68,.24);
  border-radius:12px;
  background:rgba(255,252,246,.52);
  color:#6d533f;
  box-shadow:0 3px 11px rgba(60,39,24,.035);
  font:500 20px/1 ui-sans-serif,"PingFang SC",sans-serif;
  letter-spacing:.12em;
}
.library-manage-view-switch{
  display:flex;
  gap:4px;
  padding:3px;
  border-radius:15px;
  background:rgba(232,219,199,.28);
}
.library-manage-view-switch button{
  display:grid;place-items:center;
  width:43px;height:43px;padding:0;
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  color:#a28368;
  font:400 22px/1 ui-serif,serif;
}
.library-manage-view-switch button.is-active{
  border-color:rgba(150,105,68,.45);
  background:rgba(255,251,242,.88);
  color:#9a6843;
  box-shadow:0 0 0 2px rgba(255,248,237,.82),0 4px 12px rgba(67,43,25,.08);
}
.library-manage-rule{
  position:relative;
  height:21px;
  margin:8px 0 0;
}
.library-manage-rule:before{
  content:"";
  position:absolute;left:0;right:0;top:50%;height:1px;
  background:linear-gradient(90deg,rgba(149,107,75,.20),rgba(149,107,75,.43) 20%,rgba(149,107,75,.20) 80%,transparent);
}
.library-manage-rule span{
  position:absolute;left:48%;top:50%;transform:translate(-50%,-50%);
  padding:0 10px;
  background:#f6efe4;
  color:#bb9879;
  font-size:15px;
}
.library-manage-count{
  margin:0;
  color:#967b66;
  font:500 14px/1.45 "Songti SC","STSong","Noto Serif SC",serif;
  letter-spacing:.11em;
}
.library-manage-list{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  gap:13px;
  width:100%;
  padding:5px 0 14px;
  box-sizing:border-box;
}
.library-manage-card{
  position:relative;
  display:block;
  width:100%;
  min-width:0;
  overflow:hidden;
  border:1px solid rgba(160,118,84,.34);
  border-radius:19px;
  background:
    radial-gradient(circle at 4% 4%,rgba(255,255,255,.66),transparent 23%),
    linear-gradient(135deg,rgba(255,253,247,.94),rgba(244,235,222,.88));
  box-shadow:
    0 8px 16px rgba(81,54,33,.08),
    inset 0 0 0 2px rgba(255,253,247,.56),
    inset 0 0 18px rgba(167,126,91,.05);
  isolation:isolate;
}
.library-manage-card:before{
  content:"";
  position:absolute;z-index:0;inset:7px;
  border:1px solid rgba(179,139,105,.20);
  border-radius:13px;
  pointer-events:none;
}
.library-manage-card:after{
  content:"◇";
  position:absolute;z-index:0;left:10px;bottom:8px;
  color:rgba(174,132,96,.45);
  font-size:11px;
  pointer-events:none;
}
.library-manage-card.is-featured .library-manage-open:after{
  content:"★";
  position:absolute;right:32px;top:-1px;
  display:grid;place-items:center;
  width:23px;height:38px;
  color:#b78d68;
  background:linear-gradient(180deg,#dec2a4,#c59b76);
  clip-path:polygon(0 0,100% 0,100% 100%,50% 82%,0 100%);
  font-size:10px;
  box-shadow:0 2px 5px rgba(80,48,26,.10);
}
.library-manage-open{
  position:relative;
  z-index:1;
  display:grid!important;
  grid-template-columns:112px minmax(0,1fr)!important;
  align-items:center;
  gap:22px;
  width:100%!important;
  min-width:0!important;
  min-height:166px;
  margin:0;
  padding:18px 57px 18px 20px!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  color:inherit;
  text-align:left;
  box-shadow:none!important;
  transform:none;
  -webkit-tap-highlight-color:transparent;
}
.library-manage-open:active{background:rgba(205,178,143,.12)!important}
.library-manage-cover{
  position:relative;
  display:grid;
  place-items:center;
  width:112px;
  height:112px;
  min-width:112px;
  overflow:hidden;
  border:1px solid rgba(90,60,39,.46);
  border-radius:18px;
  background-position:center;
  background-repeat:no-repeat;
  background-size:cover;
  box-shadow:
    0 7px 13px rgba(46,29,17,.20),
    0 0 0 4px rgba(249,241,228,.70),
    0 0 0 5px rgba(130,92,61,.52),
    inset 0 0 0 1px rgba(255,255,255,.32);
}
.library-manage-cover:before{
  content:"";
  position:absolute;inset:5px;
  border:1px solid rgba(244,221,189,.50);
  border-radius:12px;
  box-shadow:inset 0 0 14px rgba(26,17,10,.16);
  pointer-events:none;
}
.library-manage-cover:after{
  content:"";
  position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(255,245,222,.12),transparent 44%,rgba(25,15,8,.08));
  pointer-events:none;
}
.library-manage-cover.cover-1{background-image:url('/assets/library/card_covers/card_cover_01.webp')}
.library-manage-cover.cover-2{background-image:url('/assets/library/card_covers/card_cover_02.webp')}
.library-manage-cover.cover-3{background-image:url('/assets/library/card_covers/card_cover_03.webp')}
.library-manage-cover.cover-4{background-image:url('/assets/library/card_covers/card_cover_04.webp')}
.library-manage-cover.cover-5{background-image:url('/assets/library/card_covers/card_cover_05.webp')}
.library-manage-cover.cover-6{background-image:url('/assets/library/card_covers/card_cover_03.webp')}
.library-manage-cover>span{display:none}
.library-manage-copy{
  display:flex!important;
  flex-direction:column!important;
  align-items:stretch;
  min-width:0;
  width:100%;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
}
.library-manage-copy strong{
  display:block;
  max-width:100%;
  margin:0 0 9px;
  overflow:hidden;
  color:#443126;
  font:500 clamp(22px,4.8vw,29px)/1.25 "Songti SC","STSong","Noto Serif SC",serif;
  letter-spacing:.055em;
  writing-mode:horizontal-tb!important;
  text-orientation:mixed!important;
  overflow-wrap:anywhere;
  word-break:break-word;
}
.library-manage-copy p{
  display:-webkit-box;
  min-height:40px;
  margin:0;
  overflow:hidden;
  color:#6f5948;
  font:400 14px/1.72 "Songti SC","STSong","Noto Serif SC",serif;
  letter-spacing:.04em;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.library-manage-divider{
  display:block;
  height:1px;
  margin:12px 0 9px;
  background:linear-gradient(90deg,rgba(155,112,78,.18),rgba(155,112,78,.08),transparent);
}
.library-manage-meta{
  display:flex!important;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  min-width:0;
}
.library-manage-meta em{
  min-width:0;
  overflow:hidden;
  color:#9d816b;
  font:400 12px/1.4 "Songti SC","STSong","Noto Serif SC",serif;
  font-style:normal;
  letter-spacing:.035em;
  white-space:nowrap;
  text-overflow:ellipsis;
}
.library-manage-status{
  display:inline-flex;
  align-items:center;
  gap:7px;
  flex:none;
  color:#9b7a61;
  font:500 12px/1.2 "Songti SC","STSong","Noto Serif SC",serif;
  letter-spacing:.03em;
  white-space:nowrap;
}
.library-manage-status i{
  width:6px;height:6px;border-radius:50%;
  background:#b49478;
  box-shadow:0 0 0 3px rgba(180,148,120,.08);
}
.library-manage-status.is-new{color:#c06f5f}
.library-manage-status.is-new i{background:#bc755e}
.library-manage-status.is-unstarted{padding:5px 9px;border:1px solid rgba(176,139,105,.24);border-radius:999px;background:rgba(237,220,199,.40)}
.library-manage-status.is-unstarted i{display:none}
.library-manage-status.is-archived{color:#8f8379}
.library-manage-more{
  position:absolute;
  z-index:5;
  right:10px;
  top:10px;
  width:34px;
  height:34px;
  padding:0;
  border:1px solid rgba(142,100,66,.18);
  border-radius:10px;
  background:rgba(251,246,237,.78);
  color:#795c46;
  box-shadow:0 3px 10px rgba(52,34,21,.045);
  font:500 17px/1 ui-sans-serif,"PingFang SC",sans-serif;
  letter-spacing:.08em;
}
.library-manage-back:active,.library-manage-menu:active,.library-manage-view-switch button:active,.library-manage-more:active{transform:scale(.96);background:#efe2d0}
.library-manage-back:focus-visible,.library-manage-menu:focus-visible,.library-manage-view-switch button:focus-visible,.library-manage-open:focus-visible,.library-manage-more:focus-visible,.library-manage-actions button:focus-visible{outline:2px solid rgba(139,94,57,.58);outline-offset:2px}
.library-manage-empty{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:8px;
  min-height:280px;
  padding:30px 20px;
  border:1px solid rgba(151,110,77,.25);
  border-radius:20px;
  background:rgba(255,251,244,.58);
  text-align:center;
  box-shadow:inset 0 0 0 6px rgba(255,253,248,.35);
}
.library-manage-empty span{font-size:28px;color:#b18d6b}
.library-manage-empty strong{font-size:20px;font-weight:500;letter-spacing:.08em}
.library-manage-empty small{max-width:330px;color:#8e7967;line-height:1.7}
.library-manage-footer{
  display:flex;
  justify-content:center;
  gap:16px;
  flex-wrap:wrap;
  padding:10px 0 4px;
  color:#a58a73;
  font-size:10px;
  letter-spacing:.04em;
}
.library-manage-actions{
  position:fixed;
  z-index:60;
  left:50%;
  bottom:0;
  transform:translateX(-50%);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
  width:min(100%,760px);
  padding:13px max(16px,env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));
  box-sizing:border-box;
  border-top:1px solid rgba(156,115,82,.24);
  background:
    linear-gradient(180deg,rgba(248,241,231,.92),rgba(246,236,222,.98)),
    url('/assets/library/library_paper_tile.webp') 0 0/420px 420px repeat;
  box-shadow:0 -9px 24px rgba(68,45,28,.075);
  backdrop-filter:blur(15px) saturate(.8);
}
.library-manage-actions:before{
  content:"◇";
  position:absolute;left:50%;top:31px;transform:translateX(-50%);
  color:#c3a184;
  font-size:13px;
}
.library-manage-actions button{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  min-height:55px;
  padding:0 13px;
  border:1px solid rgba(123,82,53,.30);
  border-radius:17px;
  background:linear-gradient(180deg,#c6a17b,#b7875e);
  color:#fffaf1;
  box-shadow:
    inset 0 0 0 2px rgba(255,245,228,.28),
    0 4px 10px rgba(80,50,29,.12);
  font-family:"Songti SC","STSong","Noto Serif SC",serif;
  -webkit-tap-highlight-color:transparent;
}
.library-manage-actions button:active{transform:translateY(1px) scale(.99);filter:brightness(.96)}
.library-manage-action-icon{
  display:grid;place-items:center;
  width:23px;height:23px;
  border:1px solid rgba(255,250,239,.84);
  border-radius:5px;
  font:500 16px/1 ui-sans-serif,sans-serif;
}
.library-manage-action-icon.is-plus{border-radius:50%;font-size:18px}
.library-manage-actions strong{font-size:18px;font-weight:500;letter-spacing:.08em;white-space:nowrap}
@media(min-width:761px){
  .library-manage-v2{padding-left:26px;padding-right:26px}
  .library-manage-list{gap:15px}
}
@media(max-width:600px){
  .library-manage-v2{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}
  .library-manage-header{padding-left:1px;padding-right:1px}
  .library-manage-open{grid-template-columns:94px minmax(0,1fr)!important;gap:17px;min-height:145px;padding:15px 48px 15px 16px!important}
  .library-manage-cover{width:94px;height:94px;min-width:94px;border-radius:15px}
  .library-manage-cover:before{border-radius:10px}
  .library-manage-copy strong{font-size:21px;margin-bottom:7px}
  .library-manage-copy p{font-size:13px;line-height:1.65;min-height:37px}
  .library-manage-divider{margin:10px 0 8px}
  .library-manage-status{font-size:11px}
  .library-manage-meta em{font-size:11px}
  .library-manage-card.is-featured .library-manage-open:after{right:28px}
  .library-manage-actions strong{font-size:16px}
}
@media(max-width:390px){
  .library-manage-heading h1{font-size:34px}
  .library-manage-menu,.library-manage-view-switch button{width:39px;height:39px}
  .library-manage-open{grid-template-columns:82px minmax(0,1fr)!important;gap:13px;min-height:132px;padding:13px 43px 13px 13px!important}
  .library-manage-cover{width:82px;height:82px;min-width:82px;border-radius:13px;box-shadow:0 6px 11px rgba(46,29,17,.18),0 0 0 3px rgba(249,241,228,.70),0 0 0 4px rgba(130,92,61,.48),inset 0 0 0 1px rgba(255,255,255,.32)}
  .library-manage-copy strong{font-size:19px}
  .library-manage-copy p{font-size:12px;min-height:34px}
  .library-manage-divider{margin:8px 0 7px}
  .library-manage-status{font-size:10px;gap:5px}
  .library-manage-meta em{font-size:10px}
  .library-manage-more{right:7px;top:7px;width:31px;height:31px}
  .library-manage-actions{gap:9px;padding-left:11px;padding-right:11px}
  .library-manage-actions button{gap:7px;padding:0 7px}
  .library-manage-actions strong{font-size:15px}
}
@media(max-width:340px){
  .library-manage-open{grid-template-columns:72px minmax(0,1fr)!important;gap:11px;padding-right:40px!important}
  .library-manage-cover{width:72px;height:72px;min-width:72px}
  .library-manage-copy p{-webkit-line-clamp:1;min-height:auto}
  .library-manage-status.is-continue{display:none}
  .library-manage-actions strong{font-size:14px;letter-spacing:.04em}
}
@media(prefers-reduced-motion:reduce){
  .library-manage-back,.library-manage-menu,.library-manage-view-switch button,.library-manage-open,.library-manage-more,.library-manage-actions button{transition:none!important}
}
/* v1.10.2 density pass: keep the reference's compact five-card rhythm on iPhone. */
@media(max-width:600px){
  .library-manage-list{gap:10px}
  .library-manage-open{grid-template-columns:84px minmax(0,1fr)!important;gap:14px;min-height:122px;padding:12px 45px 12px 14px!important}
  .library-manage-cover{width:84px;height:84px;min-width:84px;border-radius:14px}
  .library-manage-copy strong{font-size:19px;margin-bottom:6px}
  .library-manage-copy p{font-size:12px;line-height:1.55;min-height:auto;-webkit-line-clamp:1}
  .library-manage-divider{margin:8px 0 7px}
}
@media(max-width:390px){
  .library-manage-open{grid-template-columns:76px minmax(0,1fr)!important;gap:12px;min-height:112px;padding:10px 41px 10px 12px!important}
  .library-manage-cover{width:76px;height:76px;min-width:76px;border-radius:12px}
  .library-manage-copy strong{font-size:18px;margin-bottom:5px}
  .library-manage-copy p{font-size:11.5px;line-height:1.5}
  .library-manage-divider{margin:6px 0 6px}
  .library-manage-more{width:29px;height:29px;font-size:15px}
}