.tab-system{--page-bg:var(--bg-surface);--tab-bg:var(--bg-input);--tab-hover:var(--bg-elevated);--tab-border:var(--border);--tab-text:var(--text)}.tab-nav{display:flex;gap:4px;align-items:end;margin-bottom:0}.tab-radio{position:absolute;opacity:0;pointer-events:none}.tab-button{display:inline-block;padding:0.6rem 1.2rem;background:var(--tab-bg);color:var(--text-dim);border:1px solid var(--tab-border);border-radius:8px 8px 0 0;cursor:pointer;user-select:none;line-height:1.2;font-family:inherit;font-size:0.9rem;transition:background 0.15s,color 0.15s,border-color 0.15s;margin-bottom:-1px;position:relative;z-index:1}.tab-button:hover{background:var(--tab-hover);color:var(--text)}.tab-content{display:none;padding:1.5rem;background:var(--page-bg);border:1px solid var(--tab-border);border-radius:0 8px 8px 8px}.tab-content p:not(#story-container p):not(#story-container * p){margin:0 0 1rem 0;line-height:1.7;color:var(--text)}.tab-content p:not(#story-container p):not(#story-container * p):last-child{margin-bottom:0}.tab-content h1:not(#story-container h1):not(#story-container * h1),.tab-content h2:not(#story-container h2):not(#story-container * h2),.tab-content h3:not(#story-container h3):not(#story-container * h3),.tab-content h4:not(#story-container h4):not(#story-container * h4){color:var(--text);line-height:1.3;margin:1.2rem 0 0.7rem 0;font-weight:600}.tab-content fieldset:not(#story-container fieldset):not(#story-container * fieldset){margin:1rem 0;padding:1rem 1.2rem;border:1px solid var(--border);border-radius:8px;background:var(--bg-elevated);box-shadow:var(--shadow)}.tab-content legend:not(#story-container legend):not(#story-container * legend){padding:0.15rem 0.7rem;font-weight:600;color:var(--primary-very-light);background:var(--primary-dark);border-radius:5px;line-height:1.4;font-size:0.9rem}.tab-content a:not(#story-container a):not(#story-container * a){color:var(--primary);text-decoration:none;transition:color 0.2s}.tab-content a:not(#story-container a):not(#story-container * a):hover{color:var(--primary-light);text-decoration:underline}.tab-content audio:not(#story-container audio):not(#story-container * audio){width:min(520px,100%);display:block;margin:0.45rem 0 0.9rem}.tab-content br + br:not(#story-container br + br){display:none}.comment-section{max-width:920px;display:flex;flex-direction:column;gap:1rem}.comment-form-card{background:var(--bg-elevated);border:1px solid var(--border);border-radius:10px;padding:1.2rem}.comment-form{display:flex;flex-direction:column;gap:0.8rem}.comment-input,.comment-textarea{width:100%;box-sizing:border-box;border:1px solid var(--border);border-radius:8px;background:var(--bg-input);color:var(--text);font:inherit;padding:0.7rem 1rem;transition:border-color 0.2s,box-shadow 0.2s}.comment-input::placeholder,.comment-textarea::placeholder{color:var(--text-muted)}.comment-textarea{min-height:120px;resize:vertical;line-height:1.6}.comment-input:focus,.comment-textarea:focus{outline:none;border-color:var(--primary-dark);box-shadow:0 0 0 2px rgba(45,212,191,0.15)}.comment-submit-row{display:flex;justify-content:flex-end}.comment-submit{border:1px solid var(--primary);background:var(--primary-dark);color:var(--primary-very-light);border-radius:8px;padding:0.6rem 1.2rem;font:inherit;cursor:pointer;transition:all 0.2s}.comment-submit:hover{background:var(--primary);color:var(--bg)}.reaction-form{display:flex;gap:0.5rem}.reaction-button{border:1px solid var(--border);background:var(--bg-input);color:var(--text);border-radius:8px;padding:0.5rem 1rem;font:inherit;cursor:pointer;transition:all 0.2s}.reaction-button:hover{background:var(--bg-elevated);border-color:var(--primary-dark)}.comments-list{display:flex;flex-direction:column;gap:0.75rem}.comment-card{border:1px solid var(--border);border-radius:10px;background:var(--bg-elevated);padding:1rem 1.2rem}.comment-author{font-weight:600;color:var(--primary);margin-bottom:0.4rem;font-size:0.9rem}.comment-body{color:var(--text);line-height:1.6;word-break:break-word}.no-comments{text-align:center;color:var(--text-muted);font-style:italic;padding:1.5rem}@media (max-width:768px){.tab-nav{flex-direction:column;gap:2px}.tab-button{border-radius:6px;width:100%;margin-bottom:0}.tab-content{border-radius:8px}.comment-textarea{min-height:100px}}