:root{--base-bg: 254 254 254;--base-fg: 51 51 51;--base-color: #000;--opacity-fg: rgb(var(--base-fg) / 100%);--opacity-fg-84: rgb(var(--base-fg) / 84%);--opacity-fg-75: rgb(var(--base-fg) / 75%);--opacity-fg-67: rgb(var(--base-fg) / 67%);--opacity-fg-63: rgb(var(--base-fg) / 63%);--opacity-fg-59: rgb(var(--base-fg) / 59%);--color-bg-accent: rgb(172 19 13);--color-fg-accent: rgb(172 19 13);--color-fg-link: rgb(28 89 209);--color-fg-link-visited: rgb(95 134 212);--color-fg-negative: rgb(139 0 0);--color-fg-affirmative: rgb(0 128 0);--color-fg-author: rgb(96 129 189);--color-fg-shape: rgb(187 187 187);--color-bg: rgb(var(--base-bg));--color-fg: rgb(var(--base-fg) / var(--opacity-fg));--color-box-bg: #ffffff;--color-box-bg-shaded: #f5f5f5;--color-box-border: #cccccc;--color-box-border-focus: #808080;--color-button-bg: #fafafa;--color-button-bg-shaded: #e6e6e6;--color-table-header-bg: #eaeaea;--color-table-header-border: #cacaca;--color-table-row-bg-even: #f8f8f8;--color-table-row-bg-odd: #f5f5f5;--color-table-row-border: #e0e0e0;--color-tag-bg: #fffcd7;--color-tag-border: #d5d458;--color-tag-meta-bg: #ddebf9;--color-tag-meta-border: #b2ccf0;--color-flash-bg-error: #fdcfcc;--color-flash-bg-success: #dff0d8;--color-flash-bg-notice: #cce6ee;--color-comment-new-bg: #fff3cd;--color-comment-new-border: #ffc107;--color-comment-highlight: #fff3cd;--color-rss: #f26522;--color-rss-hover-bg: #fff3e0;--font-size-default: 1rem;--font-size-tags: 0.66rem;--input-outline-width: 2px;--transition-fast: 0.2s ease-in-out;}@media (prefers-color-scheme: dark){:root{--base-bg: 20 20 20;--base-fg: 220 220 220;--base-color: #fff;--color-bg-accent: rgb(220 80 70);--color-fg-accent: rgb(220 80 70);--color-fg-link: rgb(120 170 255);--color-fg-link-visited: rgb(160 180 230);--color-fg-negative: rgb(255 100 100);--color-fg-affirmative: rgb(100 200 100);--color-fg-author: rgb(140 170 230);--color-fg-shape: rgb(80 80 80);--color-box-bg: #2a2a2a;--color-box-bg-shaded: #1e1e1e;--color-box-border: #444444;--color-box-border-focus: #888888;--color-button-bg: #333333;--color-button-bg-shaded: #444444;--color-table-header-bg: #2e2e2e;--color-table-header-border: #444444;--color-table-row-bg-even: #252525;--color-table-row-bg-odd: #2a2a2a;--color-table-row-border: #333333;--color-tag-bg: #3a3a20;--color-tag-border: #6a6a30;--color-tag-meta-bg: #1e3a5f;--color-tag-meta-border: #2a4a6f;--color-flash-bg-error: #4a2020;--color-flash-bg-success: #204a20;--color-flash-bg-notice: #203a4a;--color-comment-new-bg: #3a3520;--color-comment-new-border: #d29922;--color-comment-highlight: #3a3520;--color-rss: #ff8c42;--color-rss-hover-bg: #3a2a1a;}}[data-theme="dark"]{--base-bg: 20 20 20;--base-fg: 220 220 220;--base-color: #fff;--color-bg-accent: rgb(220 80 70);--color-fg-accent: rgb(220 80 70);--color-fg-link: rgb(120 170 255);--color-fg-link-visited: rgb(160 180 230);--color-fg-negative: rgb(255 100 100);--color-fg-affirmative: rgb(100 200 100);--color-fg-author: rgb(140 170 230);--color-fg-shape: rgb(80 80 80);--color-box-bg: #2a2a2a;--color-box-bg-shaded: #1e1e1e;--color-box-border: #444444;--color-box-border-focus: #888888;--color-button-bg: #333333;--color-button-bg-shaded: #444444;--color-table-header-bg: #2e2e2e;--color-table-header-border: #444444;--color-table-row-bg-even: #252525;--color-table-row-bg-odd: #2a2a2a;--color-table-row-border: #333333;--color-tag-bg: #3a3a20;--color-tag-border: #6a6a30;--color-tag-meta-bg: #1e3a5f;--color-tag-meta-border: #2a4a6f;--color-flash-bg-error: #4a2020;--color-flash-bg-success: #204a20;--color-flash-bg-notice: #203a4a;--color-comment-new-bg: #3a3520;--color-comment-new-border: #d29922;--color-comment-highlight: #3a3520;--color-rss: #ff8c42;--color-rss-hover-bg: #3a2a1a;}@font-face{font-family: 'Inter';font-style: oblique;font-weight: 100 900;font-display: swap;src: url('Inter-var.woff2') format('woff2');}html{font-size: var(--font-size-default);overflow-y: scroll;scroll-behavior: smooth;}body, textarea, input, button, select{font-family: 'Inter', 'Helvetica Neue', 'Helvetica', sans-serif;color: var(--color-fg);line-height: 1.6em;}body{background-color: var(--color-bg);margin: 0 auto;padding: 0 0.5em 2em 0.5em;max-width: 60rem;transition: background-color var(--transition-fast), color var(--transition-fast);color: var(--base-color);}a{color: var(--color-fg-link);cursor: pointer;transition: color var(--transition-fast);text-decoration: none;}h1, h2, h3, h4{font-weight: bold;padding: 0;}h1{font-size: 1.4em;}h2{font-size: 1.2em;}h3{font-size: 1.1em;}hr{border: none;height: 1px;background-color: var(--color-fg-shape);margin: 1em 0;}pre{background-color: var(--color-box-bg-shaded);padding: 0.5em;border-radius: 3px;white-space: pre-wrap;overflow-x: auto;overflow-y: auto;word-break: break-word;font-family: monospace;}code{background-color: var(--color-box-bg-shaded);padding: 1px 4px;border-radius: 3px;font-size: 0.9em;}blockquote{font-style: italic;margin: 0.25em 0 0 0.5em;padding: 0 0 0 1em;border-left: 2px solid var(--color-fg-shape);}input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]):not([type="button"]),textarea,select{width: 100%;max-width: 100%;box-sizing: border-box;}input, button, select, textarea{color: var(--color-fg);font: inherit;background-color: var(--color-box-bg);padding: 6px 10px;border: 1px solid var(--color-box-border);border-radius: 3px;transition: border-color var(--transition-fast), outline var(--transition-fast);}input:focus, select:focus, textarea:focus{outline: var(--input-outline-width) solid var(--color-box-border-focus);border-color: transparent;}textarea{min-height: 80px;resize: vertical;}button,input[type="submit"],input[type="button"]{width: auto;background-color: var(--color-button-bg);border: 1px solid var(--color-box-border);border-bottom-color: var(--color-fg-shape);color: var(--color-fg);cursor: pointer;padding: 6px 14px;font-weight: 500;}button:hover,input[type="submit"]:hover,input[type="button"]:hover{background-color: var(--color-button-bg-shaded);}table{width: 100%;border-collapse: collapse;margin: 1.5em 0;}th, td{padding: 0.75em;text-align: left;border-bottom: 1px solid var(--color-table-row-border);}thead th{background-color: var(--color-table-header-bg);font-weight: 600;border-bottom: 2px solid var(--color-table-header-border);}tbody tr:hover{background-color: var(--color-box-bg-shaded);}nav{display: flex;align-items: center;gap: 1.5em;padding: 0.75em 0;flex-wrap: wrap;}nav a{color: var(--opacity-fg-67);font-weight: 600;padding: 0.25em 0;transition: color var(--transition-fast);}nav a:hover{color: var(--color-fg);}nav a.is-active{color: var(--color-fg);border-bottom: 2px solid var(--color-fg-accent);padding-bottom: 0.15em;}nav[aria-label="Breadcrumb"]{margin: 1em 0;padding: 0;border-bottom: none;}nav[aria-label="Breadcrumb"] ol{list-style: none;padding: 0;margin: 0;display: flex;align-items: center;gap: 0.5rem;font-size: 0.95rem;flex-wrap: wrap;}nav[aria-label="Breadcrumb"] li{display: contents;}nav[aria-label="Breadcrumb"] li:not(:last-child)::after{content: "/";margin-left: 0.5rem;color: var(--opacity-fg-63);}nav[aria-label="Breadcrumb"] a{color: var(--opacity-fg-59);font-weight: normal;}nav[aria-label="Breadcrumb"] a:hover{color: var(--color-fg-link);text-decoration: underline;}nav[aria-label="Breadcrumb"] [aria-current="page"]{color: var(--color-fg);font-weight: 600;}table.is-striped tbody tr:nth-child(even){background-color: var(--color-table-row-bg-even);}nav.is-borderless{border-bottom: none;}input.is-compact, textarea.is-compact, select.is-compact{width: auto;max-width: 300px;}button.is-link{background: none;border: none;color: var(--opacity-fg-67);padding: 0;}button.is-danger{background: var(--color-fg-negative);color: var(--color-box-bg);border-color: var(--color-fg-negative);}.alert{padding: 1em;margin-bottom: 1em;border-radius: 4px;border: 1px solid transparent;}.alert.is-success{background-color: var(--color-flash-bg-success);border-color: var(--color-fg-affirmative);}.alert.is-danger{background-color: var(--color-flash-bg-error);border-color: var(--color-fg-negative);}.alert.is-notice{background-color: var(--color-flash-bg-notice);border-color: var(--color-fg-link);}dialog{border: none;border-radius: 6px;padding: 0;max-width: 600px;width: 90%;max-height: 90vh;box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);}dialog::backdrop{background: rgba(0, 0, 0, 0.5);}dialog form{padding: 1.5em;background: var(--color-box-bg);}.modal-actions{display: flex;justify-content: flex-end;gap: 0.5em;margin-top: 1.5em;}.tag{background-color: var(--color-tag-bg);border: 1px solid var(--color-tag-border);border-radius: 5px;padding: 0 0.4em;font-size: var(--font-size-tags);color: var(--opacity-fg-84);margin-right: 0.4em;}.pagination{margin-top: 1.5em;display: flex;gap: 0.5em;}.pagination-btn,.pagination-link{padding: 2px 6px;}.pagination a:hover{background-color: var(--color-button-bg-shaded);}.pagination .is-current{background-color: var(--color-fg-accent);color: var(--color-bg);} .hint{color: var(--opacity-fg-63);font-style: italic;font-size: 0.85em;}.clear{clear: both;}.mr5{margin-right: 5px;}.delete, .red, .is-link.red{color: var(--color-fg-negative);}.delete{font-size: 0.85em;}.delete:hover{opacity: 0.8;}.green{color: var(--color-fg-affirmative);}.bold{font-weight: bold;}.mb1{margin-bottom: 1em;}.inline-form{display: inline;}.flex{display: flex;}.gap{gap: 1.125rem;}.flex-end{justify-content: flex-end;}.justify-between{justify-content: space-between;}.hidden{display: none;}.w-60{width: 60%;}.text-sm{font-size: 0.85em;}.right{float: right;}.mb-none{display: none;} .search-form-row{display: flex;gap: 0.5em;align-items: stretch;}.search-form-input{flex: 1 1 auto;min-width: 0;font-size: 16px;padding: 0.45em 0.7em;}.search-form-btn{flex: 0 0 auto;min-height: 44px;padding: 0 1.2em;cursor: pointer;}.search-form-options{display: flex;flex-wrap: wrap;gap: 0.35em 0.6em;align-items: center;}.search-form-options label{white-space: nowrap;cursor: pointer;}.comment_text,.story_content,.story_liner{overflow-wrap: anywhere;word-break: break-word;}pre,code{overflow-x: auto;}img,video{max-width: 100%;height: auto;}@media only screen and (max-width: 768px){input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="url"], input[type="number"], textarea, select{font-size: 16px;} button, .btn, input[type="submit"]{min-height: 44px;} .navbar-links a{padding: 0.4em 0.3em;} .pagination a, .pagination span{min-width: 40px;min-height: 40px;display: inline-flex;align-items: center;justify-content: center;} .voters{gap: 0.3em;} .byline .divider{margin: 0 0.35em;} table{display: block;overflow-x: auto;}}@media only screen and (max-width: 480px){.search-form-options{flex-direction: column;align-items: flex-start;}}header#nav{display: flex;align-items: center;padding: 0.5em 0;margin: 0.5em 0;font-weight: bold;line-height: 18px;border-bottom: 1px solid var(--color-fg-shape);}header#nav #logo{font-size: 1.2em;font-weight: bold;color: var(--color-fg-accent);margin-right: 1em;}header#nav a{color: var(--opacity-fg-67);font-weight: bold;margin: 0 0.5em 0 0;}header#nav a:hover{color: var(--color-fg);}header#nav a.current_page{border-bottom: 0.25em solid var(--color-fg-accent);padding-bottom: 0.25em;}header .user-info{margin-left: auto;font-weight: normal;font-size: 0.9em;}header .user-info a{color: var(--color-fg-link);}footer{display: flex;justify-content: space-between;padding: 0.5em 0.5em 2em 0.5em;margin-top: 2em;border-top: 1px solid var(--color-fg-shape);font-size: 0.85em;}footer a{color: var(--opacity-fg-59);margin-left: 0.75em;}footer a:hover{text-decoration: underline;}.form-input-wide{width: 100%;max-width: 600px;display: block;}.form-actions{margin-top: 1em;}.form-actions a{margin-left: 1em;}.form-field-group{margin-bottom: 1em;}.form-field-group label{display: block;margin-bottom: 0.3em;}.form-field-hint-inline{color: var(--opacity-fg-63);font-style: italic;font-size: 0.85em;margin-left: 0.5em;}.form-error-text{display: block;margin-top: 4px;font-size: 0.875em;color: #dc3545;}.form-input-wide.is-danger{border-color: #dc3545;outline-color: #dc3545;}.validation-errors-list{margin-top: 8px;padding-left: 20px;margin-bottom: 0;}.validation-errors-list li{margin-bottom: 4px;}ol.stories{padding: 0;list-style: none;margin: 0;}li.story{clear: both;display: flex;padding: 0.4em 0;border-bottom: 1px solid var(--color-box-bg-shaded);}li.story:first-child{padding-top: 0.5em;}li.story:last-child{border-bottom: none;}.voters{float: left;margin: 7px 10px 0 0;text-align: center;}.upvoter{color: var(--opacity-fg-59);display: flex;flex-direction: column;align-items: center;justify-self: center;font-size: 1.2rem;cursor: pointer;background: none;border: none;padding: 0;transition: color var(--transition-fast);}.upvoter:hover,.upvoter.upvoted{color: var(--color-fg-accent);}.score{font-size: 0.9em;font-weight: bold;color: var(--opacity-fg-67);margin: 2px 0;}.story_liner{padding: 0.25em 0;word-break: break-word;flex-grow: 1;margin-left: 0.5em;}li .link a.title{font-weight: bold;vertical-align: middle;}li .link a:hover{color: var(--color-fg-link);}li .link a.title:visited{color: var(--color-fg-link-visited);}li .domain{color: var(--opacity-fg-59);font-style: italic;vertical-align: middle;font-size: 0.85em;margin-left: 0.25em;}li .domain:hover{text-decoration: underline;}.story_content{margin: 0.5em 0;}.story_btn{display: flex;margin-top: 20px;}li .byline{color: var(--opacity-fg-59);font-size: 0.85em;margin-top: 0.2em;}li .byline a{color: var(--opacity-fg-59);}li .byline a:hover{text-decoration: underline;}li .byline a.user_is_author{color: var(--color-fg-author);}img.avatar{border-radius: 3px;height: 16px;margin-bottom: 2px;margin-right: 2px;vertical-align: middle;width: 16px;}.byline .divider{color: var(--color-fg-shape);margin: 0 0.25em;}.story_content details{border: none;background: none;}.story_content summary{cursor: pointer;font-style: italic;font-size: 0.9em;color: var(--opacity-fg-63);}.story_content summary:hover{color: var(--color-fg);}.story_content details[open] summary{padding-bottom: 1em;border-bottom: 1px solid var(--color-box-bg-shaded);}.story-card--has-new{border-left: 3px solid var(--color-fg-link);background-color: var(--color-box-bg-shaded);}.new-comments{display: inline-block;color: var(--color-fg-negative);}.new-comments:hover{opacity: 0.8;}ol.comments{margin: 0;padding-left: 0;list-style: none;}ol.comments ol.comments{margin-left: 20px;padding-left: 6px;border-left: 1px solid var(--color-fg-shape);}.comment{clear: both;padding: 0.4em 0;position: relative;}.comment_meta{color: var(--opacity-fg-59);font-size: 0.85em;margin-bottom: 0.3em;}.comment_meta a{color: var(--opacity-fg-59);}.comment_meta a:hover{text-decoration: underline;}.comment_meta .score{font-size: inherit;margin: 0 0.25em;}.comment_text{max-width: 45rem;overflow-wrap: break-word;overflow: hidden;}.comment_text p{margin: 0.5em 0;}.comment_text p:first-child{margin-top: 0.3em;}.comment_actions{margin-top: 0.3em;font-size: 0.85em;}.comment_actions a,.comment_actions button{color: var(--opacity-fg-59);background: none;border: none;padding: 0;font: inherit;cursor: pointer;}.comment_actions a:hover,.comment_actions button:hover{color: var(--color-fg);text-decoration: underline;}.comment_actions .divider{color: var(--color-fg-shape);margin: 0 0.25em;}.comment.deleted{opacity: 0.6;}.comment.deleted .comment_text{font-style: italic;color: var(--opacity-fg-59);}.comment:target{background-color: var(--color-comment-highlight);animation: highlight-fade 3s ease-in-out;scroll-margin-top: 80px;}@keyframes highlight-fade{0%{background-color: var(--color-comment-highlight);box-shadow: 0 0 10px rgba(255, 193, 7, 0.5);} 100%{background-color: transparent;box-shadow: none;}}.comment_votes{display: inline-flex;align-items: center;gap: 0.2em;margin-right: 0.5em;}.comment_votes .upvoter{font-size: 0.9em;}.comment_votes .score{font-size: 0.9em;font-weight: bold;margin: 0;}li.comment{display: block;clear: none;overflow: hidden;margin-bottom: 0.5em;padding: 0.5em 0;}li.comment > .comment_votes{float: left;margin-right: 0.75em;}li.comment .comment_votes .voters{float: none;margin-right: 0;}li.comment .comment_votes .voters form{margin-bottom: 0;}li.comment > .comment_body{overflow: hidden;min-height: 1px;padding: 2px;}li.comment > ol.comments{clear: both;margin-left: 0.6em;margin-top: 0.5em;padding-left: 1em;border-left: 1px dashed var(--color-fg-shape);}li.comment.depth-6 > ol.comments,li.comment.depth-7 > ol.comments,li.comment.depth-8 > ol.comments,li.comment.depth-9 > ol.comments,li.comment.depth-10 > ol.comments{margin-left: 0.6em !important;padding-left: 1em !important;border-left: 1px dashed var(--color-fg-shape) !important;}.notifications-page{margin-top: 1em;}.notifications-header{display: flex;align-items: center;justify-content: space-between;margin-bottom: 1em;}.notifications-header h2{margin: 0;}ol.notification-list{padding: 0;list-style: none;margin: 0;}.notification-item{border-bottom: 1px solid var(--color-box-bg-shaded);}.notification-item:first-child{border-top: 1px solid var(--color-box-bg-shaded);}.notification-item:last-child{border-bottom: none;}.notification-link{display: flex;align-items: flex-start;gap: 0.75em;padding: 0.6em 0.25em;color: var(--color-fg);transition: background-color var(--transition-fast);}.notification-link:hover{background-color: var(--color-box-bg-shaded);}.notification-link:visited{color: var(--color-fg);}.notification-icon{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;flex-shrink: 0;border-radius: 50%;background-color: var(--color-box-bg-shaded);font-size: 1.2em;line-height: 1;}.notification-body{flex-grow: 1;min-width: 0;word-break: break-word;}.notification-sender{font-weight: bold;margin-right: 0.3em;}.notification-action{color: var(--opacity-fg-67);font-size: 0.9em;}.notification-quote{margin: 0.3em 0 0 0;font-size: 0.9em;}.notification-time{color: var(--opacity-fg-59);font-size: 0.85em;white-space: nowrap;}.notification-unread{background-color: var(--color-flash-bg-notice);}.notification-unread .notification-link{font-weight: bold;}.notification-unread .notification-icon{background-color: var(--color-fg-accent);color: white;}.navbar-container{display: flex;align-items: center;padding: 0.5em 0;border-bottom: 1px solid var(--color-fg-shape);}a.navbar-logo{display: flex;align-items: center;justify-content: center;padding: 0 12px;height: 30px;white-space: nowrap;background-color: var(--color-fg-accent);color: white;font-size: 1.1em;font-weight: normal;}a.navbar-logo:hover{opacity: 0.8;}.navbar-links{gap: 2em;margin-left: auto;font-size: 0.9em;padding: 0;}.navbar-links a{color: var(--opacity-fg-67);}.navbar-links a:hover{color: var(--color-fg);}.btn-nav-create{background-color: var(--color-button-bg);border: 1px solid var(--color-box-border);border-bottom-color: var(--color-fg-shape);color: var(--color-fg);padding: 2px 10px;font-weight: bold;}.btn-nav-create:hover{background-color: var(--color-button-bg-shaded);}.navbar-user-dropdown-container{position: relative;display: inline-block;}.dropdown-trigger-btn{display: flex;align-items: center;gap: 0.4em;background: none;border: none;color: var(--color-fg);font: inherit;font-weight: bold;cursor: pointer;padding: 0.2em 0.4em;border-radius: 3px;}.dropdown-trigger-btn:hover{background-color: var(--color-box-bg-shaded);}.dropdown-avatar-badge-wrapper{position: relative;display: inline-flex;align-items: center;justify-content: center;}.mini-avatar-img{width: 20px;height: 20px;border-radius: 3px;object-fit: cover;}.mini-avatar-placeholder{display: inline-flex;align-items: center;justify-content: center;width: 20px;height: 20px;border-radius: 3px;background-color: var(--color-fg-accent);color: white;font-size: 0.75em;font-weight: bold;}.header-notification-link{position: relative;display: inline-flex;align-items: center;justify-content: center;color: var(--color-fg);transition: color var(--transition-fast);}.header-notification-link:hover{color: var(--color-fg-link);}.header-notification-icon{width: 22px;height: 22px;stroke: currentColor;}.header-notification-badge{position: absolute;top: -4px;right: -4px;display: none;font-size: 0.65rem;font-weight: 600;line-height: 1;padding: 0.25em 0.4em;border-radius: 9999px;background-color: var(--color-fg-negative);color: white;text-align: center;min-width: 16px;white-space: nowrap;box-shadow: 0 0 0 2px var(--color-box-bg);}.dropdown-arrow-icon{font-size: 0.7em;color: var(--opacity-fg-63);}.navbar-dropdown-menu{display: none;position: absolute;top: 100%;right: 0;min-width: 180px;background-color: var(--color-box-bg);border: 1px solid var(--color-box-border);border-radius: 3px;box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);z-index: 1000;margin-top: 0.3em;padding: 0.3em 0;}.navbar-dropdown-menu.active{display: block;}.dropdown-menu-item{display: flex;align-items: center;gap: 0.5em;padding: 0.4em 0.8em;color: var(--color-fg);font-size: 0.9em;white-space: nowrap;}.dropdown-menu-item:hover{background-color: var(--color-box-bg-shaded);}.dropdown-item-admin{color: var(--color-fg-accent);font-weight: bold;}a.dropdown-item-admin:hover{background-color: var(--color-fg-accent);color: white;}.dropdown-divider{height: 1px;background-color: var(--color-box-border);margin: 0.3em 0;}.navbar-logout-link{color: var(--color-fg-negative);}.navbar-logout-link:hover{background-color: var(--color-fg-negative);color: white;}.nav-badge-counter,.nav-notification-badge{display: inline-flex;align-items: center;justify-content: center;min-width: 18px;height: 18px;padding: 0 5px;background-color: var(--color-fg-negative);color: white;font-size: 0.7em;font-weight: bold;border-radius: 9px;}.nav-badge-counter{margin-left: auto;}.nav-notification-badge{margin-left: 0.3em;}.profile-header{display: flex;align-items: flex-start;gap: 1.5em;margin-bottom: 1.5em;}.profile-avatar-large{width: 100px;height: 100px;border-radius: 3px;object-fit: cover;border: 1px solid var(--color-box-border);flex-shrink: 0;}.profile-avatar-placeholder-large{display: flex;align-items: center;justify-content: center;width: 100px;height: 100px;border-radius: 3px;background-color: var(--color-fg-accent);color: white;font-size: 3em;font-weight: bold;border: 1px solid var(--color-box-border);flex-shrink: 0;}.profile-info{flex-grow: 1;}.profile-username{margin: 0 0 0.3em 0;font-size: 1.5em;}.profile-status{display: inline-block;padding: 0.2em 0.6em;background-color: var(--color-box-bg-shaded);border: 1px solid var(--color-box-border);border-radius: 3px;font-size: 0.85em;color: var(--opacity-fg-67);}.profile-bio{margin: 1em 0;padding: 1em;background-color: var(--color-box-bg-shaded);border-left: 3px solid var(--color-fg-shape);font-style: italic;color: var(--opacity-fg-75);}.profile-details{width: 100%;max-width: 600px;border-collapse: collapse;margin-top: 1.5em;}.profile-details td{padding: 0.5em 0;border-bottom: 1px solid var(--color-box-bg-shaded);}.profile-details td:first-child{font-weight: bold;color: var(--opacity-fg-67);width: 200px;vertical-align: top;}.profile-details td:last-child{color: var(--color-fg);}.profile-karma-positive{color: var(--color-fg-affirmative);font-weight: bold;}.profile-karma-negative{color: var(--color-fg-negative);font-weight: bold;}.profile-karma-neutral{color: var(--opacity-fg-67);}.profile-id-subtext{color: var(--opacity-fg-59);font-size: 0.85em;margin-left: 0.5em;}.profile-message-btn{margin-top: 0.5em;}.theme-toggle{background: none;border: none;cursor: pointer;padding: 6px;border-radius: 4px;color: var(--opacity-fg-67);display: inline-flex;align-items: center;justify-content: center;transition: background-color var(--transition-fast), color var(--transition-fast);}.theme-toggle:hover{background-color: var(--color-box-bg-shaded);color: var(--color-fg);}.theme-toggle svg{width: 20px;height: 20px;}.theme-toggle .icon-sun{display: none;}.theme-toggle .icon-moon{display: inline-block;}[data-theme="dark"] .theme-toggle .icon-sun{display: inline-block;}[data-theme="dark"] .theme-toggle .icon-moon{display: none;}.rss-link{color: var(--color-rss);font-size: 0.9em;padding: 2px 6px;border-radius: 3px;transition: background var(--transition-fast);}.rss-link:hover{background: var(--color-rss-hover-bg);}.tags-container{display: flex;flex-wrap: wrap;gap: 0.5em;margin-top: 0.5em;}.tag-checkbox{display: inline-flex;align-items: center;gap: 0.4em;background-color: var(--color-box-bg-shaded);border: 1px solid var(--color-box-border);border-radius: 5px;padding: 0.3em 0.6em;cursor: pointer;transition: all var(--transition-fast);font-size: 0.9em;}.tag-checkbox:hover{background-color: var(--color-button-bg-shaded);border-color: var(--color-fg-link);}.tag-checkbox:has(input:checked){background-color: var(--color-tag-meta-bg);border-color: var(--color-tag-meta-border);color: var(--color-fg);font-weight: 600;}.tag-checkbox input[type="checkbox"]{margin: 0;cursor: pointer;}@media only screen and (max-width: 480px){body{padding: 0 0.5em 1em 0.5em;} .mb-none{display: none;} header#nav{flex-wrap: wrap;} ol.stories li.story{display: table;width: 100%;} .comment_form_container form{margin-left: 0;} footer{flex-direction: column;text-align: center;} footer nav a{display: inline-block;margin: 0.25em 0.5em;} .navbar-container{flex-wrap: wrap;} .navbar-links{width: 100%;justify-content: flex-start;flex-wrap: wrap;gap: 0.5em;margin-top: 0.5em;} .navbar-user-dropdown-container{margin-left: auto;} .navbar-dropdown-menu{right: 0;left: auto;min-width: 160px;} li.comment > .comment_votes{float: none;margin-bottom: 0.5em;} li.comment > .comment_body{overflow: visible;} li.comment > ol.comments{margin-left: 0.5em;padding-left: 0.5em;} li.comment.depth-6 > ol.comments, li.comment.depth-7 > ol.comments, li.comment.depth-8 > ol.comments, li.comment.depth-9 > ol.comments, li.comment.depth-10 > ol.comments{margin-left: 0.3em !important;padding-left: 0.5em !important;}}@media print{header#nav, footer, .voters, .byline .divider{display: none;}}.top-periods a{margin-right: 0.4em;padding: 0.25em 0.7em;border-radius: 4px;}.user-badge{display: inline-block;margin-left: 0.5em;padding: 0.1em 0.55em;border-radius: 999px;font-size: 0.78em;background: #2b6cb0;color: #fff;vertical-align: middle;}.user-badge-admin{background: #c05621;}.user-badge-moderator{background: #2f855a;}.user_is_deleted{color: #999;font-style: italic;}.comment-thread{position: relative;}.comment-header{display: flex;align-items: center;gap: 8px;}.collapse-toggle{cursor: pointer;user-select: none;color: #666;font-family: monospace;font-size: 14px;margin-bottom: 0.3em;border-radius: 3px;transition: background-color 0.2s;}.collapse-toggle:hover{background-color: #f0f0f0;color: #000;}.comment-thread.collapsed > .comment_body > .comment_text,.comment-thread.collapsed > .comment_body > .comment_actions,.comment-thread.collapsed > .comments{display: none;}.comment-thread.collapsed > .comment-header::after{content: " [+]";color: #888;font-size: 0.9em;font-family: monospace;}.collapsed-count{color: #0066cc;font-size: 0.85em;margin-left: 5px;margin-bottom: 0.3em;}.comment-thread.deleted{opacity: 0.6;}.comment.is-new{border-left: 3px solid #ff9800;background-color: #fff8e1;}.comment.is-new .comment-header{font-weight: 600;color: #000;}.comment.is-new:hover{background-color: #ffecb3;}.comment-head{display: flex;justify-content: space-between;align-items: center;margin-bottom: 15px;}.messages-list{list-style: none;padding: 0;margin: 0;}.message-item{display: block;padding: 0.75em 0;border-bottom: 1px solid var(--color-box-bg-shaded);text-decoration: none;color: var(--color-fg);}.message-item:hover{background-color: var(--color-box-bg-shaded);}.message-item.unread{background-color: var(--color-flash-bg-notice);}.message-item.unread:hover{background-color: var(--color-flash-bg-notice);opacity: 0.9;}.message-item-inner{display: flex;align-items: flex-start;gap: 0.75em;}.message-avatar{width: 32px;height: 32px;border-radius: 3px;object-fit: cover;flex-shrink: 0;}.message-avatar-placeholder{display: flex;align-items: center;justify-content: center;width: 32px;height: 32px;border-radius: 3px;background-color: var(--color-fg-accent);color: white;font-size: 0.9em;font-weight: bold;flex-shrink: 0;}.message-content{flex-grow: 1;min-width: 0;}.message-username{font-weight: bold;color: var(--color-fg);margin-bottom: 0.2em;}.message-preview{color: var(--opacity-fg-contrast-6);font-size: 0.9em;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}.message-preview-empty{color: var(--opacity-fg-contrast-4-5);font-style: italic;}.message-timestamp{color: var(--opacity-fg-contrast-4-5);font-size: 0.85em;flex-shrink: 0;margin-left: auto;}.dialog-header{display: flex;align-items: center;gap: 0.75em;margin-bottom: 1em;padding-bottom: 0.5em;border-bottom: 1px solid var(--color-fg-shape);}.dialog-back-link{color: var(--color-fg-link);text-decoration: none;font-size: 0.9em;}.dialog-back-link:hover{text-decoration: underline;}.dialog-avatar{width: 40px;height: 40px;border-radius: 3px;object-fit: cover;}.dialog-avatar-placeholder{display: flex;align-items: center;justify-content: center;width: 40px;height: 40px;border-radius: 3px;background-color: var(--color-fg-accent);color: white;font-size: 1.2em;font-weight: bold;}.dialog-title{font-weight: bold;color: var(--color-fg);}.dialog-pagination{text-align: center;margin: 1em 0;padding: 0.5em 0;}.dialog-load-older{color: var(--color-fg-link);text-decoration: none;font-size: 0.9em;}.dialog-load-older:hover{text-decoration: underline;}.dialog-pagination-status{color: var(--opacity-fg-contrast-4-5);font-size: 0.85em;font-style: italic;}.dialog-messages{margin: 1.5em 0;}.dialog-message{margin-bottom: 1em;padding: 0.5em 0;}.dialog-message.incoming{padding-left: 0;}.dialog-message.outgoing{padding-left: 2em;color: var(--opacity-fg-contrast-7-5);}.dialog-message-text{margin-bottom: 0.3em;word-wrap: break-word;}.dialog-message-time{color: var(--opacity-fg-contrast-4-5);font-size: 0.8em;}.dialog-empty{text-align: center;padding: 2em 0;color: var(--opacity-fg-contrast-6);font-style: italic;}.dialog-form{margin-top: 1.5em;padding-top: 1em;border-top: 1px solid var(--color-fg-shape);}.dialog-form-row{display: flex;gap: 0.5em;}.dialog-form-input{flex-grow: 1;}.dialog-form-button{flex-shrink: 0;}.progress{width: 100%;height: 20px;background-color: var(--color-box-bg-shaded, #f0f0f0);border: 1px solid var(--color-box-border, #ccc);border-radius: 3px;overflow: hidden;margin: 10px 0;}.progress-bar{height: 100%;background-color: var(--color-fg-affirmative, #28a745);color: white;text-align: center;line-height: 20px;font-size: 0.85em;transition: width 0.3s ease;}.suggestions-container{margin: 1em 0;padding: 1em;background: var(--color-box-bg-shaded, #f8f9fa);border: 1px solid var(--color-box-border, #dee2e6);border-radius: 3px;}