body{margin:0;background-color:#1a1a1b}a{color:#fff}.post-title p{padding:0;margin:0}.reddit-app{display:flex;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:#1a1a1b;color:#d7dadc;min-height:100vh;position:relative}.main-content{flex:1;margin:0 auto;padding:20px;transition:margin-left .3s ease}.sidebar-toggle{position:fixed;bottom:20px;left:20px;z-index:1001;background-color:#1a1a1b;border:1px solid #343536;border-radius:4px;padding:8px;cursor:pointer;display:flex;flex-direction:column;gap:3px;transition:all .3s ease;width:36px;height:36px;align-items:center;justify-content:center}.sidebar-toggle:hover{background-color:#303033}.hamburger-line{width:20px;height:2px;background-color:#fff;transition:all .3s ease;flex-shrink:0}.sidebar-toggle.open .hamburger-line:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.sidebar-toggle.open .hamburger-line:nth-child(2){opacity:0}.sidebar-toggle.open .hamburger-line:nth-child(3){transform:rotate(-45deg) translate(7px,-6px)}.sidebar-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;z-index:999;display:none}.sidebar{position:fixed;top:0;left:-320px;width:320px;height:100vh;background-color:#1a1a1b;border-right:1px solid #343536;z-index:1000;transition:left .3s ease;overflow-y:auto;display:flex;flex-direction:column}.sidebar.open{left:0}.sidebar-header{display:flex;justify-content:space-between;align-items:center;padding:20px;border-bottom:1px solid #343536;background-color:#161617}.sidebar-header h2{margin:0;color:#d7dadc;font-size:18px}.sidebar-close{background:none;border:none;color:#818384;font-size:24px;cursor:pointer;padding:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center}.sidebar-close:hover{color:#d7dadc}.sidebar-content{flex:1;padding:20px;overflow-y:auto}.sidebar-section{margin-bottom:30px}.sidebar-section h3{margin:0 0 16px;color:#d7dadc;font-size:16px;font-weight:600}.section-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.section-header h3{margin-bottom:0}.clear-all-btn{background:none;border:1px solid #343536;color:#818384;padding:4px 8px;border-radius:4px;font-size:12px;cursor:pointer;transition:all .2s}.clear-all-btn:hover{border-color:#f44;color:#f44}.no-recent-posts{color:#818384;font-style:italic;text-align:center;padding:20px;margin:0}.recent-posts-list{display:flex;flex-direction:column;gap:12px}.recent-post-item{background-color:#272729;border:1px solid #343536;border-radius:4px;padding:12px;cursor:pointer;transition:all .2s;display:flex;justify-content:space-between;align-items:flex-start;gap:8px}.recent-post-item:hover{border-color:#0079d3;background-color:#2a2a2c}.post-info{flex:1;min-width:0}.post-title{font-size:14px;font-weight:600;color:#d7dadc;margin:0 0 6px;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{font-size:11px;color:#818384;margin-bottom:4px}.post-timestamps{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#666}.post-time{flex:1}.post-source{font-size:12px}.post-source.fetched{color:#0079d3}.post-source.imported{color:#46d160}.remove-post-btn{background:none;border:none;color:#666;font-size:16px;cursor:pointer;padding:0;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:2px;transition:all .2s;flex-shrink:0}.remove-post-btn:hover{background-color:#f44;color:#fff}.sidebar-import{width:100%;margin-bottom:12px;padding:10px 16px;font-size:13px}.sidebar-drop-zone{padding:12px;font-size:12px;margin-bottom:0}.sidebar .import-section{margin-bottom:0}.sidebar .import-controls{flex-direction:column;gap:12px}.editable-content{position:relative;cursor:pointer;transition:all .2s ease;border-radius:4px;padding:2px;margin:-2px}.editable-content p{white-space:pre-wrap}.editable-content:hover:not(.editing){background-color:#ffffff0d;border:1px solid rgba(255,255,255,.1)}.editable-content.empty{color:#666;font-style:italic}.editable-content.editing{background-color:#272729;border:1px solid #0079d3;padding:8px;cursor:default}.edit-input,.edit-textarea{width:100%;background-color:#1a1a1b;border:1px solid #343536;border-radius:4px;padding:8px;color:#d7dadc;font-family:inherit;font-size:inherit;line-height:inherit;resize:vertical;min-height:40px}.edit-input:focus,.edit-textarea:focus{outline:none;border-color:#0079d3}.edit-textarea{min-height:60px;max-height:300px}.edit-controls{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.save-btn,.cancel-btn{padding:6px 12px;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:background-color .2s}.save-btn{background-color:#0079d3;color:#fff}.save-btn:hover:not(:disabled){background-color:#0060a8}.save-btn:disabled{background-color:#666;cursor:not-allowed}.cancel-btn{background-color:#343536;color:#d7dadc}.cancel-btn:hover:not(:disabled){background-color:#404142}.edit-hint{font-size:11px;color:#666;margin-left:auto}.edited-badge{display:inline-block;background-color:#ffa50033;color:orange;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;margin-left:8px;cursor:help;border:1px solid rgba(255,165,0,.3)}.post-title.editable-content{margin:0 0 8px;font-size:18px;font-weight:500;line-height:1.3;color:#d7dadc}.post-title .edit-input{font-size:18px;font-weight:500}.post-content.editable-content{margin-bottom:12px;line-height:1.5}.post-content.editable-content p{margin:0 0 12px}.comment-body.editable-content{line-height:1.5;color:#d7dadc}.comment-body.editable-content p{margin:0 0 8px}.editable-content-wrapper{position:relative;display:flex;align-items:flex-start;gap:8px}.editable-content-wrapper .editable-content{flex:1;min-width:0}.content-actions{display:flex;align-items:flex-start;gap:4px;margin-top:2px;opacity:0;transition:opacity .2s ease}.editable-content-wrapper:hover .content-actions{opacity:1}.content-badges{display:inline-flex;align-items:center;gap:8px;margin-left:8px}.translated-badge{display:inline-block;background-color:#46d16033;color:#46d160;padding:2px 6px;border-radius:3px;font-size:10px;font-weight:600;cursor:help;border:1px solid rgba(70,209,96,.3)}.translate-btn{padding:4px 8px;background-color:#0079d3;color:#fff;border:none;border-radius:3px;font-size:11px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px;white-space:nowrap}.translate-btn:hover:not(:disabled){background-color:#0060a8;transform:translateY(-1px)}.translate-btn:disabled{background-color:#666;cursor:not-allowed;transform:none}.translate-btn.revert-btn{background-color:#ff8c00}.translate-btn.revert-btn:hover:not(:disabled){background-color:#e67e00}.translate-btn.compact{padding:3px 6px;font-size:10px}.translate-btn .translate-icon{font-size:12px}.content-translate-btn{font-size:10px;padding:2px 6px}.delete-comment-btn{background:none;border:1px solid #666;color:#f44;padding:4px 6px;border-radius:3px;cursor:pointer;font-size:12px;transition:all .2s;display:flex;align-items:center;justify-content:center;min-width:28px;height:24px;margin-left:4px}.delete-comment-btn:hover:not(:disabled){background-color:#ff44441a;border-color:#f44;color:#f66}.delete-comment-btn:disabled{opacity:.5;cursor:not-allowed}.translate-all-container{position:relative}.translate-controls{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.language-selector{position:relative}.language-select-btn{padding:8px 12px;background-color:#272729;border:1px solid #343536;border-radius:4px;color:#d7dadc;cursor:pointer;font-size:12px;display:flex;align-items:center;gap:8px;transition:all .2s}.language-select-btn:hover:not(:disabled){border-color:#0079d3;background-color:#2a2a2c}.language-select-btn:disabled{opacity:.6;cursor:not-allowed}.dropdown-arrow{font-size:10px;transition:transform .2s}.language-dropdown{position:absolute;top:100%;left:0;right:0;background-color:#1a1a1b;border:1px solid #343536;border-radius:4px;max-height:200px;overflow-y:auto;z-index:1000;margin-top:4px}.language-option{width:100%;padding:8px 12px;background:none;border:none;color:#d7dadc;text-align:left;cursor:pointer;font-size:12px;transition:background-color .2s}.language-option:hover{background-color:#272729}.language-option.selected{background-color:#0079d3;color:#fff}.translate-all-btn{padding:8px 16px;background-color:#46d160;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:6px}.translate-all-btn:hover:not(:disabled){background-color:#3ba94d;transform:translateY(-1px)}.translate-all-btn:disabled{background-color:#666;cursor:not-allowed;transform:none}.translation-status{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.translation-info{font-size:12px;color:#46d160;font-weight:600}.revert-all-btn{padding:8px 12px;background-color:#ff8c00;color:#fff;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;gap:4px}.revert-all-btn:hover:not(:disabled){background-color:#e67e00;transform:translateY(-1px)}.revert-all-btn:disabled{background-color:#666;cursor:not-allowed;transform:none}.action-buttons{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.action-buttons button,.translate-all-container button{box-sizing:border-box;line-height:1.2;min-height:36px}.input-section{margin-bottom:30px}.url-input-form{margin-bottom:20px}.input-group{display:flex;gap:10px;flex-wrap:wrap}.url-input{flex:1;min-width:300px;padding:12px;border:1px solid #343536;border-radius:4px;background-color:#272729;color:#d7dadc;font-size:14px}.url-input:focus{outline:none;border-color:#0079d3}.fetch-button{padding:12px 24px;background-color:#0079d3;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .2s}.fetch-button:hover:not(:disabled){background-color:#0060a8}.fetch-button:disabled{background-color:#666;cursor:not-allowed}.error-message{background-color:#f44;color:#fff;padding:12px;border-radius:4px;margin-bottom:20px}.loading-message{text-align:center;padding:40px;color:#818384}.reddit-post{display:flex;background-color:#1a1a1b;border:1px solid #343536;border-radius:4px;margin-bottom:20px;overflow:hidden}.post-votes{background-color:#161617;padding:8px;display:flex;flex-direction:column;align-items:center;min-width:60px;border-right:1px solid #343536}.vote-score{font-weight:700;font-size:16px;color:#d7dadc}.vote-ratio{font-size:12px;color:#818384;margin-top:4px}.post-main{flex:1;padding:16px}.post-title{font-size:18px;font-weight:500;margin:0 0 8px;line-height:1.3;color:#d7dadc}.post-meta{font-size:12px;color:#818384;margin-bottom:12px}.post-subreddit{color:#0079d3;font-weight:600}.post-author{color:#818384}.post-separator{margin:0 4px}.post-content{margin-bottom:12px;line-height:1.5}.post-content p{margin:0 0 12px}.external-link{color:#0079d3;text-decoration:none;word-break:break-all}.external-link:hover{text-decoration:underline}.post-footer{border-top:1px solid #343536;padding-top:8px}.post-stats{display:flex;gap:16px;font-size:12px;color:#818384}.original-link{color:#0079d3;text-decoration:none}.original-link:hover{text-decoration:underline}.comment-thread{margin-top:20px}.comments-header{font-size:16px;font-weight:600;margin:0 0 16px;color:#d7dadc}.no-comments{text-align:center;color:#818384;font-style:italic;padding:20px}.comment{border-left:2px solid #343536;padding:12px 0 12px 16px;margin-bottom:8px;position:relative}.comment.stickied{border-left-color:#46d160}.comment.distinguished{border-left-color:#0079d3}.comment-header{font-size:12px;margin-bottom:8px;display:flex;align-items:center;flex-wrap:wrap;gap:4px}.comment-author{font-weight:600;color:#0079d3}.comment-author.op{color:#ff4500}.op-badge{background-color:#ff4500;color:#fff;padding:2px 4px;border-radius:2px;font-size:10px;font-weight:700;margin-left:4px}.distinguished-badge{padding:2px 4px;border-radius:2px;font-size:10px;font-weight:700;margin-left:4px}.distinguished-badge.moderator{background-color:#46d160;color:#fff}.distinguished-badge.admin{background-color:#ff4500;color:#fff}.comment-score,.comment-separator,.comment-time{color:#818384}.comment-body{line-height:1.5;color:#d7dadc}.comment-body p{margin:0 0 8px}.comment-body a{color:#0079d3;text-decoration:none}.comment-body a:hover{text-decoration:underline}.import-export-divider{text-align:center;margin:20px 0;position:relative}.import-export-divider:before{content:"";position:absolute;top:50%;left:0;right:0;height:1px;background-color:#343536}.import-export-divider span{background-color:#1a1a1b;padding:0 16px;color:#818384;font-size:14px;position:relative;z-index:1}.import-section{margin-bottom:20px}.import-controls{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.import-button{padding:12px 24px;background-color:#46d160;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:14px;transition:background-color .2s;display:flex;align-items:center;gap:8px}.import-button:hover:not(:disabled){background-color:#3ba94d}.import-button:disabled{background-color:#666;cursor:not-allowed}.import-icon{font-size:16px}.drop-zone{flex:1;padding:16px;border:2px dashed #343536;border-radius:4px;text-align:center;transition:all .2s;cursor:pointer}.drop-zone.drag-over{border-color:#46d160;background-color:#46d1601a}.drop-text{color:#818384;font-size:14px}.post-actions{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.data-source-info{display:flex;align-items:center}.data-source-badge{padding:4px 8px;border-radius:4px;font-size:12px;font-weight:600;display:flex;align-items:center;gap:4px}.data-source-badge.imported{background-color:#46d16033;color:#46d160;border:1px solid rgba(70,209,96,.3)}.data-source-badge.fetched{background-color:#0079d333;color:#0079d3;border:1px solid rgba(0,121,211,.3)}.export-container{position:relative;display:inline-block}.export-button{padding:8px 16px;background-color:#ff4500;color:#fff;border:none;border-radius:4px;cursor:pointer;font-weight:600;font-size:12px;transition:background-color .2s;display:flex;align-items:center;gap:6px}.export-button:hover:not(:disabled){background-color:#e03d00}.export-button:disabled{background-color:#666;cursor:not-allowed}.export-icon{font-size:14px}.dropdown-arrow{font-size:10px;margin-left:4px}.export-format-menu{position:absolute;top:100%;right:0;background-color:#1a1a1b;border:1px solid #343536;border-radius:4px;box-shadow:0 4px 12px #0000004d;z-index:1000;min-width:300px;margin-top:4px}.export-format-option{width:100%;padding:12px 16px;background:none;border:none;color:#d7dadc;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:12px;transition:background-color .2s;text-align:left}.export-format-option:hover{background-color:#272729}.export-format-option:first-child{border-radius:4px 4px 0 0}.export-format-option:last-child{border-radius:0 0 4px 4px}.format-icon{font-size:16px}.format-description{font-size:10px;color:#818384;margin-left:auto}.placeholder-section{background-color:#1a1a1b;border:1px solid #343536;border-radius:4px;padding:40px 20px;margin-bottom:20px;text-align:center}.placeholder-content{max-width:400px;margin:0 auto}.placeholder-icon{font-size:48px;margin-bottom:16px;opacity:.7}.placeholder-section h3{margin:0 0 12px;color:#d7dadc;font-size:18px;font-weight:500}.placeholder-section p{margin:0;color:#818384;font-size:14px;line-height:1.5}@media (max-width: 768px){*{-webkit-tap-highlight-color:transparent}input,textarea,select{font-size:16px!important}.main-content{padding:10px}.sidebar{width:280px;left:-280px}.sidebar-overlay{display:block}.sidebar-toggle{top:10px;left:10px;bottom:auto;width:44px;height:44px;padding:10px;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.sidebar-toggle .hamburger-line{width:18px}.input-group{flex-direction:column}.url-input{min-width:unset}.reddit-post{flex-direction:column}.post-votes{flex-direction:row;justify-content:center;min-width:unset;border-right:none;border-bottom:1px solid #343536}.vote-score{margin-right:8px}.comment{margin-left:0;padding-left:12px}.example-list{grid-template-columns:1fr}.import-controls{flex-direction:column;align-items:stretch}.drop-zone{min-width:unset}.post-actions{flex-direction:column;align-items:center;gap:12px}.data-source-info{order:2}.edit-controls{flex-direction:column;align-items:stretch;gap:6px}.save-btn,.cancel-btn{width:100%}.edit-hint{text-align:center;margin:0}.translate-controls,.translation-status{flex-direction:column;align-items:stretch;gap:8px}.action-buttons{flex-direction:column;gap:8px}.editable-content-wrapper{flex-direction:column;gap:4px}.content-actions{opacity:1;justify-content:flex-end}.fetch-button{min-height:44px;padding:12px 16px}.url-input{min-height:44px;padding:12px;font-size:16px}.translate-btn,.save-btn,.cancel-btn,.language-select-btn,.translate-all-btn,.revert-all-btn{min-height:44px;padding:12px 16px}header{text-align:center;margin-bottom:20px}header h1{font-size:24px;margin-bottom:8px}header p{font-size:14px;margin-bottom:0}.main-content-inner{max-width:100%;padding:0}.reddit-app{overflow-x:hidden}.post-content,.comment-body{font-size:14px;line-height:1.6}.comment{padding-left:8px;margin-left:0}.comment .comment{margin-left:12px}.export-button{min-height:44px;padding:12px 16px}.delete-comment-btn{min-width:44px;min-height:44px;padding:12px}}@media (max-width: 480px){.main-content{padding:8px}.sidebar{width:100vw;left:-100vw}.sidebar-toggle{top:8px;left:8px}header h1{font-size:20px}.input-section{margin-bottom:20px}.post-actions{gap:8px}.action-buttons{gap:6px}}@media (min-width: 769px){.sidebar-overlay{display:none!important}.main-content{margin-left:0}.sidebar.open+.main-content{margin-left:320px}}.main-content-inner{width:100%;max-width:800px;margin:0 auto}