:root{
  --tt-c1:#ababab;
  --tt-c2:#bcbcbc;
  --tt-c3:#cdcdcd;
  --tt-c4:#dcdcdc;
  --tt-c5:#ededed;
  --tt-c6:#dfdfdf;
  --tt-c7:#0a0a0a;
  --tt-c8:#1b1b1b;
  --tt-c9:#2c2c2c;
  --tt-c10:#3d3d3d;
  --tt-c11:#4e4e4e;
  --tt-c12:#5f5f5f;
  --tt-c13:#a3a3a3;
  --tt-c14:#b2b2b2;
  --tt-c15:#c1c1c1;
  --tt-c16:#d1d1d1;
  --tt-c17:#e2e2e2;
  --tt-c18:#f3f3f3;
  --tt-text:#000000;
  --tt-font-size:14px;
  --bg:var(--tt-c5);--panel:var(--tt-c4);--ink:var(--tt-text);--muted:var(--tt-c11);
  --line:var(--tt-c1);--dark:var(--tt-c9);--accent:var(--tt-c12);--surface:var(--tt-c18);
  --surface2:var(--tt-c17);--tag:var(--tt-c2);--button:var(--tt-c9);--button-ink:var(--tt-c18)
}
*{box-sizing:border-box;font-family:"Courier New",Courier,monospace}
html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-size:var(--tt-font-size)}
a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:3px}a:hover{opacity:.7}
.tabletime{max-width:1100px;margin:24px auto;padding:0 18px}.content{max-width:1100px;margin:auto;padding:0 18px 40px}
.navtop{background:var(--surface);border-bottom:1px solid var(--line);margin-bottom:24px}.navtop>div{max-width:1100px;margin:auto;padding:16px;display:flex;gap:12px;align-items:center;flex-wrap:wrap}.navtop h1{margin:0 18px 0 0}.navtop a{padding:5px 7px}
form{max-width:760px;margin:18px auto;padding:18px;background:var(--surface);border:1px solid var(--line)}label{display:block;font-weight:bold;margin:10px 0 4px}
input,textarea,select,button{font:inherit;padding:9px;border:1px solid var(--line);max-width:100%;background:var(--surface2);color:var(--ink)}input[type=text],input[type=password],input[type=email],textarea,select{width:100%}textarea{min-height:180px;resize:vertical}
button,input[type=submit]{cursor:pointer;background:var(--button);color:var(--button-ink);border-color:var(--button)}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:14px}.card{background:var(--surface);border:1px solid var(--line);padding:16px;text-align:left}.card h2,.card h3{margin:.2em 0}.meta{color:var(--muted);font-size:.9rem}.tag{display:inline-block;background:var(--tag);border:1px solid var(--line);border-radius:999px;padding:2px 7px;margin:2px;font-size:.85rem}
.notice{padding:12px;border:1px solid var(--line);background:var(--surface)}.error{border-color:#a33;background:#fee;color:#400}.ok{border-color:#398;background:#efe;color:#030}
.searchbar{display:flex;gap:8px;flex-wrap:wrap;max-width:100%;padding:12px}.searchbar input{flex:1;min-width:220px}.searchbar select{width:auto}.media{max-width:100%;height:auto}.actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}.actions a{display:inline-block;padding:7px 10px;border:1px solid var(--line);background:var(--surface)}
table{width:100%;border-collapse:collapse;background:var(--surface)}th,td{padding:9px;border:1px solid var(--line);text-align:left}
fieldset{border:1px solid var(--line);margin:14px 0;padding:14px}legend{font-weight:bold}.theme-grid{display:grid;grid-template-columns:repeat(6,minmax(74px,1fr));gap:10px}.theme-swatch{display:grid;gap:5px;text-align:center;font-size:.8rem}.theme-swatch input[type=color]{width:100%;height:52px;padding:2px}.theme-actions{display:flex;gap:10px;flex-wrap:wrap;align-items:center}.theme-preview{border:1px solid var(--line);background:var(--surface);padding:16px;margin-top:18px}.theme-preview .sample-dark{background:var(--dark);color:var(--button-ink);padding:10px}.theme-preview .sample-panel{background:var(--panel);padding:10px;margin-top:8px}
@media(max-width:700px){.theme-grid{grid-template-columns:repeat(3,1fr)}}

.video-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.video-grid figure{margin:0;border:1px solid var(--line);padding:8px;background:var(--surface2)}.video-grid video{width:100%;max-height:420px;background:#000}.tt-notify-enable{position:fixed;right:16px;bottom:16px;z-index:9999;box-shadow:0 2px 12px rgba(0,0,0,.25)}

.scope-slider,.karma-slider{width:100%;padding:0;accent-color:var(--dark)}
.slider-labels{display:flex;justify-content:space-between;gap:10px;font-size:.82rem;color:var(--muted);margin:4px 0 10px}.scope-control{min-width:260px;flex:1}.inline-check{display:flex;gap:6px;align-items:center;font-weight:normal}.inline-check input{width:auto}.rating-form{max-width:none;margin:12px 0;padding:12px}.karma-summary{margin-top:12px;padding:8px;border:1px solid var(--line);background:var(--surface2)}.inline-form{display:inline;padding:0;margin:0;background:none;border:0}.inline-form button{width:auto}.scope-search{align-items:end}
