html.kb-open .tabbar{display:none}html.kb-open .shell{--sheet-bottom:0px}.tray{flex-direction:column;gap:12px;min-width:0;display:flex}.tray>h4,.just>h4{justify-content:space-between;align-items:baseline;gap:8px;font-size:19px;display:flex}.tray>h4 span,.just>h4 span{font:600 13px/1 var(--font-ui);color:var(--text-muted)}.tray-group{flex-direction:column;gap:10px;display:flex}.tray-from{color:var(--text-muted);overflow-wrap:anywhere;font-size:13px}.tray-item{border-radius:var(--r-paper);background:var(--bg);min-width:0;box-shadow:var(--shadow-rest);flex-direction:column;gap:6px;padding:12px;transition:opacity .15s linear;display:flex}.tray-item.sug{box-shadow:none;outline:1.5px dashed var(--border-strong);outline-offset:-1.5px}.tray-item.busy{opacity:.55}.tray-item b{font:700 15px/1.25 var(--font-display);overflow-wrap:anywhere}.tray-item p{overflow-wrap:anywhere;font-size:13.5px}.tray-item small{color:var(--text-muted);overflow-wrap:anywhere;font-size:12.5px}.tray-item .chips{flex-wrap:wrap;gap:6px;display:flex}.tray-item .chip.new{outline:1.5px dashed var(--border-strong);outline-offset:-1.5px;background:0 0}.tray-item input,.tray-item select{font:inherit;color:var(--text);background:var(--surface);border:1.5px solid var(--border-strong);border-radius:var(--r-control);width:100%;min-width:0;min-height:40px;padding:6px 8px;font-size:15px}.tray-item label{color:var(--text-muted);flex-direction:column;gap:4px;font-size:12.5px;display:flex}.ba{grid-template-columns:1fr 1fr;gap:8px;margin:2px 0;font-size:13px;display:grid}.ba>div{background:var(--surface-2);overflow-wrap:anywhere;border-radius:2px;min-width:0;padding:6px 8px}.ba dt{font:700 10.5px/1.3 var(--font-ui);letter-spacing:.09em;text-transform:uppercase;color:var(--text-muted)}.ba dd{margin:2px 0 0}.ba .was{color:var(--text-muted);text-decoration:line-through}.tray-flag .eb{color:var(--warn)}.tray-err{color:var(--warn);font-size:13px}.tray-empty{color:var(--text-muted);font-size:14px}.just{flex-direction:column;gap:8px;display:flex}.just ul{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.just li{border-radius:var(--r-control);background:var(--surface-2);flex-wrap:wrap;align-items:center;gap:8px 12px;padding:10px 12px;font-size:14px;display:flex}.just li>div{overflow-wrap:anywhere;flex:200px;min-width:0}.just li small{color:var(--text-muted);margin-top:2px;font-size:12.5px;display:block}.shell{--tabbar-h:62px;--sheet-bottom:0px;grid-template:"rail top""rail main"1fr/212px minmax(0,1fr);min-height:100dvh;display:grid}.rail{height:100dvh;padding:calc(var(--sat) + 18px) 14px 18px calc(var(--sal) + 14px);border-right:1.5px solid var(--border);background:var(--bg);flex-direction:column;grid-area:rail;gap:4px;display:flex;position:sticky;top:0;overflow-y:auto}.rail .brand{font:800 24px/1 var(--font-display);letter-spacing:-.03em;color:var(--text);padding:6px 12px 22px;text-decoration:none}.rail-link{border-radius:var(--r-paper);min-height:44px;font:600 15px/1 var(--font-ui);color:var(--text-muted);transition:background-color var(--d1) var(--ease-out), color var(--d1) var(--ease-out);align-items:center;padding:10px 14px;text-decoration:none;display:flex;position:relative}.rail-link:hover{background:var(--surface-2);color:var(--text)}.rail-badge{background:var(--accent);min-width:22px;color:var(--on-accent);font:700 12px/1 var(--font-ui);text-align:center;border-radius:999px;margin-left:auto;padding:4px 7px}.rail-link[aria-current=page]{background:var(--surface);color:var(--text);box-shadow:var(--shadow-rest)}.rail-link[aria-current=page]:before{content:"";background:var(--accent);width:3px;position:absolute;top:8px;bottom:8px;left:0}.rail-foot{flex-direction:column;gap:14px;margin-top:auto;padding-top:18px;display:flex}.rail-small{color:var(--text-muted);text-underline-offset:3px;padding:4px 2px;font-size:13px;text-decoration:underline}.rail-small:hover,.rail-small[aria-current=page]{color:var(--text)}.topbar{z-index:20;min-height:calc(64px + var(--sat));padding:var(--sat) calc(var(--sar) + clamp(16px, 3vw, 32px)) 0 clamp(16px, 3vw, 32px);background:var(--bg);border-bottom:1.5px solid var(--border);grid-area:top;align-items:center;gap:12px;display:flex;position:sticky;top:0}.search-field{border:1.5px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);max-width:440px;min-height:44px;color:var(--text-muted);font:400 15px/1 var(--font-ui);cursor:text;text-align:left;flex:1;align-items:center;gap:10px;margin-left:auto;padding:0 10px 0 12px;display:flex}.search-field .search-text{flex:1}kbd{font:600 12px/1 var(--font-ui);background:var(--surface-2);color:var(--text-muted);border-radius:4px;padding:4px 6px}.main{min-width:0;padding:28px calc(var(--sar) + clamp(16px, 3vw, 40px)) 48px clamp(16px, 3vw, 40px);grid-area:main}.tabbar{display:none}.tabbar a{font:600 12px/1 var(--font-ui);text-align:center;color:var(--text-muted);min-height:48px;padding:16px 0 12px;text-decoration:none}.tabbar a[aria-current=page]{color:var(--text)}.tabbar a:after{content:"";background:0 0;width:16px;height:3px;margin:5px auto 0;display:block}.tabbar a[aria-current=page]:after{background:var(--accent)}.tab-drop{border-radius:var(--r-control);background:var(--accent);width:62px;height:50px;color:var(--on-accent);font:800 15px/1 var(--font-display);box-shadow:2px 3px 0 var(--shadow-ink);cursor:pointer;transition:transform var(--d1) var(--ease-out), box-shadow var(--d1) var(--ease-out);border:0;justify-self:center;transform:translateY(-10px)}.tab-drop:active{box-shadow:0 1px 0 var(--shadow-ink);transform:translateY(-8px)}@media (width<=759.98px){.shell{--sheet-bottom:calc(var(--tabbar-h) + var(--sab));grid-template-columns:minmax(0,1fr);grid-template-areas:"top""main"}.rail{display:none}.topbar{padding-left:calc(var(--sal) + 12px);padding-right:calc(var(--sar) + 8px);min-height:calc(56px + var(--sat));gap:6px}.search-field{width:44px;color:var(--text);background:0 0;border-color:#0000;flex:none;justify-content:center;padding:0}.search-field .search-text,.search-field kbd{display:none}.main{padding:20px calc(var(--sar) + 16px) calc(var(--tabbar-h) + var(--sab) + 32px) calc(var(--sal) + 16px)}.tabbar{z-index:30;height:calc(var(--tabbar-h) + var(--sab));padding:0 calc(var(--sar) + 6px) var(--sab) calc(var(--sal) + 6px);background:var(--surface);border-top:1.5px solid var(--border);grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;align-items:center;display:grid;position:fixed;bottom:0;left:0;right:0}}.drop-text{resize:vertical;border:1.5px solid var(--border-strong);border-radius:var(--r-control);background:var(--bg);width:100%;min-height:120px;color:var(--text);font:400 16px/1.5 var(--font-ui);padding:12px 14px}.drop-text::placeholder{color:var(--text-muted)}.drop-items{flex-wrap:wrap;gap:10px;margin:0;padding:0;list-style:none;display:flex}.drop-items li{align-items:center;gap:6px;min-width:0;max-width:100%;display:flex}.drop-items img{object-fit:cover;width:44px;height:44px;box-shadow:var(--shadow-rest);border-radius:2px;transform:rotate(-2deg)}.search-dialog{margin:max(12vh, calc(var(--sat) + 24px)) auto auto;border:1.5px solid var(--border-strong);border-radius:var(--r-control);background:var(--surface);width:min(560px,100% - 32px);color:var(--text);box-shadow:var(--shadow-lift);padding:16px}.search-dialog::backdrop{background:var(--scrim)}.search-input{border-radius:var(--r-control);background:var(--bg);min-height:48px;color:var(--text-muted);align-items:center;gap:10px;padding:0 12px;display:flex}.search-input input{min-width:0;color:var(--text);font:400 17px/1.3 var(--font-ui);background:0 0;border:0;outline:0;flex:1}.search-input:focus-within{outline:2.5px solid var(--focus);outline-offset:2px}.toast-slot{z-index:50;left:0;right:0;bottom:calc(var(--sheet-bottom) + 16px);pointer-events:none;justify-content:center;padding:0 16px;display:flex;position:fixed}.page-head{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:12px 24px;margin-bottom:28px;display:flex}.page-head h1{letter-spacing:-.035em;overflow-wrap:anywhere;font-size:clamp(36px,5vw,56px);line-height:.98}.page-head p{max-width:58ch;color:var(--text-muted);margin-top:10px;font-size:16px}.echo{border-top:1.5px dashed var(--border-strong);margin-top:10px;padding-top:8px;font-size:13px}.echo-k{font:600 11px/1 var(--font-ui);letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.echo ul{margin:4px 0 0;padding:0;list-style:none}.echo li{align-items:center;gap:6px;min-width:0;display:flex}.echo-t{flex-direction:column;flex:1;min-width:0;padding:4px 0;display:flex}.echo-t time{color:var(--text-muted);font-variant-numeric:tabular-nums;font-size:12px}.echo-t b{overflow-wrap:anywhere}.echo-t span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.echo .btn{color:var(--text-muted);flex:none;min-height:32px;padding:6px 8px;font-size:13px}
