:root{--bg:#0f1115;--card:#181b22;--line:#272b34;--txt:#e6e8ec;--mut:#9aa3af;--acc:#5b8cff;--ok:#34d399;--err:#f87171}*{box-sizing:border-box}body{background:var(--bg);color:var(--txt);margin:0;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.wrap{max-width:920px;margin:0 auto;padding:32px 20px 80px}h1{margin:0 0 4px;font-size:22px}.sub{color:var(--mut);margin:0 0 28px}.card{background:var(--card);border:1px solid var(--line);border-radius:12px;margin-bottom:20px;padding:22px}label{color:var(--mut);margin:0 0 6px;font-size:13px;display:block}input[type=text],input[type=password]{border:1px solid var(--line);width:100%;color:var(--txt);background:#0f1115;border-radius:8px;padding:11px 13px;font-size:15px}button{background:var(--acc);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:11px 18px;font-size:15px;font-weight:600}button.ghost{border:1px solid var(--line);color:var(--mut);background:0 0;padding:7px 12px;font-size:13px;font-weight:500}button.danger{color:var(--err);background:0 0;border:1px solid #5a2a2a;padding:7px 12px;font-size:13px;font-weight:500}.flash{border-radius:8px;margin-bottom:20px;padding:11px 14px;font-size:14px}.flash.ok{color:var(--ok);background:#34d3991f;border:1px solid #34d3994d}.flash.err{color:var(--err);background:#f871711f;border:1px solid #f871714d}.drop{border:2px dashed var(--line);text-align:center;color:var(--mut);cursor:pointer;border-radius:12px;padding:40px 20px;transition:all .15s}.drop.over{border-color:var(--acc);color:var(--txt);background:#5b8cff0f}.drop strong{color:var(--txt)}.row{align-items:center;gap:10px;display:flex}.mt{margin-top:14px}table{border-collapse:collapse;width:100%}td,th{text-align:left;border-bottom:1px solid var(--line);vertical-align:middle;padding:10px 8px;font-size:14px}th{color:var(--mut);text-transform:uppercase;letter-spacing:.04em;font-size:12px;font-weight:500}a.link{color:var(--acc);text-decoration:none}.codebox{border:1px solid var(--line);background:#0f1115;border-radius:8px;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;display:flex}.codebox input{color:var(--txt);background:0 0;border:0;flex:1;font-size:14px}.muted{color:var(--mut);font-size:13px}.empty{color:var(--mut);text-align:center;padding:30px 0}.gate{text-align:center;padding:36px 24px}.gate-icon{margin-bottom:8px;font-size:28px}.gate h2{margin:0 0 6px;font-size:18px}button.google{color:#1f2328;background:#fff;align-items:center;gap:10px;display:inline-flex}.choice{grid-template-columns:1fr 1fr;gap:10px;display:grid}.option{border:1px solid var(--line);cursor:pointer;border-radius:8px;align-items:flex-start;gap:10px;padding:10px 12px;display:flex}.option:has(input:checked){border-color:var(--acc)}.option input{margin-top:3px}.option small{color:var(--mut);display:block}.badge{border-radius:999px;padding:2px 8px;font-size:12px;display:inline-block}.badge.priv{color:var(--acc);background:#5b8cff26}.badge.pub{color:#f2c94c;background:#fbbc0526}dialog.confirm{background:var(--card);color:var(--txt);border:1px solid var(--line);border-radius:12px;max-width:460px;padding:22px}dialog.confirm::backdrop{background:#0009}dialog.confirm .warn{background:#fbbc051f;border:1px solid #fbbc054d;border-radius:8px;padding:10px 12px}@media (width<=600px){.choice{grid-template-columns:1fr}}button.light{color:#1f2328;background:#fff}@media (width<=600px){.mockups,.mockups thead,.mockups tbody,.mockups tr,.mockups td{width:100%;display:block}.mockups tr:has(>th){display:none}.mockups tr{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px}.mockups td{border:0;padding:4px 0;text-align:left!important}.row{flex-wrap:wrap;gap:8px}}.badge.ver{color:#c4b5fd;background:#a78bfa2e}.badge.newest{color:var(--ok);letter-spacing:.04em;background:#34d39926;margin-left:4px;font-size:10px}a.button{text-align:center;text-decoration:none;display:inline-block}a.button.ghost{border:1px solid var(--line);color:var(--mut);background:0 0;border-radius:8px;padding:7px 12px;font-size:13px;font-weight:500}tr.panel td{padding:0 0 16px}.subcard{border:1px solid var(--line);background:#14171d;border-radius:10px;padding:18px}.subcard h3{margin:0 0 6px;font-size:16px}.versions{border-collapse:collapse;width:100%;margin-top:10px}@media (width<=600px){.versions,.versions thead,.versions tbody,.versions tr,.versions td{width:100%;display:block}.versions tr:has(>th){display:none}.versions tr{border:1px solid var(--line);border-radius:12px;margin-bottom:12px;padding:12px}.versions td{border:0;padding:4px 0;text-align:left!important}}button,a.button{font-family:inherit;line-height:18px}button.quiet,a.button.quiet{color:var(--mut);background:0 0;border:0;border-radius:7px;padding:7px 10px;font-size:13px;font-weight:500;text-decoration:none}button.quiet:hover,a.button.quiet:hover{color:var(--txt);background:#ffffff0f}a.button.quiet.active{color:var(--acc);background:#5b8cff24}button.quiet.icon{padding:6px;display:inline-flex}button.quiet.icon svg{fill:none;stroke:currentColor;stroke-width:1.3px;stroke-linecap:round;stroke-linejoin:round;width:16px;height:16px}button.quiet.del:hover{color:var(--err);background:#f871711f}button.textbtn{color:var(--mut);background:0 0;border:0;padding:0;font-size:12px;font-weight:500}button.textbtn:hover{color:var(--acc);text-decoration:underline}.mockups{margin-top:10px}.mockups th{padding-top:6px;padding-bottom:8px;font-size:11px}.mockups>tbody>tr>td{padding:14px 8px}.mockups th.col-access{width:130px}.mockups th.col-link{width:150px}.mockups>tbody>tr:not(.panel):not(:first-child):hover>td,.mockups>tbody>tr.open>td{background:#ffffff05}.mockups>tbody>tr.open>td{border-bottom-color:#0000}.mockups .title-line{align-items:center;gap:8px;display:flex}.mockups .title{font-weight:600}.mockups .meta{color:var(--mut);margin-top:2px;font-size:12px}.mockups .access{flex-direction:column;align-items:flex-start;gap:4px;display:flex}.mockups .access form{margin:0}.linkbox{white-space:nowrap;align-items:center;gap:2px;display:flex}.linkbox a.link{margin-right:2px;font-size:13px}td.actions{text-align:right;white-space:nowrap}td.actions form{margin:0}.btns{align-items:center;gap:2px;display:inline-flex}.mockups>tbody>tr.panel>td{background:#ffffff05;padding:0;transition:background .28s,border-color .28s}.mockups>tbody>tr.panel:not(.is-open)>td{background:0 0;border-bottom-color:#0000}.mockups tr.panel .subcard{margin:0 8px 14px}.versions td{padding:8px}.versions th{font-size:11px}.versions tr:last-child td{border-bottom:0}@media (width<=600px){.mockups .access{flex-direction:row;align-items:center;gap:10px}td.actions{text-align:left}.btns{flex-wrap:wrap;margin-top:4px;margin-left:-10px;display:flex}.mockups tr.panel .subcard{margin:0}.mockups>tbody>tr>td{padding:4px 0;background:0 0!important}.mockups>tbody>tr.panel{border:0;padding:0}}.collapse{opacity:0;grid-template-rows:0fr;transition:grid-template-rows .32s cubic-bezier(.2,.8,.2,1),opacity .22s,transform .32s cubic-bezier(.2,.8,.2,1);display:grid;transform:translateY(-6px)}tr.panel.is-open .collapse{opacity:1;grid-template-rows:1fr;transform:none}.collapse-inner{min-height:0;overflow:hidden}.chev{transition:transform .28s cubic-bezier(.2,.8,.2,1);display:inline-block}[aria-expanded=true] .chev{transform:rotate(180deg)}tr.panel.is-open.animating .versions tr:not(:first-child){animation:.34s cubic-bezier(.2,.8,.2,1) both version-in;animation-delay:calc(60ms + var(--i,0) * 45ms)}@keyframes version-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.subcard h3:focus{outline:none}a.button.quiet:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}@media (width<=600px){.mockups>tbody>tr.panel:not(.is-open){margin:0}}@media (prefers-reduced-motion:reduce){.collapse,.chev,.mockups>tbody>tr.panel>td{transition:none}tr.panel.is-open.animating .versions tr{animation:none}}