.living-index{background:var(--bg-primary,#0a0a1a);width:100vw;height:100vh;display:flex;position:relative;overflow:hidden}.living-index-loading{background:var(--bg-primary,#0a0a1a);width:100vw;height:100vh;color:var(--text-secondary,#a0a0b0);flex-direction:column;justify-content:center;align-items:center;font-size:1rem;display:flex}.loading-spinner{border:3px solid #f4e4c133;border-top-color:var(--accent-gold,#f4e4c1);border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.living-index-error{background:var(--bg-primary,#0a0a1a);color:#ef4444;justify-content:center;align-items:center;width:100vw;height:100vh;font-size:1rem;display:flex}.living-index.reduced-motion *{transition:none!important;animation:none!important}.living-index-sidebar{z-index:100;background:#121228f2;border-right:1px solid #f4e4c114;flex-direction:column;width:320px;min-width:320px;transition:transform .3s,opacity .3s;display:flex;overflow-y:auto;transform:translate(0)}.living-index-sidebar:not(.open){opacity:0;pointer-events:none;position:absolute;transform:translate(-100%)}.sidebar-header{border-bottom:1px solid #ffffff0f;padding:24px 20px;position:relative}.sidebar-title{font-family:"P22 Arts And Crafts",var(--font-serif,"Cormorant Garamond",Georgia,serif);color:var(--text-primary,#f5f5f7);letter-spacing:.02em;margin:0 0 6px;font-size:1.5rem;font-weight:400}.sidebar-subtitle{color:var(--text-muted,#6b6b7b);margin:0;font-size:.875rem;line-height:1.5}.sidebar-toggle{color:#94a3b8cc;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:4px;transition:color .2s,background .2s;position:absolute;top:20px;right:16px}.sidebar-toggle:hover{color:#f8fafc;background:#ffffff14}.sidebar-section{border-bottom:1px solid #ffffff0a;padding:16px 20px}.sidebar-label{color:#94a3b8b3;text-transform:uppercase;letter-spacing:.1em;margin-bottom:10px;font-family:P22 Arts And Crafts,Georgia,serif;font-size:.85rem;font-weight:400;display:block}.sidebar-input{width:100%;color:var(--text-primary,#f5f5f7);background:#f4e4c10d;border:1px solid #f4e4c11a;border-radius:8px;outline:none;padding:10px 14px;font-family:Cormorant Garamond,Georgia,serif;font-size:1rem;transition:border-color .2s,background .2s}.sidebar-input::placeholder{color:var(--text-muted,#6b6b7b)}.sidebar-input:focus{background:#f4e4c114;border-color:#f4e4c166}.filter-chips{flex-wrap:wrap;gap:8px;display:flex}.filter-chip{color:var(--text-secondary,#a0a0b0);cursor:pointer;text-transform:capitalize;background:#f4e4c10d;border:1px solid #f4e4c11a;border-radius:100px;padding:6px 12px;font-family:Cormorant Garamond,Georgia,serif;font-size:.9rem;transition:all .2s}.filter-chip:hover{background:#f4e4c11a;border-color:#f4e4c133}.filter-chip.active{border-color:var(--accent-amber,#d4a574);color:var(--accent-gold,#f4e4c1);background:#d4a57433}.filter-chip.tone-chip.active{background:rgba(var(--tone-color),.15);border-color:var(--tone-color);color:var(--tone-color)}.sidebar-actions{gap:10px;display:flex}.sidebar-btn{color:var(--text-secondary,#a0a0b0);cursor:pointer;background:#f4e4c10f;border:1px solid #f4e4c11a;border-radius:8px;flex:1;padding:10px 16px;font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;transition:all .2s}.sidebar-btn:hover{background:#f4e4c11a;border-color:#f4e4c133}.sidebar-btn.primary{background:linear-gradient(135deg,var(--accent-amber,#d4a574),var(--accent-gold,#f4e4c1));color:var(--bg-primary,#0a0a1a);border-color:#0000;font-weight:500}.sidebar-btn.primary:hover{background:linear-gradient(135deg,var(--accent-gold,#f4e4c1),var(--accent-amber,#d4a574));box-shadow:0 8px 24px #f4e4c140}.view-toggle{color:#e2e8f0cc;cursor:pointer;align-items:center;gap:10px;font-family:Cormorant Garamond,Georgia,serif;font-size:.95rem;display:flex}.view-toggle input{accent-color:#6163ff;width:18px;height:18px}.sidebar-footer{color:#94a3b899;border-top:1px solid #ffffff0f;margin-top:auto;padding:16px 20px;font-family:Cormorant Garamond,Georgia,serif;font-size:.9rem}.sidebar-open-btn{color:var(--text-secondary,#a0a0b0);cursor:pointer;z-index:90;background:#121228e6;border:1px solid #f4e4c11a;border-radius:999px;align-items:center;gap:8px;padding:10px 14px;transition:all .2s;display:inline-flex;position:fixed;top:20px;left:20px}.sidebar-open-label{letter-spacing:.01em;font-size:.85rem;font-weight:600}.sidebar-open-btn:hover{color:var(--text-primary,#f5f5f7);background:#1a1a3af2;border-color:#f4e4c133}.living-index-main{flex:1;position:relative;overflow:hidden}.living-index-mobile-bar{display:none}.canvas-container{cursor:grab;touch-action:none;width:100%;height:100%;position:relative}.canvas-container:active{cursor:grabbing}.constellation-canvas{outline:none;width:100%;height:100%;display:block}.glimmer-layer{pointer-events:none;z-index:30;position:absolute;inset:0}.glimmer-feed{z-index:40;pointer-events:auto;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text-primary,#f5f5f7);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#0a0a1ad9;border:1px solid #f4e4c11f;border-radius:14px;position:absolute;overflow:hidden}.glimmer-feed *{touch-action:manipulation}.glimmer-feed-header{letter-spacing:.02em;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:10px;padding:10px 12px;font-size:.85rem;font-weight:700;display:flex}.glimmer-feed-collapse,.glimmer-feed-pause{color:#e2e8f0e6;cursor:pointer;white-space:nowrap;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:999px;padding:6px 10px;font-size:.78rem}.glimmer-feed-collapse:hover,.glimmer-feed-pause:hover{background:#ffffff1a}.glimmer-feed.collapsed{max-height:unset}.glimmer-feed.collapsed .glimmer-feed-progress{opacity:.8}.glimmer-feed-progress{background:#ffffff14;border-radius:999px;flex:0 0 92px;height:6px;overflow:hidden}.glimmer-feed-progress-bar{transform-origin:0;background:linear-gradient(90deg,#6163ffe6,#9333eae6);width:100%;height:100%;display:block}.glimmer-feed-list{max-height:260px;overflow:hidden}.glimmer-feed-item{text-align:left;border:none;border-bottom:1px solid #ffffff0f;border-left:4px solid var(--glimmer-color,#a78bfae6);width:100%;color:inherit;cursor:pointer;background:#ffffff08;padding:12px}.glimmer-feed-item:hover{background:#ffffff0f}.glimmer-feed-text{white-space:nowrap;font-family:Glass Antiqua,Georgia,serif;font-size:.9rem;line-height:1.25;display:block;overflow:hidden}.glimmer-feed-text-inner{padding-left:12px;animation:12s linear infinite glimmer-feed-item-marquee;display:inline-block}@keyframes glimmer-feed-item-marquee{0%,12%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.glimmer-feed-text-inner{animation:none}}.glimmer-feed.desktop{width:320px;max-height:70vh;top:12px;right:12px}.glimmer-feed.mobile{max-height:52vh;bottom:92px;left:12px;right:12px}.glimmer-feed.mobile .glimmer-feed-list{max-height:44vh}.glimmer-layer *{touch-action:manipulation}.glimmer{pointer-events:auto;color:var(--text-primary,#f5f5f7);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);cursor:pointer;background:#121228e6;border:1px solid #f4e4c14d;border-radius:999px;justify-content:center;align-items:center;min-width:180px;max-width:320px;height:44px;padding:10px 14px;display:flex;position:absolute;overflow:hidden;transform:translate(-50%,-100%);box-shadow:0 10px 24px #00000059,0 0 30px #f4e4c126}.glimmer:active{transform:translate(-50%,-100%)scale(.98)}.glimmer-text{white-space:nowrap;width:100%;display:block;overflow:hidden}.glimmer-text-inner{padding-left:100%;animation:9s linear infinite glimmer-marquee;display:inline-block}@keyframes glimmer-marquee{0%,12%{transform:translate(0)}to{transform:translate(-100%)}}@media (prefers-reduced-motion:reduce){.glimmer-text-inner{padding-left:0;animation:none}}.constellation-canvas:focus{box-shadow:inset 0 0 0 2px #6163ff80}.canvas-instructions{color:#94a3b8b3;background:#0a0d14d9;border:1px solid #ffffff1a;border-radius:100px;gap:20px;padding:10px 20px;font-size:.75rem;display:flex;position:absolute;bottom:20px;left:50%;transform:translate(-50%)}.canvas-instructions span{white-space:nowrap}.zoom-controls{z-index:50;pointer-events:auto;-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-direction:column;gap:8px;display:flex;position:absolute;bottom:70px;right:20px}.zoom-controls *{pointer-events:auto}@media (max-width:640px){.glimmer-feed.mobile{z-index:40}.zoom-controls{z-index:60;bottom:104px}}.portrait-controls{background:#0f141ebf;border:1px solid #ffffff1f;border-radius:10px;flex-direction:column;gap:6px;margin-top:8px;padding:8px;display:flex}.portrait-toggle{color:#e2e8f0d9;cursor:pointer;background:#0a0d148c;border:1px solid #ffffff24;border-radius:8px;width:72px;height:28px;font-size:.72rem;transition:all .15s}.portrait-toggle:hover{background:#191e2dbf;border-color:#ffffff38}.portrait-toggle.active{background:#e2e8f01f;border-color:#e2e8f047}.zoom-btn{width:40px;height:40px;color:var(--text-secondary,#a0a0b0);cursor:pointer;background:#121228e6;border:1px solid #f4e4c126;border-radius:8px;justify-content:center;align-items:center;font-size:1.25rem;transition:all .2s;display:flex}.zoom-btn:hover{color:var(--text-primary,#f5f5f7);background:#1a1a3af2;border-color:#f4e4c140}.zoom-btn:active{transform:scale(.95)}.zoom-btn.fit-view-btn{background:linear-gradient(135deg,#d4a57440,#f4e4c126);border-color:#d4a57459}.zoom-btn.fit-view-btn:hover{background:linear-gradient(135deg,#d4a57459,#f4e4c140);border-color:#d4a57480}.list-view{max-width:900px;height:100%;margin:0 auto;padding:24px;overflow-y:auto}.list-pagination{background:#ffffff08;border-radius:12px;justify-content:center;align-items:center;gap:16px;margin-bottom:16px;padding:16px;display:flex}.list-pagination-bottom{margin-top:16px;margin-bottom:0;display:none}.pagination-btn{color:#e2e8f0e6;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:8px;padding:8px 16px;font-size:.875rem;transition:all .2s}.pagination-btn:hover:not(:disabled){background:#ffffff1a;border-color:#fff3}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{color:#94a3b8b3;font-size:.8rem}.list-item{cursor:pointer;background:#f4e4c108;border:1px solid #f4e4c114;border-radius:12px;margin-bottom:16px;padding:20px 24px;transition:all .2s}.list-item:hover,.list-item:focus{background:#f4e4c10f;border-color:#f4e4c126;outline:none}.list-item.selected{border-color:var(--accent-amber,#d4a574);background:#d4a57414}.list-item-title{color:#f8fafc;margin:0 0 10px;font-family:Glass Antiqua,Georgia,serif;font-size:1.1rem;font-weight:500;line-height:1.4}.list-item-meta{flex-wrap:wrap;gap:8px;margin-bottom:10px;display:flex}.list-item-tone{color:#c7d2fe;text-transform:capitalize;background:#6163ff26;border-radius:100px;padding:3px 10px;font-size:.75rem}.list-item-tag{color:#94a3b8cc;text-transform:capitalize;background:#ffffff0d;border-radius:100px;padding:3px 10px;font-size:.75rem}.list-item-preview{color:#94a3b8cc;margin:0;font-size:.9rem;line-height:1.6}mark.search-highlight{color:inherit;background:#facc1547;border-radius:.2em;padding:0 .08em}.detail-drawer{z-index:200;background:#121228fa;border-left:1px solid #f4e4c11a;flex-direction:column;width:480px;max-width:100vw;height:100dvh;transition:transform .3s;display:flex;position:fixed;top:0;right:0;overflow:hidden;transform:translate(100%)}.detail-drawer.open{transform:translate(0)}.drawer-header{border-bottom:1px solid #ffffff0f;justify-content:flex-end;padding:16px 20px;display:flex}.drawer-close{color:#94a3b8cc;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:6px;transition:all .2s}.drawer-close:hover{color:#f8fafc;background:#ffffff14}.drawer-content{flex:1;padding:24px;overflow-y:auto}.drawer-question{color:var(--text-primary,#f5f5f7);letter-spacing:.02em;margin:0 0 16px;font-family:Glass Antiqua,Georgia,serif;font-size:1.5rem;font-weight:400;line-height:1.35}.drawer-alt-questions{margin-bottom:16px}.alt-question{color:#94a3b8b3;margin:0 0 4px;font-size:.875rem;font-style:italic}.drawer-meta{align-items:center;gap:12px;margin-bottom:16px;display:flex}.meta-item{color:#94a3b8b3;align-items:center;gap:6px;font-size:.8rem;display:flex}.meta-item svg{opacity:.6}.tone-badge{background:rgba(var(--tone-color),.15);color:var(--tone-color);text-transform:capitalize;border-radius:100px;padding:4px 12px}.drawer-tags{flex-wrap:wrap;gap:8px;margin-bottom:24px;display:flex}.drawer-tag{color:#e2e8f0bf;text-transform:capitalize;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:100px;padding:5px 14px;font-size:.8rem}.drawer-body{color:#e2e8f0e6;font-size:1rem;line-height:1.8}.drawer-body p{margin:0 0 1.25em}.drawer-body p:last-child{margin-bottom:0}.drawer-footer{border-top:1px solid #ffffff0f;margin-top:32px;padding-top:20px}.source-line{color:#94a3b880;margin:0 0 16px;font-size:.8rem}.copy-link-btn{color:#e2e8f0cc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 16px;font-size:.875rem;transition:all .2s;display:inline-flex}.copy-link-btn:hover{background:#ffffff1a;border-color:#fff3}@media (max-width:1024px){.living-index-sidebar{z-index:150;height:100vh;position:fixed;top:0;left:0;box-shadow:4px 0 30px #00000080}.detail-drawer{width:100%;max-width:480px}}@media (max-width:640px){.living-index{height:100dvh}.living-index-sidebar{width:100%;min-width:unset;padding-top:env(safe-area-inset-top);padding-bottom:calc(env(safe-area-inset-bottom) + 90px);-webkit-overflow-scrolling:touch;height:100dvh;overflow-y:auto}.sidebar-open-btn{display:none}.living-index-mobile-bar{left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));z-index:250;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0a0a1ad9;border:1px solid #f4e4c11f;border-radius:16px;grid-template-columns:1fr 1fr 1.2fr;gap:10px;padding:10px;display:grid;position:fixed}.mobile-bar-btn{height:40px;color:var(--text-secondary,#a0a0b0);cursor:pointer;background:#f4e4c10f;border:1px solid #f4e4c11f;border-radius:12px;font-size:.95rem;font-weight:600}.mobile-bar-btn.active{border-color:var(--accent-amber,#d4a574);color:var(--accent-gold,#f4e4c1);background:#d4a57433}.mobile-bar-filters{color:var(--text-primary,#f5f5f7);background:linear-gradient(135deg,#d4a57440,#f4e4c126);border-color:#d4a57459}.list-view{padding:16px 14px 90px}.list-pagination{flex-wrap:wrap;gap:10px;padding:12px}.pagination-btn{flex:1}.pagination-info{text-align:center;flex-basis:100%}.list-pagination-bottom{display:flex}.list-item{padding:16px}.list-item-title{font-size:1.02rem}.canvas-container{padding-bottom:90px}.canvas-instructions{display:none}.zoom-controls{bottom:95px;right:12px}.zoom-btn.fit-view-btn{background:linear-gradient(135deg,#d4a57459,#f4e4c140);border-color:#d4a57480;width:44px;height:44px}.zoom-btn{width:44px;height:44px;font-size:1.4rem}.detail-drawer{max-width:100%;padding-bottom:env(safe-area-inset-bottom)}.drawer-content{padding:18px 16px 90px}.drawer-question{font-size:1.22rem}}@media (prefers-contrast:high){.living-index{background:#000}.living-index-sidebar{background:#000;border-right-color:#fff}.sidebar-input{color:#fff;background:#000;border-color:#fff}.filter-chip{color:#fff;border-color:#fff}.filter-chip.active{color:#000;background:#f4e4c1;border-color:#f4e4c1}.detail-drawer{background:#000;border-left-color:#fff}.list-item{background:#000;border-color:#fff}.list-item:focus,.list-item.selected{outline-offset:2px;border-color:#f4e4c1;outline:3px solid #f4e4c1}.sidebar-btn.primary{color:#000;background:#f4e4c1}}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.sidebar-overlay{z-index:99;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#00000080;position:fixed;inset:0}.zoom-level{color:#94a3b8cc;text-align:center;font-variant-numeric:tabular-nums;background:#0f141ecc;border-radius:4px;min-width:40px;margin-right:4px;padding:4px 8px;font-size:.75rem}.glimmer-feed-timer{color:#94a3b8b3;font-variant-numeric:tabular-nums;margin-left:auto;margin-right:8px;font-size:.7rem}.glimmer-feed-refresh{color:#94a3b8cc;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;margin-right:4px;padding:4px;transition:color .2s,background .2s;display:flex}.glimmer-feed-refresh:hover{color:#a78bfa;background:#a78bfa1a}.glimmer-feed-refresh:active{transform:rotate(180deg)}.empty-state{text-align:center;color:var(--text-muted,#6b6b7b);padding:24px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.empty-state p{margin:0 0 16px;font-size:1rem}.empty-state-btn{color:var(--accent-amber,#d4a574);cursor:pointer;background:#d4a57426;border:1px solid #d4a5744d;border-radius:6px;padding:8px 16px;font-size:.875rem;transition:background .2s,border-color .2s}.empty-state-btn:hover{background:#d4a57440;border-color:#d4a57480}.canvas-instructions{opacity:1;transition:opacity .5s}.canvas-instructions.hidden{opacity:0;pointer-events:none}.drawer-nav{gap:4px;margin-right:auto;display:flex}.drawer-nav-btn{color:#e2e8f0cc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;width:36px;height:36px;transition:background .2s,border-color .2s,color .2s;display:flex}.drawer-nav-btn:hover:not(:disabled){color:#f8fafc;background:#ffffff1a;border-color:#fff3}.drawer-nav-btn:disabled{opacity:.3;cursor:not-allowed}.drawer-header{border-bottom:1px solid #ffffff0f;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.drawer-actions{flex-wrap:wrap;gap:8px;display:flex}.share-btn{color:var(--accent-amber,#d4a574);cursor:pointer;background:#d4a5741a;border:1px solid #d4a57440;border-radius:6px;align-items:center;gap:6px;padding:8px 14px;font-size:.875rem;transition:background .2s,border-color .2s,transform .1s;display:inline-flex}.share-btn:hover{background:#d4a57433;border-color:#d4a57466}.share-btn:active{transform:scale(.98)}.copy-link-btn.copied{color:#22c55e;background:#22c55e1a;border-color:#22c55e4d}.sidebar-btn.clear-filters{color:#ef4444;background:#ef44441a;border:1px solid #ef444440}.sidebar-btn.clear-filters:hover{background:#ef444433;border-color:#ef444466}.detail-drawer.mobile{border-radius:16px 16px 0 0;max-height:70vh;top:auto;bottom:0}@media (max-width:640px){.zoom-btn{min-width:44px;min-height:44px}.glimmer-feed-item{min-height:44px;padding:12px 14px}.drawer-nav-btn{width:44px;height:44px}.sidebar-btn{min-height:44px}.filter-chip{min-height:36px;padding:8px 14px}}