.poem-filters{display:grid;gap:13px;padding:18px 0 23px;border-bottom:1px solid var(--line)}
.poem-filters label{display:block;font-size:13px;color:var(--muted)}
.poem-filters input,.poem-filters select{display:block;width:100%;min-height:42px;margin-top:7px;padding:8px 10px;border:1px solid #aab8ae;border-radius:0;background:var(--white);color:var(--ink)}
.poem-filters button{justify-self:start}
.poem-filters p{margin:0;color:var(--muted);font-size:13px}
.poem-list button .poem-list-visibility{margin:0 0 5px;color:var(--muted);font:12px system-ui}
.poem-list button .poem-list-visibility.private,.poem-visibility.private{color:var(--red)}
.poem-visibility{display:inline-block;margin:0 0 12px;padding:6px 10px;border:1px solid var(--line);font-size:12px;letter-spacing:.04em}
.poem-visibility.private{border-color:var(--red)}
.poem-panel>.poem-theme{display:block}
.poem-list-opener,.poem-list-return,.poem-list-eyebrow{display:none}
.poem-list #poem-buttons .poem-number{font:12px system-ui;color:var(--red)}
.poem-list #poem-buttons .poem-title{margin:0;color:var(--text);font:18px/1.6 "Noto Serif KR",serif;letter-spacing:0}
.poem-list #poem-buttons .poem-list-visibility{margin:7px 0 0}
.poem-list #poem-buttons .poem-badges{display:flex;flex-wrap:wrap;gap:6px;margin:9px 0 0}
.poem-list #poem-buttons .poem-badge{display:inline-flex;align-items:center;gap:5px;margin:0;padding:3px 8px;border:1px solid #c3d0c4;border-radius:20px;background:#edf1e9;color:#42604d;font:11px/1.45 system-ui;letter-spacing:0;white-space:nowrap}
.poem-list #poem-buttons .poem-badge svg{width:13px;height:13px;flex:none;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round}
.poem-list #poem-buttons .poem-badge.is-new{border-color:#d6a591;background:#f8ede6;color:#9a4839}
.poem-list #poem-buttons .poem-badge.is-new svg{fill:currentColor;stroke:none}
@media(max-width:760px){
  html.poem-list-open,body.poem-list-open{overflow:hidden}
  .poem-list-opener{position:fixed;right:20px;bottom:max(20px,env(safe-area-inset-bottom));z-index:20;display:flex;align-items:center;gap:10px;min-height:52px;padding:0 17px;border:1px solid #d9ddd3;border-radius:100px;background:#29483b;color:#faf8f0;box-shadow:0 12px 30px #18372a44;font-size:15px;font-weight:600;letter-spacing:.02em}
  .poem-list-opener svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}
  .poem-list-opener-count{padding-left:10px;border-left:1px solid #ffffff66;color:#e2e7dc;font-size:12px;font-weight:400}
  .poem-list-opener:focus-visible,.poem-list button:focus-visible{outline:3px solid #bf795c;outline-offset:2px}
  .poem-list-open .poem-list-opener{display:none}
  .poem-list:not(.is-open){display:none}
  .poem-list.is-open{position:fixed;inset:0;z-index:50;display:flex;flex-direction:column;width:100%;height:100vh;height:100dvh;margin:0;padding:0;background:#f3f1e9;color:var(--ink);box-shadow:0 0 0 100vmax #17332880}
  .poem-list-header{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex:none;min-height:112px;padding:max(20px,env(safe-area-inset-top)) 22px 20px;background:#29483b;color:#fbf8ef}
  .poem-list-eyebrow{display:block;margin-bottom:10px;color:#d5b69e;font-size:10px;letter-spacing:.2em}
  .poem-list-header .list-heading{padding:0;border:0;color:inherit;font:normal 27px/1.2 "Noto Serif KR",serif;letter-spacing:0}
  .poem-list-header .list-heading span{float:none;margin-left:8px;color:#dce6db;font:12px system-ui;letter-spacing:0}
  .poem-list .poem-list-return{display:block;align-self:center;flex:none;padding:6px 0;border-bottom:1px solid #c7d5c877;color:#fbf8ef;font:12px system-ui;text-decoration:none;white-space:nowrap}
  .poem-list .poem-list-return:focus-visible{outline:3px solid #bf795c;outline-offset:3px}
  .poem-list .poem-filters{flex:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-height:44dvh;overflow-y:auto;padding:18px 22px 22px;border-bottom:1px solid var(--line);background:#e8ebe2}
  .poem-filters label:first-child,.poem-filters button,.poem-filters p{grid-column:1/-1}
  .poem-list #poem-buttons{display:block;flex:1;min-height:0;overflow-x:hidden;overflow-y:auto;scroll-snap-type:none;gap:0;padding:0 0 max(16px,env(safe-area-inset-bottom))}
  .poem-list #poem-buttons button{display:grid;grid-template-columns:32px minmax(0,1fr);gap:0 12px;width:100%;min-width:0;margin:0;padding:17px 22px;border:0;border-bottom:1px solid #d6dbd2;border-radius:0;background:transparent;text-align:left;scroll-snap-align:none}
  .poem-list #poem-buttons button:hover{background:#e8ece4}
  .poem-list #poem-buttons button[aria-current=true]{padding-left:19px;border-left:3px solid var(--red);background:#e0e8dd}
  .poem-list #poem-buttons .poem-number{grid-column:1;grid-row:1 / span 2;align-self:start;margin:4px 0 0;color:var(--red);font:12px system-ui}
  .poem-list #poem-buttons .poem-title{grid-column:2;grid-row:1;margin:0;color:var(--ink);font:17px/1.55 "Noto Serif KR",serif}
  .poem-list #poem-buttons .poem-list-visibility{grid-column:2;grid-row:2;margin:5px 0 0;font:11px system-ui}
  .poem-list #poem-buttons .poem-badges{grid-column:2;grid-row:3;margin:9px 0 0}
  .poem-list #poem-buttons .poem-list-empty{padding:26px 22px}
}
@media(max-width:430px){.poem-filters{grid-template-columns:1fr}.poem-filters label:first-child,.poem-filters button,.poem-filters p{grid-column:auto}}