:root{--bone:#f7f6f3;--paper:#fff;--ink:#1a1a1a;--muted:#6b6b6b;--line:rgba(0,0,0,.1);--turq:#00b0aa;--turq-deep:#007a73;--cinema:#121212;--hair:#333}
  *{box-sizing:border-box;margin:0;padding:0}
  body{font-family:'Hanken Grotesk',sans-serif;background:var(--bone);color:var(--ink);line-height:1.6}
  h1,h2,h3{font-family:'Archivo',sans-serif;letter-spacing:-.02em}
  .wrap{max-width:900px;margin:0 auto;padding:28px}
  .btn{font-family:'Hanken Grotesk';font-weight:600;font-size:.92rem;padding:.7em 1.3em;border-radius:8px;border:1px solid transparent;cursor:pointer;transition:.15s}
  .btn-primary{background:var(--turq-deep);color:#fff}
  .btn-primary:hover{background:#066b65}
  .btn-primary:disabled{opacity:.5;cursor:default}
  .btn-ghost{background:transparent;border-color:var(--line);color:var(--ink)}
  .btn-ghost:hover{border-color:var(--ink)}
  .btn-sm{padding:.4em .7em;font-size:.82rem}
  .btn-danger{color:#c0392b;border-color:#e2b6b1;background:transparent}
  .btn-danger:hover{background:#fbece9}
  input,textarea,select{width:100%;font-family:'Hanken Grotesk';font-size:.95rem;padding:11px 13px;border:1px solid var(--line);border-radius:8px;background:#fff;color:var(--ink)}
  input:focus,textarea:focus{outline:none;border-color:var(--turq-deep)}
  label{display:block;font-size:.75rem;letter-spacing:.05em;text-transform:uppercase;color:var(--muted);font-weight:600;margin-bottom:6px}
  .field{margin-bottom:14px}
  .card{background:var(--paper);border:1px solid var(--line);border-radius:14px;padding:22px}
  .muted{color:var(--muted)}
  .row{display:flex;gap:12px;align-items:center}
  /* header */
  header{background:var(--cinema);color:#fff;padding:16px 0}
  header .wrap{display:flex;align-items:center;gap:14px;padding-top:14px;padding-bottom:14px}
  .brand{font-family:'Archivo';font-weight:800;letter-spacing:.14em;display:flex;align-items:center;gap:6px}
  .brand .dot{color:var(--turq)}
  .brand small{font-weight:600;letter-spacing:.3em;font-size:.6rem;color:var(--turq);margin-left:2px}
  /* login */
  #login{max-width:380px;margin:8vh auto}
  /* tabs */
  .tabs{display:flex;gap:8px;margin-bottom:16px}
  .tab{padding:8px 16px;border-radius:30px;border:1px solid var(--line);background:transparent;cursor:pointer;font-weight:600;font-size:.88rem;color:var(--muted)}
  .tab.on{background:var(--turq-deep);border-color:var(--turq-deep);color:#fff}
  /* list item */
  .item{display:flex;gap:16px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
  .item:last-child{border-bottom:0}
  .thumb{width:150px;min-width:150px;aspect-ratio:16/9;border-radius:9px;overflow:hidden;background:#111;display:flex;align-items:center;justify-content:center;color:#555;font-size:.75rem;position:relative}
  .thumb video,.thumb img{width:100%;height:100%;object-fit:cover}
  .badge{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:2px 9px;border-radius:20px}
  .badge.pub{background:#e3f4f1;color:var(--turq-deep)}
  .badge.hid{background:#eee;color:#888}
  .item-actions{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
  .grow{flex:1;min-width:0}
  .legenda-txt{font-family:'Archivo';font-weight:600;font-size:1.02rem}
  .link-txt{font-size:.82rem;color:var(--turq-deep);word-break:break-all}
  .toast{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);background:var(--cinema);color:#fff;padding:12px 22px;border-radius:10px;font-size:.9rem;opacity:0;transition:.25s;z-index:100;pointer-events:none}
  .toast.show{opacity:1}
  .prog{height:6px;background:#eee;border-radius:4px;overflow:hidden;margin-top:8px;display:none}
  .prog.on{display:block}
  .prog i{display:block;height:100%;width:0;background:var(--turq);transition:width .2s}
  .hide{display:none!important}
  .hint{font-size:.8rem;color:var(--muted);margin-top:4px}
  .edit-box{background:var(--bone);border:1px solid var(--line);border-radius:10px;padding:14px;margin-top:10px}