.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;}@charset "UTF-8";: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;}html{font-size: var(--font-size-default);overflow-y: scroll;scroll-behavior: smooth;}body, textarea, input, button{font-family: "helvetica neue", arial, 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);}a:visited{color: var(--color-fg-link-visited);}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{overflow-x: auto;background-color: var(--color-box-bg-shaded);padding: 0.5em;border-radius: 3px;}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);}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);text-decoration: none;margin-right: 1em;}header#nav a{color: var(--opacity-fg-67);font-weight: bold;margin: 0 0.5em 0 0;text-decoration: none;}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);text-decoration: none;margin-left: 0.75em;}footer a:hover{text-decoration: underline;}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;text-decoration: none;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{font-weight: bold;vertical-align: middle;}li .link a{text-decoration: none;}li .link a:hover{color: var(--color-fg-link);}li .domain{color: var(--opacity-fg-59);font-style: italic;text-decoration: none;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;}.tag{background-color: var(--color-tag-bg);border: 1px solid var(--color-tag-border);border-radius: 5px;color: var(--opacity-fg-84);font-size: var(--font-size-tags);margin-left: 0.25em;padding: 0 0.4em 1px 0.4em;text-decoration: none;white-space: nowrap;display: inline-block;vertical-align: middle;line-height: 1.2em;font-weight: normal;}.tag:hover{opacity: 0.8;}.tag:visited{color: var(--opacity-fg-84);}.tag-meta{background-color: var(--color-tag-meta-bg);border-color: var(--color-tag-meta-border);color: var(--opacity-fg-75);}.tag-ask{background-color: #f9ddde;border-color: #f0b2b8;color: var(--opacity-fg-75);}li .byline{color: var(--opacity-fg-59);font-size: 0.85em;margin-top: 0.2em;}li .byline a{color: var(--opacity-fg-59);text-decoration: none;}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;}.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;}input, button, select, textarea{color: var(--color-fg);font: inherit;background-color: var(--color-box-bg);padding: 3px 5px;margin: var(--input-outline-width);border: 1px solid var(--color-box-border);transition: border-color var(--transition-fast), outline var(--transition-fast);}input:focus, button:focus, select:focus, textarea:focus{outline: var(--input-outline-width) solid var(--color-box-border-focus);border-color: transparent;}textarea{width: 99%;box-sizing: border-box;min-height: 80px;resize: vertical;}button,input[type="submit"],input[type="button"],a.button{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;display: inline-block;line-height: 18px;padding: 4px 10px;text-align: center;text-decoration: none;}button:hover,input[type="submit"]:hover,input[type="button"]:hover{background-color: var(--color-button-bg-shaded);}button.button-no{border: 0;background-color: var(--color-box-bg);color: var(--opacity-fg-67);text-decoration: none;}button.button-no:hover{color: var(--opacity-fg-67);background-color: var(--color-box-bg);}.btn-link{background: none;border: none;color: var(--color-fg-link);cursor: pointer;padding: 0;text-decoration: underline;font: inherit;}.btn-link:hover{opacity: 0.8;}.btn-danger{background: var(--color-fg-negative);color: var(--color-box-bg);border: 1px solid var(--color-fg-negative);padding: 4px 10px;cursor: pointer;}.btn-danger:hover{opacity: 0.9;}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);text-decoration: none;}.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);text-decoration: none;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;}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);}.alert, .flash-error, .flash-success, .flash-notice{position: relative;padding: 0.75em 1em;margin-bottom: 1em;border: 1px solid transparent;border-radius: 3px;font-size: 0.9em;line-height: 1.4;}.alert-success, .flash-success{background-color: var(--color-flash-bg-success);border-color: var(--color-fg-affirmative);color: var(--color-fg);}.alert-danger, .flash-error{background-color: var(--color-flash-bg-error);border-color: var(--color-fg-negative);color: var(--color-fg);}.alert-notice, .flash-notice{background-color: var(--color-flash-bg-notice);border-color: var(--color-fg-link);color: var(--color-fg);}.alert strong{font-weight: bold;}.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;text-decoration: none;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;}.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;}.page_link_buttons{font-weight: bold;margin-top: 1.5em;}.page_link_buttons a,.page_link_buttons span{border: 1px solid var(--color-box-border);background-color: var(--color-button-bg);color: var(--opacity-fg-75);padding: 0.25em 0.5em;font-weight: bold;text-decoration: none;margin-left: 0.5em;display: inline-block;}.page_link_buttons a:hover{background-color: var(--color-button-bg-shaded);}.page_link_buttons a.cur,.page_link_buttons span.current{background-color: transparent;border-color: transparent;color: var(--color-fg);}nav.morelink{margin-top: 1.5em;}nav.morelink a{color: var(--opacity-fg-75);font-weight: bold;text-decoration: none;}nav.morelink a:hover{color: var(--color-fg);}table{width: 100%;border-collapse: collapse;margin: 20px 0;color: var(--color-fg);}table th, table td{padding: 12px 15px;text-align: left;border-bottom: 1px solid var(--color-table-row-border);}table thead th{font-weight: 600;background-color: transparent;border-bottom: 2px solid var(--color-table-header-border);}table tbody tr:hover{background-color: var(--color-box-bg-shaded);}table.data{width: 100%;}table.data th{background-color: var(--color-table-header-bg);border: 1px solid var(--color-table-header-border);text-align: left;padding: 0.25em 0.5em;}table.data td{padding: 0.25em 0.5em;}table.data.zebra tr:nth-child(even) td{background-color: var(--color-table-row-bg-even);border-bottom: 1px solid var(--color-table-row-border);}table.data.zebra tr:nth-child(odd) td{background-color: var(--color-table-row-bg-odd);border-bottom: 1px solid var(--color-table-row-border);}table.data tr.unread td{background-color: var(--color-flash-bg-notice);font-weight: bold;}.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;width: 55px;height: 30px;background-color: var(--color-fg-accent);color: white;text-decoration: none;font-size: 1.1em;font-weight: normal;}a.navbar-logo:hover{opacity: 0.8;}.navbar-links{display: flex;align-items: center;gap: 2em;margin-left: auto;font-size: 0.9em;}.navbar-links a{color: var(--opacity-fg-67);text-decoration: none;font-weight: bold;}.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;text-decoration: none;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);text-decoration: none;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);text-decoration: none;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;}.nav{display: flex;align-items: center;gap: 1em;padding: 0.5em 0;margin-bottom: 1em;border-bottom: 1px solid var(--color-fg-shape);flex-wrap: wrap;}.nav a{color: var(--opacity-fg-67);font-weight: bold;text-decoration: none;padding: 0.2em 0;display: inline-flex;align-items: center;gap: 0.3em;position: relative;}.nav a:hover{color: var(--color-fg);}.nav .active{border-bottom: 0.2em solid var(--color-fg-accent);padding-bottom: 0;color: var(--color-fg);}.nav.br-none{border-bottom: none;}.breadcrumb{margin: 10px 0;padding: 0;list-style: none;display: flex;align-items: center;gap: 0.5rem;font-size: 0.95rem;}.breadcrumb li{display: contents;}.breadcrumb a{color: var(--opacity-fg-59);text-decoration: none;}.breadcrumb a:hover,.breadcrumb a:focus{color: #007bff;text-decoration: underline;}.breadcrumb li:not(:last-child)::after{content: "/";margin-left: 0.5rem;color: var(--opacity-fg-63);}.breadcrumb li:last-child::after{content: none;}.breadcrumb [aria-current="page"]{color: var(--color-fg-accent);}.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);text-decoration: none;font-size: 0.9em;padding: 2px 6px;border-radius: 3px;transition: background var(--transition-fast);}.rss-link:hover{background: var(--color-rss-hover-bg);text-decoration: none;}.modal{position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: rgba(0, 0, 0, 0.5);z-index: 1000;}.modal-visible{display: flex;}.modal-content{position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);background: var(--color-box-bg);padding: 20px;border: 1px solid var(--color-box-border);border-radius: 3px;max-width: 600px;width: 90%;max-height: 90vh;overflow-y: auto;}.hint{color: var(--opacity-fg-63);font-style: italic;font-size: 0.85em;}.clear{clear: both;}.delete, .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;}.mb-1{margin-bottom: 1em;}.inline-form{display: inline;}.hidden{display: none;}.w-60{width: 60%;}.right{float: right;}@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;}}@media print{header#nav, footer, .voters, .byline .divider{display: none;}}.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;}