:root{--bg:#f5f7fa;--paper:#fff;--ink:#171a1f;--muted:#79818d;--line:#e2e7ed;--soft:#f0f3f6;--accent:#171a1f;--mark:#ffe66b;--shadow:0 8px 28px rgba(27,38,51,.07)}
:root.dark{--bg:#424242;--paper:#353535;--ink:#f2f4f7;--muted:#b3b3b3;--line:#5b5b5b;--soft:#4a4a4a;--accent:#f2f4f7;--mark:#766a19;--shadow:0 8px 28px rgba(0,0,0,.3)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:15px/1.75 system-ui,-apple-system,"Segoe UI","Noto Sans JP",sans-serif}.hidden{display:none!important}button,input,select,textarea{font:inherit;color:inherit}.topbar{height:54px;padding:0 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--bg) 92%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(10px)}.brand{color:inherit;text-decoration:none;font-size:12px;letter-spacing:.16em;font-weight:800}.top-actions{display:flex;gap:8px}.icon-btn,.quiet{border:1px solid var(--line);background:var(--paper);border-radius:8px;padding:6px 10px;cursor:pointer}.icon-btn{width:34px;height:34px;padding:0}.primary{border:0;border-radius:9px;background:var(--accent);color:var(--bg);font-weight:700;padding:11px 18px;cursor:pointer}.small{padding:7px 12px;font-size:13px}.card{background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:16px}.home{max-width:720px;margin:8vh auto;padding:44px}.eyebrow{font-size:11px;letter-spacing:.18em;color:var(--muted)}h1{line-height:1.35}.home h1{font-size:clamp(26px,5vw,42px);margin:10px 0}.lead{color:var(--muted)}.dropzone{margin-top:28px;min-height:160px;border:1.5px dashed var(--line);border-radius:12px;display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;background:var(--bg)}.dropzone.drag{border-color:var(--ink)}.dropzone input{display:none}.drop-title{font-weight:700}.drop-note,.privacy,.status{font-size:12px;color:var(--muted)}.import-preview{margin-top:16px;padding:14px;background:var(--soft);border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:14px}.import-preview span{display:block;color:var(--muted);font-size:12px}.room{max-width:1500px;margin:auto;padding:22px}.room-tools{display:grid;grid-template-columns:minmax(200px,1fr) auto auto;gap:12px;align-items:center;margin-bottom:14px}.room-tools h1{font-size:18px;margin:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.filters{display:flex;gap:8px}.filters input,.filters select,dialog input,dialog select,dialog textarea{background:var(--paper);border:1px solid var(--line);border-radius:8px;padding:8px}.reader-grid{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:14px;align-items:start}.log-pane,.comments-pane{background:var(--paper);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow)}.log-pane{padding:20px 24px;min-height:75vh}.log-message{position:relative;padding:8px 32px 8px 10px;border-radius:6px}.log-message:hover{background:var(--soft)}.speaker{font-weight:750;margin-right:7px}.timestamp,.tab-badge{font-size:10px;color:var(--muted);margin-left:6px}.message-text{white-space:pre-wrap;overflow-wrap:anywhere}.message-text mark{background:var(--mark);color:inherit;border-radius:2px;cursor:pointer}.annotation-count{position:absolute;right:6px;top:9px;min-width:20px;height:20px;border-radius:10px;border:0;background:var(--mark);color:var(--ink);font-size:10px;font-weight:800;cursor:pointer}.system-message{color:var(--muted);font-size:12px}.diceroll .message-text{font-family:ui-monospace,monospace}.comments-pane{position:sticky;top:68px;max-height:calc(100vh - 84px);overflow:hidden}.comments-head{padding:13px 15px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;font-size:11px;letter-spacing:.12em}.comments-list{overflow-y:auto;max-height:calc(100vh - 130px);padding:10px}.comment-card{padding:12px;border-radius:9px;border:1px solid var(--line);margin-bottom:9px;cursor:pointer;background:var(--paper)}.comment-card:hover,.comment-card.focused{border-color:var(--ink)}.comment-quote{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:4px solid var(--mark);padding-left:8px}.comment-author{font-weight:750;font-size:12px;margin-top:7px}.persona-type{font-size:9px;border:1px solid var(--line);padding:1px 4px;border-radius:4px;margin-left:5px}.comment-body{margin:4px 0 0;white-space:pre-wrap}.empty{text-align:center;color:var(--muted);font-size:12px;padding:32px 8px}.selection-bar{position:fixed;z-index:30;left:50%;bottom:22px;transform:translateX(-50%);width:min(600px,calc(100% - 24px));padding:10px;background:var(--paper);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:12px;display:flex;gap:10px;align-items:center}.selection-bar span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1;font-size:12px}dialog{width:min(520px,calc(100% - 24px));border:1px solid var(--line);border-radius:14px;background:var(--paper);color:var(--ink);box-shadow:var(--shadow);padding:0}dialog::backdrop{background:rgba(0,0,0,.38)}dialog form{padding:20px;display:grid;gap:13px}.dialog-head,.dialog-actions{display:flex;justify-content:space-between;align-items:center}.dialog-head .icon-btn{border:0}.dialog-actions{gap:10px}dialog label{display:grid;gap:4px;font-size:12px;font-weight:700}dialog textarea{resize:vertical}blockquote{margin:0;padding:8px 12px;background:var(--soft);border-left:5px solid var(--mark);font-size:12px}.inline-fields{display:grid;grid-template-columns:1fr 90px auto;gap:6px}.persona-row{display:flex;justify-content:space-between;padding:6px 0;border-bottom:1px solid var(--line);font-size:12px}.flash{animation:flash 1.3s}@keyframes flash{0%,100%{outline:0 solid transparent}30%{outline:5px solid var(--mark)}}
@media(max-width:800px){.home{margin:20px 12px;padding:28px 20px}.room{padding:10px}.room-tools{grid-template-columns:1fr auto}.filters{grid-column:1/-1}.filters>*{min-width:0;flex:1}.reader-grid{display:block}.log-pane{padding:12px 7px}.comments-pane{position:fixed;z-index:25;left:8px;right:8px;bottom:8px;top:auto;max-height:55vh;display:none}.comments-pane.open{display:block}.comments-list{max-height:calc(55vh - 48px)}.log-message{padding-left:8px}.import-preview{align-items:stretch;flex-direction:column}}

/* Compact chronological reader */
body{font-size:13px;line-height:1.5}.topbar{height:46px}.room{padding:12px;max-width:1600px}.room-tools{gap:8px;margin-bottom:8px}.room-tools h1{font-size:15px}.filters input,.filters select{padding:5px 7px;font-size:12px}.reader-grid{grid-template-columns:minmax(0,1fr) 320px;gap:8px}.log-pane{padding:8px 12px}.comments-pane{top:54px;max-height:calc(100vh - 62px)}.log-message{padding:3px 27px 3px 4px;border-radius:4px;font-size:12.5px;line-height:1.48}.speaker{margin-right:3px}.system-message{font-size:10.5px}.annotation-count{top:3px;right:3px;min-width:17px;height:17px}.time-cluster{display:grid;grid-template-columns:48px minmax(0,1fr);border-bottom:1px solid var(--line);padding:3px 0}.time-rail{padding:5px 6px 0 0;text-align:right;color:var(--muted);font:10px/1.2 ui-monospace,monospace}.time-rail span{display:block;font-size:8px;margin-top:4px;letter-spacing:.08em}.time-content{position:relative;min-width:0}.time-panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}.time-panels::-webkit-scrollbar{display:none}.time-panel{flex:0 0 100%;min-width:0;scroll-snap-align:start;padding:1px 28px 1px 0}.panel-tab{display:inline-block;color:var(--muted);background:var(--soft);border-radius:4px;padding:1px 5px;margin:1px 0 2px 4px;font-size:9px}.parallel .time-panel{border-left:2px solid var(--line)}.slide-btn{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:22px;height:32px;border:1px solid var(--line);border-radius:6px;background:color-mix(in srgb,var(--paper) 90%,transparent);cursor:pointer;padding:0;font-size:20px;line-height:1}.slide-btn.prev{left:2px}.slide-btn.next{right:3px}.parallel .time-panels{padding-left:28px}.comment-card{padding:8px;margin-bottom:6px}.comments-list{padding:6px}
@media(max-width:800px){body{font-size:12.5px}.topbar{height:44px}.room{padding:5px}.log-pane{padding:4px 3px}.time-cluster{grid-template-columns:38px}.time-rail{font-size:9px}.time-panel{padding-right:23px}.parallel .time-panels{padding-left:23px}.slide-btn{width:20px}.reader-grid{display:block}}

/* Full-page cylindrical tab reader */
.log-pane{perspective:1400px;overflow:hidden}.cylinder-nav{position:sticky;top:47px;z-index:8;display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:6px;margin:-8px -12px 5px;padding:5px 12px;background:color-mix(in srgb,var(--paper) 94%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(9px)}.cylinder-nav div{text-align:center;line-height:1.15}.cylinder-nav small{display:block;color:var(--muted);font-size:8px;letter-spacing:.12em}.cylinder-nav strong{font-size:11px}.cylinder-nav button{height:28px;border:1px solid var(--line);background:var(--paper);border-radius:7px;font-size:20px;line-height:1;cursor:pointer}.log-page{transform-origin:center center;backface-visibility:hidden;transition:transform .2s ease,opacity .2s ease}.log-page.roll-left{transform:translateX(-12%) rotateY(-48deg);opacity:0}.log-page.roll-right{transform:translateX(12%) rotateY(48deg);opacity:0}.log-page.enter-right{animation:enterRight .32s ease}.log-page.enter-left{animation:enterLeft .32s ease}@keyframes enterRight{from{transform:translateX(15%) rotateY(55deg);opacity:0}to{transform:none;opacity:1}}@keyframes enterLeft{from{transform:translateX(-15%) rotateY(-55deg);opacity:0}to{transform:none;opacity:1}}.page-row{display:grid;grid-template-columns:42px minmax(0,1fr);border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);padding:1px 0}.page-row>time{padding:5px 5px 0 0;text-align:right;color:var(--muted);font:9px/1.2 ui-monospace,monospace}.page-row .log-message{min-width:0}
@media(max-width:800px){.cylinder-nav{top:44px;margin:-4px -3px 4px;padding:4px}.page-row{grid-template-columns:34px}.page-row>time{font-size:8px}.cylinder-nav strong{font-size:10px}}

/* v0.5 connected infinite page carousel */
.log-pane{height:calc(100vh - 102px);min-height:520px;padding:0;display:flex;flex-direction:column;perspective:none}.cylinder-nav{position:relative;top:auto;flex:0 0 40px;margin:0;padding:5px 10px;border-bottom:0}.carousel-viewport{flex:1;min-height:0;overflow:hidden}.page-track{height:100%;display:flex;will-change:transform}.log-page{flex:0 0 100%;height:100%;min-width:0;transform:none!important;opacity:1!important;transition:none}.page-scroll{height:100%;overflow-y:auto;overscroll-behavior:contain;padding:4px 12px 24px;scrollbar-gutter:stable}.page-title{position:sticky;top:0;z-index:3;background:color-mix(in srgb,var(--paper) 94%,transparent);backdrop-filter:blur(7px);padding:3px 42px;text-align:center;color:var(--muted);font-size:9px;letter-spacing:.08em}.page-row{border-bottom:0;padding:0}.log-message:hover{background:color-mix(in srgb,var(--soft) 55%,transparent)}
.comment-author{display:flex;align-items:center;gap:7px}.comment-avatar,.avatar-preview,.persona-avatar{width:30px;height:30px;flex:0 0 30px;border-radius:50%;overflow:hidden;background:var(--soft);display:grid;place-items:center;border:1px solid var(--line)}.comment-avatar img,.avatar-preview img,.persona-avatar img{display:block;width:100%;height:100%;object-fit:contain}.comment-avatar{width:28px;height:28px;object-fit:contain}.empty-avatar::before{content:""}.avatar-upload{display:flex!important;grid-template-columns:none!important;flex-direction:row;align-items:center;gap:9px;cursor:pointer}.avatar-upload input,.persona-avatar input,.mini-upload input{display:none}.persona-row{display:grid;grid-template-columns:34px 1fr 34px;align-items:center;gap:7px}.persona-avatar{cursor:pointer}.inline-fields{grid-template-columns:minmax(0,1fr) 72px 52px auto}.mini-upload{display:grid!important;place-items:center;border:1px solid var(--line);border-radius:8px;background:var(--paper);cursor:pointer;font-size:10px!important}
@media(max-width:800px){.log-pane{height:calc(100vh - 145px);min-height:420px}.page-scroll{padding:3px 4px 22px}.inline-fields{grid-template-columns:1fr 64px}.mini-upload,.inline-fields button{min-height:34px}}
.selection-bar{display:none!important}
#commentDialog{position:fixed;margin:0;width:min(390px,calc(100% - 24px));max-height:calc(100vh - 24px);overflow:auto}#commentDialog form{padding:14px;gap:9px}#commentDialog textarea{min-height:100px}
#commentDialog::backdrop{background:transparent}
.comment-persona-picker{display:grid;grid-template-columns:32px minmax(0,1fr);gap:8px;align-items:center}.comment-persona-picker select{width:100%;border:0!important;background:transparent!important;padding:4px 0!important}.comment-input-avatar{width:30px;height:30px;border-radius:50%;overflow:hidden;background:var(--soft);display:grid;place-items:center;font-size:11px}.comment-input-avatar img{width:100%;height:100%;display:block;object-fit:contain}#commentDialog .dialog-head{font-size:12px}#commentDialog .dialog-head .icon-btn{width:26px;height:26px}#commentDialog textarea{border:0;background:var(--soft);min-height:88px;padding:10px}#commentDialog .dialog-actions{margin-top:-2px}#commentDialog .dialog-actions .quiet{border:0;background:transparent;font-size:11px;padding:5px}.comment-card .comment-author{margin-top:0}
.timeline-slot{overflow:hidden}.timeline-slot.empty-slot .timeline-slot-content{height:100%}.timeline-slot.has-message{background:transparent}.timeline-slot-content{min-width:0;padding:2px 0}.timeline-page .page-title{padding-bottom:5px}.timeline-nav strong::after{content:" · 共有時間軸";color:var(--muted);font-size:8px;font-weight:500}
@media(max-width:800px){.timeline-slot{grid-template-columns:34px}.timeline-nav strong::after{display:none}}

/* v0.10 glass reader and visible tab location */
:root{--glass:rgba(255,255,255,.64);--glass-strong:rgba(255,255,255,.82);--glow:rgba(103,163,255,.24)}:root.dark{--glass:rgba(53,53,53,.76);--glass-strong:rgba(61,61,61,.9);--glow:rgba(255,255,255,.05)}
body{background-color:var(--bg);background-image:radial-gradient(circle at 12% 8%,var(--glow),transparent 28%),radial-gradient(circle at 86% 82%,rgba(159,113,255,.12),transparent 30%);background-attachment:fixed}.topbar{background:var(--glass);box-shadow:0 1px 18px rgba(40,63,91,.06)}.log-pane,.comments-pane,.card{background:var(--glass);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%);border-color:color-mix(in srgb,var(--line) 65%,transparent);box-shadow:0 14px 42px rgba(30,50,77,.10),inset 0 1px rgba(255,255,255,.32)}.cylinder-nav,.page-title{background:var(--glass-strong)}
.tab-rail{flex:0 0 38px;display:flex;align-items:center;gap:5px;overflow-x:auto;padding:5px 8px 4px;scrollbar-width:none;border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent);background:color-mix(in srgb,var(--glass) 88%,transparent);backdrop-filter:blur(16px)}.tab-rail::-webkit-scrollbar{display:none}.tab-rail button{flex:0 0 auto;border:1px solid transparent;border-radius:999px;padding:4px 10px;background:transparent;color:var(--muted);font-size:9px;white-space:nowrap;cursor:pointer;transition:.2s ease}.tab-rail button:hover{color:var(--ink);background:color-mix(in srgb,var(--paper) 48%,transparent)}.tab-rail button.active{color:var(--ink);border-color:color-mix(in srgb,var(--ink) 18%,transparent);background:var(--glass-strong);box-shadow:0 3px 12px var(--glow)}
.page-row{grid-template-columns:minmax(0,1fr) 42px}.page-row>time{grid-column:2;grid-row:1;align-self:start;order:2;text-align:right;padding:6px 5px 0 2px;color:var(--ink);opacity:.25;font-size:8px}.page-row>.log-message,.page-row>.timeline-slot-content{grid-column:1;grid-row:1}.timeline-slot{grid-template-columns:minmax(0,1fr) 42px}.timeline-slot>time{grid-column:2}.log-message:hover{background:color-mix(in srgb,var(--glass-strong) 72%,transparent)}
#commentDialog{background:var(--glass-strong);backdrop-filter:blur(24px) saturate(145%);-webkit-backdrop-filter:blur(24px) saturate(145%)}
@media(max-width:800px){.tab-rail{flex-basis:36px;padding-left:5px}.tab-rail button{padding:3px 8px}.page-row,.timeline-slot{grid-template-columns:minmax(0,1fr) 34px}.page-row>time{padding-right:3px;font-size:7px}}
.presence-bar{display:flex;align-items:center;justify-content:flex-end;gap:5px;max-width:420px;overflow-x:auto;scrollbar-width:none}.presence-person{display:flex;align-items:center;gap:4px;flex:0 0 auto;padding:2px 7px 2px 3px;border:1px solid color-mix(in srgb,var(--line) 55%,transparent);border-radius:999px;background:var(--glass);font-size:9px}.presence-person::after{content:"";width:5px;height:5px;border-radius:50%;background:#45d483;box-shadow:0 0 7px #45d483}.presence-person.typing::after{background:#75a8ff;box-shadow:0 0 8px #75a8ff;animation:typingPulse 1s infinite alternate}.presence-person em{font-style:normal;color:#598ee8;font-size:8px}.presence-person img,.presence-person i{width:20px;height:20px;border-radius:50%;object-fit:contain;background:var(--soft);display:grid;place-items:center;font-style:normal}.presence-person b{font-weight:650;white-space:nowrap}@keyframes typingPulse{to{opacity:.35}}@media(max-width:800px){.presence-bar{grid-column:1/-1;justify-content:flex-start;max-width:100%}}
.comment-date{margin-left:auto;color:var(--muted);opacity:.58;font-size:8px;font-weight:400;letter-spacing:.02em;white-space:nowrap}
@media(max-width:800px){#commentDialog{left:12px!important;right:12px;top:auto!important;bottom:12px;width:auto;max-height:72vh}}

/* v0.13 simplified navigation and persona markers */
.room-tools{grid-template-columns:minmax(180px,1fr) auto}.room-tools .filters{grid-column:1/-1;justify-content:flex-end;align-items:center}.room-tools .status{grid-column:1/-1;margin:0}.filters #shareBtn{flex:0 0 auto;padding:6px 11px;font-size:11px}.tab-rail{justify-content:safe center}.carousel-viewport{position:relative}.carousel-edge{position:absolute;z-index:9;top:50%;transform:translateY(-50%);width:30px;height:42px;border:1px solid color-mix(in srgb,var(--line) 60%,transparent);border-radius:9px;background:var(--glass-strong);color:var(--ink);box-shadow:var(--shadow);font-size:22px;line-height:1;cursor:pointer;opacity:.72;backdrop-filter:blur(12px)}.carousel-edge:hover{opacity:1}.carousel-edge.prev{left:7px}.carousel-edge.next{right:7px}.page-scroll{padding-top:8px}.message-text mark{background:var(--marker,var(--mark))}.comment-card{border-left:3px solid var(--comment-marker,var(--mark))}.comment-input-avatar{border:2px solid var(--persona-marker,var(--line))}.persona-row{grid-template-columns:34px minmax(0,1fr) 34px 34px}.persona-row input[type=color],#plMarkerColor,#newPersonaColor{width:32px;height:28px;padding:2px;border-radius:7px;cursor:pointer}.inline-fields{grid-template-columns:minmax(0,1fr) 68px 34px 52px auto}.marker-color-field{grid-template-columns:1fr auto;align-items:center}#commentDialog form{padding:10px;gap:7px}#commentDialog textarea{min-height:82px}
@media(max-width:800px){.room-tools{grid-template-columns:1fr}.room-tools .filters{display:grid;grid-template-columns:1fr 1fr}.filters #searchInput{grid-column:1/2}.filters #shareBtn{grid-column:2/3}.inline-fields{grid-template-columns:1fr 64px 34px 48px}.inline-fields button{grid-column:1/-1}.carousel-edge{width:26px;height:38px}.carousel-edge.prev{left:3px}.carousel-edge.next{right:3px}}
.reader-grid{position:relative}.tab-suggestions{position:absolute;z-index:18;top:52px;right:328px;width:min(280px,36vw);padding:8px;border:1px solid color-mix(in srgb,var(--line) 45%,transparent);border-radius:12px;background:color-mix(in srgb,var(--glass-strong) 72%,transparent);box-shadow:0 12px 34px rgba(37,58,88,.12);backdrop-filter:blur(18px) saturate(135%);animation:suggestIn .28s ease}.tab-suggestions>small{display:block;padding:1px 5px 5px;color:var(--muted);font-size:8px;letter-spacing:.1em}.tab-suggestions button{display:grid;width:100%;gap:1px;text-align:left;border:0;border-radius:8px;padding:6px;background:transparent;color:var(--ink);cursor:pointer;opacity:.68}.tab-suggestions button:hover{background:var(--glass-strong);opacity:1}.tab-suggestions b{font-size:9px}.tab-suggestions span{font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@keyframes suggestIn{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:none}}@media(max-width:800px){.tab-suggestions{position:fixed;top:92px;right:8px;width:min(300px,calc(100vw - 16px))}}

/* v0.16 tab arrows, live marker colors, dark selects */
.topbar{justify-content:flex-start}.topbar .presence-bar{margin-left:12px;justify-content:flex-start;max-width:min(52vw,620px)}.top-actions{margin-left:auto}.tab-navigation{flex:0 0 38px;display:grid;grid-template-columns:32px minmax(0,1fr) 32px;align-items:stretch;border-bottom:1px solid color-mix(in srgb,var(--line) 45%,transparent);background:color-mix(in srgb,var(--glass) 88%,transparent)}.tab-navigation .tab-rail{min-width:0;flex-basis:auto;border-bottom:0;background:transparent;padding-top:4px}.tab-arrow{border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer;transition:.2s}.tab-arrow:hover{color:var(--ink);background:var(--glass-strong)}:root.dark select,:root.dark select option{background:#191c22!important;color:#f2f4f7!important;color-scheme:dark}.tab-suggestions{animation-duration:.14s}
@media(max-width:800px){.topbar .presence-bar{max-width:55vw;margin-left:7px}.presence-person b{max-width:72px;overflow:hidden;text-overflow:ellipsis}.tab-navigation{grid-template-columns:28px minmax(0,1fr) 28px;flex-basis:36px}}
.foreign-glimpses{height:100%;display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:4px;padding:4px 8px 4px 12%;pointer-events:none}.foreign-glimpse{pointer-events:auto;width:min(62%,620px);display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border:1px solid color-mix(in srgb,var(--line) 38%,transparent);border-radius:9px;padding:6px 9px;text-align:left;background:color-mix(in srgb,var(--glass-strong) 46%,transparent);color:var(--ink);opacity:0;transform:translateX(14px) scale(.985);cursor:pointer;backdrop-filter:blur(12px);transition:background .2s,opacity .2s}.foreign-glimpse.reveal{animation:glimpsePop .34s cubic-bezier(.2,.8,.2,1) forwards}.foreign-glimpse:hover{background:var(--glass-strong);opacity:1!important}.foreign-glimpse b{font-size:8px;letter-spacing:.08em;color:var(--muted);white-space:nowrap}.foreign-glimpse span{font-size:10.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:color-mix(in srgb,var(--ink) 72%,transparent)}@keyframes glimpsePop{to{opacity:.58;transform:none}}@media(max-width:800px){.foreign-glimpses{padding-left:5%;padding-right:3px}.foreign-glimpse{width:82%;padding:5px 7px}.foreign-glimpse span{font-size:9.5px}}
.comment-thread.is-reply{margin-left:calc(var(--reply-depth) * 14px)}.comment-thread.is-reply>.comment-card{background:color-mix(in srgb,var(--glass-strong) 68%,transparent);margin-top:-2px}.comment-reply{margin-left:auto;border:0;background:transparent;color:var(--muted);font-size:13px;padding:2px 4px;cursor:pointer;opacity:.55}.comment-reply:hover{color:var(--ink);opacity:1}.comment-reply+.comment-date{margin-left:0}
.foreign-glimpse{pointer-events:none!important;opacity:.58;transform:none;cursor:default}.foreign-glimpse:hover{background:color-mix(in srgb,var(--glass-strong) 46%,transparent);opacity:.58!important}
.tab-rail button.tab-hidden{opacity:.28;text-decoration:line-through;text-decoration-thickness:1px}.tab-rail button.tab-hidden.active{border-color:transparent;background:transparent;box-shadow:none}.timeline-slot-content{position:relative}.timeline-slot .foreign-glimpses{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:auto;height:auto;min-height:0;padding:3px 8px;justify-content:center}.timeline-slot .foreign-glimpse{display:flex;width:min(62%,650px);min-width:0;flex:0 0 auto;align-items:center;gap:5px;border:0;border-radius:999px;padding:3px 8px;background:color-mix(in srgb,var(--glass-strong) 34%,transparent);box-shadow:0 4px 14px rgba(0,0,0,.045);white-space:nowrap}.foreign-glimpse.dir-left{align-self:flex-start}.foreign-glimpse.dir-right{align-self:flex-end}.foreign-glimpse b{flex:0 0 auto}.foreign-glimpse span{flex:1;min-width:0}.glimpse-arrow{flex:0 0 auto;color:#8db9ff;font-style:normal;font-size:17px;line-height:1;text-shadow:0 0 5px #6da8ff,0 0 12px rgba(109,168,255,.85);animation:arrowGlow 1.25s ease-in-out infinite alternate}.dir-left .glimpse-arrow{margin-right:1px}.dir-right .glimpse-arrow{margin-left:1px}@keyframes arrowGlow{to{color:#e5f0ff;text-shadow:0 0 7px #94c0ff,0 0 18px #6da8ff}}:root.dark body{background-image:none}
.typing-comment{display:flex;align-items:center;gap:7px;margin:5px 2px 8px;padding:8px;border-left:3px solid #75a8ff;border-radius:8px;background:color-mix(in srgb,var(--glass-strong) 58%,transparent);color:var(--muted);font-size:10px}.typing-comment .comment-avatar{width:25px;height:25px;flex-basis:25px}.typing-comment b{color:var(--ink);font-size:10px}.typing-comment em{font-style:normal}.typing-comment>i{width:3px;height:3px;border-radius:50%;background:#75a8ff;animation:typingDot .9s infinite alternate}.typing-comment>i:nth-last-child(2){animation-delay:.15s}.typing-comment>i:last-child{animation-delay:.3s}@keyframes typingDot{to{opacity:.2;transform:translateY(-2px)}}
.foreign-glimpse.reveal{animation:lazyGlimpsePop .42s cubic-bezier(.2,.86,.26,1.18) both}.foreign-glimpse.reveal:nth-child(2){animation-delay:.055s}.foreign-glimpse.reveal:nth-child(3){animation-delay:.11s}@keyframes lazyGlimpsePop{0%{opacity:0;transform:translateY(7px) scale(.94)}68%{opacity:.66;transform:translateY(-1px) scale(1.018)}100%{opacity:.58;transform:none}}
.timeline-slot .foreign-glimpse{width:fit-content;max-width:min(72%,650px);gap:4px;padding:2px 7px}.foreign-glimpse.dir-left,.foreign-glimpse.dir-right{align-self:flex-end}.foreign-glimpse b{font-size:8px}.foreign-glimpse span{font-size:9px}.glimpse-arrow{font-size:15px}