.rr-app{display:grid;grid-template-columns:var(--spacing-sidebar) 1fr;height:100vh;height:100dvh;overflow:hidden;font-family:var(--font-sans);color:var(--foreground);background:var(--background)}.rr-side{display:flex;flex-direction:column;min-height:0;padding:18px 0 14px;background:color-mix(in oklab,var(--background) 88%,oklch(0 0 0));border-right:1px solid var(--border)}.rr-side__brand{display:flex;gap:12px;align-items:center;padding:2px 18px 16px;border-bottom:1px solid var(--border)}.rr-side__mark{display:block;flex-shrink:0;width:18px;height:18px}.rr-app{--pdpp-mark-warm:oklch(0.52 0.11 45);--pdpp-mark-cool:oklch(0.58 0.18 253);--pdpp-mark-counter:oklch(0.985 0.005 85)}[data-theme=dark] .rr-app{--pdpp-mark-warm:oklch(0.72 0.12 45);--pdpp-mark-cool:oklch(0.74 0.16 253);--pdpp-mark-counter:oklch(0.16 0.01 60)}.rr-side__name{font-size:15px;font-weight:800;letter-spacing:-.01em}.rr-side__nav{min-height:0;padding:12px 10px;overflow-y:auto}.rr-nav-group,.rr-side__nav{display:flex;flex-direction:column;gap:2px}.rr-side__group{padding:14px 10px 4px;font-family:var(--font-sans);font-size:9.5px;text-transform:uppercase;letter-spacing:.12em}.rr-nav-item,.rr-side__group{color:var(--muted-foreground)}.rr-nav-item{display:grid;grid-template-columns:1fr auto;gap:10px;align-items:center;padding:9px 10px 9px 12px;font-size:13.5px;font-weight:600;text-align:left;text-decoration:none;background:transparent;border:0;border-radius:var(--radius-control);transition:color var(--duration-state) var(--ease-standard),background var(--duration-state) var(--ease-standard),box-shadow var(--duration-state) var(--ease-standard)}.rr-nav-item:hover{color:var(--foreground);background:var(--muted)}.rr-nav-item.is-active{font-weight:700;color:var(--foreground);background:var(--primary-tint);box-shadow:inset 2px 0 0 0 var(--primary)}.rr-nav-item.is-active:hover{background:color-mix(in oklab,var(--primary-tint) 70%,var(--muted))}.rr-side__spacer{flex:1}.rr-side__foot{display:flex;flex-direction:column;gap:3px;padding:12px 18px 0;border-top:1px solid var(--border)}.rr-side__host{overflow:hidden;text-overflow:ellipsis;color:var(--muted-foreground);white-space:nowrap}.rr-side__host,.rr-side__motto{font-family:var(--font-sans);font-size:9.5px}.rr-side__motto{padding-top:3px;color:var(--primary);letter-spacing:.06em}.rr-main{display:flex;flex-direction:column;min-width:0;min-height:0}.rr-head{display:flex;flex-shrink:0;gap:16px;align-items:center;justify-content:space-between;padding:10px 32px;background:var(--background);border-bottom:1px solid var(--border)}.rr-head__brand{display:none;gap:10px;align-items:center;font-size:14px;font-weight:800;letter-spacing:-.01em;white-space:nowrap}.rr-head__actions{display:flex;flex-shrink:0;gap:8px;align-items:center;margin-left:auto}.rr-chrome-btn{display:inline-flex;gap:7px;align-items:center;padding:6px 12px;font-family:var(--font-sans);font-size:12px;font-weight:600;color:var(--muted-foreground);white-space:nowrap;cursor:pointer;background:transparent;border:1px solid var(--input);border-radius:var(--radius-control);transition:color var(--duration-state) var(--ease-standard),border-color var(--duration-state) var(--ease-standard),background var(--duration-state) var(--ease-standard)}.rr-chrome-btn:hover{color:var(--foreground);background:var(--muted);border-color:var(--border-strong)}.rr-kbd{padding:1px 4px;font-family:var(--font-mono);font-size:10px;color:var(--muted-foreground);border:1px solid var(--border);border-radius:var(--radius-control)}.rr-menu-btn{display:none}.rr-content{flex:1;min-height:0;padding:28px 32px 56px;overflow-y:auto}.rr-drawer-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:70;width:100vw;height:100dvh;overflow:hidden}.rr-drawer-scrim{position:absolute;inset:0;width:100%;height:100%;padding:0;margin:0;cursor:pointer;background:oklch(0 0 0/.5);border:0}@media (prefers-reduced-motion:no-preference){.rr-drawer-scrim{animation:rr-fade-in var(--duration-fast) ease both}}.rr-drawer{position:absolute;top:0;bottom:0;left:0;display:flex;flex-direction:column;width:min(300px,84vw);padding:18px 0 14px;overflow-y:auto;background:color-mix(in oklab,var(--background) 88%,oklch(0 0 0));border-right:1px solid var(--border-strong)}@media (prefers-reduced-motion:no-preference){.rr-drawer{animation:rr-drawer-in var(--duration-base) ease both}}.rr-drawer__nav{display:flex;flex:1;flex-direction:column;gap:2px;padding:10px}.rr-drawer .rr-nav-item{padding:12px;font-size:15px}.rr-drawer .rr-side__group{padding:16px 12px 5px}.rr-drawer .rr-side__foot{margin-top:auto}@keyframes rr-fade-in{0%{opacity:0}to{opacity:1}}@keyframes rr-drawer-in{0%{transform:translateX(-14px);opacity:0}to{transform:translateX(0);opacity:1}}@media (max-width:860px){.rr-app{grid-template-columns:1fr}.rr-side{display:none}.rr-content{padding:20px 16px 24px;overflow-x:hidden}.rr-head{padding:10px 16px}.rr-head__brand{display:flex}.rr-menu-btn{display:inline-flex}.rr-kbd{display:none}}