.sh-top{z-index:30;height:var(--topbar-h);padding:0 var(--page-x);background:var(--surface);border-bottom:1px solid var(--line);grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:18px;display:grid;position:sticky;top:0}.sh-left{align-items:center;gap:8px;min-width:0;display:flex}.sh-brand{letter-spacing:-.3px;color:var(--fg);flex:none;align-items:center;gap:9px;margin-right:6px;font-size:18px;font-weight:800;text-decoration:none;display:inline-flex}.sh-brand img{border-radius:9px;width:32px;height:32px}.sh-search{border:1px solid var(--line);background:var(--surface-2);height:40px;color:var(--muted-2);border-radius:999px;flex:260px;align-items:center;gap:9px;min-width:0;max-width:420px;padding:0 14px;font-size:14px;text-decoration:none;transition:border-color .16s,background .16s;display:flex}.sh-search:hover{border-color:var(--orange-ring)}.sh-search svg{color:var(--orange);flex:none}.sh-search span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sh-nav{justify-content:center;gap:4px;min-width:0;display:flex}.sh-nav a{height:var(--topbar-h);color:var(--muted);white-space:nowrap;align-items:center;gap:7px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;transition:color .16s;display:inline-flex;position:relative}.sh-nav a:hover{color:var(--fg)}.sh-nav a.active{color:var(--orange)}.sh-nav a.active:after{content:"";background:var(--orange);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:0;left:12px;right:12px}.sh-right{justify-self:end;align-items:center;gap:4px;display:flex}.sh-circ{border:1px solid var(--orange-ring);background:var(--orange-soft);width:40px;height:40px;color:var(--orange);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .16s,transform .12s;display:inline-flex;position:relative}.sh-circ:hover{background:var(--orange)}@supports (color:color-mix(in lab, red, red)){.sh-circ:hover{background:color-mix(in srgb, var(--orange) 16%, transparent)}}.sh-circ:active{transform:scale(.95)}.sh-circ.active{background:var(--orange);color:#fff}.sh-badge{background:var(--like);color:#fff;border:2px solid var(--surface);border-radius:999px;justify-content:center;align-items:center;min-width:17px;height:17px;padding:0 5px;font-size:10.5px;font-weight:800;display:inline-flex;position:absolute;top:-2px;right:-2px}.sh-avatar-btn{cursor:pointer;background:0 0;border:0;border-radius:50%;margin-left:4px;padding:0}.sh-avatar-btn .ui-avatar{width:38px;height:38px}.sh-theme{width:36px;height:36px;color:var(--muted-2);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;display:inline-flex}.sh-theme:hover{background:var(--orange-soft);color:var(--orange)}.sh-guest{align-items:center;gap:8px;display:inline-flex}.sh-guest a{border-radius:var(--r-lg);align-items:center;height:38px;padding:0 16px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.sh-guest .login{color:var(--orange);border:1px solid var(--orange-ring)}.sh-guest .register{color:#fff;background:var(--orange)}.sh-avatar-wrap{position:relative}.sh-menu{background:var(--surface);border:1px solid var(--line);z-index:40;border-radius:16px;min-width:200px;padding:6px;position:absolute;top:46px;right:0;box-shadow:0 18px 40px #00000024}.sh-menu a,.sh-menu button{width:100%;color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:14px;font-weight:600;text-decoration:none;display:flex}.sh-menu a:hover,.sh-menu button:hover{background:var(--orange-soft)}.sh-menu .danger{color:var(--like)}.sh-menu hr{border:0;border-top:1px solid var(--line);margin:6px 4px}@media (min-width:761px){.sh-search{display:none}}.sh-tabs{display:none}.sh-main{flex-direction:column;flex:1;min-width:0;display:flex}@media (max-width:1100px) and (min-width:761px){.sh-nav a{padding:0 10px}.sh-brand span{display:none}}@media (max-width:760px){.sh-top{grid-template-columns:1fr auto;gap:8px}.sh-brand,.sh-nav,.sh-theme{display:none}.sh-search{max-width:none;height:38px}.sh-right .sh-circ.desktop-only,.sh-avatar-btn{display:none}.sh-tabs{z-index:30;height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding:0 8px env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--line);display:flex;position:fixed;bottom:0;left:0;right:0;box-shadow:0 -4px 18px #ff66001a}.sh-tabs a{color:var(--muted);flex:1;justify-content:center;align-items:center;display:flex;position:relative}.sh-tabs a.active{color:var(--orange)}.sh-tabs .ui-avatar{width:28px;height:28px}.sh-tabs a.active .ui-avatar{box-shadow:0 0 0 2px var(--orange)}.sh-main{padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom))}.app-root[data-hide-tabs=true] .sh-tabs{display:none}.app-root[data-hide-tabs=true] .sh-main{padding-bottom:0}.app-root[data-hide-top=true] .sh-top{display:none}.app-root[data-hide-top=true]{--topbar-h:0px}}.sh-offline{color:#fff;text-align:center;background:#c30;padding:6px;font-size:12px;font-weight:600}@media (min-width:761px){.app-root[data-hide-top-desk=true] .sh-top{display:none}.app-root[data-hide-top-desk=true]{--topbar-h:0px}}.ui-page{flex-direction:column;flex:1;min-width:0;padding-bottom:56px;display:flex}.ui-measure{width:100%;max-width:var(--measure);padding:0 var(--page-x);margin:0 auto}.ui-pad{padding:0 var(--page-x)}.ui-pagehead{min-height:56px;padding:4px calc(var(--page-x) - 8px);top:var(--topbar-h);z-index:10;background:var(--surface);align-items:center;gap:6px;display:flex;position:sticky}.ui-pagehead.bordered{border-bottom:1px solid var(--line)}.ui-pagehead h1{letter-spacing:-.2px;white-space:nowrap;text-overflow:ellipsis;flex:1;margin:0;font-size:17px;font-weight:800;overflow:hidden}.ui-pagehead>h1:first-child{padding-left:8px}.ui-pagehead .ui-pagehead-sub{color:var(--muted-2);margin-top:1px;font-size:12px;font-weight:500;display:block}.ui-pagehead-actions{align-items:center;gap:2px;display:inline-flex}@media (max-width:760px){.app-root[data-hide-top=true] .ui-pagehead{top:0}}.ui-section{padding-top:6px}.ui-section-head{padding:20px var(--page-x) 10px;align-items:center;gap:8px;display:flex}.ui-section-head .ico{color:var(--orange);display:inline-flex}.ui-section-head h2{letter-spacing:-.2px;flex:1;margin:0;font-size:15px;font-weight:800}.ui-section-all{color:var(--orange);cursor:pointer;background:0 0;border:0;border-radius:10px;margin:-8px -10px;padding:8px 10px;font-size:13px;font-weight:700;text-decoration:none}.ui-section-all:hover{background:var(--orange-soft)}.ui-strip{overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:var(--page-x);padding:2px var(--page-x) 8px;scrollbar-width:none;gap:10px;display:flex;overflow-x:auto}.ui-strip::-webkit-scrollbar{display:none}.ui-strip>*{scroll-snap-align:start;flex:none}.ui-cbook{width:112px;color:var(--fg);text-decoration:none;display:block}.ui-cbook-cover{border-radius:var(--r-sm);background:var(--surface-2);border:1px solid var(--line-2);width:112px;height:160px;transition:transform .16s,box-shadow .16s;position:relative;overflow:hidden}.ui-cbook:hover .ui-cbook-cover{transform:translateY(-2px);box-shadow:0 10px 22px #00000029}.ui-cbook-cover img{object-fit:cover;width:100%;height:100%}.ui-cbook-cover.adult img{filter:blur(10px)saturate(.6);transform:scale(1.1)}.ui-cbook-empty{width:100%;height:100%;color:var(--orange);opacity:.6;justify-content:center;align-items:center;display:flex}.ui-cbook-friends,.ui-cbook-adult,.ui-cbook-lock{border-radius:999px;align-items:center;gap:3px;padding:2px 6px;font-size:10px;font-weight:800;display:inline-flex;position:absolute}.ui-cbook-friends{background:var(--orange);color:#fff;top:6px;left:6px}.ui-cbook-adult{background:var(--like);color:#fff;top:6px;right:6px}.ui-cbook-progress{background:#00000059;height:4px;position:absolute;bottom:0;left:0;right:0}.ui-cbook-progress i{background:var(--orange);height:100%;display:block}.ui-cbook-title{white-space:nowrap;text-overflow:ellipsis;margin-top:6px;font-size:12.5px;font-weight:700;line-height:1.25;overflow:hidden}.ui-cbook-meta{color:var(--muted-2);white-space:nowrap;align-items:center;gap:4px;margin-top:2px;font-size:11px;display:flex;overflow:hidden}.ui-cbook-meta .author{text-overflow:ellipsis;min-width:0;overflow:hidden}.ui-cbook-meta .views{flex:none;align-items:center;gap:2px;font-size:10.5px;display:inline-flex}.ui-cbook-sub{color:var(--orange);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:10.5px;font-weight:700;overflow:hidden}.ui-lib{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-2);width:320px;height:204px;color:var(--fg);grid-template-columns:126px 1fr;text-decoration:none;transition:transform .16s,box-shadow .16s;display:grid;overflow:hidden}.ui-lib:hover{transform:translateY(-2px);box-shadow:0 12px 26px #00000024}.ui-lib-cover{background:var(--charcoal);gap:2px;display:grid;position:relative}.ui-lib-cover.n1{grid-template-columns:1fr}.ui-lib-cover.n2{grid-template-columns:1fr 1fr}.ui-lib-cover.n3,.ui-lib-cover.n4{grid-template-rows:1fr 1fr;grid-template-columns:1fr 1fr}.ui-lib-cover img{object-fit:cover;width:100%;height:100%}.ui-lib-cover .ph{width:100%;height:100%;color:var(--orange);opacity:.6;justify-content:center;align-items:center;display:flex}.ui-lib-body{flex-direction:column;gap:4px;min-width:0;padding:12px 12px 10px;display:flex}.ui-lib-name{align-items:flex-start;gap:6px;font-size:15px;font-weight:700;line-height:1.2;display:flex}.ui-lib-name span{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.ui-lib-name svg{color:var(--orange);flex:none;margin-top:1px}.ui-lib-stats{color:var(--muted-2);align-items:center;gap:6px;font-size:11.5px;display:flex}.ui-lib-owner{color:var(--muted);white-space:nowrap;align-items:center;gap:6px;font-size:11.5px;display:flex;overflow:hidden}.ui-lib-owner .ui-avatar{width:16px;height:16px;font-size:8px}.ui-lib-owner b{text-overflow:ellipsis;overflow:hidden}.ui-lib-chips{gap:4px;display:flex;overflow:hidden}.ui-lib-desc{color:var(--muted-2);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11.5px;line-height:1.3;display:-webkit-box;overflow:hidden}.ui-lib-foot{justify-content:space-between;align-items:center;gap:8px;margin-top:auto;display:flex}.ui-lib-foot .ui-btn{height:30px;padding:0 12px;font-size:12px}.ui-lib-foot em{color:var(--muted-2);font-size:11px;font-style:normal}.ui-room{width:72px;color:var(--fg);text-align:center;text-decoration:none}.ui-room-av{border-radius:var(--r-md);border:1.5px solid var(--orange-ring);background:var(--orange-soft);width:72px;height:72px;color:var(--orange);justify-content:center;align-items:center;font-size:22px;font-weight:800;display:flex;position:relative;overflow:hidden}.ui-room-av img{object-fit:cover;width:100%;height:100%}.ui-room-book{background:var(--charcoal);border:1px solid #fff;border-radius:3px;width:18px;height:24px;position:absolute;bottom:3px;right:3px;overflow:hidden}.ui-room-name{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:5px;font-size:12px;font-weight:700;line-height:1.2;display:-webkit-box;overflow:hidden}.ui-room-members{justify-content:center;margin-top:3px;display:flex}.ui-room-members .ui-avatar{width:18px;height:18px;box-shadow:0 0 0 1.5px var(--surface);margin-left:-5px;font-size:8px}.ui-room-members .ui-avatar:first-child{margin-left:0}.ui-avatar{object-fit:cover;background:var(--orange);color:#fff;border-radius:50%;flex:none;justify-content:center;align-items:center;width:40px;height:40px;font-size:15px;font-weight:800;display:inline-flex;position:relative;overflow:hidden}.ui-avatar.ring{box-shadow:0 0 0 2px var(--surface), 0 0 0 4px var(--orange)}.ui-avatar img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ui-chip{background:var(--orange-soft);height:22px;color:var(--orange);white-space:nowrap;border:0;border-radius:999px;align-items:center;gap:4px;padding:0 9px;font-size:11.5px;font-weight:600;text-decoration:none;display:inline-flex}.ui-chip.warn{color:var(--like);background:#e509141a}.ui-chip.neutral{background:var(--surface-2);color:var(--muted);border:1px solid var(--line)}.ui-chip.selected{background:var(--orange);color:#fff}.ui-chip.lg{cursor:pointer;height:34px;padding:0 14px;font-size:13px}.ui-btn{border-radius:var(--r-lg);cursor:pointer;white-space:nowrap;background:var(--orange);color:#fff;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;height:44px;padding:0 20px;font-size:14px;font-weight:700;text-decoration:none;transition:background .16s,transform .1s,opacity .16s;display:inline-flex}.ui-btn:hover{background:var(--orange-600)}.ui-btn:active{transform:scale(.98)}.ui-btn:disabled{opacity:.45;cursor:default;transform:none}.ui-btn.outline{color:var(--orange);border-color:var(--orange);background:0 0}.ui-btn.outline:hover{background:var(--orange-soft)}.ui-btn.ghost{color:var(--orange);background:0 0}.ui-btn.ghost:hover{background:var(--orange-soft)}.ui-btn.soft{background:var(--orange-soft);color:var(--orange)}.ui-btn.danger{background:var(--like)}.ui-btn.sm{border-radius:12px;height:34px;padding:0 14px;font-size:13px}.ui-btn.block{width:100%}.ui-iconbtn{width:40px;height:40px;color:var(--fg);border-radius:var(--r-md);cursor:pointer;background:0 0;border:0;justify-content:center;align-items:center;text-decoration:none;transition:background .16s;display:inline-flex;position:relative}.ui-iconbtn:hover{background:var(--orange-soft);color:var(--orange)}.ui-iconbtn.on{color:var(--orange)}.ui-iconbtn:disabled{opacity:.4;cursor:default}.ui-fab{background:var(--orange);color:#fff;cursor:pointer;z-index:25;border:0;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;text-decoration:none;transition:transform .12s;display:inline-flex;position:fixed;bottom:24px;right:20px;box-shadow:0 10px 24px #f606}.ui-fab:hover{transform:translateY(-1px)}@media (max-width:760px){.ui-fab{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + 16px);right:16px}}.ui-field{flex-direction:column;gap:6px;display:flex}.ui-label{color:var(--muted);font-size:12.5px;font-weight:700}.ui-input,.ui-textarea,.ui-select{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface);width:100%;min-height:46px;color:var(--fg);outline:none;padding:12px 14px;font-size:15px;transition:border-color .16s,box-shadow .16s}.ui-textarea{resize:vertical;line-height:1.45}.ui-input:focus,.ui-textarea:focus,.ui-select:focus{border-color:var(--orange);box-shadow:0 0 0 3px var(--orange-soft)}.ui-hint{color:var(--muted-2);font-size:12px}.ui-error{color:var(--like);font-size:12.5px;font-weight:600}.ui-row{padding:11px var(--page-x);color:var(--fg);text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:12px;width:100%;text-decoration:none;display:flex}.ui-row:hover{background:var(--orange-soft)}.ui-row-ico{background:var(--orange-soft);width:36px;height:36px;color:var(--orange);border-radius:10px;flex:none;justify-content:center;align-items:center;display:inline-flex}.ui-row-body{flex:1;min-width:0}.ui-row-title{font-size:14.5px;font-weight:600}.ui-row-sub{color:var(--muted-2);margin-top:1px;font-size:12.5px}.ui-row-trail{color:var(--muted-2);align-items:center;gap:6px;font-size:13px;display:inline-flex}.ui-group-title{padding:18px var(--page-x) 6px;letter-spacing:.6px;color:var(--orange);text-transform:uppercase;font-size:11.5px;font-weight:800}.ui-card{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--surface-2);padding:16px}.ui-stars{color:var(--orange);align-items:center;gap:1px;display:inline-flex}.ui-stars .off{opacity:.22}.ui-empty{padding:36px var(--page-x);text-align:center;color:var(--muted-2);flex-direction:column;align-items:center;gap:10px;display:flex}.ui-empty .ico{background:var(--orange-soft);width:64px;height:64px;color:var(--orange);border-radius:20px;justify-content:center;align-items:center;display:inline-flex}.ui-empty p{max-width:320px;margin:0;font-size:14px}.ui-empty b{color:var(--fg);font-size:15px}.ui-skel{background:linear-gradient(90deg, var(--surface-2) 0%, var(--line) 50%, var(--surface-2) 100%)}@supports (color:color-mix(in lab, red, red)){.ui-skel{background:linear-gradient(90deg, var(--surface-2) 0%, color-mix(in srgb, var(--line) 55%, var(--surface-2)) 50%, var(--surface-2) 100%)}}.ui-skel{border-radius:var(--r-sm);background-size:200% 100%;animation:1.3s ease-in-out infinite ui-shimmer}[data-theme=dark] .ui-skel{background:linear-gradient(90deg,#0d0d0d 0%,#1c1c1c 50%,#0d0d0d 100%) 0 0/200% 100%}@keyframes ui-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.ui-skel{animation:none}}.ui-sheet-backdrop{z-index:70;background:#00000073;justify-content:center;align-items:center;padding:16px;animation:.18s ui-fade;display:flex;position:fixed;inset:0}.ui-sheet{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-xl);width:100%;max-width:480px;max-height:min(86dvh,760px);animation:.22s ui-up;overflow:auto;box-shadow:0 24px 60px #0000004d}.ui-sheet.wide{max-width:720px}.ui-sheet-head{align-items:center;gap:8px;padding:16px 18px 8px;display:flex}.ui-sheet-head h3{flex:1;margin:0;font-size:17px;font-weight:800}.ui-sheet-body{padding:8px 18px 18px}.ui-sheet-actions{justify-content:flex-end;gap:8px;padding:0 18px 18px;display:flex}.ui-sheet-grab{display:none}@media (max-width:760px){.ui-sheet-backdrop{align-items:flex-end;padding:0}.ui-sheet{border-radius:var(--r-xl) var(--r-xl) 0 0;max-width:none;max-height:92dvh;padding-bottom:env(safe-area-inset-bottom);border-bottom:0}.ui-sheet-grab{background:var(--line);border-radius:2px;width:40px;height:4px;margin:10px auto 0;display:block}}@keyframes ui-fade{0%{opacity:0}}@keyframes ui-up{0%{opacity:0;transform:translateY(14px)}}.ui-tabs{border-bottom:1px solid var(--line);padding:0 var(--page-x);scrollbar-width:none;gap:4px;display:flex;overflow-x:auto}.ui-tabs::-webkit-scrollbar{display:none}.ui-tabs button,.ui-tabs a{height:44px;color:var(--muted-2);cursor:pointer;white-space:nowrap;background:0 0;border:0;align-items:center;gap:6px;padding:0 14px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex;position:relative}.ui-tabs .active{color:var(--orange)}.ui-tabs .active:after{content:"";background:var(--orange);border-radius:3px 3px 0 0;height:3px;position:absolute;bottom:-1px;left:8px;right:8px}.ui-toast{z-index:80;background:var(--fg);color:var(--bg);border-radius:12px;padding:10px 16px;font-size:13.5px;font-weight:600;animation:.2s ui-up;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000040}@media (max-width:760px){.ui-toast{bottom:calc(var(--tabbar-h) + 20px)}}.ui-switch{background:var(--line);cursor:pointer;border:0;border-radius:13px;flex:none;width:44px;height:26px;transition:background .16s;position:relative}.ui-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .16s;position:absolute;top:3px;left:3px;box-shadow:0 1px 3px #00000040}.ui-switch.on{background:var(--orange)}.ui-switch.on:after{transform:translate(18px)}.ui-divider{background:var(--line);height:1px;margin:8px var(--page-x)}@media (min-width:761px){.ui-strip:has(>.ui-cbook){--strip-n:6;grid-auto-flow:column;grid-auto-columns:calc((100% - (var(--strip-n) - 1) * 14px) / var(--strip-n));gap:14px;display:grid}.ui-strip>.ui-cbook,.ui-strip>.ui-cbook .ui-cbook-cover{width:auto}.ui-strip>.ui-cbook .ui-cbook-cover{aspect-ratio:112/160;height:auto}}@media (min-width:1000px){.ui-strip:has(>.ui-cbook){--strip-n:7}}@media (min-width:1280px){.ui-strip:has(>.ui-cbook){--strip-n:8}}@media (min-width:1600px){.ui-strip:has(>.ui-cbook){--strip-n:9}}@media (min-width:761px){.ui-strip>.ui-cbook .ui-cbook-title{margin-top:8px;font-size:14px}.ui-strip>.ui-cbook .ui-cbook-meta{font-size:12px}}.ui-loadmore{justify-content:center;padding:28px 16px 8px;display:flex}.ui-loadmore .ui-btn{min-width:200px}.ui-strip-wrap{position:relative}.ui-strip-arrow{z-index:3;border:1px solid var(--line);background:var(--surface);width:40px;height:40px;color:var(--fg);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;transition:transform .15s,background .15s,color .15s;display:flex;position:absolute;top:calc(50% - 30px);box-shadow:0 6px 18px #00000029}.ui-strip-arrow:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:scale(1.06)}.ui-strip-arrow.l{left:calc(var(--page-x) - 14px)}.ui-strip-arrow.r{right:calc(var(--page-x) - 14px)}@media (max-width:760px){.ui-strip-arrow{display:none}}@media (min-width:761px){.ui-fab.mobile-only{display:none}}.app-loader{background:var(--bg,#fff);justify-content:center;align-items:center;min-height:100dvh;display:flex}.app-loader img{border-radius:12px;animation:1.1s ease-in-out infinite app-pulse}@keyframes app-pulse{0%,to{opacity:.45;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}.app-iconbtn{width:38px;height:38px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:10px;justify-content:center;align-items:center;transition:background .15s,color .15s;display:inline-flex}.app-iconbtn:hover{color:var(--fg);background:#7f7f7f1f}.app-iconbtn.active{background:var(--orange-soft);color:var(--orange)}.side-panel-backdrop{z-index:60;opacity:0;pointer-events:none;background:#0006;transition:opacity .25s;position:fixed;inset:0}.side-panel-backdrop.show{opacity:1;pointer-events:auto}.side-panel{z-index:61;background:var(--bg);border-left:1px solid var(--line);visibility:hidden;flex-direction:column;width:30vw;min-width:360px;max-width:460px;height:100dvh;transition:transform .28s cubic-bezier(.22,1,.36,1),visibility .28s;display:flex;position:fixed;top:0;right:0;transform:translate(100%)}.side-panel.open{visibility:visible;transform:translate(0);box-shadow:-16px 0 40px #00000038}.side-panel-head{border-bottom:1px solid var(--line);flex-shrink:0;justify-content:space-between;align-items:center;height:60px;padding:0 14px 0 20px;display:flex}.side-panel-title{letter-spacing:-.2px;color:var(--fg);align-items:center;gap:10px;font-size:16px;font-weight:800;display:inline-flex}.side-panel-title .ico{color:var(--orange);display:inline-flex}.side-panel-head-actions{align-items:center;gap:4px;display:inline-flex}.side-panel-back{font-size:26px;font-weight:400;line-height:1}.side-panel-body{flex:1;padding:18px;overflow-y:auto}.side-panel-body.flush{padding:0}.side-panel-empty{text-align:center;height:100%;min-height:320px;color:var(--muted);flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.side-panel-empty-ico{color:var(--orange);opacity:.7;display:inline-flex}.side-panel-empty p{max-width:280px;margin:0;font-size:14px;line-height:1.6}@media (max-width:560px){.side-panel{width:100vw;min-width:0;max-width:none}}.streak-chip{color:#bd4b00;background:#ff66001a;border:1px solid #f606;border-radius:999px;align-items:center;gap:5px;padding:5px 11px;font-size:13.5px;font-weight:700;text-decoration:none;display:inline-flex}.streak-chip:hover{background:#ff66002e}.streak-chip.zero{display:none}@media (max-width:760px){.streak-chip,.streak-chip.zero{color:var(--orange);background:0 0;border:0;flex:none;gap:2px;padding:0 2px;font-size:14px;display:inline-flex}.streak-chip>span{font-size:24px;line-height:1}.streak-chip.zero>span{filter:grayscale();opacity:.55}}.app-root{background:var(--bg);min-height:100dvh;color:var(--fg);flex-direction:column;display:flex}.app-loader-inline{flex:1;justify-content:center;align-items:center;min-height:60vh;display:flex}.app-loader-inline img{border-radius:11px;animation:1.1s ease-in-out infinite app-pulse}