:root{
  --tss-bg:#fffdf8;--tss-panel:#fffaf0;--tss-card:#ffffff;
  --tss-line:#eadfc8;--tss-soft:#f8f1df;--tss-accent:#8f5d1a;
  --tss-accent2:#b97a1f;--tss-text:#3f2f1c;--tss-muted:#7a6a56;
  --tss-ok:#2f8f4e;--tss-warn:#b85a3b;
  --tss-shadow:0 10px 30px rgba(143,93,26,.08);--tss-radius:18px;
}
*{box-sizing:border-box}
#tss-wrap{font-family:"Noto Sans Telugu","Latha","Gautami","Vani","Arial",sans-serif;color:var(--tss-text);max-width:1400px;margin:0 auto;padding:18px}
.tss-head{background:linear-gradient(180deg,#fffdf8,#fff8ec);border:1px solid var(--tss-line);border-radius:24px;box-shadow:var(--tss-shadow);padding:22px 20px;text-align:center;margin-bottom:18px}
.tss-title{font-size:34px;font-weight:800;letter-spacing:.5px;color:#7a4a0f;margin:0}
.tss-sub{margin-top:8px;color:var(--tss-muted);font-size:15px;line-height:1.7}
.tss-grid{display:grid;grid-template-columns:330px 1fr;gap:18px;align-items:start}
.tss-panel{background:var(--tss-panel);border:1px solid var(--tss-line);border-radius:24px;box-shadow:var(--tss-shadow);overflow:hidden}
.tss-panelHead{padding:16px 18px;border-bottom:1px solid var(--tss-line);background:linear-gradient(180deg,#fffaf0,#fff6e6);font-size:22px;font-weight:700;color:#7a4a0f}
.tss-sideBody,.tss-mainBody{padding:16px}
.tss-field{margin-bottom:16px}
.tss-field label{display:block;font-size:20px;font-weight:700;margin-bottom:8px}
#tss-wrap input[type="text"],#tss-wrap input[type="tel"],#tss-wrap input[type="password"],#tss-wrap textarea{width:100%;border:1px solid #dccfb3;border-radius:16px;background:#fffefb;padding:14px 15px;font-size:20px;outline:none;color:var(--tss-text);box-shadow:inset 0 1px 4px rgba(0,0,0,.03);font-family:inherit}
#tss-wrap textarea{min-height:180px;resize:vertical;line-height:1.8}
#tss-wrap input:focus,#tss-wrap textarea:focus{border-color:#c59245;box-shadow:0 0 0 4px rgba(197,146,69,.12)}
.tss-row{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tss-btn{border:none;border-radius:14px;background:linear-gradient(180deg,#c88b2a,#a76914);color:#fff;padding:12px 16px;cursor:pointer;font-size:18px;font-weight:700;transition:.2s;box-shadow:0 8px 20px rgba(167,105,20,.15);font-family:inherit}
.tss-btn:hover{transform:translateY(-1px)}.tss-btn:active{transform:translateY(0)}
.tss-soft{background:linear-gradient(180deg,#f5ebd1,#ead8a8);color:#6b4b1c;border:1px solid #dbc596;box-shadow:none}
.tss-ok{background:linear-gradient(180deg,#52aa71,#2f8f4e)}
.tss-warn{background:linear-gradient(180deg,#d17a58,#b85a3b)}
.tss-gray{background:linear-gradient(180deg,#bcae97,#9f8f77)}
.tss-hint{font-size:14px;color:var(--tss-muted);line-height:1.7;margin-top:6px}
.tss-status{margin-top:8px;font-size:14px;color:var(--tss-ok);font-weight:700}
.tss-lockLine{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.tss-countBox{display:flex;gap:10px;flex-wrap:wrap;margin-top:10px}
.tss-count{background:#fff;border:1px solid #eadfc8;border-radius:14px;padding:10px 12px;font-size:14px;color:#654b24;font-weight:700}
.tss-listWrap{max-height:75vh;overflow:auto;padding-right:4px}
.tss-dateGroup{margin-bottom:14px;border:1px solid var(--tss-line);border-radius:18px;background:#fffdf8;overflow:hidden}
.tss-dateTitle{padding:12px 14px;background:#f8efd8;font-weight:800;color:#7b5018;border-bottom:1px solid var(--tss-line);font-size:18px}
.tss-miniPost{padding:12px 14px;border-bottom:1px dashed #eadfc8;cursor:pointer;background:#fff}
.tss-miniPost:last-child{border-bottom:none}.tss-miniPost:hover{background:#fffaf0}
.tss-miniName{font-size:16px;font-weight:700;color:#6b4b1c;margin-bottom:6px}
.tss-miniText{font-size:15px;color:#5f5346;line-height:1.6;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.tss-toolbar{display:flex;justify-content:space-between;gap:10px;align-items:center;flex-wrap:wrap;margin-bottom:12px}
.tss-toolbarTitle{font-size:24px;font-weight:800;color:#7a4a0f}
.tss-postCard{background:var(--tss-card);border:1px solid var(--tss-line);border-radius:22px;box-shadow:var(--tss-shadow);padding:16px;margin-bottom:16px}
.tss-postTop{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;flex-wrap:wrap;margin-bottom:12px}
.tss-postName{font-size:23px;font-weight:800;color:#6d4512}
.tss-postMeta{font-size:14px;color:var(--tss-muted);line-height:1.7;text-align:right}
.tss-postText{font-size:21px;line-height:2;white-space:pre-wrap;word-wrap:break-word;background:#fffdf8;border:1px solid #f0e4cc;border-radius:16px;padding:14px}
.tss-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:12px}
.tss-replyBox{display:none;margin-top:14px;padding:14px;border-radius:18px;background:#fffaf1;border:1px solid #ead7b3}
.tss-replyItem{margin-top:12px;background:#fff;border:1px solid #ecdfc7;border-radius:14px;padding:12px}
.tss-replyName{font-size:16px;font-weight:800;color:#6d4512;margin-bottom:6px}
.tss-replyText{font-size:18px;line-height:1.8;white-space:pre-wrap}
.tss-tag{display:inline-block;padding:6px 10px;border-radius:999px;background:#f6ecd4;border:1px solid #e6d2a7;color:#6e4d18;font-size:13px;font-weight:700;margin-left:6px}
.tss-empty{padding:20px;text-align:center;color:var(--tss-muted);font-size:18px;line-height:1.8;border:1px dashed var(--tss-line);border-radius:18px;background:#fffdf8}
.tss-small{font-size:14px;color:var(--tss-muted)}
.tss-modal{position:fixed;inset:0;display:none;align-items:center;justify-content:center;background:rgba(88,61,21,.18);z-index:99999;padding:18px}
.tss-modalBox{width:min(520px,100%);background:#fffdf8;border:1px solid var(--tss-line);border-radius:24px;box-shadow:0 18px 50px rgba(0,0,0,.15);overflow:hidden}
.tss-modalHead{padding:16px 18px;background:#fbf1da;border-bottom:1px solid var(--tss-line);font-size:22px;font-weight:800;color:#7a4a0f}
.tss-modalBody{padding:18px;font-size:20px;line-height:1.8;color:#4d3a23}
.tss-modalFoot{padding:16px 18px;border-top:1px solid var(--tss-line);display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap;background:#fffaf0}
.tss-footBar{margin-top:18px;text-align:center;color:#8a7b67;font-size:13px;padding:12px}
@media(max-width:980px){
  .tss-grid{grid-template-columns:1fr}
  .tss-title{font-size:28px}
  .tss-field label{font-size:18px}
  #tss-wrap input[type="text"],#tss-wrap input[type="tel"],#tss-wrap input[type="password"],#tss-wrap textarea{font-size:18px}
  .tss-postText{font-size:19px}.tss-postName{font-size:21px}.tss-toolbarTitle{font-size:22px}
}