:root{
  --brown-900:#1b120b;
  --brown-800:#25170e;
  --brown-700:#2f1e12;
  --gold:#ffd27a;
  --text:#f6efe6;
  --muted:#c2a780;
  --danger:#d66565;
}

*{box-sizing:border-box}
body{margin:0;color:var(--text);font-family:system-ui,Segoe UI,Roboto,Arial,sans-serif}

/* --- Login --- */
.login-page{
  min-height:100vh;
  background: radial-gradient(ellipse at center,#0a1f4f 0%,#02060d 60%), linear-gradient(180deg,#2f1e12,#1b120b);
  display:flex;align-items:center;justify-content:center; text-align:center; padding:20px;
}
.login-hero .hero-logo{width:380px;max-width:80vw;filter:drop-shadow(0 0 18px rgba(0,160,255,.45))}
.login-hero h1{margin:14px 0 6px 0}
.login-hero .sub{opacity:.9;color:#c9d9ff}
.login-card{margin:18px auto 0 auto;max-width:440px;background:rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:16px}
.field-row{margin:8px 0;text-align:left}
.field-row label{display:block;margin-bottom:6px;color:#e8e3d8}
.field-row input, .field-row select{width:100%;padding:10px;border-radius:10px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);color:var(--text)}
.field-row select option{background:#1a1a2e;color:#fff}
.actions{display:flex;gap:10px;margin-top:10px}
.btn{padding:10px 16px;border-radius:10px;border:1px solid transparent;color:#1b120b;cursor:pointer;font-family:inherit;font-size:1rem}
.btn.primary{background:var(--gold);border-color:#caa24f}
.btn.ghost{background:transparent;color:var(--text);border-color:rgba(255,255,255,.3)}
.btn.danger{background:var(--danger);color:#fff;border:none}
.btn.small{padding:6px 10px;font-size:.9rem}
.mini{margin-top:8px;color:#ccbfae;font-size:.9rem}
.login-audio{position:fixed;bottom:10px;right:10px}
.error-msg{color:#ff6b6b;font-size:14px;margin-top:10px;text-align:center}

/* --- App Shell --- */
.app{background:linear-gradient(180deg,var(--brown-800),var(--brown-900)) fixed;min-height:100vh}
#topbar{
  position:fixed;top:0;left:0;right:0;height:64px;z-index:5;
  display:flex;align-items:center;gap:10px;padding:8px 12px;
  background:linear-gradient(180deg,rgba(0,0,0,.35),rgba(0,0,0,.55));
  border-bottom:1px solid rgba(255,255,255,.08)
}
.brand{display:flex;align-items:center;gap:8px}
.brand-mark{height:44px;filter:drop-shadow(0 0 6px rgba(255,210,122,.35))}
.brand-title{font-weight:700;color:var(--gold)}
.nav-controls{display:flex;gap:6px}
.playerbar{margin-left:auto;display:flex;align-items:center;gap:8px}
.playerbar select{background:rgba(0,0,0,.3);color:var(--text);border:1px solid rgba(255,255,255,.2);border-radius:6px;padding:6px}
.playerbar input[type=range]{width:80px}
#sidebar{
  position:fixed;top:64px;left:0;bottom:0;width:230px;background:rgba(0,0,0,.35);
  backdrop-filter: blur(3px);border-right:1px solid rgba(255,255,255,.08);overflow:auto;z-index:4;
}
#sidebar .user-chip{padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.08);color:#e8e3d8;font-weight:600}
#sidebar ul{list-style:none;margin:0;padding:8px}
#sidebar a{display:block;color:var(--text);text-decoration:none;padding:10px 12px;border-radius:8px;transition:background .2s}
#sidebar a:hover, #sidebar a.active{background:rgba(255,210,122,.18)}
#content{margin-left:230px;padding:80px 18px 40px}

.quick-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:12px;margin-top:20px}
.card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px;color:var(--text);text-decoration:none;display:block;transition:all .2s}
.card:hover{border-color:rgba(255,210,122,.45);background:rgba(255,255,255,.1)}

.table{width:100%;border-collapse:collapse;margin-top:10px}
.table th,.table td{padding:10px;border-bottom:1px solid rgba(255,255,255,.1);text-align:left}
.table th{background:rgba(255,255,255,.05);font-weight:600}
.table tbody tr{cursor:pointer;transition:background .2s}
.table tbody tr:hover{background:rgba(255,255,255,.08)}
.bar{display:flex;gap:8px;margin-bottom:10px}
.bar.right{justify-content:flex-end}

/* Modal */
.modal{position:fixed;inset:0;background:rgba(0,0,0,.7);display:none;align-items:center;justify-content:center;z-index:20}
.modal.show{display:flex}
.modal-inner{background:#24160e;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:20px;min-width:320px;max-width:560px}
.modal-inner h3{margin-top:0;color:var(--gold)}
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:16px 0}
.grid label{display:block;color:var(--text);font-size:.9rem}
.grid input, .grid select{width:100%;padding:8px;margin-top:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.15);border-radius:6px;color:var(--text);font-family:inherit}

/* gallery */
.gallery{margin-top:30px}
.gallery h3{color:var(--gold);margin-bottom:10px}
.gallery-strip{display:flex;gap:10px;flex-wrap:wrap}
.gallery-strip img{height:110px;border-radius:8px;border:1px solid rgba(255,255,255,.15);object-fit:cover}
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;margin-top:20px}

/* scroll toggle */
.scroll-toggle{position:fixed;right:14px;bottom:14px;border-radius:50%;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.4);color:var(--text);cursor:pointer;z-index:10}
.scroll-toggle:hover{background:rgba(0,0,0,.6)}

/* Real Estate Module - Royal Blue Metallic Theme */
.real-estate-theme{
  background: 
    radial-gradient(circle at 30% 20%, rgba(100,181,246,0.4) 0%, transparent 50%),
    radial-gradient(circle at 70% 60%, rgba(66,165,245,0.35) 0%, transparent 50%),
    radial-gradient(ellipse at bottom, #1565C0 0%, #0D47A1 50%, #01579B 100%),
    linear-gradient(135deg, #1976D2, #0D47A1) !important;
  background-attachment: fixed;
}
.real-estate-theme #content{
  background: 
    radial-gradient(circle at 50% 30%, rgba(33,150,243,0.15), transparent 60%),
    linear-gradient(180deg, rgba(33,150,243,0.05), transparent);
  padding: 80px 18px 40px;
}
.real-estate-theme h2, .real-estate-theme h3{
  color: #ffffff;
  text-shadow: 0 0 10px rgba(33,150,243,0.5), 0 2px 4px rgba(0,0,0,0.6);
  font-weight: 700;
}
.real-estate-theme .bar .btn.primary{
  background: linear-gradient(145deg, #ffd27a, #e6a500);
  color: #1b120b;
  border: 2px solid #ffdd88;
  box-shadow: 0 4px 8px rgba(0,0,0,0.4), inset 0 1px 0 rgba(255,255,255,0.3);
  font-weight: 600;
}
.real-estate-theme .bar .btn.ghost{
  background: rgba(33,150,243,0.15);
  color: #ffffff;
  border: 1px solid rgba(33,150,243,0.4);
}
.real-estate-theme .bar .btn.ghost:hover{
  background: rgba(33,150,243,0.25);
  border-color: rgba(33,150,243,0.6);
}
.real-estate-theme .table{
  background: rgba(0,0,0,0.3);
  border: 2px solid rgba(255,210,122,0.3);
  border-radius: 12px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.5), inset 0 1px 0 rgba(255,255,255,0.1);
  overflow: hidden;
}
.real-estate-theme .table th{
  background: linear-gradient(180deg, rgba(255,210,122,0.25), rgba(255,210,122,0.15));
  color: #ffd27a;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 0.85rem;
  letter-spacing: 0.5px;
  border-bottom: 2px solid rgba(255,210,122,0.4);
}
.real-estate-theme .table td{
  color: #ffffff;
  border-bottom: 1px solid rgba(33,150,243,0.2);
}
.real-estate-theme .table tbody tr:hover{
  background: rgba(33,150,243,0.15);
}
.real-estate-theme .modal-inner{
  background: linear-gradient(145deg, #1a2d5a, #0d1829);
  border: 3px solid rgba(255,210,122,0.5);
  box-shadow: 0 12px 24px rgba(0,0,0,0.7), inset 0 2px 0 rgba(255,255,255,0.1);
}
.real-estate-theme .modal-inner h3{
  color: #ffd27a;
  text-shadow: 0 0 12px rgba(255,210,122,0.6);
}
.real-estate-theme .grid input, .real-estate-theme .grid select{
  background: rgba(0,0,0,0.4);
  border: 1px solid rgba(33,150,243,0.3);
  color: #ffffff;
}
.real-estate-theme .grid input:focus, .real-estate-theme .grid select:focus{
  border-color: rgba(255,210,122,0.6);
  outline: none;
  box-shadow: 0 0 8px rgba(255,210,122,0.3);
}
.real-estate-frame{
  background: linear-gradient(145deg, rgba(0,0,0,0.4), rgba(0,0,0,0.2));
  border: 3px solid;
  border-image: linear-gradient(135deg, #ffd27a, #e6a500, #ffd27a) 1;
  border-radius: 12px;
  padding: 20px;
  box-shadow: 0 8px 16px rgba(0,0,0,0.6), 
              inset 0 1px 0 rgba(255,255,255,0.15),
              0 0 20px rgba(255,210,122,0.2);
  margin-bottom: 20px;
}

/* ══ LEGACY AUDIO SYSTEM™ ═══════════════════════════════════════════════════ */

/* Enhanced playerbar container */
.playerbar{margin-left:auto;display:flex;align-items:center;gap:0}
#legacy-player{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
#lp-info{display:flex;align-items:center;gap:10px;min-width:0}
#lp-mode select{background:rgba(0,0,0,.35);color:var(--gold);border:1px solid rgba(255,210,122,.25);border-radius:6px;padding:5px 8px;font-size:.8rem;cursor:pointer;max-width:140px}
#lp-track-title{color:var(--text);font-size:.8rem;max-width:220px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:.85}
#lp-controls{display:flex;align-items:center;gap:7px}
.lp-btn{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:var(--text);border-radius:8px;width:34px;height:34px;cursor:pointer;font-size:.9rem;display:flex;align-items:center;justify-content:center;transition:all .18s;padding:0;flex-shrink:0}
.lp-btn:hover{background:rgba(255,210,122,.15);border-color:rgba(255,210,122,.4);color:var(--gold)}
.lp-btn.lp-main{width:38px;height:38px;font-size:1rem;background:rgba(255,210,122,.12);border-color:rgba(255,210,122,.3);color:var(--gold)}
.lp-btn.lp-toggle{font-size:.8rem;opacity:.5}
.lp-btn.lp-toggle.lp-active{opacity:1;background:rgba(255,210,122,.18);border-color:rgba(255,210,122,.5);color:var(--gold)}
#lp-vol-wrap{display:flex;align-items:center;gap:5px}
#lp-volume{width:72px;accent-color:var(--gold);cursor:pointer}

/* ══ FOUNDER MODE™ ═══════════════════════════════════════════════════════════ */

body.founder-mode #topbar{
  border-bottom:2px solid rgba(255,210,122,.35);
  box-shadow:0 2px 24px rgba(255,210,122,.12),0 0 60px rgba(255,210,122,.04);
  transition:box-shadow .6s ease, border-color .6s ease;
}
body.founder-mode #sidebar{
  box-shadow:inset -1px 0 0 rgba(255,210,122,.1),0 0 40px rgba(255,210,122,.04);
  transition:box-shadow .6s ease;
}
body.founder-mode #sidebar a:hover,
body.founder-mode #sidebar a.active{
  background:rgba(255,210,122,.22);
  text-shadow:0 0 8px rgba(255,210,122,.3);
}
body.founder-mode .brand-title{
  text-shadow:0 0 12px rgba(255,210,122,.4);
  transition:text-shadow .6s ease;
}
body.founder-mode #lp-track-title{
  color:var(--gold);
  text-shadow:0 0 10px rgba(255,210,122,.3);
}
body.founder-mode .lp-btn.lp-main{
  box-shadow:0 0 12px rgba(255,210,122,.25);
}
/* Ambient pulse animation when founder mode is active */
@keyframes founder-pulse{
  0%,100%{box-shadow:0 2px 24px rgba(255,210,122,.12),0 0 60px rgba(255,210,122,.04)}
  50%    {box-shadow:0 2px 32px rgba(255,210,122,.2), 0 0 80px rgba(255,210,122,.08)}
}
body.founder-mode #topbar{animation:founder-pulse 4s ease-in-out infinite}

