:root{--rail-w:64px;--rail-bottom-h:56px;--rail-item:44px;--app-bar-h:52px;--rail-bg:var(--sidebar-bg,var(--bg-soft));--rail-line:var(--line);--rail-hover:color-mix(in srgb, var(--text) 6%, transparent);--rail-press:color-mix(in srgb, var(--text) 11%, transparent)}.app-shell{min-height:100dvh}@media (min-width:1024px){.app-shell[data-rail=full]{padding-left:var(--rail-w)}}@media (max-width:1023px){.app-shell[data-rail=full]{padding-bottom:calc(var(--rail-bottom-h) + env(safe-area-inset-bottom,0px))}}.dr{z-index:60;width:var(--rail-w);background:var(--rail-bg);border-right:1px solid var(--rail-line);flex-direction:column;align-items:center;padding:10px 0 12px;display:none;position:fixed;inset:0 auto 0 0}@media (min-width:1024px){.dr{display:flex}}.dr-brand{width:var(--rail-item);height:var(--rail-item);color:var(--text);font-family:var(--font-heading);letter-spacing:-.03em;justify-content:center;align-items:center;font-size:1.05rem;font-weight:700;text-decoration:none;transition:opacity .15s;display:flex}.dr-brand:hover{opacity:.6}.dr-brand img{width:22px;height:auto}.dr-rule{background:var(--rail-line);flex:none;width:28px;height:1px;margin:10px 0}.dr-spacer{flex:auto}.dr-group{flex-direction:column;align-items:center;gap:2px;width:100%;display:flex}.dr-slot{justify-content:center;width:100%;display:flex;position:relative}.dr-item{width:var(--rail-item);height:var(--rail-item);cursor:pointer;color:var(--text-muted);background:0 0;border:0;border-radius:2px;justify-content:center;align-items:center;text-decoration:none;transition:color .14s,background .14s;display:flex;position:relative}.dr-item:hover{color:var(--text);background:var(--rail-hover)}.dr-item:active{background:var(--rail-press)}.dr-item svg{stroke-width:1.6px;width:19px;height:19px}.dr-item[data-active=true]{color:var(--text)}.dr-item[data-active=true]:before{content:"";left:calc(0px - (var(--rail-w) - var(--rail-item)) / 2);background:var(--accent-blue);width:2px;position:absolute;top:6px;bottom:6px}.dr-item[aria-expanded=true]{color:var(--text);background:var(--rail-hover)}.dr-tip{background:var(--bg-soft);color:var(--text);border:1px solid var(--rail-line);white-space:nowrap;opacity:0;visibility:hidden;pointer-events:none;z-index:2;border-radius:2px;margin-left:10px;padding:5px 9px;font-size:.76rem;font-weight:500;transition:opacity .12s,visibility .12s;position:absolute;top:50%;left:calc(100% - 2px);transform:translateY(-50%)}.dr-tip kbd{font-family:var(--font-mono);color:var(--text-faint);background:0 0;border:0;margin-left:7px;padding:0;font-size:.68rem}.dr-slot:hover .dr-tip{opacity:1;visibility:visible}.dr-slot:has(.dr-item[aria-expanded=true]) .dr-tip{opacity:0;visibility:hidden}.dr-cta{width:var(--rail-item);height:var(--rail-item);background:var(--accent-blue);color:#fff;border-radius:2px;justify-content:center;align-items:center;text-decoration:none;transition:filter .15s;display:flex}.dr-cta:hover{filter:brightness(1.08)}.dr-cta svg{width:18px;height:18px}.dr-avatar{object-fit:cover;border:1px solid var(--rail-line);background:var(--bg);border-radius:2px;width:30px;height:30px}.dr-dot{background:var(--accent-blue);border:1.5px solid var(--rail-bg);border-radius:50%;width:6px;height:6px;position:absolute;top:9px;right:9px}.dr-flyout{width:340px;max-width:calc(100vw - var(--rail-w) - 32px);background:var(--bg-soft);border:1px solid var(--rail-line);opacity:0;visibility:hidden;z-index:3;border-radius:3px;margin-left:1px;transition:opacity .16s,transform .2s cubic-bezier(.16,1,.3,1),visibility .2s;position:absolute;top:-10px;left:100%;transform:translate(-6px)}.dr-slot[data-open=true] .dr-flyout{opacity:1;visibility:visible;transform:translate(0)}.dr-fly__head{border-bottom:1px solid var(--rail-line);justify-content:space-between;align-items:baseline;gap:10px;padding:13px 14px;display:flex}.dr-fly__head h3{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--text);margin:0;font-size:.9rem;font-weight:600}.dr-fly__head p{color:var(--text-muted);margin:4px 0 0;font-size:.73rem;line-height:1.45}.dr-num{font-family:var(--font-mono);letter-spacing:.08em;color:var(--text-faint);flex:none;font-size:.66rem;font-weight:500}.dr-row{color:inherit;border-bottom:1px solid var(--rail-line);align-items:baseline;gap:11px;padding:11px 14px;text-decoration:none;transition:background .14s;display:flex}.dr-row:hover{background:var(--rail-hover)}.dr-row__text{flex:1;min-width:0}.dr-row__text strong{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--text);font-size:.82rem;font-weight:600;display:block}.dr-row__text span{color:var(--text-muted);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:.72rem;line-height:1.4;display:block;overflow:hidden}.dr-row__arrow{width:13px;height:13px;color:var(--text-faint);opacity:0;flex:none;transition:opacity .14s}.dr-row:hover .dr-row__arrow{opacity:1}.dr-fly__note{border-bottom:1px solid var(--rail-line);color:var(--text-muted);align-items:center;gap:8px;padding:11px 14px;font-size:.72rem;display:flex}.dr-fly__note strong{color:var(--text);font-weight:600}.dr-live{font-family:var(--font-mono);letter-spacing:.08em;color:#16a34a;flex:none;align-items:center;gap:5px;margin-left:auto;font-size:.6rem;font-weight:500;display:inline-flex}.dark .dr-live{color:#4ade80}.dr-live i{background:currentColor;width:5px;height:5px}.dr-plan{border-bottom:1px solid var(--rail-line);padding:13px 14px}.dr-plan__top{align-items:baseline;gap:8px;display:flex}.dr-plan__top strong{font-family:var(--font-heading);color:var(--text);font-size:.85rem;font-weight:600}.dr-plan__price{font-family:var(--font-mono);color:var(--accent-blue);margin-left:auto;font-size:.78rem}.dr-plan ul{gap:6px;margin:10px 0 0;padding:0;list-style:none;display:grid}.dr-plan li{color:var(--text-muted);align-items:baseline;gap:8px;font-size:.735rem;display:flex}.dr-plan li:before{content:"—";color:var(--text-faint)}.dr-fly__foot{display:flex}.dr-fly__foot a{color:var(--accent-blue);flex:1;padding:11px 14px;font-size:.76rem;font-weight:600;text-decoration:none;transition:background .14s}.dr-fly__foot a+a{border-left:1px solid var(--rail-line);color:var(--text-muted);flex:none}.dr-fly__foot a:hover{background:var(--rail-hover)}.dr-bottom{z-index:60;height:calc(var(--rail-bottom-h) + env(safe-area-inset-bottom,0px));padding-bottom:env(safe-area-inset-bottom,0px);background:var(--rail-bg);border-top:1px solid var(--rail-line);align-items:stretch;display:flex;position:fixed;bottom:0;left:0;right:0}@media (min-width:1024px){.dr-bottom{display:none}}.dr-tab{cursor:pointer;min-width:0;color:var(--text-muted);background:0 0;border:0;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:3px;font-size:.63rem;font-weight:500;text-decoration:none;transition:color .14s;display:flex;position:relative}.dr-tab svg{stroke-width:1.6px;width:19px;height:19px}.dr-tab span{text-overflow:ellipsis;white-space:nowrap;max-width:100%;padding:0 2px;overflow:hidden}.dr-tab[data-active=true]{color:var(--text)}.dr-tab[data-active=true]:before{content:"";background:var(--accent-blue);height:2px;position:absolute;top:0;left:18%;right:18%}.app-header{z-index:30;background:var(--bg);border-bottom:1px solid var(--line);transition:transform .2s cubic-bezier(.32,.72,0,1);position:sticky;top:0}.app-header[data-chrome-hidden=true]{transform:translateY(-100%)}.app-header-inner{justify-content:space-between;align-items:center;gap:14px;min-height:52px;padding:0 16px;display:flex}@media (min-width:640px){.app-header-inner{gap:20px;padding:0 24px}}.brand-logo{min-height:40px;color:var(--text);flex:none;align-items:center;gap:8px;text-decoration:none;transition:opacity .15s;display:inline-flex}.brand-logo:hover{opacity:.7}.dr :focus-visible,.dr-bottom :focus-visible{outline:2px solid var(--accent-blue);outline-offset:-2px;border-radius:0}@media (prefers-reduced-motion:reduce){.dr-item,.dr-tip,.dr-flyout,.dr-row,.dr-tab,.app-header{transition-duration:.01ms!important}}@media (prefers-contrast:more){.dr,.dr-bottom,.dr-flyout,.dr-tip{border-color:var(--line-strong)}}@media print{.dr,.dr-bottom,.app-header{display:none}}