body { color:#333; margin:0; font-size:15px; font-family:helvetica,sans-serif; word-wrap:break-word; text-align:center; }
p { margin-top:2px; margin-bottom:12px; }
a { text-decoration:none; color:#11a; }
a:visited { color:#51a; }
h1 { font-size:1.8em; font-weight:normal; margin-top:10px; }
input, textarea { font-size:90%; border:1px solid #ddd; }
#content { max-width:1050px; margin:0 auto; min-height:400px; padding-left:10px; text-align:left; }
#banner { border-bottom:1px dotted #aaa; margin-bottom:0.7em; max-width:980px; padding-bottom:9px; text-align:left; }
#logo { float:left; height:24px; }
#pinboard_name { font-size:1.4em; color:#aaa; }
#pinboard_name:hover { color:red; }
#top_menu { margin-top:2px; float:right; }
button { -webkit-appearance:none; appearance:none; background:#157efb; color:#fff; border:0; border-radius:14px; padding:4px 16px; font:inherit; font-weight:bold; line-height:1.4; cursor:pointer; }
a.btn, a.btn:visited { display:inline-block; background:#157efb; color:#fff; border-radius:14px; padding:4px 16px; font-weight:bold; line-height:1.4; margin-right:6px; }
button.linklike { -webkit-appearance:none; appearance:none; background:none; border:0; border-radius:0; padding:0; font:inherit; font-weight:normal; color:#11a; cursor:pointer; }
#main_column { max-width:700px; float:left; width:100%; text-align:left; position:relative; }
#bookmarks { margin-top:1em; margin-left:6px; }
#right_bar { float:left; margin-left:10px; text-align:left; width:320px; }
#nextprev { margin-bottom:1em; }
a.next_prev { color:#777; }
#filter_bar { max-width:980px; margin-top:6px; margin-bottom:0.5em; text-align:left; }
#filter_bar a.uname, #filter_bar a.uname:visited { color:#a51; font-weight:bold; }
a.filter, a.filter:visited { color:#11a; }
a.filter.selected, a.filter.selected:visited { color:#333; font-weight:bold; }
.bookmark { padding:3px; width:95%; float:left; margin-bottom:1.3em; }
.bookmark_title { line-height:130%; font-size:110%; overflow-wrap:anywhere; }
.unread { color:#a41; }
a.url_link { font-size:90%; color:#11a; overflow-wrap:anywhere; }
.lock { font-size:80%; opacity:0.7; }
.description { line-height:120%; margin-top:2px; color:#555; }
a.tag { color:#a51; line-height:190%; }
a.edit, a.edit:visited { color:#aaa; }
a.edit:hover { color:#44d; }
a.delete, a.delete:visited { color:#aaa; }
a.delete:hover { color:#44d; }
.archived, .archived:visited { color:#aaa; }
.star { color:#ccc; margin-left:-20px; font-size:1.3em; cursor:pointer; float:left; }
.star span:hover { color:#22a; }
.star .selected_star { color:#22a; }
#right_bar input[type=search] { width:300px; margin-bottom:0.6em; padding:3px; border-radius:6px; }
.search_btn { margin-bottom:1em; }
#tag_cloud a.tag { margin-right:6px; }
a.tc1 { font-size:1.5em; }
a.tc2 { font-size:1.3em; }
a.tc3 { font-size:1.15em; }
a.tf, a.tf:visited { color:#b97; }
@media (prefers-color-scheme: dark) {
  body { background:#1c1c1e; color:#ccc; }
  a { color:#7aa2f7; }
  a:visited { color:#a98af7; }
  a.url_link { color:#7aa2f7; }
  #pinboard_name { color:#888; }
  #banner { border-color:#555; }
  #filter_bar a.uname, #filter_bar a.uname:visited { color:#d19a66; }
  a.filter, a.filter:visited { color:#7aa2f7; }
  button.linklike { color:#7aa2f7; }
  a.filter.selected, a.filter.selected:visited { color:#eee; }
  a.tag { color:#d19a66; }
  a.tf, a.tf:visited { color:#8a6f4d; }
  .unread { color:#e06c75; }
  .description { color:#aaa; }
  .when { color:#888; }
  .faint { color:#777; }
  a.edit, a.edit:visited, a.delete, a.delete:visited, .archived, .archived:visited { color:#777; }
  a.edit:hover, a.delete:hover { color:#7aa2f7; }
  .star { color:#666; }
  .star span:hover { color:#7aa2f7; }
  .star .selected_star { color:#7aa2f7; }
  a.next_prev { color:#999; }
  input, textarea { background:#2a2a2c; color:#ccc; border-color:#444; }
  .edit_form, .edit_form p { color:#999; }
}
.when { font-size:90%; color:#777; }
.faint { color:#aaa; }
.edit_form { color:#888; }
.edit_form p { line-height:100%; margin-bottom:0; color:#888; }
.edit_form input[type=text], .edit_form input[type=password], .edit_form textarea { width:490px; max-width:95%; margin-bottom:3px; }
.tag_sug { margin:2px 0 6px; }
.stepper input[type=number] { width:56px; text-align:center; margin:0 4px; }
.stepper button { padding:4px 12px; }
.tag_sug a { margin-right:8px; }
@media (max-width:640px) {
  .edit_form input[type=text], .edit_form input[type=password], .edit_form textarea { width:100%; max-width:100%; font-size:16px; box-sizing:border-box; }
  .search_btn { font-size:16px; }
  #content { padding:0 8px; }
  #right_bar { width:auto; }
}
#footer { margin-top:3em; color:#888; clear:both; }