/* ══ MOBILE RESPONSIVE PLAYER ════════════════════════════════════════════════ */

@media(max-width:768px){
  #legacy-player{gap:8px}
  #lp-track-title{max-width:120px;font-size:.75rem}
  #lp-mode select{max-width:100px;font-size:.74rem}
  #lp-volume{width:54px}
  .lp-btn{width:30px;height:30px;font-size:.8rem}
  .lp-btn.lp-main{width:34px;height:34px}
}
@media(max-width:500px){
  #lp-info{display:none}
  #lp-volume{width:44px}
  #lp-vol-wrap span{display:none}
}

/* ══ TOPBAR CLOCK WIDGET ════════════════════════════════════════════════════ */
.topbar-clock{
  display:flex;flex-direction:column;justify-content:center;align-items:flex-start;
  padding:0 12px;border-left:1px solid rgba(255,255,255,.08);
  border-right:1px solid rgba(255,255,255,.08);min-width:130px;
}
.clock-time{color:var(--gold);font-size:.92rem;font-weight:800;letter-spacing:.5px;line-height:1.1}
.clock-sub{color:var(--muted);font-size:.64rem;font-weight:500;letter-spacing:.4px;white-space:nowrap}
@media(max-width:900px){.topbar-clock{min-width:90px}.clock-sub{display:none}}
@media(max-width:640px){.topbar-clock{display:none}}

