@import "https://fonts.googleapis.com/css2?family=Crimson+Pro:wght@300;400;600&family=IBM+Plex+Mono:wght@400;500&display=swap";
:root{--bg-primary:#0a0a0a;--bg-secondary:#151515;--bg-tertiary:#1a1a1a;--bg-elevated:#202020;--accent-moss:#4a5a3f;--accent-forest:#2d3a28;--accent-bark:#3d3329;--accent-stone:#4a4a46;--text-primary:#f0f0ee;--text-secondary:#c4c4c0;--text-tertiary:#9a9a96;--text-accent:#a8b89c;--glow-subtle:#a8b89c0f;--glow-medium:#a8b89c1f;--glow-strong:#a8b89c38;--border-subtle:#f0f0ee1f;--border-medium:#f0f0ee2e;--border-strong:#f0f0ee3d;--page-glow-a:#8a9a7f40;--page-glow-b:#4a5a3f38;--page-glow-c:#8a9a7f2e;--bg-overlay:#0f0f0fd9;--bg-overlay-hover:#121212e6;--shadow-overlay:0 8px 32px #0006,0 0 0 1px #ffffff08;--shadow-overlay-hover:0 12px 40px #00000080,0 0 0 1px #ffffff0d;--modal-backdrop:#0a0a0abf;--modal-bg:linear-gradient(145deg,#151515f2 0%,#1a1a1afa 100%);--modal-shadow:0 20px 60px #00000080,0 0 80px var(--glow-subtle);--modal-header-bg:#1a1a1a66;--modal-pane-bg:#1a1a1a99;--modal-pane-vignette:inset 0 0 40px #0000004d;--modal-bottom-fade:linear-gradient(to top,#151515f2,transparent);--noise-opacity:.6;--text-on-accent:#f0f0ee;--danger:#d97070;--danger-soft:#d970701f;--danger-border:#d9707052;--surface-overlay-dim:#00000040;--margin-collection-fg:#34d399;--margin-collection-tint:#34d3992e;--margin-collection-border:#34d3995c;--margin-collection-item-fg:#86efac;--margin-collection-item-tint:#86efac2e;--margin-collection-item-border:#86efac5c;--margin-bookmark-fg:#60a5fa;--margin-bookmark-tint:#60a5fa2e;--margin-bookmark-border:#60a5fa5c;--margin-like-fg:#f472b6;--margin-like-tint:#f472b62e;--margin-like-border:#f472b65c;--margin-reply-fg:#60a5fa;--margin-reply-tint:#60a5fa2e;--margin-reply-border:#60a5fa5c;--margin-highlight-fg:#fde047;--margin-highlight-tint:#fde0472e;--margin-highlight-border:#fde0475c;--margin-annotation-fg:#a78bfa;--margin-annotation-tint:#a78bfa2e;--margin-annotation-border:#a78bfa5c;--font-serif:"Crimson Pro",serif;--font-mono:"IBM Plex Mono",monospace;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}[data-theme=light]{--bg-primary:#faf8f3;--bg-secondary:#f1ede4;--bg-tertiary:#e8e2d4;--bg-elevated:#fff;--accent-moss:#6c7c5f;--accent-forest:#4d5a48;--accent-bark:#6e5f4c;--accent-stone:#76766f;--text-primary:#1a1c18;--text-secondary:#3e3f3a;--text-tertiary:#5c5d56;--text-accent:#4d5e3f;--glow-subtle:#4d5e3f0d;--glow-medium:#4d5e3f1a;--glow-strong:#4d5e3f2e;--border-subtle:#1a1c1824;--border-medium:#1a1c1838;--border-strong:#1a1c1852;--page-glow-a:#4d5e3f24;--page-glow-b:#6e5f4c1f;--page-glow-c:#4d5e3f1a;--bg-overlay:#faf8f3d9;--bg-overlay-hover:#f1ede4eb;--shadow-overlay:0 8px 32px #1a1c181f,0 0 0 1px #1a1c180a;--shadow-overlay-hover:0 12px 40px #1a1c1829,0 0 0 1px #1a1c180f;--modal-backdrop:#1a1c1873;--modal-bg:linear-gradient(145deg,#fffffffa 0%,#f1ede4fc 100%);--modal-shadow:0 20px 60px #1a1c182e,0 0 80px var(--glow-subtle);--modal-header-bg:#1a1c180d;--modal-pane-bg:#1a1c180a;--modal-pane-vignette:inset 0 0 40px #1a1c180f;--modal-bottom-fade:linear-gradient(to top,#f1ede4f2,transparent);--noise-opacity:.25;--danger:#b5453e;--danger-soft:#b5453e1a;--danger-border:#b5453e4d;--surface-overlay-dim:#1a1c180f;--margin-collection-fg:#0e7a55;--margin-collection-tint:#0e7a551a;--margin-collection-border:#0e7a5547;--margin-collection-item-fg:#2f7e3a;--margin-collection-item-tint:#2f7e3a1a;--margin-collection-item-border:#2f7e3a47;--margin-bookmark-fg:#1f63c4;--margin-bookmark-tint:#1f63c41a;--margin-bookmark-border:#1f63c447;--margin-like-fg:#b53574;--margin-like-tint:#b535741a;--margin-like-border:#b5357447;--margin-reply-fg:#1f63c4;--margin-reply-tint:#1f63c41a;--margin-reply-border:#1f63c447;--margin-highlight-fg:#876d00;--margin-highlight-tint:#876d001a;--margin-highlight-border:#876d0047;--margin-annotation-fg:#6543c6;--margin-annotation-tint:#6543c61a;--margin-annotation-border:#6543c647;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh;font-size:16px}body{font-family:var(--font-serif);color:var(--text-primary);background:var(--bg-primary);min-height:100dvh;font-weight:300;line-height:1.7;overflow-x:hidden}svg{stroke-width:1.5px}body:before{content:"";z-index:0;pointer-events:none;background:radial-gradient(circle at 20% 30%,var(--page-glow-a)0%,transparent 50%),radial-gradient(circle at 80% 70%,var(--page-glow-b)0%,transparent 50%),radial-gradient(circle at 50% 50%,var(--page-glow-c)0%,transparent 60%);filter:blur(90px);will-change:transform,opacity,filter;opacity:.9;width:140%;animation:8s ease-in-out infinite organicBreathe,12s ease-in-out infinite organicShift;position:fixed;top:0;bottom:0;left:-20%;overflow:hidden}@media (max-width:600px){body:before{-webkit-mask-image:linear-gradient(#0000 0%,#00000080 3%,#000 10% 90%,#00000080 97%,#0000 100%);mask-image:linear-gradient(#0000 0%,#00000080 3%,#000 10% 90%,#00000080 97%,#0000 100%)}}@keyframes organicBreathe{0%,to{opacity:.7;filter:blur(90px)}50%{opacity:1;filter:blur(120px)}}@keyframes organicShift{0%,to{transform:translate(0)scale(1)rotate(0)}25%{transform:translate(-5%,4%)scale(1.08)rotate(.5deg)}50%{transform:translate(3%,-4%)scale(.95)rotate(-.5deg)}75%{transform:translate(5%,3%)scale(1.05)rotate(.3deg)}}h1,h2,h3,h4,h5,h6{letter-spacing:-.02em;font-weight:400;line-height:1.2}h1{letter-spacing:-.03em;font-size:2.5rem;font-weight:300;line-height:1.1}h2{font-size:2rem}h3{font-size:1.5rem}p{margin-bottom:1rem}code{font-family:var(--font-mono);background:var(--bg-tertiary);color:var(--text-accent);padding:.2em .4em;font-size:.9em}pre{font-family:var(--font-mono);background:var(--bg-tertiary);border:1px solid var(--border-subtle);margin:1rem 0;padding:1rem;font-size:.875rem;overflow-x:auto}a{color:var(--text-accent);text-decoration:none;transition:color .2s}a:hover{color:var(--text-primary)}.branding-link:hover{color:var(--text-accent)!important}.footer-link:hover{color:var(--text-primary)!important}.footer-link-accent:hover{opacity:.8}.footer-inner{flex-direction:column;gap:1.5rem;max-width:64rem;margin:0 auto;padding:0 1.5rem;display:flex}.footer-grid{grid-template-columns:1fr auto;align-items:start;gap:2rem;display:grid}.footer-brand{align-items:center;gap:.875rem;min-width:0;display:flex}.footer-nav{font-family:var(--font-serif);letter-spacing:.03em;text-align:right;flex-direction:column;align-items:flex-end;gap:.4rem;font-size:.8125rem;display:flex}.footer-nav .footer-link{color:var(--text-tertiary);text-decoration:none;transition:color .2s}.footer-nav .footer-link:hover{color:var(--text-accent)!important}.footer-credits{border-top:1px dashed var(--border-subtle);font-family:var(--font-mono);color:var(--text-tertiary);flex-wrap:wrap;align-items:center;gap:.55rem;padding-top:1.25rem;font-size:.8125rem;display:flex}.footer-credits-label{font-family:var(--font-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);opacity:.85;font-size:.7rem}.footer-uri{color:var(--text-primary);align-items:baseline;text-decoration:none;transition:color .2s;display:inline-flex}.footer-uri-scheme{color:var(--text-tertiary);margin-right:.05rem}.footer-uri-handle{color:var(--text-accent);font-weight:500}.footer-uri:hover .footer-uri-handle{text-underline-offset:.18em;text-decoration:underline;text-decoration-thickness:1px}@media (max-width:640px){.footer-grid{grid-template-columns:1fr;gap:1.25rem}.footer-nav{text-align:left;flex-flow:wrap;justify-content:flex-start;align-items:center;gap:.4rem 1rem}}.nav-link{color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-secondary);align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.95rem;font-weight:400;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:inline-flex;position:relative;overflow:hidden}.nav-link:before{content:"";background:var(--glow-subtle);opacity:0;transition:opacity .3s;position:absolute;inset:0}.nav-link:hover{color:var(--text-primary);border-color:var(--text-accent);background:var(--bg-tertiary);transform:translateY(-2px)}.nav-link:hover:before{opacity:1}.nav-link svg{stroke-width:2px;transition:transform .3s}.nav-link:hover svg{transform:scale(1.1)rotate(-5deg)}.compact-nav-link{color:var(--text-secondary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);align-items:center;gap:.625rem;padding:.75rem 1rem;font-size:.9rem;font-weight:400;text-decoration:none;transition:all .3s;display:flex;position:relative;overflow:hidden}.compact-nav-link:before{content:"";background:var(--text-accent);width:3px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:0;bottom:0;left:0;transform:scaleY(0)}.compact-nav-link:hover{color:var(--text-primary);background:var(--bg-elevated);border-color:var(--border-medium);transform:translate(4px)}.compact-nav-link:hover:before{transform:scaleY(1)}.compact-nav-link svg{color:var(--text-accent);stroke-width:2px;transition:all .3s}.compact-nav-link:hover svg{color:var(--text-primary);transform:scale(1.15)rotate(-5deg)}button{font-family:var(--font-serif);cursor:pointer;color:inherit;background:0 0;border:none;padding:0;font-weight:400}.generate-button:not(:disabled):hover{box-shadow:0 4px 20px var(--glow-medium);transform:translateY(-2px);background:var(--accent-forest)!important}.generate-button:active:not(:disabled){transform:translateY(0)}.container{max-width:1200px;margin:0 auto;padding:0 2rem}.container-narrow{max-width:800px;margin:0 auto;padding:0 2rem}.card{background:var(--bg-secondary);border:1px solid var(--border-medium);padding:2rem;transition:all .3s}.record-preview-card{padding:0}.card:hover{background:var(--bg-tertiary);border-color:var(--border-strong);box-shadow:0 0 40px var(--glow-subtle)}.card-secondary{background:var(--bg-tertiary);border:1px solid var(--border-subtle)}.external-link-card:hover{border-color:var(--border-strong)}.border-color{border-color:var(--border-medium)}.waypoint-button{background:var(--bg-secondary);border:1px solid var(--border-medium);width:100%;color:var(--text-primary);text-align:left;align-items:center;gap:1rem;padding:1.25rem 1.5rem;transition:all .3s;display:flex;position:relative;overflow:hidden}.waypoint-button:before{content:"";background:linear-gradient(90deg,transparent,var(--glow-subtle),transparent);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.waypoint-button:hover{background:var(--bg-tertiary);border-color:var(--text-accent);transform:translateX(4px)var(--button-rotation,rotate(0deg))}.waypoint-button:hover:before{opacity:1}.waypoint-icon{width:24px;height:24px;color:var(--text-accent);flex-shrink:0;transition:color .3s}.waypoint-button:hover .waypoint-icon{color:var(--text-primary)}.waypoint-content{flex:1;min-width:0}.waypoint-name{font-size:1.125rem;font-weight:400}.waypoint-description{color:var(--text-secondary);font-size:.875rem}.copy-button:hover,.waypoint-button a:hover{color:var(--text-accent)!important}.loading{color:var(--text-tertiary);font-style:italic}body:after{content:"";opacity:var(--noise-opacity);pointer-events:none;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 800 800' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='1.8' numOctaves='5' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");position:fixed;inset:0}@media (max-width:600px){body:after{-webkit-mask-image:linear-gradient(#0000 0%,#00000080 3%,#000 10% 90%,#00000080 97%,#0000 100%);mask-image:linear-gradient(#0000 0%,#00000080 3%,#000 10% 90%,#00000080 97%,#0000 100%)}}html{scroll-behavior:smooth}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-tertiary);border-left:1px solid var(--border-subtle)}::-webkit-scrollbar-thumb{background:var(--text-tertiary);transition:background .2s}::-webkit-scrollbar-thumb:hover{background:var(--text-secondary)}*{scrollbar-width:thin;scrollbar-color:var(--text-tertiary)var(--bg-tertiary)}.scroll-container{max-height:500px;position:relative;overflow:auto}.scroll-container:after{content:"";background:linear-gradient(to top,var(--bg-secondary),transparent);pointer-events:none;opacity:0;height:40px;transition:opacity .3s;position:sticky;bottom:0;left:0;right:0}.scroll-container:hover:after,.scroll-container:focus-within:after{opacity:1}::selection{background:var(--accent-moss);color:var(--text-on-accent)}:focus-visible{outline:2px solid var(--text-accent);outline-offset:2px}.scope-checkbox{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.scope-checkbox-box{background:var(--bg-tertiary);border:1.5px solid var(--border-medium);color:#0000;flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;transition:background .12s,border-color .12s,color .12s;display:inline-flex}.scope-checkbox:checked+.scope-checkbox-box{background:var(--accent-moss);border-color:var(--accent-moss);color:var(--text-on-accent)}.scope-checkbox:focus-visible+.scope-checkbox-box{outline:2px solid var(--text-accent);outline-offset:2px}.scope-checkbox:disabled+.scope-checkbox-box{opacity:.6}.settings-shell{flex-direction:column;min-width:0;display:flex}.settings-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:12px;margin-bottom:24px;padding-bottom:10px;display:flex}.settings-brand{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:12px;display:flex}.settings-brand-title{font-family:var(--font-serif);letter-spacing:-.02em;color:var(--text-primary);margin:0;font-size:1.6rem;font-weight:400;line-height:1}.settings-brand-sub{color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;line-height:1;font-family:var(--font-serif)}.settings-nav{flex-wrap:wrap;gap:2px;margin:0 -6px;display:flex}.settings-nav-item{color:var(--text-secondary);cursor:pointer;font-family:var(--font-serif);white-space:nowrap;background:0 0;border:none;border-bottom:2px solid #0000;margin-bottom:-1px;padding:8px 12px 10px;font-size:.95rem;font-weight:400;transition:color .15s,border-color .15s,background .15s}.settings-nav-item:hover{color:var(--text-primary);background:var(--bg-tertiary)}.settings-nav-item.is-active{color:var(--text-primary);border-bottom-color:var(--text-accent);font-weight:500}.settings-content{flex-direction:column;gap:18px;min-width:0;display:flex}.settings-card{border:1px solid var(--border-subtle);background:var(--bg-secondary);flex-direction:column;gap:16px;padding:22px 24px;transition:border-color .3s;display:flex}.settings-card:hover{border-color:var(--border-medium)}.settings-card-head{flex-direction:column;gap:4px;display:flex}.settings-card-title{font-family:var(--font-serif);color:var(--text-primary);letter-spacing:-.01em;margin:0;font-size:1.15rem;font-weight:500}.settings-card-sub{font-family:var(--font-serif);color:var(--text-secondary);max-width:65ch;margin:0;font-size:.875rem;line-height:1.55}.settings-toggle-row{justify-content:space-between;align-items:center;gap:16px;display:flex}.settings-toggle-row+.settings-toggle-row{border-top:1px solid var(--border-subtle);padding-top:14px}.settings-toggle-label{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.settings-toggle-label-text{font-family:var(--font-serif);color:var(--text-primary);font-size:.95rem;font-weight:500}.settings-toggle-label-sub{color:var(--text-tertiary);font-size:.8rem;line-height:1.45}.settings-switch{flex-shrink:0;width:38px;height:22px;display:inline-block;position:relative}.settings-switch input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.settings-switch-box{background:var(--bg-tertiary);border:1px solid var(--border-medium);cursor:pointer;transition:background .2s,border-color .2s;position:absolute;inset:0}.settings-switch-box:after{content:"";background:var(--text-secondary);width:18px;height:18px;transition:transform .25s,background .25s;position:absolute;top:1px;left:1px}.settings-switch input:checked+.settings-switch-box{background:var(--accent-forest);border-color:var(--text-accent)}.settings-switch input:checked+.settings-switch-box:after{background:#e8e8e6;transform:translate(16px)}.settings-switch input:focus-visible+.settings-switch-box{outline:2px solid var(--text-accent);outline-offset:2px}.settings-switch input:disabled+.settings-switch-box{opacity:.5;cursor:not-allowed}@media (max-width:560px){.settings-nav-item{padding:8px 10px 10px}.settings-card{padding:18px 16px}.settings-toggle-row{flex-direction:column;align-items:stretch;gap:10px}.settings-toggle-row>.settings-switch,.settings-toggle-row>[role=radiogroup]{align-self:flex-start}}.group-list{flex-direction:column;gap:10px;display:flex}.group-card{border:1px solid var(--border-subtle);background:var(--bg-tertiary);transition:border-color .2s,box-shadow .2s;position:relative}.group-card:hover{border-color:var(--border-medium)}.group-card.is-dragging{border-color:var(--text-accent);box-shadow:0 6px 20px #0000008c,0 0 0 1px var(--text-accent)}.group-card.is-collapsed .group-header{border-bottom-color:#0000}.group-header{background:var(--bg-secondary);border-bottom:1px solid var(--border-subtle);-webkit-user-select:none;user-select:none;align-items:center;gap:8px;padding:10px 12px;display:flex}.group-handle{width:22px;height:22px;color:var(--text-tertiary);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.group-handle:active{cursor:grabbing}.group-card:hover .group-handle{color:var(--text-accent)}.group-chevron{width:22px;height:22px;color:var(--text-secondary);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:inline-flex}.group-chevron:hover{color:var(--text-primary)}.group-name{text-align:left;font-family:var(--font-serif);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;cursor:text;background:0 0;border:1px solid #0000;flex:1;min-width:0;padding:4px 8px;font-size:.95rem;font-weight:600}.group-name:hover{border-color:var(--border-subtle);background:var(--bg-tertiary)}.group-name-input{background:var(--bg-tertiary);border:1px solid var(--text-accent);font-family:var(--font-serif);color:var(--text-primary);text-transform:uppercase;letter-spacing:.06em;outline:none;flex:1;min-width:0;padding:4px 8px;font-size:.95rem;font-weight:600}.group-count{font-family:var(--font-mono);color:var(--text-secondary);border:1px solid var(--border-subtle);background:var(--bg-tertiary);flex-shrink:0;padding:2px 8px;font-size:.7rem}.group-actions{flex-shrink:0;align-items:center;gap:4px;display:inline-flex}.group-action{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.group-action:hover{border-color:var(--border-subtle);background:var(--bg-tertiary);color:var(--text-primary)}.group-action-add:hover{color:var(--text-accent);border-color:var(--text-accent)}.group-action-delete:hover{color:var(--danger);border-color:var(--danger)}.group-body{padding:4px 0}.group-empty{font-family:var(--font-serif);color:var(--text-secondary);padding:14px 16px;font-size:.875rem;font-style:italic}.group-rows{flex-direction:column;display:flex}.group-row{background:var(--bg-tertiary);border-bottom:1px solid var(--border-subtle);font-family:var(--font-serif);-webkit-user-select:none;user-select:none;touch-action:none;align-items:center;gap:12px;padding:9px 12px;transition:background .15s;display:flex}.group-row:last-child{border-bottom:none}.group-row:hover{background:var(--bg-elevated)}.group-row.is-dragging{background:var(--bg-elevated);box-shadow:0 4px 16px #0006,0 0 0 1px var(--text-accent)}.group-row-handle{width:20px;height:20px;color:var(--text-tertiary);cursor:grab;touch-action:none;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.group-row-handle:active{cursor:grabbing}.group-row:hover .group-row-handle{color:var(--text-accent)}.group-row-name{color:var(--text-primary);flex:1;align-items:center;gap:8px;min-width:0;font-size:.95rem;display:inline-flex}.group-row-remove{width:24px;height:24px;color:var(--text-tertiary);cursor:pointer;opacity:0;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:all .15s;display:inline-flex}.group-row:hover .group-row-remove,.group-row-remove:focus-visible{opacity:1}.group-row-remove:hover{color:var(--danger);border-color:var(--danger)}.reorder-tag{font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.08em;color:var(--text-secondary);background:var(--bg-secondary);border:1px solid var(--border-subtle);padding:2px 8px;font-size:.65rem;font-weight:600}.reorder-tag-moved{color:var(--text-accent);border-color:var(--text-accent);background:var(--glow-subtle)}.reorder-tag-new{color:var(--bg-primary);border-color:var(--text-accent);background:var(--text-accent)}.waypoint-picker{background:var(--bg-elevated,var(--bg-secondary));border:1px solid var(--text-accent);z-index:10;flex-direction:column;width:280px;max-height:360px;display:flex;position:absolute;top:48px;right:12px;box-shadow:0 14px 32px #0000008c}.waypoint-picker-head{border-bottom:1px solid var(--border-subtle);gap:6px;padding:8px;display:flex}.waypoint-picker-input{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-serif);outline:none;flex:1;min-width:0;padding:6px 10px;font-size:.875rem}.waypoint-picker-input:focus{border-color:var(--text-accent)}.waypoint-picker-list{flex-direction:column;display:flex;overflow-y:auto}.waypoint-picker-item{border:none;border-bottom:1px solid var(--border-subtle);color:var(--text-primary);text-align:left;cursor:pointer;font-family:var(--font-serif);background:0 0;justify-content:space-between;align-items:center;gap:8px;padding:9px 12px;font-size:.875rem;transition:background .12s;display:flex}.waypoint-picker-item:last-child{border-bottom:none}.waypoint-picker-item:hover:not(:disabled){background:var(--bg-tertiary)}.waypoint-picker-item.is-member{color:var(--text-tertiary);cursor:default}.waypoint-picker-item:disabled{cursor:default}.waypoint-picker-name{align-items:center;gap:8px;min-width:0;display:inline-flex}.waypoint-picker-status{font-family:var(--font-mono);color:var(--text-accent);text-transform:uppercase;letter-spacing:.06em;flex-shrink:0;font-size:.7rem}.waypoint-picker-item.is-member .waypoint-picker-status{color:var(--text-secondary)}.waypoint-picker-empty{font-family:var(--font-serif);color:var(--text-secondary);text-align:center;padding:14px 12px;font-size:.875rem;font-style:italic}.profile-stats-container{border-top:1px solid var(--border-medium);flex-direction:column;gap:1rem;padding-top:1rem;display:flex}.profile-stats-row{flex-wrap:wrap;gap:2rem;display:flex}.profile-stat-item,.profile-join-date{align-items:center;gap:.5rem;line-height:1;display:flex}.profile-explorer-link{color:var(--text-tertiary);transition:color .2s}.profile-explorer-link:hover{color:var(--text-accent)}.skeleton-shimmer{position:relative;overflow:hidden}.skeleton-shimmer:after{content:"";background:linear-gradient(110deg,transparent 0%,transparent 40%,var(--glow-medium)50%,transparent 60%,transparent 100%);animation:2.5s ease-in-out infinite skeleton-shimmer;position:absolute;inset:0;transform:translate(-100%)}@keyframes skeleton-shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.skeleton-container{animation:.4s ease-out skeleton-fade-in}@keyframes skeleton-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.content-fade-in{animation:.5s ease-out content-appear}@keyframes content-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes modal-fade-in{0%{opacity:0}to{opacity:1}}@keyframes modal-slide-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.feature-card-primary{background:linear-gradient(135deg,var(--bg-secondary)0%,var(--bg-tertiary)100%)}.feature-card-primary:hover{box-shadow:0 8px 60px var(--glow-medium);transform:rotate(-.5deg)translateY(-4px)!important}.feature-card-secondary:hover{box-shadow:0 4px 40px var(--glow-subtle);transform:rotate(.5deg)translateY(-2px)!important}.example-link{transition:all .4s cubic-bezier(.34,1.56,.64,1)}.example-link:hover{transform:rotate(0)translate(8px)scale(1.02)!important}.cta-card:hover{transform:rotate(-.2deg)scale(1.01)!important}.cta-button{position:relative;overflow:hidden}.cta-button:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.cta-button:hover:before{transform:translate(100%)}.cta-button:hover{box-shadow:0 4px 20px var(--glow-medium);transform:translateY(-2px);background:var(--accent-forest)!important}@keyframes float-gentle{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(1deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.005)}}.feature-card-primary,.feature-card-secondary,.card:not(.feature-card-primary):not(.feature-card-secondary):not(.cta-card){will-change:transform;transition:all .5s cubic-bezier(.34,1.56,.64,1)}.card:not(.feature-card-primary):not(.feature-card-secondary):not(.cta-card):hover{box-shadow:0 4px 40px var(--glow-subtle);transform:rotate(0)scale(1.005)translateY(-2px)!important}.waypoint-button{transition:all .4s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.waypoint-button:before{content:"";background:#6c7a5f1a;width:0;height:0;transition:width .6s cubic-bezier(.34,1.56,.64,1),height .6s cubic-bezier(.34,1.56,.64,1);position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.waypoint-button:hover:before{width:100%;height:100%}.waypoint-button:hover{border-color:var(--text-accent);transform:translate(4px)rotate(0)!important}.parent-card{background:var(--bg-tertiary);border:1px solid var(--border-medium);will-change:transform;cursor:pointer;transition:all .4s}.parent-card:hover{background:var(--bg-elevated);border-color:var(--border-strong);transform:rotate(-.3deg)scale(.97)!important}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important;animation-iteration-count:1!important}body:before{animation:none!important}.nav-link:hover,.compact-nav-link:hover,.waypoint-button:hover,.feature-card-primary:hover,.feature-card-secondary:hover,.example-link:hover,.cta-card:hover,.cta-button:hover,.parent-card:hover,.featured-waypoint:hover,.card:not(.feature-card-primary):not(.feature-card-secondary):not(.cta-card):hover,.nav-link:hover svg,.compact-nav-link:hover svg{transform:none!important}}.explore-small-caps{font-family:var(--font-serif);letter-spacing:.12em;text-transform:uppercase;color:var(--text-tertiary);font-size:.75rem}.explore-muted{color:var(--text-tertiary);font-style:italic}.explore-placeholder{background:var(--bg-secondary);border:1px dashed var(--border-medium);color:var(--text-secondary);margin:0;padding:1rem 1.25rem;font-style:italic}.explore-error{background:var(--danger-soft);border:1px solid var(--danger-border);color:var(--danger);font-family:var(--font-mono);word-break:break-word;margin:0;padding:.875rem 1rem;font-size:.85rem}.explore-hint{color:var(--text-tertiary);margin-top:.5rem;font-size:.875rem}.explore-identity-list{flex-direction:column;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.explore-identity-list li{font-family:var(--font-mono);word-break:break-all;font-size:.85rem}.explore-identity-card{border:1px solid var(--border-medium);background:var(--bg-secondary);padding:.75rem 1rem}.explore-id-row{color:var(--text-tertiary);flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-top:.25rem;display:flex}.explore-id-row code{color:var(--text-primary);background:0 0;padding:0}.explore-raw-details{font-family:var(--font-mono);font-size:.75rem}.explore-raw-details summary{cursor:pointer;color:var(--text-tertiary);letter-spacing:.08em;text-transform:uppercase;padding:.25rem 0;font-size:.75rem}.explore-json{background:var(--bg-tertiary);border:1px solid var(--border-subtle);color:var(--text-primary);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;margin-top:.5rem;padding:.875rem 1rem;font-size:.75rem;line-height:1.5;overflow-x:auto}.explore-json-link{color:var(--text-accent);border-bottom:1px dotted #0000;text-decoration:none;transition:border-color .15s,color .15s}.explore-json-link:hover,.explore-json-link:focus-visible{color:var(--text-primary);border-bottom-color:var(--text-accent)}.explore-json-link-external:after{content:" ↗";opacity:.55}.explore-section{font-family:var(--font-mono);font-size:.875rem}.explore-section>summary{cursor:pointer;font-family:var(--font-serif);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary);padding:.5rem 0;font-size:.75rem}.explore-input{background:var(--bg-tertiary);border:1px solid var(--border-medium);width:100%;color:var(--text-primary);font-family:var(--font-serif);outline:none;padding:.55rem .75rem;font-size:.9rem;transition:border-color .2s}.explore-input:focus{border-color:var(--text-accent)}.explore-textarea{font-family:var(--font-mono);resize:vertical;font-size:.8125rem;line-height:1.5}.explore-mono{font-family:var(--font-mono)}.explore-jetstream-row{overflow-anchor:none;border-left:2px solid #0000}.explore-jetstream-scroll{scrollbar-width:none;-ms-overflow-style:none}.explore-jetstream-scroll::-webkit-scrollbar{width:0;height:0;display:none}.explore-jetstream-row[data-fresh]{animation:1.4s ease-out forwards explore-jetstream-arrived}@keyframes explore-jetstream-arrived{0%{border-left-color:var(--text-accent);background:var(--glow-subtle)}to{background:0 0;border-left-color:#0000}}.explore-spin{animation:.9s linear infinite explore-spin}@keyframes explore-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.explore-spin,.explore-jetstream-row[data-fresh]{animation:none}}@media (max-width:768px){html{font-size:14px}input,textarea,select{font-size:16px!important}.container,.container-narrow{padding:0 1rem}h1{font-size:2rem}.profile-stats-row{gap:1rem}.profile-stat-item{flex:auto;min-width:0}code{word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap}pre{word-break:break-all;word-wrap:break-word;overflow-wrap:break-word;white-space:pre-wrap!important;overflow-x:hidden!important}pre code{white-space:pre-wrap}.card{max-width:100%;overflow:hidden}.card pre{max-width:100%;overflow-x:hidden!important}.feature-card-primary,.feature-card-secondary,.example-link,.cta-card,.card{transform:none!important}.feature-cards-grid{flex-direction:column!important;display:flex!important}.feature-card-primary,.feature-cards-secondary-stack{grid-column:unset!important}.examples-grid{flex-direction:column!important;gap:2rem!important;display:flex!important}.examples-heading{text-align:center;margin-bottom:1rem;grid-column:unset!important;position:static!important}.examples-links{grid-column:unset!important}@media (max-width:480px){.profile-stats-row{flex-direction:column;gap:.75rem}}.fork-hero-card{padding:2rem!important}.fork-hero-content{text-align:center;flex-direction:column!important;align-items:center!important}.fork-why-grid,.fork-quick-start-grid,.fork-quick-links-grid,.fork-config-grid,.fork-resources-grid{flex-direction:column!important;display:flex!important}.fork-why-grid .card,.fork-quick-start-grid>*,.fork-quick-links-grid>*,.fork-config-grid>*,.fork-resources-grid>*{grid-column:unset!important}.integrate-hero-grid,.integrate-url-grid,.integrate-code-examples-grid,.integrate-usecases-grid,.integrate-custom-domain-grid,.integrate-attribution-grid{flex-direction:column!important;display:flex!important}.integrate-hero-grid>*,.integrate-url-grid>*,.integrate-code-examples-grid>*,.integrate-usecases-grid>*,.integrate-custom-domain-grid>*,.integrate-attribution-grid>*{grid-column:unset!important}}.category-section{margin-bottom:1.5rem}.category-header{border:none;border-bottom:1px solid var(--border-subtle);cursor:pointer;background:0 0;justify-content:space-between;align-items:center;margin-bottom:.75rem;padding:.875rem 0;transition:all .3s;display:flex}.category-header:hover{border-bottom-color:var(--text-accent)}.category-header:hover .category-title h3{color:var(--text-accent)}.category-title h3{color:var(--text-primary);text-transform:uppercase;letter-spacing:.05em;margin:0 0 .25rem;font-size:.9375rem;font-weight:600;transition:color .3s}.category-description{color:var(--text-tertiary);letter-spacing:.02em;margin:0;font-size:.8125rem;font-weight:400}.category-controls{align-items:center;gap:.75rem;display:flex}.expand-indicator{color:var(--text-tertiary);background:var(--bg-tertiary);border:1px solid var(--border-subtle);letter-spacing:.03em;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.expand-button{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;align-items:center;padding:.25rem;transition:all .3s;display:flex}.expand-button:hover{color:var(--text-accent);transform:scale(1.1)}.featured-section{position:relative}.featured-waypoint{border:2px solid var(--text-accent);background:linear-gradient(135deg,var(--bg-secondary),var(--bg-tertiary));box-shadow:0 0 20px var(--glow-medium);position:relative;overflow:hidden}.featured-waypoint:before{content:"";background:linear-gradient(90deg,transparent,var(--glow-subtle),transparent);opacity:.5;animation:3s ease-in-out infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%,to{transform:translate(-100%)}50%{transform:translate(100%)}}.featured-waypoint:hover{box-shadow:0 0 30px var(--glow-strong);transform:translate(4px)scale(1.02)}.more-options-section{margin-top:.5rem}.section-header{text-transform:uppercase;letter-spacing:.1em;color:var(--text-tertiary);font-size:.875rem;font-weight:500}.stacked-cards{padding-bottom:.5rem;position:relative}.stacked-cards:before,.stacked-cards:after{content:"";background:var(--bg-secondary);border:1px solid var(--border-medium);opacity:.6;pointer-events:none;height:100%;transition:all .3s;position:absolute;left:0;right:0}.stacked-cards:before{z-index:-1;top:.25rem;left:.25rem;right:-.25rem;transform:rotate(-.5deg)scale(.98)}.stacked-cards:after{opacity:.4;z-index:-2;top:.5rem;left:.5rem;right:-.5rem;transform:rotate(-1deg)scale(.96)}.stacked-cards:hover:before{opacity:.8;transform:rotate(-.5deg)scale(.98)translateY(-2px)}.stacked-cards:hover:after{opacity:.6;transform:rotate(-1deg)scale(.96)translateY(-4px)}.waypoint-stack{transition:all .4s cubic-bezier(.34,1.56,.64,1);overflow:visible}.waypoint-stack.collapsed{max-height:auto}.waypoint-stack.expanded{max-height:5000px}.waypoint-list{flex-direction:column;gap:1rem;display:flex}.waypoint-item{opacity:0;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards slideOut;transform:translateY(-20px)}@keyframes slideOut{to{opacity:1;transform:translateY(0)}}.waypoint-item:first-child{animation-delay:0s}.waypoint-item:nth-child(2){animation-delay:50ms}.waypoint-item:nth-child(3){animation-delay:.1s}.waypoint-item:nth-child(4){animation-delay:.15s}.waypoint-item:nth-child(5){animation-delay:.2s}.waypoint-item:nth-child(6){animation-delay:.25s}.waypoint-item:nth-child(7){animation-delay:.3s}.waypoint-item:nth-child(8){animation-delay:.35s}@media (max-width:768px){.category-header{padding:.75rem 0}.category-title h3{font-size:.875rem}.category-description{font-size:.75rem}.expand-indicator{padding:.1875rem .5rem;font-size:.6875rem}.stacked-cards:before{top:.1875rem;left:.1875rem;right:-.1875rem}.stacked-cards:after{top:.375rem;left:.375rem;right:-.375rem}}.subcategories{border-left:2px solid var(--border-subtle);margin-top:1rem;margin-left:.5rem;padding-left:1.5rem}.subcategories .category-section{margin-bottom:1rem}.subcategories .category-header{border:none;border-bottom:1px solid var(--border-subtle);opacity:.85;background:0 0;padding:.75rem 0}.subcategories .category-header:hover{border-bottom-color:var(--text-accent);opacity:1}.subcategories .category-title h3{text-transform:uppercase;letter-spacing:.04em;color:var(--text-secondary);font-size:.8125rem;font-weight:600}.subcategories .category-header:hover .category-title h3{color:var(--text-accent)}.subcategories .expand-indicator{font-size:.6875rem}@media (max-width:768px){.subcategories{margin-left:.25rem;padding-left:1rem}.subcategories .category-header{padding:.625rem 0}.subcategories .category-title h3{font-size:.75rem}}.home-product-strip{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:3rem;max-width:1200px;margin:0 auto;padding:4rem 2rem;display:grid}.home-product-strip[data-flip] .home-product-strip-demo{order:2}.home-product-strip-copy h2{letter-spacing:-.01em;color:var(--text-primary);margin:0 0 1rem;font-size:2rem;font-weight:300;line-height:1.15}.home-product-strip-copy p{color:var(--text-secondary);margin:0 0 .875rem;font-size:1.0125rem;line-height:1.65}.home-product-strip-copy p:last-of-type{margin-bottom:1.5rem}.home-product-strip-demo{flex-direction:column;gap:1rem;display:flex}@media (max-width:820px){.home-product-strip{grid-template-columns:minmax(0,1fr);gap:1.75rem;padding:2.5rem 1.5rem}.home-product-strip[data-flip] .home-product-strip-demo{order:0}.home-product-strip-copy h2{font-size:1.625rem}}.landing-button-icon{width:16px;height:16px;color:var(--text-accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.landing-button-icon svg{width:100%;height:100%}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important}.landing-hero>div:last-child{justify-content:center;display:flex}@media (max-width:820px){.landing-hero{grid-template-columns:minmax(0,1fr)!important}.landing-hero>div:last-child>*{max-width:100%!important}}.landing-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:2.5rem;display:grid}.landing-feature[data-flip] .landing-feature-visual{order:2}.landing-feature-visual{justify-content:center;display:flex}.landing-feature-body p{margin:0 0 .875rem}.landing-feature-body p:last-child{margin-bottom:0}@media (max-width:820px){.landing-feature{grid-template-columns:minmax(0,1fr);gap:1.5rem}.landing-feature[data-flip] .landing-feature-visual{order:0}.landing-feature-visual>*{max-width:100%!important}.browser-chrome-content{background:0 0!important;min-height:0!important;padding:0!important}.browser-chrome-fake-content{display:none}.browser-chrome-popup{z-index:auto!important;max-width:100%!important;margin:0!important;position:static!important}.browser-chrome-popup>*{max-width:100%!important;margin:0 auto!important;transform:none!important}}