.topbar{position:absolute;top:0;left:0;right:0;height:var(--topbar-height);background:var(--color-roparun-blue);color:#fff;z-index:3;display:flex;align-items:center;padding:0 var(--space-6);gap:var(--space-5);box-shadow:var(--shadow-topbar);font-family:var(--font-ui)}.topbar__logo-chip{background:#fff;padding:4px 10px;border-radius:var(--radius-sm);display:flex;align-items:center;height:32px;box-sizing:border-box}.topbar__logo{height:22px;width:auto;display:block}.topbar__hamburger{display:none;width:36px;height:36px;padding:0;background:transparent;border:0;border-radius:var(--radius-md);cursor:pointer;position:relative;flex-direction:column;justify-content:center;align-items:center;gap:4px}.topbar__hamburger:hover{background:#ffffff14}.topbar__hamburger-bar{display:block;width:20px;height:2px;background:#fff;border-radius:1px;transition:transform .15s ease,opacity .15s ease;transform-origin:center}.topbar__hamburger-bar.is-x-top{transform:translateY(6px) rotate(45deg)}.topbar__hamburger-bar.is-x-mid{opacity:0}.topbar__hamburger-bar.is-x-bot{transform:translateY(-6px) rotate(-45deg)}.topbar__divider{width:1px;height:22px;background:#ffffff40}.topbar__title{font-size:var(--fs-body);font-weight:600;letter-spacing:-.01em;white-space:nowrap}.topbar__meta{font-size:var(--fs-meta);color:#c7d2fe;margin-left:var(--space-1);white-space:nowrap}.topbar__nav{display:flex;gap:2px;margin-left:var(--space-4)}.topbar__navlink{font-size:var(--fs-meta);color:#ffffffbf;padding:6px 10px;border-radius:var(--radius-md);text-decoration:none;white-space:nowrap;font-family:inherit}.topbar__navlink:hover{background:#ffffff14;color:#fff}.topbar__navlink--active{background:#ffffff24;color:#fff;font-weight:600}.topbar__spacer{flex:1}.topbar__pill{font-size:var(--fs-eyebrow);color:#fde68a;background:#eab30826;border:1px solid rgba(234,179,8,.4);padding:3px var(--space-3);border-radius:999px;white-space:nowrap}.topbar__btn{font-size:var(--fs-meta);border-radius:var(--radius-md);padding:5px var(--space-4);font-family:inherit;cursor:pointer;text-decoration:none;line-height:1.4;white-space:nowrap}.topbar__btn--ghost{background:transparent;border:1px solid rgba(255,255,255,.3);color:#fff}.topbar__btn--ghost:hover{background:#ffffff1a}.topbar__btn--primary{background:#fff;border:0;color:var(--color-roparun-blue);font-weight:600}.topbar__btn--primary:hover{background:#f3f4f6}@media (max-width: 720px){.topbar{padding:0 var(--space-3);gap:var(--space-3)}.topbar__hamburger{display:flex}.topbar__logo-chip,.topbar__divider,.topbar__meta,.topbar__pill,.topbar__nav{display:none}.topbar__title{font-size:var(--fs-meta)}.topbar__btn{padding:4px var(--space-3)}}.topbar__drawer-scrim{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a00;z-index:4;opacity:0;pointer-events:none;transition:opacity .18s ease,background-color .18s ease}.topbar__drawer-scrim.is-open{background:#0f172a73;opacity:1;pointer-events:auto;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.topbar__drawer{position:fixed;top:var(--topbar-height);left:0;right:0;background:var(--color-roparun-blue);color:#fff;box-shadow:0 10px 24px -6px #00000059,0 4px 8px -2px #0003;padding:var(--space-4) var(--space-4) var(--space-5);z-index:5;transform:translateY(-8px);opacity:0;pointer-events:none;transition:transform .2s cubic-bezier(.22,1,.36,1),opacity .16s ease;border-bottom-left-radius:14px;border-bottom-right-radius:14px;max-width:420px;margin:0 auto;max-height:calc(100vh - var(--topbar-height) - 16px);overflow-y:auto}@media (min-width: 721px){.topbar__drawer,.topbar__drawer-scrim{display:none}}.topbar__drawer.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.topbar__drawer-header{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-2) var(--space-3);border-bottom:1px solid rgba(255,255,255,.1);margin-bottom:var(--space-3)}.topbar__drawer-logo{height:22px;width:auto;background:#fff;padding:4px 8px;border-radius:var(--radius-sm);flex:none}.topbar__drawer-brand{font-size:var(--fs-meta);font-weight:600;line-height:1.2}.topbar__drawer-brand-sub{font-size:var(--fs-eyebrow);color:#c7d2fe;margin-top:2px}.topbar__drawer-nav{display:flex;flex-direction:column;gap:2px}.topbar__drawer-link{display:flex;align-items:center;gap:var(--space-3);padding:12px 14px;color:#ffffffdb;text-decoration:none;border-radius:var(--radius-md);font-family:inherit;position:relative;transition:background-color .12s ease,color .12s ease,transform .12s ease}.topbar__drawer-link:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:3px;border-radius:2px;background:transparent;transition:background-color .12s ease}.topbar__drawer-link:hover,.topbar__drawer-link:focus-visible{background:#ffffff0f;color:#fff;outline:none}.topbar__drawer-link:active{transform:scale(.98)}.topbar__drawer-link.is-active{background:#ffffff1a;color:#fff}.topbar__drawer-link.is-active:before{background:#facc15}.topbar__drawer-icon{width:32px;height:32px;flex:none;display:grid;place-items:center;border-radius:8px;background:#ffffff14;color:#e0e7ff;transition:background-color .12s ease}.topbar__drawer-link.is-active .topbar__drawer-icon{background:#facc152e;color:#fde68a}.topbar__drawer-label{flex:1;display:flex;flex-direction:column;min-width:0;line-height:1.25}.topbar__drawer-title{font-size:var(--fs-body);font-weight:600}.topbar__drawer-subtitle{font-size:var(--fs-eyebrow);color:#c7d2febf;margin-top:2px}.topbar__drawer-link.is-active .topbar__drawer-subtitle{color:#fde68acc}.topbar__drawer-chevron{color:#ffffff59;display:grid;place-items:center;flex:none;transition:color .12s ease,transform .12s ease}.topbar__drawer-link:hover .topbar__drawer-chevron,.topbar__drawer-link.is-active .topbar__drawer-chevron{color:#ffffffbf;transform:translate(2px)}@media (prefers-reduced-motion: reduce){.topbar__drawer,.topbar__drawer-scrim,.topbar__drawer-link,.topbar__drawer-chevron{transition:none}}.hulp{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;background:#f9fafb;color:#111827;font-family:var(--font-ui)}.hulp__layout{display:flex;flex:1;margin-top:var(--topbar-height);overflow:hidden}.hulp__sidebar{flex:0 0 220px;border-right:1px solid #e5e7eb;background:#fff;padding:var(--space-5) var(--space-3);overflow-y:auto}.hulp__sidebar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:2px}.hulp__sidebar a{display:block;padding:8px 12px;color:#374151;text-decoration:none;border-radius:var(--radius-md);font-size:var(--fs-body);font-family:inherit}.hulp__sidebar a:hover{background:#f3f4f6}.hulp__sidebar a.is-active{background:var(--color-roparun-blue);color:#fff;font-weight:600}.hulp__content{flex:1;overflow-y:auto;padding:var(--space-6) var(--space-8)}.hulp__article{max-width:740px;margin:0 auto;font-size:15px;line-height:1.65}.hulp__article h1{font-size:28px;margin:0 0 var(--space-4);letter-spacing:-.02em;color:var(--color-roparun-blue)}.hulp__article h2{font-size:20px;margin:var(--space-7) 0 var(--space-3);letter-spacing:-.01em;border-bottom:1px solid #e5e7eb;padding-bottom:var(--space-2)}.hulp__article h3{font-size:16px;margin:var(--space-6) 0 var(--space-2);font-weight:600}.hulp__article p{margin:0 0 var(--space-4)}.hulp__article ul,.hulp__article ol{margin:0 0 var(--space-4);padding-left:1.4em}.hulp__article li{margin-bottom:var(--space-2)}.hulp__article code{background:#f3f4f6;padding:1px 6px;border-radius:4px;font-size:.9em;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.hulp__article pre{background:#111827;color:#e5e7eb;padding:var(--space-4);border-radius:var(--radius-md);overflow-x:auto;font-size:13px}.hulp__article pre code{background:transparent;color:inherit;padding:0}.hulp__article blockquote{border-left:3px solid var(--color-roparun-blue);background:#eff6ff;margin:0 0 var(--space-4);padding:var(--space-3) var(--space-4);color:#1e3a8a;border-radius:0 var(--radius-md) var(--radius-md) 0}.hulp__article a{color:var(--color-roparun-blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:2px}.hulp__article a:hover{text-decoration-thickness:2px}.hulp__article img{display:block;max-width:100%;height:auto;border:1px solid #e5e7eb;border-radius:var(--radius-md);margin:var(--space-3) auto var(--space-2);box-shadow:0 1px 3px #0000000a}.hulp__article p:has(>img)+p em:only-child{display:block;text-align:center;color:#6b7280;font-size:13px;margin-top:calc(-1 * var(--space-2));margin-bottom:var(--space-4)}.hulp__article table{width:100%;border-collapse:collapse;margin:0 0 var(--space-4);font-size:14px}.hulp__article th,.hulp__article td{border:1px solid #e5e7eb;padding:6px 10px;text-align:left;vertical-align:top}.hulp__article th{background:#f3f4f6;font-weight:600}.hulp__article hr{border:0;border-top:1px solid #e5e7eb;margin:var(--space-6) 0}@media (max-width: 720px){.hulp__layout{flex-direction:column}.hulp__sidebar{flex:none;width:100%;border-right:0;border-bottom:1px solid #e5e7eb;padding:var(--space-3);overflow-x:auto}.hulp__sidebar ul{flex-direction:row;gap:var(--space-2)}.hulp__sidebar a{white-space:nowrap;padding:6px 10px;font-size:var(--fs-meta)}.hulp__content{padding:var(--space-4)}.hulp__article h1{font-size:22px}.hulp__article h2{font-size:17px}}.planner__timeline{position:relative;flex:none;height:72px;background:linear-gradient(180deg,#fff,#f9fafb);border-top:1px solid #e5e7eb;padding:8px 16px 4px;font-family:system-ui,sans-serif;-webkit-user-select:none;user-select:none;cursor:crosshair}.planner__timeline--empty{display:flex;align-items:center;justify-content:center;cursor:default}.planner__timeline-empty-text{color:#9ca3af;font-size:12px}.planner__timeline-axis{position:relative;height:14px;font-size:10px;color:#6b7280}.planner__timeline-axis-label{position:absolute;top:0;transform:translate(-50%);white-space:nowrap;pointer-events:none}.planner__timeline-axis-label[style*="left: 0%"]{transform:translate(0)}.planner__timeline-axis-label[style*="left: 100%"]{transform:translate(-100%)}.planner__timeline-track{position:relative;height:40px;margin-top:8px}.planner__timeline-track-line{position:absolute;left:0;right:0;top:50%;height:6px;background:#e5e7eb;border-radius:3px;transform:translateY(-50%)}.planner__timeline-tick{position:absolute;top:50%;width:1px;height:12px;background:#6b728047;transform:translate(-50%,-50%);pointer-events:none}.planner__timeline-pip{position:absolute;top:50%;width:12px;height:12px;background:#f43f5e;border:2px solid #fff;border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 1px 3px #00000040;pointer-events:auto;cursor:pointer;z-index:2}.planner__timeline-cursor{position:absolute;top:-6px;bottom:-6px;width:2px;background:var(--color-roparun-blue, #0b3d91);transform:translate(-50%);pointer-events:none;z-index:1}.planner__timeline-tip{position:absolute;top:-30px;background:#111827;color:#fff;font-size:12px;padding:4px 8px;border-radius:4px;white-space:nowrap;pointer-events:none;box-shadow:0 4px 8px #0003;z-index:3}.planner__timeline-tip-offset{color:#9ca3af}.planner__tc{width:32px;height:32px;display:flex;align-items:center;justify-content:center;font-size:22px;line-height:1;cursor:grab;filter:drop-shadow(0 1px 3px rgba(0,0,0,.3));-webkit-user-select:none;user-select:none}.planner__tc:active{cursor:grabbing}.planner__hover{width:18px;height:18px;border-radius:50%;background:var(--color-roparun-blue, #0b3d91);border:3px solid #fff;box-shadow:0 1px 4px #0006;pointer-events:none}.planner__tools-toggle{display:none}@media (max-width: 720px){.planner__tools-toggle{display:inline-flex;align-items:center}}.planner__layout{position:absolute;top:var(--topbar-height, 48px);left:0;right:0;bottom:0;display:grid;grid-template-columns:360px 1fr;font-family:system-ui,sans-serif}.planner__sidebar{border-right:1px solid #e5e7eb;padding:16px;overflow-y:auto;font-family:inherit;background:#fff;min-width:0}.planner__main{display:flex;flex-direction:column;min-height:0;min-width:0;position:relative}.planner__sidebar-scrim,.planner__sidebar-close{display:none}@media (max-width: 720px){.planner__layout{grid-template-columns:1fr}.planner__sidebar{position:fixed;top:var(--topbar-height, 48px);bottom:0;left:0;width:min(86vw,360px);z-index:6;box-shadow:4px 0 16px #0000002e;transform:translate(-105%);transition:transform .22s cubic-bezier(.22,1,.36,1)}.planner__sidebar.is-open{transform:translate(0)}.planner__sidebar-scrim{display:block;position:fixed;top:var(--topbar-height, 48px);inset-inline:0;bottom:0;background:#0f172a00;z-index:5;opacity:0;pointer-events:none;transition:opacity .18s ease,background-color .18s ease}.planner__sidebar-scrim.is-open{opacity:1;pointer-events:auto;background:#0f172a66}.planner__sidebar-close{display:inline-flex;align-items:center;gap:6px;margin:-8px -8px 8px;padding:8px 12px;background:transparent;border:0;color:var(--color-roparun-blue, #0b3d91);font-size:13px;cursor:pointer;font-family:inherit}}@media (prefers-reduced-motion: reduce){.planner__sidebar,.planner__sidebar-scrim{transition:none}}.sidebar{position:absolute;top:var(--topbar-height, 48px);left:0;bottom:0;width:var(--sidebar-width, 320px);background:var(--bg-1, #ffffff);color:var(--fg-1, #111827);font-family:var(--font-ui, system-ui, sans-serif);font-size:var(--fs-body, 14px);overflow-y:auto;border-right:1px solid var(--border-1, #e5e7eb);box-shadow:var(--shadow-chrome, 0 0 12px rgba(0, 0, 0, .05));z-index:2;padding:16px 16px 24px}.sidebar__header{display:flex;align-items:center;margin-bottom:12px}.sidebar__header strong{color:#0b3d91;font-size:16px}.sidebar__sub{color:#6b7280;font-size:12px;margin-top:2px}.sidebar__warn{margin-top:4px;padding:4px 6px;background:#fef3c7;color:#92400e;border-radius:4px;font-size:11px;font-weight:500}.sidebar__presets{display:flex;flex-wrap:wrap;gap:6px}.sidebar__preset{flex:1 1 calc(50% - 4px);background:#eef2ff;border:1px solid #c7d2fe;color:#1e40af;border-radius:6px;padding:6px 8px;font-size:12px;cursor:pointer;text-align:left;font-family:inherit}.sidebar__preset:hover{background:#e0e7ff;border-color:#a5b4fc}.sidebar__preset--active{background:#c7d2fe;border-color:#818cf8;font-weight:600}.sidebar__preset--active:hover{background:#a5b4fc;border-color:#6366f1}.sidebar__stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 16px;padding:10px;background:#f3f4f6;border-radius:8px}.sidebar__stats>div{text-align:center}.sidebar__stats dt{font-size:10px;text-transform:uppercase;color:#6b7280;letter-spacing:.04em}.sidebar__stats dd{margin:2px 0 0;font-weight:600;font-size:14px}.sidebar__section{margin-bottom:16px}.sidebar__section h3{font-size:11px;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin:0 0 6px}.sidebar__sectionhead{display:flex;align-items:baseline;justify-content:space-between}.sidebar__textbtn{background:none;border:0;color:#0b3d91;font-size:11px;cursor:pointer;padding:0}.sidebar__textbtn:hover{text-decoration:underline}.sidebar__list{list-style:none;margin:0;padding:0}.sidebar__row{display:flex;align-items:center;gap:4px;padding:4px 0}.sidebar__check{display:flex;align-items:center;gap:8px;flex:1;cursor:pointer;min-width:0}.sidebar__check input{flex:0 0 auto;margin:0}.sidebar__swatch{display:inline-block;width:12px;height:12px;border-radius:3px;flex:0 0 auto}.sidebar__icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;font-size:14px;line-height:1;flex:0 0 auto}.sidebar__livedot{width:10px;height:10px;border-radius:999px;flex:0 0 auto}.sidebar__livedot--fresh{background:var(--action-bg, #2a9d8f);box-shadow:0 0 0 3px #2a9d8f33;animation:livepulse-fresh 1.6s ease-in-out infinite}.sidebar__livedot--recent{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.sidebar__livedot--stale{background:var(--fg-3, #9ca3af)}@keyframes livepulse-fresh{0%,to{box-shadow:0 0 0 3px #2a9d8f33}50%{box-shadow:0 0 0 6px #2a9d8f00}}.sidebar__rowtext{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:13px}.sidebar__rowmeta{color:#6b7280;font-size:12px}.sidebar__zoom{background:none;border:0;color:#6b7280;cursor:pointer;font-size:14px;padding:2px 6px}.sidebar__zoom:hover{color:#0b3d91}.sidebar-toggle{display:none;position:absolute;top:12px;left:12px;z-index:4;background:#0b3d91;color:#fff;border:0;border-radius:6px;padding:8px 12px;font-size:13px;cursor:pointer;box-shadow:0 2px 6px #0003}@media (max-width: 720px){.sidebar-toggle{display:block;top:calc(var(--topbar-height, 48px) + 12px)}.sidebar{top:auto;width:100%;height:55vh;bottom:0;border-right:0;border-top:1px solid var(--border-1, #e5e7eb);border-radius:var(--radius-xl, 12px) var(--radius-xl, 12px) 0 0;transform:translateY(100%);transition:transform var(--motion-drawer, .2s ease)}.sidebar--open{transform:translateY(0)}}.sidebar__archive-toggle{display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:4px 0;background:transparent;border:0;color:var(--fg-muted, #6b7280);font-size:11px;font-family:inherit;cursor:pointer}.sidebar__archive-toggle:hover{color:var(--fg, #111827)}.sidebar__list--archived{opacity:.65;margin-top:4px}.sidebar__empty{font-size:11px;color:var(--fg-muted, #6b7280);padding:4px 0;font-style:italic}