/* ══ GLOBAL SEARCH ══════════════════════════════════════════════════════════ */
#gs-btn{
  background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);
  color:var(--muted);border-radius:8px;padding:7px 11px;cursor:pointer;
  font-size:.88rem;font-family:inherit;transition:all .18s;flex-shrink:0;
}
#gs-btn:hover{background:rgba(255,210,122,.12);border-color:rgba(255,210,122,.3);color:var(--gold)}
#gs-overlay{
  position:fixed;inset:0;background:rgba(0,0,0,.85);z-index:200;
  display:none;align-items:flex-start;justify-content:center;padding-top:80px;
  backdrop-filter:blur(6px);
}
#gs-overlay.open{display:flex}
.gs-inner{
  width:100%;max-width:680px;background:#1c1108;border:1px solid rgba(255,210,122,.18);
  border-radius:16px;overflow:hidden;box-shadow:0 24px 80px rgba(0,0,0,.8);
  max-height:70vh;display:flex;flex-direction:column;
}
.gs-top{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid rgba(255,255,255,.07)}
.gs-top span{font-size:1.1rem;opacity:.5}
#gs-input{
  flex:1;background:transparent;border:none;color:var(--text);font-size:1rem;
  font-family:inherit;outline:none;
}
#gs-input::placeholder{color:var(--muted);opacity:.6}
#gs-close{background:none;border:none;color:var(--muted);cursor:pointer;font-size:1.1rem;padding:4px 8px}
#gs-close:hover{color:var(--text)}
.gs-body{overflow-y:auto;flex:1;padding:8px 0 10px}
.gs-section-label{
  color:var(--muted);font-size:.66rem;font-weight:700;text-transform:uppercase;
  letter-spacing:.9px;padding:10px 16px 4px;
}
.gs-result{
  display:flex;align-items:center;gap:12px;padding:10px 16px;cursor:pointer;
  transition:background .15s;text-decoration:none;
}
.gs-result:hover,.gs-result.focused{background:rgba(255,210,122,.08)}
.gs-result-icon{font-size:1.1rem;width:28px;text-align:center;flex-shrink:0}
.gs-result-body{flex:1;min-width:0}
.gs-result-label{color:var(--text);font-size:.88rem;font-weight:600}
.gs-result-desc{color:var(--muted);font-size:.74rem;margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.gs-result-badge{background:rgba(255,210,122,.1);color:var(--gold);font-size:.62rem;padding:2px 7px;border-radius:8px;border:1px solid rgba(255,210,122,.15);flex-shrink:0}
.gs-empty{color:var(--muted);font-size:.86rem;font-style:italic;text-align:center;padding:24px 16px}
.gs-shortcuts{display:flex;flex-wrap:wrap;gap:7px;padding:10px 16px}
.gs-shortcut{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  color:var(--muted);border-radius:8px;padding:6px 12px;font-size:.76rem;
  cursor:pointer;transition:all .15s;
}
.gs-shortcut:hover{background:rgba(255,210,122,.1);border-color:rgba(255,210,122,.25);color:var(--gold)}
@media(max-width:700px){
  #gs-overlay{padding-top:60px}
  .gs-inner{max-width:98vw;border-radius:12px}
}

/* ══ COMMAND BAR (Sub-header — Clock + Search) ══════════════════════════════ */
#subheader{
  position:fixed;top:64px;left:0;right:0;height:48px;z-index:4;
  background:rgba(15,9,5,.92);backdrop-filter:blur(6px);
  border-bottom:1px solid rgba(255,210,122,.1);
  display:flex;align-items:center;justify-content:space-between;
  gap:12px;padding:0 16px;
}
#sh-clock{
  display:flex;align-items:center;gap:6px;flex:1;min-width:0;
  font-size:.78rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
