@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/fef07dbb0973bf53-s.00az9qtie3ho1.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/8a480f0b521d4e75-s.3j-a226dh71aj.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/53b9e256198e5412-s.2gwoz23eiro2t.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/7178b3e590c64307-s.0i3h3th1vs4m7.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/caa3a2e1cccd8315-s.p.0zr6hhvz-h9nw.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Geist Fallback;src:local(Arial);ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.0%;size-adjust:104.76%}._8NX9hq_className{font-family:Geist,Geist Fallback;font-style:normal}._8NX9hq_variable{--font-geist:"Geist", "Geist Fallback"}
:root{--bg:#fff;--fg:#000;--line:#000;--fill:#f4f4f5;--fill-hover:color-mix(in srgb, var(--fill), #000 6%);--fill-site:#d4d4d8;--fill-site-hover:#c4c4c9;--field:#fffc;--ease:cubic-bezier(.2, .8, .2, 1)}@supports (color:oklch(from red l c h)){:root{--fill-hover:oklch(from var(--fill) calc(l - .04) c h)}}*{box-sizing:border-box;border-radius:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{background:var(--bg);min-height:100vh;color:var(--fg);font:500 17px/1.5 var(--font-geist), system-ui, sans-serif;flex-direction:column;margin:0;display:flex}main{flex:1;width:100%;max-width:1480px;margin:0 auto;padding:22px 20px 36px;position:relative}h1,h2,h3,p{font:inherit;margin:0}a{color:inherit;text-decoration:none}::selection{color:#fff;background:#000}input,textarea,select,button{font:inherit;color:var(--fg)}input,textarea{background:var(--bg);border:1px solid var(--line);padding:8px 12px;transition:background-color .15s,box-shadow .15s}input::placeholder,textarea::placeholder{color:var(--fg);opacity:.35}input:focus,textarea:focus{background:var(--bg);box-shadow:0 0 0 1px var(--fg);outline:none}textarea{resize:none;field-sizing:content;width:100%;min-height:2.6em;display:block}button{cursor:pointer;background:0 0;border:0;padding:0}:focus-visible{outline:1px solid var(--fg);outline-offset:2px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes fade{0%{opacity:0}to{opacity:1}}.intro>h1,.intro>form{animation:rise .7s var(--ease) both}.intro .subtitle{animation:rise .7s var(--ease) 80ms both}.sections h2,.sections .empty{animation:rise .6s var(--ease) .16s both}.sites li{animation:rise .6s var(--ease) both;animation-delay:calc(.2s + var(--i,0) * 35ms)}.top-controls{z-index:60;animation:fade .4s var(--ease) both;gap:8px;display:flex;position:absolute;top:14px;left:50%;transform:translate(-50%)}.mode-switch{border:1px solid var(--line);background:var(--bg);grid-template-columns:1fr 1fr;display:grid;position:relative}fieldset{border:0;min-width:0;margin:0;padding:0}fieldset:disabled .ghost,fieldset:disabled .add-cell{display:none}.mode-switch button{z-index:1;transition:color .25s var(--ease);padding:5px 16px;position:relative}.mode-switch button[aria-checked=true]{color:var(--bg)}.mode-switch .thumb{background:var(--fg);width:50%;transition:transform .3s var(--ease);position:absolute;top:0;bottom:0;left:0}.mode-switch .thumb.right{transform:translate(100%)}.intro{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:40px;display:flex}@media (max-width:700px){.intro{flex-direction:column;gap:4px}}.title{cursor:pointer;align-items:center;display:inline-flex;position:relative}.key{opacity:0;transition:opacity .25s var(--ease), transform .35s var(--ease);margin-left:10px;display:inline-flex;position:absolute;left:100%;transform:translate(-6px)rotate(-25deg)}.key svg{width:16px;height:16px}.title:hover .key,.title:focus-visible .key{opacity:1;transform:none}.sections{flex-direction:column;gap:32px;display:flex}h2{align-items:center;gap:8px;margin:0 0 12px;display:flex}.sites{grid-template-columns:repeat(auto-fill,minmax(min(440px,100%),1fr));gap:10px;margin:0;padding:0;list-style:none;display:grid}.sites:has(>li>.card.edit){grid-template-columns:repeat(auto-fill,minmax(340px,1fr));align-items:start}.sites li{position:relative}.empty{border:1px dashed var(--line);text-align:center;padding:14px}.card{background:var(--fill);border:1px solid var(--line);transition:background-color .25s var(--ease), transform .25s var(--ease);flex-direction:column;gap:4px;padding:20px 22px;display:flex;position:relative}.link-card{cursor:pointer;background:var(--fill-site)}.link-card:hover,.card.name-card.is-open{background:var(--fill-hover);transform:translateY(-2px)}.link-card:hover,.card.link-card.is-open{background:var(--fill-site-hover)}.link-card:active{transition-duration:80ms;transform:translateY(0)}.card.name-card{cursor:pointer;flex-direction:row;align-items:center;gap:16px;padding:14px 44px 14px 18px}.name-line{align-items:baseline;display:flex}.card.name-card .name-line{flex:0 auto;min-width:0}.card.name-card .domain{text-overflow:ellipsis;white-space:nowrap;min-width:0;padding-right:0;overflow:hidden}.preview{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.num{font-variant-numeric:tabular-nums;flex:none;min-width:2em}.card-head .num{padding-left:8px}.domain{padding-right:24px}.arrow{opacity:0;transition:opacity .25s var(--ease), transform .25s var(--ease);display:inline-flex;position:absolute;top:calc(50% - 8px);right:16px;transform:translate(-4px,4px)}.link-card:hover .arrow,.card.name-card.is-open .arrow{opacity:1;transform:none}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}to{opacity:1;transform:none}}@keyframes shimmer{to{background-position:-200% 0}}.modal-layer{z-index:50;pointer-events:none;-webkit-backdrop-filter:blur(3px);animation:fade .2s var(--ease) both;background:#ffffff59;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.modal{pointer-events:auto;background:var(--bg);border:1px solid var(--line);width:min(560px,100%);max-height:calc(100vh - 48px);animation:pop .3s var(--ease) both;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 30px 80px -24px #00000059}a.modal{cursor:pointer}.shot{aspect-ratio:16/10;border-bottom:1px solid var(--line);background:linear-gradient(90deg,#f2f2f2 0%,#e8e8e8 50%,#f2f2f2 100%) 0 0/200% 100%;flex:none;max-height:42vh;animation:1.4s linear infinite shimmer;overflow:hidden}.shot img{object-fit:cover;object-position:top;width:100%;height:100%;transition:transform .6s var(--ease);display:block}a.modal:hover .shot img{transform:scale(1.025)}.modal-main{flex-direction:column;flex:auto;min-height:0;display:flex}.modal-body{overscroll-behavior:contain;flex-direction:column;flex:auto;min-height:0;display:flex;overflow-y:auto}.modal.wide{width:min(1000px,100%)}.modal.wide .modal-main{flex-direction:row}.modal.wide .shot{aspect-ratio:auto;border-bottom:0;border-right:1px solid var(--line);width:46%;max-height:none}@media (max-width:760px){.modal.wide .modal-main{flex-direction:column}.modal.wide .shot{aspect-ratio:16/10;border-right:0;border-bottom:1px solid var(--line);width:auto;max-height:32vh}}.modal-bar{background:var(--fill);border-bottom:1px solid var(--line);flex:none;align-items:center;gap:16px;min-height:48px;padding:6px 6px 6px 24px;display:flex}.modal-bar h3{overflow-wrap:anywhere;flex:1;min-width:0}.modal-section{flex:none;padding-right:18px}.modal-bar:has(.visit) .modal-section{padding-right:0}.visit{background:var(--fg);color:var(--bg);flex:none;align-items:center;gap:6px;padding:6px 12px;display:inline-flex}.modal-body p{white-space:pre-wrap;overflow-wrap:anywhere}.modal-summary{padding:22px 24px 24px}.modal-summary:empty{display:none}.modal-summary:empty+.facts{border-top:0}.facts{border-top:1px solid var(--line);margin:0}.fact{grid-template-columns:minmax(120px,36%) 1fr;align-items:baseline;gap:16px;padding:14px 24px;display:grid}.fact+.fact{border-top:1px solid var(--line)}.fact dd{min-width:0;margin:0}@media (max-width:480px){.fact{grid-template-columns:1fr;gap:6px}}.chips{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.chips li{border:1px solid var(--line);background:var(--fill);padding:2px 10px}.card.edit{gap:16px;padding:18px 20px 20px}.card.edit label{display:block}.card-head{align-items:center;gap:6px;margin-left:-8px;display:flex}.label{margin-bottom:6px;display:block}.card.edit textarea{background:var(--field)}.card.edit textarea:focus{background:var(--bg)}.grip{cursor:grab;flex:none;margin-left:-8px;padding:6px;transition:background-color .15s;display:inline-flex}.grip:hover{background:#0000000f}.card.edit .name{background:0 0;border-color:#0000;flex:1 1 0;width:0;min-width:0;padding:5px 8px}.card.edit .name:hover{background:var(--field)}.card.edit .name:focus{background:var(--bg);border-color:var(--line)}.ghost{flex:none;padding:5px 9px;transition:background-color .15s}.ghost:hover{background:#0000000f}.add{border:1px dashed var(--line);background:0 0;flex-direction:row;justify-content:center;align-items:center;gap:8px;width:100%;height:100%;min-height:56px;padding:16px}.add:hover{background:#0000000a}.add svg{width:16px;height:16px;transition:transform .3s var(--ease)}.add:hover svg{transform:rotate(90deg)}.sections.arranging section{min-height:72px}.card.compact{cursor:grab;flex-direction:row;align-items:center;gap:8px;padding:10px 14px}.card.compact:hover{background:var(--fill-hover)}.card.compact:active{cursor:grabbing}.card.compact .grip{margin-left:-6px;padding:2px}.card.compact .domain{text-overflow:ellipsis;white-space:nowrap;padding-right:0;overflow:hidden}.is-dragging{opacity:.35}.is-dragging .card{transform:scale(.98)}.drop-before:before,.drop-end{content:"";background:var(--fg);width:2px;animation:.15s both fade;display:block}.drop-before:before{position:absolute;top:0;bottom:0;left:-5px}.drop-end{margin-left:-5px}::view-transition-group(*){animation-duration:.32s;animation-timing-function:var(--ease)}::view-transition-old(*){height:100%}::view-transition-new(*){height:100%}@keyframes toast{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.save-status{z-index:70;background:var(--bg);border:1px solid var(--line);max-width:min(440px,100vw - 40px);animation:toast .3s var(--ease) both;padding:8px 14px;position:fixed;bottom:20px;right:20px}.save-status.error{align-items:center;gap:14px;padding:10px 10px 10px 14px;display:flex}.save-status.error button{background:var(--fg);color:var(--bg);flex:none;padding:6px 12px}.save-status.error button:hover{opacity:.8}.banner{border:1px solid var(--line);background:var(--fill);margin:-20px 0 28px;padding:10px 14px}.center{place-items:center;min-height:62vh;display:grid}.login{width:min(340px,100%);animation:rise .6s var(--ease) both;flex-direction:column;align-items:center;gap:18px;display:flex}.password-field{width:100%;position:relative}.password{width:100%;height:48px;padding:0 56px 0 16px}.password[aria-invalid=true]::placeholder{opacity:1}.submit{background:var(--fg);width:48px;height:48px;color:var(--bg);place-items:center;transition:opacity .2s;display:grid;position:absolute;top:0;right:0}.submit:hover{opacity:.8}.pill{background:var(--fg);color:var(--bg);padding:10px 22px;transition:opacity .2s}.pill:hover{opacity:.8}.back{transition:background-size .3s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}.back:hover{background-size:100% 1px}@keyframes shake{15%,55%{transform:translate(-8px)}35%,75%{transform:translate(8px)}90%{transform:translate(-2px)}}.login.shake{animation:rise .6s var(--ease) both, shake .45s ease .1s}.footer-inner{justify-content:space-between;max-width:1480px;margin:0 auto;padding:18px 20px 22px;display:flex}footer a{transition:background-size .3s var(--ease);background:linear-gradient(currentColor,currentColor) 0 100%/0 1px no-repeat}footer a:hover{background-size:100% 1px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}