:root{--ground:#f6f5f2;--ink:#22201d;--steel:#8e8b84;--hair:#d9d6cf;--green:#3e6b5b;--red:#b8412f;--card:#fbfaf8;--fs-0:.79rem;--fs-1:.889rem;--fs-2:1rem;--fs-3:1.125rem;--fs-4:1.266rem;--fs-5:1.424rem;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{font:var(--fs-2)/1.5 system-ui, "Segoe UI", Roboto, sans-serif;color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased}::selection{background:var(--green);color:#fff}a{color:var(--green);text-underline-offset:3px}button,input,select{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--green);outline-offset:2px}.code{font-variant-numeric:tabular-nums;letter-spacing:.04em}.shell{grid-template-rows:56px 1fr;grid-template-columns:200px 1fr;min-height:100vh;display:grid}.strip{border-bottom:1px solid var(--hair);background:var(--ground);z-index:2;grid-column:1/-1;align-items:center;gap:16px;height:56px;padding:0 20px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:.02em;font-weight:600}.strip .date{color:var(--steel);font-size:var(--fs-1)}.strip .who{font-size:var(--fs-1);align-items:center;gap:10px;margin-left:auto;display:flex}.strip .who img{border:1px solid var(--hair);border-radius:50%;width:28px;height:28px}.index{border-right:1px solid var(--hair);padding:16px 0 16px 12px}.index a{color:var(--ink);font-size:var(--fs-1);border:1px solid #0000;border-right:0;border-radius:2px 0 0 2px;min-height:44px;margin:2px 0;padding:10px 16px;line-height:24px;text-decoration:none;display:block}.index a.active{background:var(--card);border-color:var(--hair);color:var(--green);margin-left:-8px;padding-left:24px;font-weight:600}.index a:hover:not(.active){border-color:var(--hair)}.main{max-width:1100px;padding:24px 28px 96px}.main h1{font-size:var(--fs-5);text-wrap:balance;margin:0 0 4px;font-weight:600}.counts{color:var(--steel);font-size:var(--fs-1);flex-wrap:wrap;gap:20px;margin:0 0 24px;display:flex}.card{background:var(--card);border:1px solid var(--hair);border-radius:2px;grid-template-columns:96px 1fr auto;align-items:start;gap:16px;margin-bottom:12px;padding:16px;display:grid;position:relative}.card.draft{border-style:dashed}.card:after{content:"";background:var(--steel);border-radius:1px;width:3px;height:18px;position:absolute;top:12px;right:-1px}.card.live:after{background:var(--green)}.chip{object-fit:cover;border:1px solid var(--hair);background:var(--hair);border-radius:2px;width:96px;height:96px}.label{font-size:var(--fs-1);gap:2px;display:grid}.label .title{font-size:var(--fs-3);font-weight:600}.label .meta{color:var(--steel)}.stamp{font-size:var(--fs-0);letter-spacing:.06em;border:1px solid var(--steel);color:var(--steel);text-transform:uppercase;border-radius:2px;align-self:start;padding:2px 8px;font-weight:600;display:inline-block}.stamp.green{border-color:var(--green);color:var(--green)}.stamp.red{border-color:var(--red);color:var(--red)}.stamp.dashed{border-style:dashed}.actions{flex-direction:column;align-items:stretch;gap:8px;display:flex}.btn{border:1px solid var(--ink);cursor:pointer;min-height:44px;font-size:var(--fs-1);background:0 0;border-radius:2px;padding:0 18px;font-weight:600;transition:background .15s ease-out,color .15s ease-out}.btn:hover{background:var(--ink);color:var(--ground)}.btn.green{border-color:var(--green);background:var(--green);color:#fff}.btn.green:hover{background:#335a4c}.btn.quiet{border-color:var(--hair);color:var(--steel);font-weight:500}.btn.quiet:hover{color:var(--ink);border-color:var(--ink);background:0 0}.btn:disabled{opacity:.5;cursor:default}.form{gap:12px;max-width:520px;display:grid}.field{font-size:var(--fs-1);gap:4px;display:grid}.field input,.field select{border:1px solid var(--hair);background:var(--card);border-radius:2px;min-height:44px;padding:0 12px}.field input:focus{border-color:var(--green);box-shadow:0 0 0 2px var(--green);outline:none}.field input[type=file]{padding:9px 12px}.error{color:var(--red);font-size:var(--fs-1)}.empty{color:var(--steel);justify-items:start;gap:16px;padding:40px 0;display:grid}table{border-collapse:collapse;width:100%;font-size:var(--fs-1)}th,td{text-align:left;border-bottom:1px solid var(--hair);vertical-align:middle;padding:10px 12px}th{color:var(--steel);font-weight:500;font-size:var(--fs-0);letter-spacing:.04em;text-transform:uppercase}td .btn{min-height:36px;padding:0 12px}.login{place-items:center;min-height:100vh;padding:16px;display:grid}.login .card{grid-template-columns:1fr;gap:12px;width:100%;max-width:360px;padding:28px}.login p{color:var(--steel);font-size:var(--fs-1);margin:0}.login .btn{justify-self:stretch}@media (width<=1023px){.shell{grid-template-columns:1fr}.index{border-right:0;border-top:1px solid var(--hair);background:var(--ground);z-index:2;padding:6px 8px;display:flex;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.index a{border:1px solid #0000;border-radius:2px;flex:none;margin:0 2px;padding:10px 12px}.index a.active{border-color:var(--hair);margin-left:2px;padding-left:12px}.main{padding:16px 16px 96px}.card{grid-template-columns:72px 1fr}.card .actions{grid-column:1/-1}.chip{width:72px;height:72px}}