:root{--bg: #0b0c0f;--panel: #14161b;--line: #262a33;--fg: #e8eaf0;--dim: #8b93a5;--accent: #ff5c8a;--accent-2: #56b6ff;color-scheme:dark}*{box-sizing:border-box}.ico{fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.ico .solid{fill:currentColor;stroke-linejoin:round}html,body,#root{height:100%;margin:0;overflow-x:hidden;width:100%;max-width:100%}body{background:var(--bg);color:var(--fg);font:15px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;overscroll-behavior:none;position:fixed;inset:0}button{font:inherit;cursor:pointer}.app{height:100%;display:flex;flex-direction:column}header{display:flex;align-items:center;gap:2px;padding:3px 6px;padding-top:max(3px,env(safe-area-inset-top));background:#0b0c0fe6;backdrop-filter:blur(12px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:20}header nav{display:flex;gap:2px;flex:1;min-width:0}header nav button{background:none;border:none;color:var(--dim);padding:5px 9px;border-radius:999px;font-weight:600;font-size:13px;white-space:nowrap}@media (max-width: 400px){header nav button{padding:5px 6px;font-size:12px}}header nav button.on{color:var(--fg);background:var(--panel)}.gear{background:none;border:none;color:var(--dim);padding:5px 7px;flex:none;display:grid;place-items:center}.gear svg{width:20px;height:20px}.feed{flex:1 1 auto;min-height:0;overflow-y:auto;overflow-x:hidden;touch-action:pan-y;overscroll-behavior:contain;scroll-snap-type:y mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}.feed::-webkit-scrollbar{display:none}.card{scroll-snap-align:start;height:100%;position:relative;border-bottom:1px solid var(--line)}.frame{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden;background:#000;min-height:0}.frame img,.frame video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center 42.5%;transition:opacity .25s ease}.frame img.cover,.frame video.cover{object-fit:cover}.badge{position:absolute;top:10px;right:10px;font-size:10px;letter-spacing:.06em;text-transform:uppercase;padding:3px 7px;border-radius:5px;background:#000000a6;color:var(--fg);pointer-events:none}.badge.sound{display:flex;align-items:center;gap:5px;min-height:34px;padding:4px 10px;border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(8px);pointer-events:auto;-webkit-tap-highlight-color:transparent}.badge.sound span{font-size:15px;line-height:1}.badge.sound.on{border-color:var(--accent-2);color:var(--accent-2)}.failed{position:absolute;color:var(--dim);font-size:13px}.skeleton{position:absolute;inset:0;background:linear-gradient(100deg,#14161b 30%,#1c1f27,#14161b 70%);background-size:220% 100%;animation:shimmer 1.1s linear infinite}@keyframes shimmer{to{background-position:-220% 0}}.burst{position:absolute;font-size:96px;color:var(--accent);animation:pop .55s ease-out forwards;pointer-events:none;text-shadow:0 4px 24px rgba(0,0,0,.6)}@keyframes pop{0%{transform:scale(.4);opacity:0}35%{transform:scale(1.15);opacity:1}to{transform:scale(1);opacity:0}}.overlay{position:absolute;left:0;right:0;bottom:0;z-index:2;pointer-events:none;display:flex;align-items:flex-end;gap:8px;padding:0 10px max(10px,env(safe-area-inset-bottom));padding-right:max(10px,env(safe-area-inset-right))}.overlay button,.overlay a,.overlay .tags{pointer-events:auto}.caption{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;gap:6px;align-items:flex-start}.rail{flex:none;display:grid;grid-template-columns:repeat(2,auto);justify-items:end;gap:8px 10px}.railbtn{width:46px;padding:0;border:0;background:none;color:#fff;text-decoration:none;display:flex;flex-direction:column;align-items:center;gap:2px;-webkit-tap-highlight-color:transparent}.railbtn i{font-style:normal;width:44px;height:44px;display:grid;place-items:center;font-size:20px;line-height:1;border-radius:50%;background:#00000073;backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.14);transition:background .15s ease,color .15s ease}.railbtn span{font-size:9.5px;letter-spacing:.01em;color:#ffffffd9;padding:1px 5px;border-radius:5px;background:#00000080;backdrop-filter:blur(6px)}.railbtn i svg{width:22px;height:22px}.railbtn.liked i{background:var(--accent);border-color:transparent}.railbtn.saved i{color:#ffd257;border-color:#ffd25780}.railbtn.saved i svg{fill:currentColor}.railbtn.on i{background:var(--accent-2);border-color:transparent;color:var(--bg)}.railbtn.danger:hover i{color:var(--accent);border-color:var(--accent)}.railbtn.danger.on i{background:var(--accent);border-color:transparent;color:#fff}.byline{display:flex;flex-wrap:wrap;align-items:center;gap:6px;max-width:100%;min-width:0;padding:3px 8px;border-radius:7px;background:#0000008c;backdrop-filter:blur(6px)}.chip{font-size:11px;padding:3px 9px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--dim)}.chip.on{color:var(--bg);background:var(--accent-2);border-color:transparent}.chip.reason{display:none}.chip.reason.explore{color:var(--accent-2);border-color:var(--accent-2)}.chip.boost{color:var(--accent-2);border-color:var(--accent-2);max-width:46vw;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;position:relative}.chip.boost:after{content:"";position:absolute;inset:-8px -3px}.chip.boost:active{color:var(--bg);background:var(--accent-2)}.endorse-line{margin:0 0 10px;display:flex;flex-direction:column;gap:2px}.endorse-line .dim{font-size:11px}.endorse-line strong{font-size:15px;font-weight:600;overflow-wrap:anywhere}.endorse-line strong .tagfollow{color:var(--accent-2)}.endorse-note{margin:14px 0 0;font-size:12px;line-height:1.5}.chip.boost .tagfollow{margin-right:2px}.tags{gap:6px}.tags.all{max-height:32dvh;overflow-y:auto;align-content:flex-start;padding:6px;border-radius:10px;background:#0000008c}.tag{font-size:12px;padding:3px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#00000094;backdrop-filter:blur(6px);color:#ffffffe6;-webkit-tap-highlight-color:transparent;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tag:hover{color:var(--accent);border-color:var(--accent)}.tag.on{color:var(--bg);background:var(--accent-2)}.tag.blocked{color:var(--accent);border-color:var(--accent)}.tag.more{color:var(--accent-2)}.tag.artist{border-color:transparent;background:none;backdrop-filter:none;padding:2px 3px;font-size:13px;font-weight:500;color:#fff}.tag.artist:hover{color:var(--accent-2);border-color:transparent}.tag.artist.on{background:none;color:var(--accent-2)}.tagfollow{font-style:normal;margin-right:4px;font-size:11px}.tag.artist{position:relative}.tag.artist:after{content:"";position:absolute;inset:-8px -3px}.actions{gap:6px}.act{flex:1;min-width:90px;padding:9px 10px;border-radius:10px;border:1px solid var(--line);background:transparent;color:var(--fg);text-align:center;text-decoration:none;font-size:13px}.act:hover{border-color:var(--dim)}.act.liked{background:var(--accent);border-color:transparent;color:#fff}.act.danger:hover{border-color:var(--accent);color:var(--accent)}.act.wide{width:100%;margin-top:16px}.empty,.loading-more{flex:1;display:grid;place-items:center;gap:12px;color:var(--dim);padding:40px;text-align:center}.loading-more{padding:32px}.spinner{width:26px;height:26px;border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.auth{height:100%;display:grid;place-items:center;padding:24px}.auth form{width:min(360px,100%);display:flex;flex-direction:column;gap:10px}.auth h1{margin:0;font-size:30px;letter-spacing:-.02em}.auth .sub{margin:0 0 8px;color:var(--dim);font-size:13px}.auth input{padding:11px 12px;border-radius:10px;border:1px solid var(--line);background:var(--panel);color:var(--fg);font:inherit}.auth button[type=submit]{padding:11px;border-radius:10px;border:none;background:var(--accent);color:#fff;font-weight:650}.auth button[type=submit]:disabled{opacity:.6}.linkish{background:none;border:none;color:var(--accent-2);font-size:13px;padding:4px}.fineprint{color:var(--dim);font-size:11.5px;margin:4px 0 0}.linkish.danger{color:var(--accent)}.linkish:hover{text-decoration:underline}.err{background:#3b1220;border:1px solid var(--accent);color:#ffb3c8;padding:8px 10px;border-radius:8px;font-size:13px}.sheet{position:fixed;inset:0;background:#0009;display:grid;place-items:end center;z-index:40}.sheet-body{width:min(560px,100%);max-height:88dvh;overflow-y:auto;background:var(--panel);border:1px solid var(--line);border-radius:16px 16px 0 0;padding:16px;padding-bottom:max(16px,env(safe-area-inset-bottom))}.sheet-head{display:flex;gap:6px;margin-bottom:12px}.sheet-head button{background:none;border:none;color:var(--dim);padding:6px 10px;border-radius:999px;font-weight:600}.sheet-head button.on{color:var(--fg);background:var(--bg)}.sheet-head .close{margin-left:auto}.sheet-head .back{margin-right:2px;padding-left:4px;font-size:20px;line-height:1}.sheet h3{margin:18px 0 8px;font-size:13px;color:var(--dim);font-weight:600}.dim{color:var(--dim);font-size:13px}.weights{display:flex;flex-direction:column;gap:5px;max-height:42dvh;overflow-y:auto;overscroll-behavior:contain}.wrow{display:grid;grid-template-columns:1fr 90px 52px;gap:8px;align-items:center}.wrow.open{grid-template-columns:minmax(0,1fr) auto 52px}.wname{font-size:12.5px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:0;border:0;background:none;color:inherit;text-align:left;-webkit-tap-highlight-color:transparent}.wrow.open .wname{color:var(--accent-2)}.wfollow{font-style:normal;margin-right:4px;color:var(--accent-2)}.wmenu{display:flex;gap:4px;justify-content:flex-end}.wmenu button{font-size:11.5px;min-width:26px;padding:2px 7px;border-radius:6px;border:1px solid var(--line);background:var(--bg);color:var(--fg);-webkit-tap-highlight-color:transparent}.wmenu button:hover{border-color:var(--dim)}.wbar{position:relative;height:5px;background:var(--bg);border-radius:3px}.wbar:before{content:"";position:absolute;left:50%;top:-1px;bottom:-1px;width:1px;background:var(--line)}.wbar i{position:absolute;top:0;height:100%;background:var(--accent-2);border-radius:3px}.wbar i.neg{background:var(--accent)}.wbar i.max{border-top-right-radius:0;border-bottom-right-radius:0}.wbar i.neg.max{border-radius:0 3px 3px 0}.wval{font-size:11.5px;color:var(--dim);text-align:right;font-variant-numeric:tabular-nums}.wrow.open{row-gap:4px}.west{grid-column:1 / -1;font-size:11px;color:var(--dim);min-height:13px;font-variant-numeric:tabular-nums}.sheet.confirm{z-index:50;place-items:center;background:#000000bf}.confirm-body{width:min(400px,calc(100% - 32px));border-radius:16px;border-color:var(--accent)}.confirm-body h3{margin-top:0}.confirm-actions{display:flex;gap:8px;margin-top:14px}.act.danger.solid{background:var(--accent);border-color:transparent;color:#fff}.act.danger.solid:hover{filter:brightness(1.1)}.act[disabled]{opacity:.4}.wsearch{width:100%;box-sizing:border-box;margin-bottom:8px;padding:8px 10px;font:inherit;font-size:13px;color:var(--fg);background:var(--bg);border:1px solid var(--line);border-radius:8px}.wsearch::placeholder{color:var(--dim)}.wfilters{margin-bottom:6px}.tag.order{margin-left:10px;border-color:#ffffff52}.wcount{margin:0 0 8px;font-size:11.5px}.ledger{margin:6px 0 4px}.lrow{display:flex;align-items:center;gap:8px;padding:2px 0;font-size:12px}.lname{flex:0 0 108px;color:var(--fg)}.lname.implicit{color:var(--dim);font-style:italic}.lbar{flex:1;height:6px;background:var(--line);border-radius:3px;overflow:hidden}.lbar i{display:block;height:100%;background:var(--accent-2)}.lval{flex:0 0 44px;text-align:right;color:var(--dim);font-variant-numeric:tabular-nums}.lpct{flex:0 0 36px;text-align:right;font-variant-numeric:tabular-nums}.sheet-head h3{margin:0;align-self:center}.srow{display:flex;align-items:baseline;gap:10px;padding:11px 12px;margin-bottom:6px;border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--fg);text-decoration:none}.srow:hover{border-color:var(--accent-2)}.srow{width:100%;font:inherit;text-align:left;cursor:pointer}.srow-head{margin:14px 2px 6px;font-size:12px;font-weight:600;color:var(--dim)}.srow em{margin-left:auto;font-style:normal;font-size:12px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:58%}.attrib{position:fixed;left:8px;bottom:max(150px,calc(env(safe-area-inset-bottom) + 150px));z-index:30;display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-width:52%;padding:7px 7px 6px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#0000006b;backdrop-filter:blur(10px)}.attribhead{margin:0 0 2px 2px;font-size:12px;color:var(--dim)}.attriblist{display:flex;flex-direction:column;align-items:flex-start;gap:4px;max-height:38vh;width:100%;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;scrollbar-width:thin}.attriblist::-webkit-scrollbar{width:4px}.attriblist::-webkit-scrollbar-thumb{background:#ffffff38;border-radius:2px}.attribtag{font-size:12px;padding:5px 9px;border-radius:6px;border:1px solid rgba(255,255,255,.16);background:#00000052;color:var(--fg);max-width:100%;white-space:normal;overflow-wrap:break-word;text-align:left;line-height:1.25;flex:none}.attrib{transition:opacity .11s ease,transform .11s ease}body.rail-leaving .attrib{opacity:0;transform:translate(-14px);pointer-events:none}.attribtag.on{background:var(--accent-2);color:var(--bg);border-color:var(--accent-2)}.attrib.pass .attribtag.on{background:var(--accent);border-color:var(--accent)}.viewer{position:fixed;inset:0;z-index:40;background:#000000e0;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center}.viewer-body{display:flex;flex-direction:column;width:100%;height:100%;max-width:900px;position:relative}.viewer-frame{flex:1 1 auto;min-height:0;display:grid;place-items:center;padding:8px}.viewer-frame img,.viewer-frame video{max-width:100%;max-height:100%;object-fit:contain}.viewer-close{position:absolute;top:max(8px,env(safe-area-inset-top));right:10px;z-index:1;background:#0000008c;border:1px solid rgba(255,255,255,.16);color:var(--fg);border-radius:999px;width:34px;height:34px}.viewer-foot{flex:none;padding:8px 10px max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#0b0c0fe6}.viewer-actions{display:flex;gap:8px;margin-top:8px}.viewer-actions .act{flex:1;text-align:center;text-decoration:none}.cellopen{display:block;width:100%;height:100%;padding:0;border:none;background:none}.blockrow{padding:5px 0;border-bottom:1px solid var(--line)}.blockrow:last-of-type{border-bottom:none}.blockrow .dim{margin:0 3px;font-size:11.5px}.except-picker{margin:6px 0 2px}.except-picker .row.tags{margin-top:6px}@media (min-width: 720px){.app{max-width:620px;margin:0 auto;border-inline:1px solid var(--line)}.frame{background:#06070a}}.search{width:100%;padding:10px 12px;border:1px solid var(--line);border-radius:9px;background:var(--bg);color:var(--fg);font:inherit;font-size:14px;outline:none}.search:focus{border-color:var(--accent-2)}.taglist{height:26dvh;resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12.5px;line-height:1.5;margin-top:4px}.search+.search{margin-top:8px}.alist{display:flex;flex-direction:column;gap:4px;margin-top:10px}.arow{display:flex;align-items:center;gap:10px;padding:7px 2px;border-bottom:1px solid var(--line)}.aname{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1;font-size:13.5px}.aname em{font-style:normal;font-size:11.5px;color:var(--dim);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arow .act{flex:none}.feedrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:7px 2px;border-bottom:1px solid var(--line)}.feedrow:last-of-type{border-bottom:none}.feedmain{flex:1 1 55%;min-width:0}.feedname{display:flex;flex-direction:column;gap:2px;align-items:flex-start;text-align:left;width:100%;min-width:0}.feedacts{display:flex;gap:4px;flex:none;align-items:center}.feedacts .act{flex:none;padding:4px 8px}.feedacts .act:disabled{opacity:.35}.feedmain .search{width:100%;margin:0}.feedorder{flex:1 0 100%;margin:4px 0 2px}.import{display:flex;flex-direction:column;gap:8px;margin-top:10px}.import .row{margin-top:4px}.warn{padding:10px 12px;border:1px solid var(--accent);border-radius:9px;background:color-mix(in srgb,var(--accent) 12%,transparent);font-size:12.5px;line-height:1.45}.warn code,.fineprint code{font-size:11.5px;padding:1px 4px;border-radius:4px;background:var(--bg)}.check{display:flex;gap:8px;align-items:flex-start;font-size:12.5px;color:var(--dim);line-height:1.4}.check input{margin-top:2px;flex:none}.tagmenu{display:inline-flex;align-items:center;gap:2px;padding:2px 4px;border:1px solid var(--accent-2);border-radius:999px;background:var(--panel)}.tagmenu-name{font-size:11.5px;color:var(--dim);padding:0 4px;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tagmenu button{border:0;background:transparent;color:var(--fg);font-size:11.5px;padding:3px 6px;border-radius:999px}.tagmenu button:hover{background:var(--bg);color:var(--accent-2)}.tagmenu button.danger:hover{color:var(--accent)}.builder{flex:1;min-height:0;display:flex;flex-direction:column}.builderbody{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:12px;display:flex;flex-direction:column;gap:10px}.builderbody h3{margin:6px 0 0;font-size:13px;color:var(--dim);font-weight:600}.builderbody .alist{max-height:40dvh;overflow-y:auto}.builderbody .tag em{font-style:normal;color:var(--dim);font-size:10.5px}.builderfoot{flex:none;display:flex;gap:8px;padding:10px 12px;padding-bottom:max(10px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:var(--panel)}.builderfoot .act.wide{width:auto;flex:1;margin:0}.act:disabled{opacity:.45}.mag{padding:5px 6px}.mag.on{color:var(--accent-2)}.savedpane{flex:1;min-height:0;display:flex;flex-direction:column}.savedhead{display:flex;gap:6px;padding:8px 10px;border-bottom:1px solid var(--line);flex:none}.savedhead .tag svg{width:13px;height:13px;vertical-align:-2px;stroke-width:2.1}.grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:3px;padding:3px;padding-bottom:max(3px,env(safe-area-inset-bottom))}.cell{position:relative;aspect-ratio:1;background:#06070a}.cell a,.cell .cellopen{display:block;width:100%;height:100%}.cell img{width:100%;height:100%;object-fit:cover;display:block}.cellx{position:absolute;top:3px;right:3px;width:26px;height:26px;border:0;border-radius:50%;background:#0009;color:#fff;font-size:12px;line-height:1;-webkit-tap-highlight-color:transparent}.cellx:hover{color:var(--accent)}.gridnote{flex:none;padding:8px 10px}.tag.viewswap{margin-left:auto}.tag.info{padding-left:8px;padding-right:8px}.savedinfo{position:relative;flex:none;margin:8px 10px 0;padding:9px 34px 9px 11px;border:1px solid var(--line);border-radius:8px}.savedinfo .fineprint{margin:0}.infox{position:absolute;top:2px;right:2px;width:26px;height:26px;border:0;background:none;color:var(--dim);font-size:12px;line-height:1;-webkit-tap-highlight-color:transparent}.infox:hover{color:var(--accent)}.likemark{flex:none;color:var(--accent);font-size:13px}header nav{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}header nav::-webkit-scrollbar{display:none}.refroot{height:100%;display:flex;flex-direction:column;overflow:hidden}.refbody{flex:1;position:relative;display:flex;flex-direction:column;min-height:0}.refhead{flex:none;display:flex;align-items:center;gap:8px;padding:6px 10px;padding-top:max(6px,env(safe-area-inset-top));border-bottom:1px solid var(--line);background:var(--panel);z-index:3}.refsearch{position:relative;flex:1;min-width:0}.refsearch .search{width:100%}.refhits{position:absolute;top:calc(100% + 4px);left:0;right:0;max-height:46vh;overflow-y:auto;margin:0;padding:4px 10px 8px;border:1px solid var(--line);border-radius:10px;background:var(--panel);z-index:4}.refhit{width:100%;border:0;background:transparent;color:inherit;text-align:left}.refhit:hover{color:var(--accent-2)}.refhead{flex-wrap:wrap}.refquery{flex-basis:100%;margin:2px 0 0;gap:4px}.refquery .tag{font-size:12px;padding:3px 8px}.refcount{font-size:12px;white-space:nowrap}.refcount b{color:var(--accent-2);font-weight:600}.refcount i{font-style:normal}.spinner.tiny{width:16px;height:16px;border-width:1.5px}.refspin{margin:40px auto}.refnote{padding:10px 14px}.refempty{padding:24px 18px;max-width:34em}.refcanvas{flex:1;position:relative;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;background:radial-gradient(circle at 50% 45%,#14161b 0%,var(--bg) 70%)}.refcanvas:active{cursor:grabbing}.refplane{position:absolute;left:0;top:0;transform-origin:0 0;will-change:transform}.reftile{position:absolute;display:grid;place-items:center}.reftile.loading:before,.reftile.failed:before{content:"";position:absolute;inset:8%;border-radius:6px;background:var(--panel)}.reftile.failed:before{border:1px dashed var(--line);background:transparent}.reftile.failed img,.reftile.failed video{display:none}.reftile img,.reftile video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border-radius:4px;display:block}.reftile .hi{opacity:0}.reftile .hi.on{opacity:1}.reftile.mine img,.reftile.mine video{outline:2px solid var(--accent-2);outline-offset:2px}.reftile.picked img,.reftile.picked video{outline:2px solid var(--fg);outline-offset:2px}.refzoom{position:absolute;right:10px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:6px;padding:6px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 85%,transparent);backdrop-filter:blur(6px);z-index:2}.refzoom .act{flex:none;min-width:38px;padding:6px 8px}.refzoom .dim{font-size:12px;min-width:42px;text-align:right}.claimbar{position:absolute;top:8px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:8px;max-width:calc(100% - 20px);padding:5px 6px 5px 10px;border:1px solid var(--line);border-radius:999px;background:color-mix(in srgb,var(--panel) 88%,transparent);backdrop-filter:blur(6px);z-index:2}.claimname{border:0;background:transparent;color:var(--fg);font-size:13px;padding:0;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.claimclock{font-variant-numeric:tabular-nums;font-size:13px;color:var(--dim)}.claimclock.over{color:var(--accent)}.claimbar .act{flex:none;min-width:0;padding:5px 12px;font-size:13px}.reftray{position:absolute;left:10px;bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;gap:8px;padding:6px 8px;border:1px solid var(--line);border-radius:12px;background:color-mix(in srgb,var(--panel) 85%,transparent);backdrop-filter:blur(6px);z-index:2}.reftray .act{flex:none;min-width:0;padding:6px 10px;font-size:13px}.reftray .dim{font-size:12px}.reftray b{color:var(--accent-2);font-weight:600}.tagrows{display:flex;flex-direction:column;gap:1px;margin-bottom:4px}.tagrow{display:flex;align-items:baseline;gap:8px;width:100%;padding:5px 6px;border:0;border-radius:6px;background:transparent;color:var(--fg);text-align:left;font-size:13px}.tagrow:hover{background:var(--line)}.tagrow[disabled]{opacity:.4}.tagrow-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis}.tagrow-name.artist{color:var(--accent-2)}.tagrow em{font-style:normal;font-size:11.5px;color:var(--dim);font-variant-numeric:tabular-nums}.tag.anchor{opacity:1}.tag.on[disabled]{opacity:1;cursor:default}.refpanel.left{right:auto;left:0;border-left:0;border-right:1px solid var(--line)}.refpanel{position:absolute;top:0;right:0;bottom:0;width:min(380px,92vw);display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--panel);z-index:5}.refpanelhead{flex:none;display:flex;align-items:center;gap:10px;padding:10px 12px;border-bottom:1px solid var(--line)}.refpanelhead h3{margin:0;font-size:15px;flex:1;min-width:0}.refpanelhead .act{flex:none;min-width:0;padding:5px 10px}.refpanelbody{flex:1;overflow-y:auto;padding:12px 14px;padding-bottom:max(14px,env(safe-area-inset-bottom));font-size:13.5px}.refpanelbody h4{margin:16px 0 6px;font-size:13px;color:var(--dim)}.refpanelbody h5{margin:12px 0 4px;font-size:12.5px;color:var(--dim)}.refpanelbody p{margin:0 0 10px}.refpanelbody ul{margin:0 0 10px;padding-left:18px}.refpanelbody a{color:var(--accent-2)}.refnames{font-size:12px}.refclaim h4{color:var(--fg);font-size:15px;margin-top:14px}.refacts{margin-top:14px;display:flex;gap:8px}.refacts .act.wide{width:auto;flex:1;margin:0}.reftimer{display:flex;align-items:center;gap:10px;font-variant-numeric:tabular-nums;font-size:22px}.reftimer .act{flex:none;min-width:0;padding:4px 10px;font-size:12px}.reftimer.done{color:var(--accent)}