@layer reset{:root{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}html{-moz-text-size-adjust:none;-webkit-text-size-adjust:none;text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin:0}ul,ol,menu{list-style:none;padding:0;margin:0}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}}@layer global{:root{--step--2: clamp(.7813rem, .7747rem + .0326vw, .8rem);--step--1: clamp(.9375rem, .9158rem + .1087vw, 1rem);--step-0: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--step-1: clamp(1.35rem, 1.2761rem + .3696vw, 1.5625rem);--step-2: clamp(1.62rem, 1.5041rem + .5793vw, 1.9531rem);--step-3: clamp(1.944rem, 1.771rem + .8651vw, 2.4414rem);--step-4: clamp(2.3328rem, 2.0827rem + 1.2504vw, 3.0518rem);--step-5: clamp(2.7994rem, 2.4462rem + 1.7658vw, 3.8147rem)}:root{--space-3xs: clamp(.3125rem, .3125rem + 0vw, .3125rem);--space-2xs: clamp(.5625rem, .5408rem + .1087vw, .625rem);--space-xs: clamp(.875rem, .8533rem + .1087vw, .9375rem);--space-s: clamp(1.125rem, 1.0815rem + .2174vw, 1.25rem);--space-m: clamp(1.6875rem, 1.6223rem + .3261vw, 1.875rem);--space-l: clamp(2.25rem, 2.163rem + .4348vw, 2.5rem);--space-xl: clamp(3.375rem, 3.2446rem + .6522vw, 3.75rem);--space-2xl: clamp(4.5rem, 4.3261rem + .8696vw, 5rem);--space-3xl: clamp(6.75rem, 6.4891rem + 1.3043vw, 7.5rem);--space-3xs-2xs: clamp(.3125rem, .2038rem + .5435vw, .625rem);--space-2xs-xs: clamp(.5625rem, .4321rem + .6522vw, .9375rem);--space-xs-s: clamp(.875rem, .7446rem + .6522vw, 1.25rem);--space-s-m: clamp(1.125rem, .8641rem + 1.3043vw, 1.875rem);--space-m-l: clamp(1.6875rem, 1.4049rem + 1.413vw, 2.5rem);--space-l-xl: clamp(2.25rem, 1.7283rem + 2.6087vw, 3.75rem);--space-xl-2xl: clamp(3.375rem, 2.8098rem + 2.8261vw, 5rem);--space-2xl-3xl: clamp(4.5rem, 3.4565rem + 5.2174vw, 7.5rem)}:root{--title-max-length: 45ch}h1{font-size:var(--step-3)}h2{font-size:var(--step-2)}h1,h2,h3{font-weight:var(--font-weight-bold, bold)}body{color:var(--text-primary, black);background-color:var(--background-primary, white)}input{border:var(--input-border, var(--button-border, solid .1rem currentColor));padding:var(--input-padding, var(--space-3xs));color:var(--input-background, var(--text-primary));background-color:var(--input-background, var(--background-alt))}.visually-hidden{border:0;clip:rect(0 0 0 0);height:auto;margin:0;overflow:hidden;padding:0;position:absolute;width:1px;white-space:nowrap}.wrapper{max-width:var(--wrapper-max-width, 60rem);margin-inline:auto;padding-inline:var(--gutter, 1rem)}.wrapper[data-wrapper-type=inner]{min-width:100%;padding-block:var(--gutter-wrapper-inner-block, var(--gutter, 1rem));padding-inline:var(--gutter-wrapper-inner-inline, var(--gutter, 1rem))}.flow>*+*{margin-block-start:var(--flow-space, 1em)}.text-box{margin-block-start:.1em}@supports (text-box: cap alphabetic){.text-box{margin-block-start:0;text-box:cap alphabetic}}:focus-visible{outline-offset:var(--focus-ring-offset, .4em);outline-width:var(--focus-ring-width, 2px);outline-color:var(--focus-ring-color, black);outline-style:var(--focus-ring-style, solid)}body{font-family:Atkinson Hyperlegible Next,-apple-system,BlinkMacSystemFont,avenir next,avenir,segoe ui,helvetica neue,Adwaita Sans,Cantarell,Ubuntu,roboto,noto,helvetica,arial,sans-serif}main{--wrapper-max-width: 45rem;--gutter: var(--space-xs-s);--flow-space: var(--space-l);padding-block:var(--space-s)}button{color:var(--button-text, black);background:var(--button-background, white);font-weight:var(--button-font-weight, 400);border:var(--button-border, solid .1rem black);padding:var(--button-padding, var(--space-2xs));cursor:pointer}button:hover,button:active{color:var(--button-text-accent, var(--button-text, black));background:var(--button-background-accent, lightgray)}::placeholder{color:oklch(from currentColor calc(l - .1) calc(c - .2) h)}.links{--flow-space: var(--space-m)}.link{--flow-space: var(--space-s);font-size:var(--step-0);display:grid;grid-template-rows:1fr 1fr;grid-template-columns:1fr auto;align-items:center;color:var(--link-primary, black);background-color:var(--link-background, white);outline:var(--tile-outline, solid black .1rem)}.link:nth-child(odd){background-color:var(--link-background-alt, #f7f7f7)}.link-actions{grid-row:1 / span 2;--button-padding: var(--space-xs) var(--space-2xs);display:grid;grid-template-rows:subgrid}@supports not (grid-template-rows: subgrid){.link-actions{height:100%}}.link-actions>li{display:contents}.link-actions button{--button-padding: var(--space-xs-s) var(--space-2xs);border:none;outline:var(--tile-outline, var(--button-border, solid black .1rem))}.link-title{grid-row:1 / span 2;height:100%;padding-inline:var(--space-2xs-xs);font-size:var(--step-1);text-wrap:balance;color:currentColor;text-decoration:none;line-height:1.1;display:flex;flex-direction:column}.link-title:hover,.link-title:active{background-color:var(--link-background-accent, #e7e7e7)}.link-title .main-title-wrapper{flex:1;display:flex;align-items:center;margin-block:var(--space-s)}.link .additional-info{margin-block-end:var(--space-xs);line-height:1;display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-3xs) var(--space-xs)}.link :is(.link-domain-name,.time-added){display:block;font-size:var(--step--1);font-style:normal}.link .time-added{margin-inline-start:auto}.no-links-message{max-width:max-content;margin-inline:auto;font-size:var(--step--1);color:var(--text-muted, gray)}.add-link{--gutter: 0;--focus-ring-offset: .2em;--input-padding: var(--space-3xs-2xs) var(--space-3xs);font-size:var(--step-0);display:grid;gap:var(--space-xs)}.add-link button{font-size:var(--step--1);justify-self:end}.add-link .inputs{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.add-link label{font-size:var(--step--1);flex:1;display:flex;flex-direction:column;gap:var(--space-2xs)}.add-link label>input{font-size:var(--step-0)}.theme-switcher{--button-padding: 0;--button-border: 0;display:grid;grid-auto-flow:column}.theme-switcher li{outline:var(--tile-outline);display:grid}.theme-switcher button[aria-pressed=true]{color:var(--button-text-accent, var(--button-text));background:var(--button-background-alt, var(--background-alt))}.theme-switcher svg *{stroke:var(--button-text)}.theme-editor{display:grid;grid-template-columns:auto 1fr minmax(10rem,auto);row-gap:var(--space-s);--flow-space: 0;padding:var(--space-s) var(--space-2xs-xs);outline:var(--tile-outline);font-size:var(--step-0)}.theme-editor>:where(menu){display:contents}.theme-editor .label{text-align:end;margin-inline-end:var(--space-xs)}.theme-editor li{grid-column:span 3;display:grid;grid-template-columns:subgrid;align-items:center}.theme-editor input{height:2lh}.theme-editor input[type=color]{width:100%}.theme-editor label{display:contents}.import-export{grid-column:span 3;display:grid;grid-template-columns:1fr 1fr}.import-export li{display:contents}}@layer theme{:root{--off-black: #1a1a1a;--gray: #313233;--light-gray: #515253;--greenish-gray: #283641;--off-white: #fafafa;--light-sepia: #f1ece8;--light-medium-sepia: #e2d9d0;--medium-sepia: #d4c6b9;--text-primary: var(--off-black);--text-muted: var(--greenish-gray);--background-primary: var(--light-sepia);--background-alt: var(--light-medium-sepia);--background-accent: var(--medium-sepia);--focus-ring-color: var(--text-primary);--button-text: var(--text-primary);--button-background: var(--background-primary);--button-border: solid .1rem currentColor;--button-background-accent: var(--background-accent);--link-primary: var(--text-primary);--link-background: var(--background-primary);--link-background-alt: var(--background-alt);--link-background-accent: var(--background-accent);--tile-outline: var(--button-border)}:root[data-theme=dark]{--text-primary: var(--off-white);--text-muted: var(--off-white);--background-primary: var(--off-black);--background-alt: var(--gray);--background-accent: var(--light-gray)}:root[data-theme=custom]{--text-primary: var(--color-text);--background-primary: var(--color-background);--background-alt: var( --color-background-alt, oklch(from var(--background-primary) calc(l - .1) c h) );--background-accent: var( --color-background-accent, oklch(from var(--background-primary) l calc(c + .1) h) );--text-muted: oklch(from var(--text-primary) l calc(c - .15) h)}}