body.tc-mode{height:100vh;overflow:hidden}body.tc-mode .nav,body.tc-mode .site-footer{display:none}body.tc-mode #main-container{height:100vh;padding-top:0;display:flex}.tc-app{background:var(--color-dark);width:100%;height:100vh;color:var(--color-text);font-family:var(--font-mono);grid-template-rows:auto 1fr auto auto;font-size:13px;display:grid;position:relative;overflow:hidden}.tc-titlebar{background:var(--color-green);color:var(--color-dark);letter-spacing:.5px;border-bottom:1px solid var(--color-dark);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;padding:4px 16px;font-size:12px;font-weight:500;display:flex}.tc-titlebar-left,.tc-titlebar-right{align-items:center;gap:12px;display:flex}.tc-brand{font-weight:700}.tc-jp{font-family:"Noto Sans JP", var(--font-mono)}.tc-titlebar .tc-sep{color:#00000073}.tc-titlebar .tc-online{font-weight:700}.tc-panes{border-bottom:1px solid var(--color-line);grid-template-columns:minmax(280px,360px) 1fr;min-height:0;display:grid;overflow:hidden}.tc-pane{border-right:1px solid var(--color-line);outline:none;flex-direction:column;min-height:0;display:flex;overflow:hidden}.tc-pane:last-child{border-right:none}.tc-pane:focus-visible{box-shadow:inset 0 0 0 1px var(--color-green)}.tc-pane-header{border-bottom:1px solid var(--color-line);color:var(--color-muted);background:var(--color-dark-lighter);justify-content:space-between;gap:12px;padding:6px 12px;font-size:12px;display:flex}.tc-pane-header.active{background:var(--color-green);color:var(--color-dark);font-weight:500}.tc-pane-cols{border-bottom:1px solid var(--color-line);color:var(--color-muted);text-transform:uppercase;letter-spacing:1px;grid-template-columns:1fr 60px 60px;gap:12px;padding:4px 12px;font-size:11px;display:grid}.tc-pane-cols .ext,.tc-pane-cols .size{text-align:left}.tc-list{flex:1;min-height:0;margin:0;padding:0;list-style:none;overflow-y:auto}.tc-row{color:var(--color-text);cursor:pointer;-webkit-user-select:none;user-select:none;grid-template-columns:1fr 60px 60px;gap:12px;padding:2px 12px;font-size:13px;line-height:1.7;display:grid}.tc-row .ext,.tc-row .size{opacity:.8;font-size:12px}.tc-dir{color:var(--color-green)}.tc-dir .ext{color:var(--color-muted)}.tc-file{color:var(--color-text)}.tc-row:hover:not(.tc-selected){background:#00ff880f}.tc-row.tc-selected{background:var(--color-green);color:var(--color-dark)}.tc-row.tc-selected .ext,.tc-row.tc-selected .size{color:var(--color-dark);opacity:.85}.tc-pane-left:not(.active) .tc-row.tc-selected{color:var(--color-green);background:#00ff882e}.tc-pane-left:not(.active) .tc-row.tc-selected .ext,.tc-pane-left:not(.active) .tc-row.tc-selected .size{color:var(--color-green);opacity:.7}.tc-separator{color:var(--color-muted);pointer-events:none;letter-spacing:1px;padding:6px 12px 4px;font-size:11px}.tc-preview{flex:1;min-height:0;padding:18px 22px;overflow-y:auto}.tc-preview-pane{flex-direction:column;gap:14px;animation:.18s ease-out tcFadeIn;display:flex}@keyframes tcFadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}.tc-prompt{color:var(--color-muted);font-size:13px}.tc-prompt .tc-pmt{color:var(--color-orange);margin-right:6px}.tc-h{color:var(--color-green);letter-spacing:.5px;margin:0;font-size:18px;font-weight:500}.tc-h-orange{color:var(--color-orange)}.tc-preview p{color:var(--color-text);font-family:var(--font-sans);margin:0;font-size:14px;line-height:1.65}.tc-tags{color:var(--color-muted);border-top:1px solid var(--color-line);gap:14px;margin-top:4px;padding-top:12px;font-size:12px;display:flex}.tc-tags span{color:var(--color-muted)}.tc-bullets{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.tc-bullets li{font-family:var(--font-sans);color:var(--color-text);padding-left:18px;font-size:14px;line-height:1.55;position:relative}.tc-bullets li:before{content:">";color:var(--color-green);position:absolute;left:0}.tc-metrics{flex-direction:column;gap:10px;font-size:13px;display:flex}.tc-metric{grid-template-columns:90px 130px 1fr;align-items:center;gap:12px;display:grid}.tc-metric-label{color:var(--color-muted)}.tc-metric-value{color:var(--color-text)}.tc-metric-value.tc-online{color:var(--color-green)}.tc-metric:nth-child(n+2){grid-template-columns:90px 1fr}.tc-metric:nth-child(n+2) .tc-metric-bar{display:none}.tc-metric-bar{background:var(--color-line);width:130px;height:8px;display:inline-block;overflow:hidden}.tc-bar-fill{background:var(--color-green);height:100%;display:block}.tc-activity{border-top:1px solid var(--color-line);margin-top:8px;padding-top:12px}.tc-activity-label{color:var(--color-muted);margin-bottom:6px;font-size:12px}.tc-activity-bars{color:var(--color-green);letter-spacing:1px;font-size:16px;font-family:var(--font-mono)}.tc-activity-months{color:var(--color-muted);letter-spacing:2px;margin-top:4px;font-size:11px}.tc-vcard{background:var(--color-dark-lighter);border:1px solid var(--color-line);color:var(--color-green);white-space:pre;margin:0;padding:12px 14px;font-size:12px;line-height:1.6;overflow-x:auto}.tc-hint{color:var(--color-muted);font-size:12px;font-family:var(--font-mono)}.tc-hint kbd{font-family:var(--font-mono)}.tc-preview-footer{border-top:1px solid var(--color-line);color:var(--color-muted);background:var(--color-dark-lighter);flex-wrap:wrap;gap:10px;padding:6px 16px;font-size:11px;display:flex}.tc-preview-footer .tc-sep{color:var(--color-line-hover)}.tc-preview-footer kbd,.tc-hint kbd{background:var(--color-dark);border:1px solid var(--color-line);color:var(--color-green);border-bottom-width:2px;margin-right:2px;padding:0 5px;font-size:11px;line-height:1.4}.tc-statusline{border-bottom:1px solid var(--color-line);color:var(--color-muted);background:var(--color-dark-lighter);align-items:center;gap:10px;padding:4px 12px;font-size:12px;display:flex}.tc-statusline .tc-prompt-mark,.tc-statusline .tc-online{color:var(--color-green)}.tc-statusline .tc-sep{color:var(--color-line-hover)}.tc-statusline-spacer{flex:1}.tc-statusline .tc-stack{color:var(--color-muted);font-size:11px}.tc-fkey-bar{background:var(--color-line);border-top:1px solid var(--color-line);grid-template-columns:repeat(10,1fr);gap:1px;display:grid}.tc-fkey{background:var(--color-dark-lighter);color:var(--color-text);font-family:var(--font-mono);cursor:pointer;text-align:left;border:none;align-items:baseline;gap:4px;padding:6px 8px;font-size:12px;transition:background .1s;display:flex}.tc-fkey .num{color:var(--color-green);min-width:16px;font-weight:700}.tc-fkey .lbl{color:var(--color-text)}.tc-fkey:hover{background:var(--color-line)}.tc-fkey:hover .lbl{color:var(--color-green)}.tc-fkey:focus-visible{outline:1px solid var(--color-green);outline-offset:-1px}.tc-fkey:active{background:var(--color-green)}.tc-fkey:active .num,.tc-fkey:active .lbl{color:var(--color-dark)}.tc-modal{z-index:200;background:#0a0a0ab3;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.tc-modal[hidden]{display:none}.tc-modal-box{background:var(--color-dark);border:1px solid var(--color-green);box-shadow:0 0 0 1px var(--color-dark), 0 0 24px #00ff881a;width:100%;max-width:520px;font-size:13px}.tc-modal-titlebar{background:var(--color-green);color:var(--color-dark);justify-content:space-between;align-items:center;padding:4px 12px;font-weight:500;display:flex}.tc-modal-close{color:var(--color-dark);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;padding:0}.tc-modal-body{color:var(--color-text);font-family:var(--font-mono);padding:16px 20px;line-height:1.6}.tc-modal-body kbd{background:var(--color-dark-lighter);border:1px solid var(--color-line);color:var(--color-green);border-bottom-width:2px;margin-right:2px;padding:0 5px;font-size:12px}.tc-modal-body dl{grid-template-columns:auto 1fr;gap:4px 16px;margin:8px 0;display:grid}.tc-modal-body dt{color:var(--color-green)}.tc-modal-body dd{color:var(--color-text);margin:0}.tc-modal-body .tc-modal-muted{color:var(--color-muted);font-size:12px}@media (width<=760px){.tc-titlebar{padding:4px 12px;font-size:11px}.tc-titlebar-left,.tc-titlebar-right{gap:8px}.tc-jp{display:none}.tc-panes{grid-template-columns:1fr}.tc-pane-right,body.tc-mode.tc-preview-open .tc-pane-left{display:none}body.tc-mode.tc-preview-open .tc-pane-right{display:flex}.tc-fkey-bar{grid-template-columns:repeat(5,1fr)}.tc-fkey:nth-child(n+6){display:none}.tc-preview-footer{font-size:10px}.tc-statusline .tc-stack{display:none}}@media (width<=480px){.tc-titlebar{font-size:10px}.tc-pane-cols,.tc-row{grid-template-columns:1fr 50px 50px}}@media (prefers-reduced-motion:reduce){.tc-preview-pane{animation:none}}