#sh-greeting{color:var(--gold);font-weight:700}
#sh-time{color:var(--text);font-weight:800;font-size:.85rem}
#sh-date{color:var(--muted)}
#sh-week{color:var(--muted);font-size:.72rem}
.sh-sep{color:rgba(255,255,255,.2)}
#sh-search-wrap{
  display:flex;align-items:center;gap:6px;
  background:rgba(255,255,255,.05);border:1px solid rgba(255,210,122,.18);
  border-radius:20px;padding:5px 12px;cursor:pointer;
  flex-shrink:0;min-width:200px;max-width:340px;transition:border-color .2s;
}
#sh-search-wrap:hover{border-color:rgba(255,210,122,.4)}
.sh-search-icon{font-size:.82rem;color:var(--gold)}
#sh-search-input{
  background:none;border:none;outline:none;color:var(--muted);
  font-size:.78rem;font-family:inherit;width:100%;cursor:pointer;
}
#sh-search-input::placeholder{color:rgba(194,167,128,.5)}
@media(max-width:760px){
  #sh-date,#sh-week,#sh-sep2{display:none}
  #sh-search-wrap{min-width:130px}
}
@media(max-width:480px){
  #sh-sep1,#sh-date,#sh-week,#sh-sep2{display:none}
  #sh-greeting{display:none}
  #sh-search-wrap{min-width:100px}
}

