html{box-sizing:border-box}*,*:before,*:after{box-sizing:inherit}body{margin:0;min-height:100vh}#root{min-height:100vh}:root{--primary-color: #ff6600;--bg-color: #f6f6ef;--text-color: #000;--text-muted: #828282;--link-color: #000;--link-hover: #ff6600}*{box-sizing:border-box;margin:0;padding:0}body{font-family:Verdana,Geneva,sans-serif;font-size:10pt;background:var(--bg-color);color:var(--text-color);line-height:1.4}.app{max-width:85%;margin:0 auto;background:var(--bg-color)}.header{background:var(--primary-color);padding:2px}.nav{display:flex;justify-content:space-between;align-items:center;padding:4px 8px}.nav-left{display:flex;align-items:center;gap:8px}.logo{display:flex;align-items:center;gap:4px;text-decoration:none;color:#000;font-weight:700}.logo-icon{background:#fff;color:var(--primary-color);padding:1px 4px;font-size:11pt;border:1px solid #fff}.logo-text{font-size:10pt}.nav-links{display:flex;gap:8px}.nav-links a,.nav-right a{color:#000;text-decoration:none}.nav-links a:hover,.nav-right a:hover{text-decoration:underline}.nav-links a.active{color:#fff}.nav-right{display:flex;align-items:center;gap:8px}.user-info{color:#000}.link-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:inherit;font-family:inherit;padding:0;text-decoration:underline}.link-btn:hover{color:var(--link-hover)}.post-list{padding:10px 0}.post-item{display:flex;align-items:flex-start;padding:5px 0}.post-rank{color:var(--text-muted);min-width:25px;text-align:right;padding-right:5px}.post-vote{padding:0 5px}.vote-btn{background:none;border:none;cursor:pointer;color:var(--text-muted);font-size:10px;line-height:1;padding:0}.vote-btn:hover:not(:disabled){color:var(--primary-color)}.vote-btn.voted{color:var(--primary-color)}.vote-btn:disabled{cursor:default;opacity:.5}.post-content{flex:1}.post-title-row{display:flex;align-items:baseline;gap:5px;flex-wrap:wrap}.post-title{color:var(--link-color);text-decoration:none;font-size:10pt}.post-title:visited{color:var(--text-muted)}.post-title:hover{text-decoration:underline}.post-domain{color:var(--text-muted);font-size:8pt}.post-meta{color:var(--text-muted);font-size:7pt;margin-top:2px}.post-meta a{color:var(--text-muted);text-decoration:none}.post-meta a:hover{text-decoration:underline}.post-detail{padding:10px}.post-full{margin-bottom:20px}.post-header{display:flex;align-items:flex-start;gap:5px}.post-full .post-title{font-size:12pt;color:var(--link-color);text-decoration:none}.post-full .post-title:hover{text-decoration:underline}.post-text{margin-top:15px;padding:10px;background:#fff;white-space:pre-wrap}.comments-section{border-top:1px solid #e0e0e0;padding-top:15px}.comment-form,.reply-form{margin-bottom:20px}.comment-form textarea,.reply-form textarea{width:100%;max-width:500px;padding:8px;font-family:inherit;font-size:inherit;border:1px solid #ccc;resize:vertical}.comment-form button,.reply-form button{display:block;margin-top:5px;padding:4px 12px;background:var(--bg-color);border:1px solid #ccc;cursor:pointer;font-size:inherit}.comment-form button:hover,.reply-form button:hover{background:#e0e0e0}.comment{margin:10px 0;padding-left:10px;border-left:1px solid #e0e0e0}.comment-meta{color:var(--text-muted);font-size:8pt;margin-bottom:5px}.comment-author{color:var(--text-muted);text-decoration:none}.comment-author:hover{text-decoration:underline}.comment-text{white-space:pre-wrap;word-wrap:break-word}.comment-actions{margin-top:5px;font-size:8pt}.login-prompt{color:var(--text-muted);margin-bottom:15px}.login-prompt a{color:var(--text-muted)}.submit-page,.login-page{padding:20px 10px;max-width:500px}.submit-page h1,.login-page h1{font-size:13pt;margin-bottom:15px}.form-group{margin-bottom:12px}.form-group label{display:block;margin-bottom:4px;color:var(--text-muted)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:6px 8px;font-family:inherit;font-size:inherit;border:1px solid #ccc}.form-group textarea{resize:vertical}.submit-form button,.auth-form button{padding:6px 16px;background:var(--bg-color);border:1px solid #ccc;cursor:pointer;font-size:inherit}.submit-form button:hover,.auth-form button:hover{background:#e0e0e0}.submit-form button:disabled,.auth-form button:disabled{opacity:.5;cursor:not-allowed}.error-message{color:#c00;margin:10px 0;padding:8px;background:#fdd}.submit-tips{margin-top:20px;color:var(--text-muted);font-size:9pt}.auth-switch{margin-top:15px;color:var(--text-muted)}.loading,.empty,.error{padding:20px;color:var(--text-muted);text-align:center}.pagination{padding:15px 0 15px 30px}.pagination a{color:var(--link-color);text-decoration:none}.pagination a:hover{text-decoration:underline}@media(max-width:600px){.app{max-width:100%}.nav{flex-direction:column;align-items:flex-start;gap:8px}.nav-left{flex-wrap:wrap}}