@import"https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;0,600;1,400;1,500;1,600&display=swap";@font-face{font-family:"Nyght Serif";src:url(/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-MediumItalic.woff2) format("woff2"),url(/fonts/nyght-serif-main/fonts/WEB/NyghtSerif-MediumItalic.woff) format("woff");font-weight:500;font-style:italic;font-display:swap}@font-face{font-family:Lunch Type;src:url(/fonts/Lunch%20Type/Lunchtype22-Regular.ttf) format("truetype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Lunch Type;src:url(/fonts/Lunch%20Type/Lunchtype23-Regular-Italic.ttf) format("truetype");font-weight:400;font-style:italic;font-display:swap}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--font-display: "Nyght Serif", "Cormorant Garamond", Georgia, serif;--font-body: "Lunch Type", "Cormorant Garamond", Georgia, sans-serif;--font-note: "Cormorant Garamond", Georgia, serif;--text-xs: .75rem;--text-sm: 1rem;--text-md: 1.333rem;--text-lg: 1.777rem;--text-xl: 2.369rem;--text-2xl: 3.157rem;--space-1: .5rem;--space-2: 1rem;--space-3: 1.5rem;--space-4: 2rem;--space-5: 3rem;--space-6: 4rem;--space-8: 6rem;--radius: 0;--radius-pill: 999px;--color-bg: #f3f6f2;--color-bg: oklch(.97 .014 145);--color-surface: #e7ece6;--color-surface: oklch(.93 .016 145);--color-fg: #2c2c1e;--color-fg: oklch(.22 .032 85);--color-muted: #5a6a5c;--color-muted: oklch(.45 .028 145);--color-border: #2c2c1e;--color-border: oklch(.22 .032 85);--color-accent: #3d6b4a;--color-accent: oklch(.42 .09 145);--color-accent-fg: #f3f6f2;--color-accent-fg: oklch(.97 .014 145);--color-success: #3d6b4a;--color-success: oklch(.42 .09 145);--color-warning: #9a7a2a;--color-warning: oklch(.62 .12 75);--color-error: #b13a2e;--color-error: oklch(.5 .16 28);--duration-instant: .1s;--duration-fast: .15s;--duration-normal: .2s;--duration-slow: .3s;--duration-sheet: .5s;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--ease-sheet: cubic-bezier(.32, .72, 0, 1);--ease-exit: cubic-bezier(.4, 0, 1, 1);--border: 1px solid var(--color-border);--garden-bg-image: url(/garden1_frosted.webp);--bg-base: #ffffff;--bg-surface: #ffffff;--bg-muted: #fafafa;--bg-elevated: #f4f4f4;--border-solid: #0d0d0d;--text-primary: #0d0d0d;--text-secondary: #555555;--text-tertiary: #8f8f8f;--inverse: #ffffff;--shadow-card: 0 10px 24px rgba(0, 0, 0, .07);--pattern-color: rgba(0, 0, 0, .03);--scroll-thumb: #0d0d0d;--danger: #b13636;--transition-fast: var(--duration-normal)}:root[data-theme=dark]{--color-bg: #1e2620;--color-bg: oklch(.18 .018 145);--color-surface: #272f29;--color-surface: oklch(.22 .018 145);--color-fg: #e8e6dc;--color-fg: oklch(.92 .012 95);--color-muted: #9aae9e;--color-muted: oklch(.72 .02 145);--color-border: #536156;--color-border: oklch(.4 .02 145);--color-accent: #8fb89a;--color-accent: oklch(.74 .07 145);--color-accent-fg: #1a221c;--color-accent-fg: oklch(.16 .02 145);--color-error: #e08a7a;--color-error: oklch(.72 .12 28);--bg-base: #131313;--bg-surface: #1b1b1b;--bg-muted: #111111;--bg-elevated: #222222;--border-solid: #5f5f5b;--text-primary: #eceae3;--text-secondary: #c6c3ba;--text-tertiary: #918e86;--inverse: #131313;--shadow-card: 0 12px 24px rgba(0, 0, 0, .42);--pattern-color: rgba(255, 255, 255, .025);--scroll-thumb: #8a877f;--danger: #ff8888}html,body,#root{min-height:100%}body{min-height:100vh;overflow-x:hidden;font-family:var(--font-body);background:var(--bg-base);color:var(--text-primary);line-height:1.45;transition:background-color var(--transition-fast),color var(--transition-fast)}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:radial-gradient(circle at 20% 18%,var(--pattern-color) 0,transparent 35%),radial-gradient(circle at 80% 0,var(--pattern-color) 0,transparent 28%);opacity:.7;z-index:0}::selection{background:var(--text-primary);color:var(--bg-base)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--scroll-thumb)}#app{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column}#app.app--canvas{height:100vh;height:100dvh;overflow:hidden}.header{position:sticky;top:0;z-index:30;display:flex;align-items:center;gap:1rem;padding:1rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border-solid)}.header-title{display:flex;align-items:center;gap:.75rem;flex-shrink:0}.header-logo-wrap{width:2.35rem;height:2.35rem;border:1px solid var(--border-solid);display:inline-flex;align-items:center;justify-content:center;background:var(--bg-surface)}.header-logo{width:1.15rem;height:1.15rem;object-fit:contain;filter:grayscale(100%) contrast(300%)}:root[data-theme=dark] .header-logo{filter:grayscale(100%) invert(100%) contrast(180%)}.header-title-text{font-family:"Nyght Serif",Cormorant Garamond,serif;font-style:italic;font-size:2.25rem;font-weight:500;line-height:.95;letter-spacing:-.03em}.detail-title{font-family:var(--font-body);font-style:normal;font-size:.7rem;font-weight:600;letter-spacing:.2em;text-transform:uppercase}.header--detail{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:1rem}.header--detail .back-btn{justify-self:start}.header--detail .detail-title{justify-self:center;text-align:center}.header--detail .theme-toggle{justify-self:end}.search-wrap{position:relative;flex:1;max-width:34rem}.search-wrap:before{content:"⌕";position:absolute;top:50%;left:.8rem;transform:translateY(-50%);color:var(--text-tertiary);font-size:.92rem}#search{width:100%;border:1px solid var(--border-solid);background:transparent;color:var(--text-primary);font-family:var(--font-body);font-size:.84rem;padding:.56rem .75rem .56rem 2rem;outline:none;transition:background-color var(--transition-fast),border-color var(--transition-fast)}#search::placeholder{color:var(--text-tertiary)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:.5rem}.header-meta{display:flex;align-items:center;gap:.45rem;white-space:nowrap;font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary)}.header-meta span:first-child{font-size:.86rem;font-weight:600;letter-spacing:0;color:var(--text-primary)}.theme-toggle{border:none;background:transparent;color:var(--text-tertiary);padding:.2rem;margin:0;cursor:pointer;line-height:0;opacity:.55;transition:opacity var(--transition-fast),color var(--transition-fast)}.theme-toggle:hover{opacity:1;color:var(--text-secondary)}.theme-toggle:focus-visible{outline:1px solid var(--border-solid);outline-offset:3px}.signout-btn,.back-btn{border:1px solid var(--border-solid);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:.63rem;letter-spacing:.16em;text-transform:uppercase;padding:.45rem .65rem;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.signout-btn:hover,.back-btn:hover{background:var(--text-primary);color:var(--inverse)}a.signout-btn,a.back-btn{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.add-url-bar{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;padding:.75rem 1.5rem;background:var(--bg-surface);border-bottom:1px solid var(--border-solid)}.add-url-bar input{flex:1;min-width:220px;border:none;border-bottom:1px solid var(--border-solid);background:transparent;color:var(--text-primary);font-size:.86rem;font-family:var(--font-body);padding:.52rem .15rem;outline:none}.add-url-bar input::placeholder{color:var(--text-tertiary)}.add-url-bar button{border:1px solid var(--border-solid);background:var(--text-primary);color:var(--inverse);font-family:var(--font-body);font-size:.64rem;letter-spacing:.2em;text-transform:uppercase;padding:.62rem 1.2rem;cursor:pointer;transition:background-color var(--transition-fast),color var(--transition-fast)}.add-url-bar button:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.add-url-bar button:disabled,.add-url-bar input:disabled{opacity:.65;cursor:default}.add-url-msg{width:100%;font-size:.68rem;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.14em}.add-url-msg.error{color:var(--danger)}.grid-wrap{flex:1;padding:1.35rem;background-color:var(--bg-muted);background-image:var(--garden-bg-image);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.grid-wrap--canvas{flex:1 1 0;position:relative;min-height:0;display:flex;padding:0;overflow:hidden;background-attachment:scroll}#app.app--public .grid-wrap{background-image:none}.garden-canvas-state{display:flex;flex:1 1 auto;flex-direction:column;align-items:center;justify-content:center;min-height:100%;padding:1.35rem}.garden-canvas-state--loading{gap:1rem;background:radial-gradient(circle at center,color-mix(in srgb,var(--bg-surface) 68%,transparent),transparent 54%),linear-gradient(color-mix(in srgb,var(--bg-muted) 70%,transparent),color-mix(in srgb,var(--bg-muted) 70%,transparent))}.garden-canvas-loading-cover{position:absolute;inset:0;z-index:2;pointer-events:none}.dither-loader{--flower-line: var(--text-primary);--flower-petal: color-mix(in srgb, var(--text-primary) 72%, var(--bg-surface));--flower-leaf: color-mix(in srgb, var(--text-secondary) 78%, var(--bg-surface));--flower-glow: color-mix(in srgb, var(--bg-surface) 72%, transparent);position:relative;width:7rem;height:7rem;border:1px solid var(--border-solid);border-radius:50%;background-color:var(--bg-surface);background-image:radial-gradient(circle at center,var(--flower-glow) 0 38%,transparent 64%),radial-gradient(var(--text-primary) 1.1px,transparent 1.1px),radial-gradient(var(--text-tertiary) 1px,transparent 1px);background-position:center,0 0,5px 5px;background-size:100% 100%,10px 10px,10px 10px;box-shadow:var(--shadow-card);overflow:hidden;isolation:isolate;animation:dither-loader 1.8s steps(6,end) infinite}.dither-loader:before,.dither-loader:after{content:"";position:absolute;z-index:1;pointer-events:none}.dither-loader:before{left:calc(50% - 1.7rem);bottom:.8rem;width:3.4rem;height:4.15rem;background:radial-gradient(ellipse 43% 18% at 25% 70%,var(--flower-leaf) 0 62%,transparent 64%),radial-gradient(ellipse 43% 18% at 75% 58%,var(--flower-leaf) 0 62%,transparent 64%),linear-gradient(to right,transparent calc(50% - 1px),var(--flower-line) 0 calc(50% + 1px),transparent 0);clip-path:inset(100% 0 0 0);animation:flower-stem-draw 1.8s steps(8,end) infinite}.dither-loader:after{top:.65rem;left:calc(50% - 2.2rem);width:4.4rem;height:4.4rem;background:radial-gradient(circle at 50% 52%,var(--bg-surface) 0 10%,var(--flower-line) 11% 17%,transparent 18%),radial-gradient(ellipse 18% 30% at 50% 27%,var(--flower-petal) 0 66%,transparent 68%),radial-gradient(ellipse 18% 30% at 76% 41%,var(--flower-petal) 0 66%,transparent 68%),radial-gradient(ellipse 18% 30% at 67% 74%,var(--flower-petal) 0 66%,transparent 68%),radial-gradient(ellipse 18% 30% at 33% 74%,var(--flower-petal) 0 66%,transparent 68%),radial-gradient(ellipse 18% 30% at 24% 41%,var(--flower-petal) 0 66%,transparent 68%);transform-origin:50% 55%;animation:flower-bloom-draw 1.8s steps(8,end) infinite}.garden-canvas{flex:1 1 auto;position:relative;width:100%;min-height:0;overflow:hidden;cursor:grab;touch-action:none;overscroll-behavior:none;-webkit-user-select:none;user-select:none;contain:layout paint}.garden-canvas:active{cursor:grabbing}.garden-canvas-layer{position:absolute;top:0;left:0;transform-origin:0 0;will-change:transform;backface-visibility:hidden}.garden-canvas-item{position:absolute;width:340px;max-width:90vw;contain:layout style paint}.garden-canvas-item,.masonry-item{--plant-age: .5;--plant-fresh: 0;outline:1px solid oklch(calc(.52 - var(--plant-age) * .1) calc(.07 - var(--plant-age) * .03) calc(98 + var(--plant-age) * 86) / calc(.22 + var(--plant-fresh) * .16));outline-offset:1px;transition:outline-color var(--transition-fast)}.garden-canvas-item:hover,.masonry-item:hover{outline-color:oklch(calc(.52 - var(--plant-age) * .1) calc(.09 - var(--plant-age) * .03) calc(98 + var(--plant-age) * 86) / calc(.4 + var(--plant-fresh) * .12))}:root[data-theme=dark] .garden-canvas-item,:root[data-theme=dark] .masonry-item{outline-color:oklch(calc(.7 - var(--plant-age) * .12) calc(.065 - var(--plant-age) * .025) calc(98 + var(--plant-age) * 86) / calc(.2 + var(--plant-fresh) * .16))}:root[data-theme=dark] .garden-canvas-item:hover,:root[data-theme=dark] .masonry-item:hover{outline-color:oklch(calc(.74 - var(--plant-age) * .1) calc(.08 - var(--plant-age) * .02) calc(98 + var(--plant-age) * 86) / calc(.38 + var(--plant-fresh) * .12))}.masonry-item{break-inside:avoid}.garden-canvas-item .card{cursor:grab}.garden-canvas-item .card:active{cursor:grabbing}.garden-canvas-item .card-actions{opacity:0;pointer-events:none;transform:translateY(4px);transition:opacity var(--transition-fast),transform var(--transition-fast)}.garden-canvas-item:hover .card-actions,.garden-canvas-item:focus-within .card-actions{opacity:1;pointer-events:auto;transform:translateY(0)}.garden-canvas-item .action-btn,.garden-canvas-item .card-link,.garden-canvas-item .note-wrap,.garden-canvas-item .tweet-notes{cursor:auto}.garden-canvas-item .action-btn,.garden-canvas-item .card-link{cursor:pointer}.garden-canvas-hint{position:absolute;bottom:.85rem;left:50%;transform:translate(-50%);padding:.4rem .75rem;border:1px solid var(--border-solid);background:color-mix(in srgb,var(--bg-surface) 90%,transparent);color:var(--text-tertiary);font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;pointer-events:none}.garden-minimap,.garden-minimap-toggle{position:absolute;z-index:4;left:.85rem;bottom:.85rem;border:1px solid color-mix(in srgb,var(--border-solid) 42%,transparent);background:color-mix(in srgb,var(--bg-surface) 88%,transparent);color:var(--text-primary);cursor:default}.garden-minimap{width:124px;padding:5px}.garden-minimap-plot,.garden-minimap-hide,.garden-minimap-toggle{padding:0;background:transparent;color:inherit;font:inherit;line-height:0}.garden-minimap-plot,.garden-minimap-hide{border:0}.garden-minimap-plot{display:block;width:112px;height:72px;cursor:crosshair}.garden-minimap-svg{display:block;width:100%;height:100%}.garden-minimap-card{fill:oklch(calc(.76 - var(--plant-age, .5) * .3) calc(.14 - var(--plant-age, .5) * .07) calc(98 + var(--plant-age, .5) * 86));fill-opacity:calc(.5 + (1 - var(--plant-age, .5)) * .4)}.garden-minimap-view{fill:color-mix(in srgb,var(--color-accent) 22%,transparent);stroke:var(--color-accent);stroke-width:1.25px}.garden-minimap-hide{position:absolute;top:1px;right:1px;width:22px;height:22px;display:grid;place-items:center;color:var(--text-tertiary);opacity:.7;cursor:pointer}.garden-minimap-hide:hover,.garden-minimap-hide:focus-visible{color:var(--text-primary);opacity:1}.garden-minimap-toggle{width:28px;height:28px;display:grid;place-items:center;color:var(--text-secondary);opacity:.55;cursor:pointer}.garden-minimap-toggle:hover,.garden-minimap-toggle:focus-visible{opacity:1;color:var(--text-primary)}.garden-minimap-plot:focus-visible,.garden-minimap-hide:focus-visible,.garden-minimap-toggle:focus-visible{outline:1px solid var(--color-accent);outline-offset:2px}@media(max-width:680px){.garden-minimap{width:100px;left:.65rem;bottom:.65rem}.garden-minimap-plot{width:88px;height:56px}.garden-minimap-toggle{left:.65rem;bottom:.65rem}}@media(prefers-reduced-motion:reduce){.garden-minimap-hide,.garden-minimap-toggle{transition:none}}.layout-mode-options{display:flex;gap:.65rem}.layout-mode-option{flex:1;padding:.65rem 1rem;border:1px dashed var(--border-solid);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.layout-mode-option:hover{border-color:var(--text-secondary);color:var(--text-primary);background:var(--bg-muted)}.layout-mode-option.selected{border-style:solid;border-color:var(--text-primary);color:var(--text-primary);background:var(--bg-muted);box-shadow:0 0 0 1px var(--text-primary)}.layout-mode-option:focus-visible{outline:1px solid var(--border-solid);outline-offset:2px}.masonry{--masonry-columns: 1;display:grid;grid-template-columns:repeat(var(--masonry-columns),minmax(0,1fr));gap:1.35rem;align-items:start}.masonry-col{display:flex;flex-direction:column;gap:1.35rem}.masonry>.state-msg{grid-column:1 / -1}.card{break-inside:avoid;margin-bottom:0;border:1px solid var(--border-solid);background:var(--bg-surface);box-shadow:var(--shadow-card);animation:fade-up .26s ease both;transition:box-shadow var(--transition-fast);cursor:pointer}.card:hover{box-shadow:0 14px 30px #00000029}:root[data-theme=dark] .card:hover{box-shadow:0 14px 28px #00000080}.card-head{padding:1.25rem 1.25rem .85rem;display:flex;gap:.85rem;align-items:flex-start}.card-badge{width:2.7rem;height:2.7rem;border:1px solid var(--border-solid);display:inline-flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,var(--bg-surface) 0 46%,transparent 47%),radial-gradient(var(--text-tertiary) .75px,transparent .75px);background-size:100% 100%,5px 5px;flex-shrink:0;margin-top:.15rem;overflow:hidden}.ascii-flower{color:var(--text-primary);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.44rem;font-weight:700;line-height:.78;letter-spacing:-.05em;text-align:center;white-space:pre}.card-author{display:flex;flex-direction:column;min-width:0}.card-name{font-family:"Nyght Serif",Cormorant Garamond,serif;font-size:1.75rem;font-style:italic;font-weight:500;line-height:.95;overflow-wrap:anywhere}.card-handle{margin-top:.4rem;font-size:.6rem;letter-spacing:.22em;color:var(--text-tertiary);text-transform:uppercase}.card-text{padding:0 1.25rem 1rem;font-family:var(--font-body);font-size:1rem;line-height:1.4;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.card-text-link{color:var(--text-secondary);text-decoration:underline;text-underline-offset:2px}.card-text-link:hover{color:var(--text-primary)}.card-images{margin:0 1rem 1rem;border:1px solid var(--border-solid);background:var(--border-solid);display:grid;gap:1px;overflow:hidden}.card-images.multi{grid-template-columns:1fr 1fr}.card-images img{width:100%;aspect-ratio:4 / 3;object-fit:cover;display:block;background:var(--bg-elevated)}.card-images.multi img{aspect-ratio:1 / 1}.card-images.span-last img:last-child{grid-column:1 / -1;aspect-ratio:2 / 1}.video-preview{margin:0 1rem 1rem;border:1px solid var(--border-solid);background:var(--bg-elevated);display:flex;align-items:center;gap:.5rem;padding:.58rem .65rem;color:var(--text-secondary);font-size:.64rem;letter-spacing:.11em;text-transform:uppercase}.video-preview a{color:var(--text-primary)}.video-preview-thumb{width:72px;height:40px;object-fit:cover;border:1px solid var(--border-solid)}.video-play-icon{border:1px solid var(--border-solid);padding:.12rem .28rem;font-weight:600}.tweet-notes{margin:0 1.25rem 1rem;border:1px solid var(--border-solid);background:var(--bg-elevated);padding:.66rem .72rem}.tweet-notes-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.tweet-notes-count{font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-secondary)}.tweet-notes-list{margin-top:.55rem;display:flex;flex-direction:column;gap:.5rem}.tweet-note-item{margin:0;font-family:Cormorant Garamond,serif;font-size:1.15rem;line-height:1.28;color:var(--text-primary);white-space:pre-wrap;overflow-wrap:anywhere}.note-wrap{margin:0 1.25rem 1rem}.note-edit-actions{margin-top:.45rem;display:flex;align-items:center;gap:.42rem}.note-input{width:100%;min-height:72px;border:1px solid var(--border-solid);background:var(--bg-elevated);color:var(--text-primary);font-family:Cormorant Garamond,serif;font-size:1.08rem;line-height:1.3;padding:.52rem .62rem;resize:vertical;outline:none}.note-input::placeholder{color:var(--text-tertiary)}.note-save-btn{margin-top:0;border:1px solid var(--border-solid);background:var(--text-primary);color:var(--inverse);font-family:var(--font-body);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:.34rem .58rem;cursor:pointer}.note-save-btn:hover{background:var(--bg-surface);color:var(--text-primary)}.note-cancel-btn{border:1px solid var(--border-solid);background:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;padding:.34rem .58rem;cursor:pointer}.note-cancel-btn:hover{color:var(--text-primary)}.card-footer{border-top:1px solid var(--border-solid);padding:.74rem 1.25rem;display:flex;align-items:center;justify-content:space-between;gap:.6rem}.card-date{font-size:.6rem;letter-spacing:.2em;color:var(--text-tertiary);text-transform:uppercase}.card-actions{display:flex;align-items:center;gap:.35rem}.note-count{color:var(--text-tertiary);font-family:var(--font-body);font-size:.6rem;letter-spacing:.16em;text-transform:uppercase}.note-count.has-notes{color:var(--text-secondary)}.action-btn,.card-link{border:1px solid transparent;background:none;color:var(--text-secondary);font-family:var(--font-body);font-size:.61rem;letter-spacing:.13em;text-transform:uppercase;padding:.25rem .35rem;cursor:pointer;text-decoration:none;transition:color var(--transition-fast),border-color var(--transition-fast)}.action-btn:hover,.card-link:hover,.action-btn.note-active{color:var(--text-primary);border-color:var(--border-solid)}.state-msg{break-inside:avoid;text-align:center;color:var(--text-secondary);font-family:Cormorant Garamond,serif;font-style:italic;font-size:1.35rem;padding:3.5rem 0}.loading-dots:after{content:"";animation:dots 1.1s steps(4,end) infinite}@keyframes dots{0%{content:""}25%{content:"."}50%{content:".."}75%{content:"..."}to{content:""}}@keyframes fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes dither-loader{0%{opacity:.78;transform:scale(.98) rotate(-1deg);background-position:center,0 0,5px 5px}50%{opacity:1;transform:scale(1) rotate(1deg);background-position:center,10px 0,-5px 5px}to{opacity:.78;transform:scale(.98) rotate(-1deg);background-position:center,20px 0,-15px 5px}}@keyframes flower-stem-draw{0%{clip-path:inset(100% 0 0 0);opacity:.65}36%,76%{clip-path:inset(0 0 0 0);opacity:1}to{clip-path:inset(0 0 0 0);opacity:.72}}@keyframes flower-bloom-draw{0%,28%{clip-path:circle(0 at 50% 55%);opacity:0;transform:scale(.72) rotate(-12deg)}62%,82%{clip-path:circle(56% at 50% 55%);opacity:1;transform:scale(1) rotate(0)}to{clip-path:circle(56% at 50% 55%);opacity:.78;transform:scale(.96) rotate(8deg)}}@media(prefers-reduced-motion:reduce){.dither-loader,.dither-loader:before,.dither-loader:after{animation:none}.dither-loader:before{clip-path:inset(0 0 0 0)}.dither-loader:after{clip-path:circle(56% at 50% 55%)}}.detail-wrap{width:min(900px,100%);margin:0 auto;padding:2rem 1.2rem 2.8rem}.detail-card .card{margin-bottom:0;cursor:default}.detail-card .card:hover{transform:none}.detail-card .card-images{margin:0 0 1rem}.detail-card .card-images.multi{grid-template-columns:1fr}.detail-card .card-images img,.detail-card .card-images.multi img,.detail-card .card-images.span-last img:last-child{grid-column:auto;aspect-ratio:auto;height:auto;object-fit:contain}.auth-screen{min-height:100vh;background:var(--bg-base);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;padding:2rem 1rem;position:relative;z-index:1}.auth-screen--garden{background-color:var(--bg-base);background-image:linear-gradient(color-mix(in srgb,var(--bg-base) 74%,transparent),color-mix(in srgb,var(--bg-base) 80%,transparent)),url(/garden1.webp);background-size:cover,cover;background-position:center,center;background-repeat:no-repeat}.auth-theme-toggle{position:static}.auth-top-bar{position:absolute;top:1rem;left:1rem;right:1rem;display:flex;align-items:center;justify-content:space-between}.auth-back-link{font-size:.62rem;letter-spacing:.15em;text-transform:uppercase;color:var(--text-secondary);text-decoration:none}.auth-back-link:hover{color:var(--text-primary)}.auth-header{display:flex;flex-direction:column;align-items:center;gap:.65rem}.auth-logo-wrap{width:3rem;height:3rem}.auth-logo{width:1.35rem;height:1.35rem}.auth-title{font-family:"Nyght Serif",Cormorant Garamond,serif;font-style:italic;font-size:2.5rem;line-height:.95}.auth-subtitle{font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:var(--text-tertiary)}.auth-form{width:min(320px,92vw);display:flex;flex-direction:column;gap:.6rem}.auth-form input{border:1px solid var(--border-solid);background:var(--bg-surface);color:var(--text-primary);font-family:var(--font-body);font-size:.86rem;padding:.62rem .66rem;outline:none}.auth-form input::placeholder{color:var(--text-tertiary)}.auth-form button{border:1px solid var(--border-solid);background:var(--text-primary);color:var(--inverse);font-family:var(--font-body);font-size:.64rem;letter-spacing:.17em;text-transform:uppercase;padding:.63rem;cursor:pointer}.auth-form button:hover:not(:disabled){background:var(--bg-surface);color:var(--text-primary)}.auth-form button:disabled{opacity:.68;cursor:default}.auth-error{color:var(--danger);font-size:.72rem}.profile-loading{min-height:100vh;display:flex;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.68rem;letter-spacing:.2em;text-transform:uppercase}.profile-wrap{flex:1;width:min(520px,100%);margin:0 auto;padding:2rem 1.5rem 3rem;display:flex;flex-direction:column;gap:2rem}.profile-section{border:1px solid var(--border-solid);background:var(--bg-surface);padding:1.35rem 1.5rem;box-shadow:var(--shadow-card)}.profile-section-label{font-size:.65rem;font-weight:600;letter-spacing:.22em;text-transform:uppercase;color:var(--text-tertiary);margin-bottom:.85rem}.profile-hint{font-size:.72rem;color:var(--text-secondary);margin:-.35rem 0 1rem}.profile-stat .profile-section-label{margin-bottom:.35rem}.profile-stat-value{font-family:Cormorant Garamond,serif;font-style:italic;font-size:2.75rem;font-weight:500;line-height:1.1;color:var(--text-primary)}.profile-stat-unit{font-family:var(--font-body);font-style:normal;font-size:.72rem;font-weight:400;letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-left:.35rem}.bg-carousel{display:flex;align-items:stretch;gap:.35rem;margin:0 -.15rem}.bg-carousel-nav{flex-shrink:0;width:2.25rem;border:1px solid var(--border-solid);background:var(--bg-muted);color:var(--text-secondary);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;padding:0;transition:background-color var(--transition-fast),color var(--transition-fast),border-color var(--transition-fast)}.bg-carousel-nav:hover{background:var(--bg-elevated);color:var(--text-primary);border-color:var(--text-secondary)}.bg-carousel-nav:focus-visible{outline:1px solid var(--border-solid);outline-offset:2px}.bg-carousel-viewport{flex:1;min-width:0;display:flex;gap:.65rem;overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch;scrollbar-width:thin;padding:.15rem 0}.bg-carousel-viewport::-webkit-scrollbar{height:5px}.bg-carousel-viewport::-webkit-scrollbar-thumb{background:var(--scroll-thumb);border-radius:2px}.bg-carousel-slide{flex:0 0 100%;scroll-snap-align:center;display:flex;flex-direction:column;align-items:stretch;gap:.45rem;padding:0;margin:0;border:1px solid var(--border-solid);background:var(--bg-muted);cursor:pointer;font:inherit;color:var(--text-primary);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.bg-carousel-slide:hover{border-color:var(--text-secondary)}.bg-carousel-slide.selected{border-color:var(--text-primary);box-shadow:0 0 0 1px var(--text-primary)}.bg-carousel-thumb-wrap{aspect-ratio:16 / 10;overflow:hidden;background:var(--bg-elevated)}.bg-carousel-thumb{width:100%;height:100%;object-fit:cover;display:block}.bg-carousel-label{font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;padding:0 .65rem .65rem;text-align:center;color:var(--text-secondary)}.bg-carousel-slide.selected .bg-carousel-label{color:var(--text-primary)}.bg-none-option{width:100%;margin-top:1rem;padding:.65rem 1rem;border:1px dashed var(--border-solid);background:transparent;color:var(--text-secondary);font-family:var(--font-body);font-size:.62rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:border-color var(--transition-fast),color var(--transition-fast),background-color var(--transition-fast),box-shadow var(--transition-fast)}.bg-none-option:hover{border-color:var(--text-secondary);color:var(--text-primary);background:var(--bg-muted)}.bg-none-option.selected{border-style:solid;border-color:var(--text-primary);color:var(--text-primary);background:var(--bg-muted);box-shadow:0 0 0 1px var(--text-primary)}.bg-none-option:focus-visible{outline:1px solid var(--border-solid);outline-offset:2px}.profile-footer{display:flex;justify-content:flex-start}@media(max-width:980px){.header{flex-wrap:wrap}.search-wrap{order:5;flex-basis:100%;max-width:none}.header-actions{margin-left:0}}@media(max-width:680px){.header,.add-url-bar{padding:.8rem 1rem}.grid-wrap{padding:1rem}.grid-wrap--canvas{padding:0}.header-title-text{font-size:1.75rem}.header-meta{display:none}.signout-btn,.back-btn{font-size:.58rem;padding:.4rem .5rem}.card-name{font-size:1.7rem}.card-text{font-size:1.22rem}.video-preview{flex-wrap:wrap}}body:has(.landing-page):before{content:none}html:has(.landing-page){scroll-padding-top:5.5rem}@media(max-width:900px){html:has(.landing-page){scroll-padding-top:7.5rem}}.skip-link{position:absolute;left:var(--space-2);top:-4rem;z-index:40;padding:.65rem 1rem;background:var(--color-fg);color:var(--color-bg);font-family:var(--font-body);font-size:var(--text-sm);text-decoration:none}.skip-link:focus{top:var(--space-2)}.skip-link:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent);outline:none}.landing-page{--bg-base: var(--color-bg);--bg-surface: var(--color-surface);--bg-muted: var(--color-bg);--bg-elevated: var(--color-surface);--border-solid: var(--color-border);--text-primary: var(--color-fg);--text-secondary: var(--color-muted);--text-tertiary: var(--color-muted);--inverse: var(--color-bg);--shadow-card: none;--danger: var(--color-error);--pattern-color: color-mix(in oklch, var(--color-fg) 6%, transparent);--scroll-thumb: var(--color-fg);position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);color-scheme:light}:root[data-theme=dark] .landing-page{color-scheme:dark}.landing-page .card{box-shadow:none}.landing-page .card:hover{box-shadow:none;background:var(--color-surface)}.landing-masthead{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--color-bg);border-bottom:1px solid var(--color-border)}.landing-brand{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:inherit;min-width:0}.landing-brand:focus-visible{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent);outline:none}.landing-brand-text{font-family:var(--font-display);font-style:italic;font-size:var(--text-lg);font-weight:500;line-height:1;letter-spacing:-.02em}.landing-folio{position:absolute;left:50%;transform:translate(-50%);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;pointer-events:none}.landing-masthead-actions{display:flex;align-items:center;gap:var(--space-1);flex-shrink:0}.landing-page .theme-toggle{width:2.75rem;height:2.75rem;display:inline-flex;align-items:center;justify-content:center;opacity:1;color:var(--color-muted)}.landing-page .theme-toggle svg{width:1.125rem;height:1.125rem}.landing-page .theme-toggle:hover{color:var(--color-fg)}.landing-page .theme-toggle:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.landing-press-rule{height:3px;background:var(--color-fg)}.landing-btn{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.6rem 1.1rem;border:1px solid var(--color-fg);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:.04em;text-transform:lowercase;text-decoration:none;cursor:pointer;border-radius:var(--radius);transition:background-color var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out),border-color var(--duration-fast) var(--ease-out),opacity var(--duration-fast) var(--ease-out),transform var(--duration-instant) var(--ease-out)}.landing-btn--primary{background:var(--color-fg);color:var(--color-bg);box-shadow:inset 0 -3px 0 var(--color-accent)}.landing-btn--primary:hover{background:var(--color-accent);color:var(--color-accent-fg);border-color:var(--color-accent)}.landing-btn--secondary{background:transparent;color:var(--color-fg)}.landing-btn--secondary:hover{background:var(--color-fg);color:var(--color-bg)}.landing-btn--tertiary{background:transparent;border-color:transparent;color:var(--color-muted);min-height:2.75rem;padding-inline:.7rem}.landing-btn--tertiary:hover{color:var(--color-fg)}.landing-btn:active:not(:disabled){transform:scale(.97)}.landing-btn:focus-visible{outline:none;box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.landing-btn:disabled{opacity:.5;cursor:default;transform:none}.landing-main{flex:1}.landing-spread{display:grid;grid-template-columns:minmax(18rem,28rem) minmax(0,1fr);min-height:calc(100svh - 6rem)}.landing-nameplate{display:flex;flex-direction:column;justify-content:flex-start;gap:var(--space-3);padding:var(--space-8) var(--space-4) var(--space-5)}.landing-title{display:flex;flex-direction:column;gap:var(--space-1)}.landing-title-display{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:clamp(var(--text-xl),6vw,var(--text-2xl));line-height:.98;letter-spacing:-.02em}.landing-title-dek{font-family:var(--font-body);font-style:italic;font-weight:400;font-size:var(--text-md);line-height:1.2;color:var(--color-muted)}.landing-lead{max-width:28rem;color:var(--color-fg);font-size:var(--text-sm);line-height:1.5}.landing-nameplate .landing-btn{align-self:flex-start}.landing-plate{position:relative;margin:0;min-height:70vh;border-left:1px solid var(--color-border);background-color:var(--color-surface)}.landing-demo{position:relative;height:100%;min-height:70vh;overflow:hidden;background-color:var(--color-surface);background-image:var(--garden-bg-image);background-size:cover;background-position:center}.landing-demo .garden-canvas{height:100%}.landing-page .garden-canvas-hint{display:none}.landing-demo-state{height:100%;min-height:70vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-2)}.landing-plate-caption{position:absolute;left:0;right:0;bottom:0;z-index:3;padding:.7rem var(--space-2);border-top:1px solid var(--color-border);background:color-mix(in oklch,var(--color-bg) 88%,transparent);color:var(--color-fg);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase}.landing-contents{padding:var(--space-8) var(--space-4) var(--space-6);border-top:1px solid var(--color-border)}.landing-section-title{font-family:var(--font-display);font-style:italic;font-weight:500;font-size:var(--text-lg);line-height:1.1;letter-spacing:-.02em;margin-bottom:var(--space-1)}.landing-section-title:after{content:"";display:block;width:4rem;height:3px;margin-top:var(--space-1);background:var(--color-fg)}.landing-contents-list{list-style:none;max-width:52rem}.landing-contents-list li{display:grid;grid-template-columns:3rem 7rem minmax(1.5rem,1fr) minmax(0,22rem);align-items:baseline;gap:var(--space-1);padding:var(--space-3) 0;border-bottom:1px solid var(--color-border)}.landing-contents-num{font-size:var(--text-xs);letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--color-muted)}.landing-contents-term{font-family:var(--font-display);font-style:italic;font-size:var(--text-md);line-height:1.1}.landing-contents-leaders{border-bottom:1px dotted var(--color-border);transform:translateY(-.35em)}.landing-contents-desc{font-size:var(--text-sm);line-height:1.4;color:var(--color-fg)}.landing-access{padding:var(--space-8) var(--space-4);border-top:3px solid var(--color-fg);background:var(--color-surface);scroll-margin-top:5.5rem}@media(max-width:900px){.landing-access{scroll-margin-top:7.5rem}}.landing-access-inner{display:grid;grid-template-columns:minmax(12rem,18rem) minmax(0,1fr);gap:var(--space-5);align-items:start}.landing-access-lead{margin-top:var(--space-2);max-width:18rem;color:var(--color-fg);font-size:var(--text-sm);line-height:1.5}.landing-access-spread{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(14rem,.9fr);gap:var(--space-5)}.landing-access-primary{padding-right:var(--space-5);border-right:1px solid var(--color-border)}.landing-access-kicker{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);margin-bottom:var(--space-2)}.landing-access-form{display:flex;flex-direction:column;gap:var(--space-2)}.landing-field{display:flex;flex-direction:column;gap:.35rem}.landing-field span{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}.landing-field em{font-style:italic;text-transform:none;letter-spacing:0}.landing-field input,.landing-field textarea{width:100%;border:1px solid var(--color-border);background:var(--color-bg);color:var(--color-fg);font-family:var(--font-body);font-size:var(--text-sm);padding:.7rem .75rem;outline:none;resize:vertical;border-radius:var(--radius)}.landing-field input:hover,.landing-field textarea:hover{background:var(--color-surface)}.landing-field input:focus,.landing-field textarea:focus{box-shadow:0 0 0 2px var(--color-bg),0 0 0 4px var(--color-accent)}.landing-field input:disabled,.landing-field textarea:disabled{opacity:.55;cursor:default}.landing-access-success{color:var(--color-fg);font-size:var(--text-sm);line-height:1.5}.landing-access-aside{display:flex;flex-direction:column;gap:var(--space-5)}.landing-access-aside-copy{color:var(--color-fg);font-size:var(--text-sm);line-height:1.5;margin-bottom:var(--space-2)}.landing-colophon{display:flex;flex-wrap:wrap;gap:var(--space-2) var(--space-4);padding:var(--space-3) var(--space-4) var(--space-4);border-top:1px solid var(--color-border);font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted)}@media(prefers-reduced-motion:reduce){.landing-btn{transition:none}.landing-btn:active:not(:disabled){transform:none}}@media(max-width:900px){.landing-masthead{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"brand actions" "folio folio";row-gap:.35rem}.landing-brand{grid-area:brand;min-width:0}.landing-folio{grid-area:folio;position:static;transform:none}.landing-masthead-actions{grid-area:actions}.landing-masthead-actions .landing-btn--tertiary{display:none}.landing-masthead-actions .landing-btn--primary{padding-inline:.8rem}.landing-spread{grid-template-columns:1fr;min-height:0}.landing-nameplate{padding:var(--space-5) var(--space-3) var(--space-4)}.landing-plate,.landing-demo,.landing-demo-state{min-height:22rem;border-left:none;border-top:1px solid var(--color-border)}.landing-contents{padding:var(--space-6) var(--space-3)}.landing-contents-list li{grid-template-columns:2.5rem minmax(0,1fr);grid-template-areas:"num term" "num desc";gap:.25rem .75rem}.landing-contents-num{grid-area:num}.landing-contents-term{grid-area:term}.landing-contents-leaders{display:none}.landing-contents-desc{grid-area:desc}.landing-access{padding:var(--space-6) var(--space-3)}.landing-access-inner,.landing-access-spread{grid-template-columns:1fr;gap:var(--space-4)}.landing-access-primary{padding-right:0;border-right:none;padding-bottom:var(--space-4);border-bottom:1px solid var(--color-border)}}@media(max-width:680px){.landing-brand-text{font-size:var(--text-md)}.landing-page .header-logo-wrap{width:2rem;height:2rem}.landing-masthead{padding:var(--space-2)}.landing-nameplate{padding:var(--space-4) var(--space-2)}.landing-colophon{padding:var(--space-2)}.landing-page .theme-toggle{width:2.5rem;height:2.5rem}}.lv-hud{position:fixed;right:12px;bottom:12px;z-index:2147483000;font:12px/1.4 ui-monospace,SF Mono,Menlo,monospace;color:#eee;-webkit-font-smoothing:antialiased}.lv-hud kbd{display:inline-block;min-width:1.6em;padding:0 .4em;border:1px solid #ffffff44;border-radius:4px;background:#ffffff14;font:inherit;text-align:center}.lv-hud-chip{display:flex;align-items:center;gap:8px;padding:6px 10px 6px 6px;border:1px solid #ffffff33;border-radius:8px;background:#111e;color:#eee;font:inherit;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.lv-hud-chip:hover{background:#000}.lv-hud-panel{width:min(26rem,calc(100vw - 24px));border:1px solid #ffffff33;border-radius:10px;background:#111;box-shadow:0 12px 40px #0009;overflow:hidden}.lv-hud-head,.lv-hud-foot{display:flex;justify-content:space-between;gap:12px;padding:8px 12px;color:#999}.lv-hud-head{border-bottom:1px solid #ffffff1f;text-transform:uppercase;letter-spacing:.08em}.lv-hud-foot{border-top:1px solid #ffffff1f;flex-wrap:wrap;font-size:11px}.lv-hud ul{list-style:none;margin:0;padding:4px}.lv-hud-row{display:grid;grid-template-columns:auto 5.5rem 1fr;align-items:baseline;gap:10px;width:100%;padding:8px;border:0;border-radius:6px;background:transparent;color:#ccc;font:inherit;text-align:left;cursor:pointer}.lv-hud-row[data-cursor]{background:#ffffff1a;color:#fff}.lv-hud-name{font-weight:700}.lv-hud-row[data-active] .lv-hud-name:after{content:" ●";color:#6f6}.lv-hud-note{color:#888;font-size:11px}