/* ══ PLAYLIST MODULE ════════════════════════════════════════════════════════ */
.pl-banner{
  background:linear-gradient(135deg,rgba(255,158,69,.08),rgba(0,0,0,.4));
  border:1px solid rgba(255,158,69,.18);border-radius:14px;
  padding:24px;text-align:center;margin-bottom:22px;
}
.pl-banner-title{color:#ff9e45;font-size:1.2rem;font-weight:900;letter-spacing:1px;margin-bottom:4px}
.pl-banner-sub{color:var(--muted);font-size:.84rem}
.pl-section{background:rgba(0,0,0,.28);border:1px solid rgba(255,158,69,.1);border-radius:14px;padding:22px;margin-bottom:18px}
.pl-section-hdr{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:11px;border-bottom:1px solid rgba(255,158,69,.1)}
.pl-section-hdr h3{color:#ff9e45;font-size:1.05rem;font-weight:800;margin:0}
.pl-cat-chips{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:16px}
.pl-cat-chip{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);
  color:var(--muted);border-radius:20px;padding:6px 13px;font-size:.76rem;
  font-weight:600;cursor:pointer;transition:all .2s;
}
.pl-cat-chip:hover,.pl-cat-chip.active{background:rgba(255,158,69,.12);border-color:#ff9e45;color:#ff9e45}
.pl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(270px,1fr));gap:12px}
.pl-card{background:rgba(0,0,0,.32);border:1px solid rgba(255,158,69,.1);border-radius:11px;padding:16px;transition:border-color .2s}
.pl-card:hover{border-color:rgba(255,158,69,.3)}
.pl-card-top{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:8px}
.pl-card-title{color:var(--text);font-weight:700;font-size:.9rem}
.pl-card-artist{color:var(--muted);font-size:.78rem;margin-top:2px}
.pl-card-note{color:rgba(198,168,130,.7);font-size:.76rem;line-height:1.5;font-style:italic;margin:8px 0}
.pl-card-bottom{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:10px}
.pl-cat-tag{background:rgba(255,158,69,.1);color:#ff9e45;font-size:.65rem;padding:2px 8px;border-radius:8px;border:1px solid rgba(255,158,69,.15)}
.pl-fav-btn{background:none;border:none;font-size:.95rem;cursor:pointer;color:rgba(255,210,122,.25);transition:color .15s;padding:0}
.pl-fav-btn.fav{color:var(--gold)}
.pl-play-btn{background:rgba(255,158,69,.1);border:1px solid rgba(255,158,69,.2);color:#ff9e45;border-radius:7px;padding:5px 12px;font-size:.76rem;font-weight:700;cursor:pointer;transition:background .15s;font-family:inherit}
.pl-play-btn:hover{background:rgba(255,158,69,.25)}
.pl-remove-btn{background:none;border:none;color:rgba(255,255,255,.18);cursor:pointer;font-size:.78rem;transition:color .15s;margin-left:auto}
.pl-remove-btn:hover{color:#d66565}
.pl-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.pl-input,.pl-select,.pl-textarea{
  background:rgba(255,255,255,.05);border:1px solid rgba(255,158,69,.18);
  color:var(--text);border-radius:8px;padding:9px 12px;font-family:inherit;
  font-size:.86rem;width:100%;box-sizing:border-box;
}
.pl-input:focus,.pl-select:focus,.pl-textarea:focus{outline:none;border-color:#ff9e45}
.pl-input::placeholder,.pl-textarea::placeholder{color:var(--muted);opacity:.6}
.pl-textarea{resize:vertical;min-height:72px}
.pl-add-row{display:flex;gap:8px;margin-top:12px;flex-wrap:wrap}
.pl-empty{color:var(--muted);font-size:.84rem;font-style:italic;text-align:center;padding:18px 0}
.pl-recent-item{display:flex;align-items:center;gap:10px;padding:9px 12px;background:rgba(0,0,0,.25);border:1px solid rgba(255,158,69,.08);border-radius:8px;margin-bottom:7px}
.pl-recent-icon{font-size:1rem;opacity:.6}
.pl-recent-body{flex:1;min-width:0}
.pl-recent-title{color:var(--text);font-size:.84rem;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pl-recent-meta{color:var(--muted);font-size:.7rem;margin-top:1px}
@media(max-width:600px){.pl-form-grid{grid-template-columns:1fr}}