[data-view=Account] .account{min-height:calc(100vh - 72px)}[data-view=Account] main{width:min(850px,100% - 32px);margin:70px auto}[data-view=Account] .auth{max-width:480px}[data-view=Account] .auth h1,[data-view=Account] .account-head h1{margin:8px 0 14px;font-size:44px}[data-view=Account] .storage{font:1rem var(--font-mono);color:#68706b}[data-view=Account] .bin-count{font:1rem var(--font-mono);color:#7a827d}[data-view=Account] .signup-closed{background:#fff0cf;border-radius:8px;padding:13px 15px;font-size:1rem;color:#805717!important}[data-view=Account] .new-bin{background:#fffdf8;border:1px solid #d5d9d4;border-radius:10px;margin:34px 0;padding:18px}[data-view=Account] .new-bin>label{font-size:1rem;font-weight:700}[data-view=Account] .new-bin>div{gap:9px;margin-top:8px;display:flex}[data-view=Account] .new-bin input{border:1px solid #bec5bf;border-radius:7px;flex:1;min-width:0;padding:11px}[data-view=Account] .new-bin button{color:#fff;background:#17231d;border:0;border-radius:7px;padding:0 16px;font-weight:700}[data-view=Account] .new-bin :disabled{opacity:.55}[data-view=Account] .auth>p:not(.eyebrow),[data-view=Account] .muted{color:#68706b;line-height:1.6}[data-view=Account] .auth form{margin-top:30px}[data-view=Account] .auth label{margin:14px 0;font-size:1rem;font-weight:700;display:block}[data-view=Account] .auth input{background:#fff;border:1px solid #bec5bf;border-radius:8px;width:100%;margin-top:7px;padding:13px;display:block}[data-view=Account] .auth .terms-check{align-items:flex-start;gap:9px;line-height:1.5;display:flex}[data-view=Account] .auth .terms-check input{width:auto;margin:3px 0 0;padding:0}[data-view=Account] .auth form button{color:#fff;background:#17231d;border:0;border-radius:8px;width:100%;padding:14px;font-weight:700}[data-view=Account] .switch{color:#53635a;background:0 0;border:0;margin:18px auto;display:block}[data-view=Account] .error{color:#b73520;font-size:1rem}[data-view=Account] .account-head{justify-content:space-between;align-items:center;display:flex}[data-view=Account] .account-head p,[data-view=Account] .eyebrow{font:1rem var(--font-mono);color:#ff5b3d;letter-spacing:.12em}[data-view=Account] .account-head button,[data-view=Account] .key-list button{background:#fff;border:1px solid #bfc6c0;border-radius:7px;margin-left:7px;padding:9px 12px}[data-view=Account] .account-head .delete,[data-view=Account] .key-list .delete{color:#b73520}[data-view=Account] .bins,[data-view=Account] .key-list{border:1px solid #d5d9d4;border-radius:10px;overflow:hidden}[data-view=Account] .bin-entry+.bin-entry,[data-view=Account] .bin-row+.bin-row,[data-view=Account] .key-list>div+div{border-top:1px solid #d5d9d4}[data-view=Account] .bin-row{background:#fffdf8;grid-template-columns:1fr auto;align-items:center;display:grid}[data-view=Account] .bin-row>a{grid-template-columns:1fr auto;gap:5px 24px;min-width:0;padding:18px;text-decoration:none;display:grid}[data-view=Account] .bin-row span{color:#6d756f;font-size:1rem}[data-view=Account] .bin-row code{font:1rem var(--font-mono);color:#68706b;text-overflow:ellipsis;grid-column:1/-1;overflow:hidden}[data-view=Account] .bin-buttons{gap:6px;margin-right:12px;display:flex}[data-view=Account] .bin-buttons button,[data-view=Account] .share-panel>button,[data-view=Account] .share-panel li button,[data-view=Account] .permission-presets button{white-space:nowrap;background:#fff;border:1px solid #bfc6c0;border-radius:7px;padding:9px 11px;font-weight:700}[data-view=Account] .share-panel{background:#f7f4ed;border-top:1px solid #d5d9d4;padding:16px}[data-view=Account] .share-panel h3{margin:0 0 10px}[data-view=Account] .share-panel>label{gap:5px;font-size:1rem;font-weight:700;display:grid}[data-view=Account] .share-panel>label input{border:1px solid #bec5bf;border-radius:7px;padding:9px}[data-view=Account] .permission-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-top:12px;display:flex}[data-view=Account] .permission-presets span{margin-right:2px;font-size:1rem;font-weight:700}[data-view=Account] .permission-presets button{padding:6px 9px;font-size:1rem}[data-view=Account] .permission-grid{grid-template-columns:repeat(2,1fr);gap:8px;margin:12px 0;display:grid}[data-view=Account] .permission-grid fieldset{border:1px solid #d5d9d4;border-radius:7px}[data-view=Account] .permission-grid label{margin:5px 0;font-size:1rem;display:block}[data-view=Account] .share-panel ul{margin:14px 0 0;padding:0;list-style:none}[data-view=Account] .share-panel li{border-top:1px solid #d5d9d4;justify-content:space-between;gap:10px;padding:9px 0;display:flex}[data-view=Account] .share-panel li span{gap:4px;min-width:0;display:grid}[data-view=Account] .share-panel li small{font:1rem var(--font-mono);overflow-wrap:anywhere}[data-view=Account] .shared-panel{grid-column:1/-1}[data-view=Account] .shared-owner+.shared-owner{margin-top:24px}[data-view=Account] .key-list>div{background:#fffdf8;justify-content:space-between;align-items:center;padding:15px 18px;display:flex}[data-view=Account] .key-list span{gap:4px;display:grid}[data-view=Account] .key-list small{font:1rem var(--font-mono);color:#68706b}[data-view=Account] .new-token{color:#286744;background:#e7f3e9;border-radius:9px;grid-template-columns:1fr auto;gap:10px;margin:0 0 18px;padding:16px;display:grid}[data-view=Account] .new-token strong{grid-column:1/-1}[data-view=Account] .new-token code{overflow-wrap:anywhere}[data-view=Account] .new-token button{color:#fff;background:#286744;border:0;border-radius:6px;padding:8px 12px}[data-view=Account] .account-grid{grid-template-columns:200px minmax(200px,1fr);align-items:start;gap:42px 24px;margin-top:48px;display:grid}[data-view=Account] .account-grid h2{margin:0 0 16px}[data-view=Account] .add-panel{width:200px;min-width:0}[data-view=Account] .list-panel{min-width:200px}[data-view=Account] .list-panel>.muted{margin-top:0}[data-view=Account] .account-grid .new-bin{margin:0;padding:14px}[data-view=Account] .account-grid .new-bin>div{flex-direction:column}[data-view=Account] .account-grid .new-bin button{padding:11px}[data-view=Account] .account-grid .new-bin input{width:100%}@media (max-width:600px){[data-view=Account] .account-grid{grid-template-columns:1fr}[data-view=Account] .add-panel{width:100%}[data-view=Account] .list-panel{min-width:0}[data-view=Account] .bin-row,[data-view=Account] .bin-row>a{grid-template-columns:1fr}[data-view=Account] .bin-buttons{margin:0 18px 16px}[data-view=Account] .permission-grid{grid-template-columns:1fr}[data-view=Account] .new-bin>div{flex-direction:column}[data-view=Account] .new-bin button{padding:11px}[data-view=Account] .auth h1,[data-view=Account] .account-head h1{font-size:34px}[data-view=Account] .account-head{align-items:flex-start;gap:20px}[data-view=Account] .account-head>div:last-child{gap:6px;display:grid}[data-view=Account] .account-head button{margin:0}[data-view=Account] .new-token{grid-template-columns:1fr}[data-view=Account] .new-token button{justify-self:start}}