@import"https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&display=swap";:root{--font-family: "Raleway", sans-serif;--font-size-xxsmall: .625rem;--font-size-xsmall: .75rem;--font-size-small: .875rem;--font-size-medium: 1rem;--font-size-large: 1.125rem;--font-size-xlarge: 1.25rem;--font-size-xxlarge: 1.5rem;--font-size-xxxlarge: 1.875rem;--font-weight-thin: 100;--font-weight-light: 200;--font-weight-regular: 300;--font-weight-medium: 400;--font-weight-semibold: 500;--font-weight-bold: 600;--font-weight-heavy: 700;--font-weight-black: 800;--space-xsmall: .25rem;--space-small: .5rem;--space-medium: .75rem;--space-large: 1rem;--space-xlarge: 1.5rem;--border-radius-sharp: 0;--border-radius-round: .25rem;--border-radius-rounded: .5rem;--border-radius-smooth: 10%;--border-radius-extra-rounded: 1rem;--border-radius-curvy: 25%;--border-radius-pill: 9999px;--border-radius-circle: 50%;--radius-base: var(--border-radius-round);--max-width-sidebar: 320px;--min-width-sidebar: 240px;--z-index-sidebar: 200;--z-index-global-search: 7000;--z-index-header: 1000000;--z-index-filterbar: 99999;--transition-base: all .3s ease;--cursor-type: pointer}.theme-dark,:root:not(.theme-light){--mode: dark;--gray-100: hsl(215, 20%, 95%);--gray-200: hsl(215, 18%, 88%);--gray-300: hsl(215, 16%, 80%);--gray-400: hsl(215, 15%, 70%);--gray-500: hsl(215, 14%, 60%);--gray-600: hsl(215, 13%, 50%);--gray-700: hsl(215, 12%, 40%);--gray-750: hsl(215, 12%, 30%);--gray-800: hsl(215, 12%, 24%);--gray-850: hsl(215, 12%, 20%);--gray-900: hsl(215, 12%, 15%);--gray-1000: hsl(215, 12%, 5%);--gray-shadow-100: hsla(215, 12%, 15%, .05);--gray-shadow-200: hsla(215, 12%, 15%, .1);--gray-shadow-300: hsla(215, 12%, 15%, .2);--gray-shadow-350: hsla(215, 12%, 15%, .5);--gray-shadow-400: hsla(215, 12%, 30%, .2);--gray-shadow-500: hsla(215, 12%, 40%, .3);--gray-shadow-600: hsla(215, 13%, 50%, .4);--gray-shadow-700: hsla(215, 14%, 60%, .2);--gray-modal-bg: hsla(0, 12%, 15%, .6);--font-weight-200: 100;--font-weight-300: 200;--font-weight-400: 300;--font-weight-500: 400;--font-weight-600: 500;--font-weight-700: 600;--font-weight-800: 700;--font-weight-900: 800;--letter-spacing: -.025em;--line-height: 1;--paragraph-spacing: .8rem;--blue-tag-bg: #1A3A53;--blue-tag-color: #8BC9F0;--pink-tag-bg: #4D1A36;--pink-tag-color: #F3ABCD;--green-tag-bg: #1B3F24;--green-tag-color: #ADF1BB;--yellow-tag-bg: #4D4013;--yellow-tag-color: #F0E0A3;--purple-tag-bg: #2E1F4D;--purple-tag-color: #C4ABF2;--orange-tag-bg: #4D2C10;--orange-tag-color: #F7B56D;--red-tag-bg: #4A1B1B;--red-tag-color: #F39898;--teal-tag-bg: #134036;--teal-tag-color: #88F5E5;--gray-tag-bg: #333333;--gray-tag-color: #CFCFCF;--red-note-bg: #2D1D18;--red-note-color: #F5F5F5;--pink-note-bg: #331829;--pink-note-color: #F5F5F5;--green-note-bg: #18322c;--green-note-color: #F5F5F5;--yellow-note-bg: #2f2e17;--yellow-note-color: #F5F5F5;--purple-note-bg: #2d1a33;--purple-note-color: #F5F5F5;--blue-note-bg: #182232;--blue-note-color: #F5F5F5;--orange-note-bg: #3e301f;--orange-note-color: #F5F5F5;--gray-note-bg: #3C3F42;--gray-note-color: #F5F5F5;--red-highlight-bg: hsl(0, 60%, 35%);--red-highlight-color: hsl(0, 100%, 85%);--pink-highlight-bg: hsl(330, 60%, 35%);--pink-highlight-color: hsl(330, 100%, 85%);--green-highlight-bg: hsl(120, 60%, 35%);--green-highlight-color: hsl(120, 100%, 85%);--yellow-highlight-bg: hsl(60, 70%, 35%);--yellow-highlight-color: hsl(60, 100%, 85%);--purple-highlight-bg: hsl(270, 60%, 45%);--purple-highlight-color: hsl(270, 100%, 85%);--blue-highlight-bg: hsl(210, 60%, 50%);--blue-highlight-color: hsl(210, 100%, 85%);--orange-highlight-bg: hsl(30, 60%, 45%);--orange-highlight-color: hsl(30, 100%, 85%);--gray-highlight-bg: hsl(210, 5%, 15%);--gray-highlight-color: hsl(210, 5%, 85%)}.theme-light{--mode: light;--gray-100: hsl(30, 20%, 15%);--gray-200: hsl(30, 18%, 22%);--gray-300: hsl(30, 16%, 30%);--gray-400: hsl(30, 15%, 40%);--gray-500: hsl(30, 14%, 50%);--gray-600: hsl(30, 13%, 60%);--gray-700: hsl(30, 12%, 70%);--gray-750: hsl(30, 12%, 75%);--gray-800: hsl(30, 12%, 80%);--gray-850: hsl(30, 12%, 85%);--gray-900: hsl(30, 12%, 95%);--gray-1000: hsl(30, 12%, 100%);--gray-shadow-100: hsla(30, 20%, 10%, .05);--gray-shadow-200: hsla(30, 20%, 10%, .1);--gray-shadow-300: hsla(30, 20%, 10%, .2);--gray-shadow-350: hsla(30, 12%, 95%, .5);--gray-shadow-400: hsla(30, 18%, 10%, .1);--gray-shadow-500: hsla(30, 16%, 25%, .3);--gray-shadow-600: hsla(30, 15%, 35%, .2);--gray-shadow-700: hsla(30, 14%, 45%, .2);--gray-modal-bg: hsla(30, 12%, 15%, .3);--font-weight-200: 200;--font-weight-300: 300;--font-weight-400: 400;--font-weight-500: 500;--font-weight-600: 600;--font-weight-700: 700;--font-weight-800: 800;--font-weight-900: 900;--letter-spacing: 0;--line-height: var(--line-height-normal);--paragraph-spacing: 1rem;--blue-tag-bg: #E6F3FB;--blue-tag-color: #3572A5;--pink-tag-bg: #FCEAF3;--pink-tag-color: #993366;--green-tag-bg: #E6F6E8;--green-tag-color: #2E7244;--yellow-tag-bg: #FFF8E1;--yellow-tag-color: #8A6B00;--purple-tag-bg: #F3F0FC;--purple-tag-color: #5C3D99;--orange-tag-bg: #FFF2E6;--orange-tag-color: #A35200;--red-tag-bg: #FDEDEE;--red-tag-color: #9B2C2C;--teal-tag-bg: #E6FAFA;--teal-tag-color: #206B5E;--gray-tag-bg: #F7F7F7;--gray-tag-color: #4D4D4D;--red-note-bg: #FFCDD2;--red-note-color: #202124;--pink-note-bg: #F8BBD0;--pink-note-color: #202124;--green-note-bg: #C5E1A5;--green-note-color: #202124;--yellow-note-bg: #FFF9C4;--yellow-note-color: #202124;--purple-note-bg: #E1BEE7;--purple-note-color: #202124;--blue-note-bg: #BBDEFB;--blue-note-color: #202124;--orange-note-bg: #FFE0B2;--orange-note-color: #202124;--gray-note-bg: #ECEFF1;--gray-note-color: #202124;--red-highlight-bg: hsl(0, 85%, 85%);--red-highlight-color: hsl(0, 70%, 25%);--pink-highlight-bg: hsl(330, 85%, 85%);--pink-highlight-color: hsl(330, 70%, 25%);--green-highlight-bg: hsl(120, 85%, 85%);--green-highlight-color: hsl(120, 70%, 25%);--yellow-highlight-bg: hsl(60, 85%, 85%);--yellow-highlight-color: hsl(60, 70%, 25%);--purple-highlight-bg: hsl(270, 85%, 85%);--purple-highlight-color: hsl(270, 70%, 25%);--blue-highlight-bg: hsl(210, 85%, 85%);--blue-highlight-color: hsl(210, 70%, 25%);--orange-highlight-bg: hsl(30, 85%, 85%);--orange-highlight-color: hsl(30, 70%, 25%);--gray-highlight-bg: hsl(210, 5%, 85%);--gray-highlight-color: hsl(210, 5%, 15%)}.color-teal,:root:not([class*=color-]){--color-100: hsl(175, 100%, 95%);--color-200: hsl(175, 80%, 88%);--color-300: hsl(175, 70%, 78%);--color-400: hsl(175, 60%, 65%);--color-500: hsl(175, 55%, 55%);--color-600: hsl(175, 50%, 45%);--color-700: hsl(175, 45%, 35%);--color-800: hsl(175, 40%, 25%);--color-900: hsl(175, 35%, 15%)}.theme-light .color-teal{--color-100: hsl(175, 35%, 15%);--color-200: hsl(175, 40%, 25%);--color-300: hsl(175, 45%, 35%);--color-400: hsl(175, 50%, 45%);--color-500: hsl(175, 55%, 55%);--color-600: hsl(175, 60%, 65%);--color-700: hsl(175, 70%, 78%);--color-800: hsl(175, 80%, 88%);--color-900: hsl(175, 100%, 95%)}.color-blue{--color-100: hsl(205, 100%, 95%);--color-200: hsl(205, 90%, 88%);--color-300: hsl(205, 80%, 80%);--color-400: hsl(205, 70%, 70%);--color-500: hsl(205, 65%, 60%);--color-600: hsl(205, 60%, 50%);--color-700: hsl(205, 55%, 40%);--color-800: hsl(205, 50%, 30%);--color-900: hsl(205, 45%, 15%)}.theme-light .color-blue{--color-100: hsl(205, 45%, 15%);--color-200: hsl(205, 50%, 30%);--color-300: hsl(205, 55%, 40%);--color-400: hsl(205, 60%, 50%);--color-500: hsl(205, 65%, 60%);--color-600: hsl(205, 70%, 70%);--color-700: hsl(205, 80%, 80%);--color-800: hsl(205, 90%, 88%);--color-900: hsl(205, 100%, 95%)}.color-pink{--color-100: hsl(335, 100%, 95%);--color-200: hsl(335, 90%, 88%);--color-300: hsl(335, 80%, 80%);--color-400: hsl(335, 70%, 70%);--color-500: hsl(335, 65%, 60%);--color-600: hsl(335, 60%, 50%);--color-700: hsl(335, 55%, 40%);--color-800: hsl(335, 50%, 30%);--color-900: hsl(335, 45%, 15%)}.theme-light .color-pink{--color-100: hsl(335, 45%, 15%);--color-200: hsl(335, 50%, 30%);--color-300: hsl(335, 55%, 40%);--color-400: hsl(335, 60%, 50%);--color-500: hsl(335, 65%, 60%);--color-600: hsl(335, 70%, 70%);--color-700: hsl(335, 80%, 80%);--color-800: hsl(335, 90%, 88%);--color-900: hsl(335, 100%, 95%)}.color-green{--color-100: hsl(145, 100%, 95%);--color-200: hsl(145, 80%, 88%);--color-300: hsl(145, 70%, 78%);--color-400: hsl(145, 60%, 65%);--color-500: hsl(145, 55%, 55%);--color-600: hsl(145, 50%, 45%);--color-700: hsl(145, 45%, 35%);--color-800: hsl(145, 40%, 25%);--color-900: hsl(145, 35%, 15%)}.theme-light .color-green{--color-100: hsl(145, 35%, 15%);--color-200: hsl(145, 40%, 25%);--color-300: hsl(145, 45%, 35%);--color-400: hsl(145, 50%, 45%);--color-500: hsl(145, 55%, 55%);--color-600: hsl(145, 60%, 65%);--color-700: hsl(145, 70%, 78%);--color-800: hsl(145, 80%, 88%);--color-900: hsl(145, 100%, 95%)}.color-yellow{--color-100: hsl(45, 100%, 95%);--color-200: hsl(45, 95%, 88%);--color-300: hsl(45, 90%, 80%);--color-400: hsl(45, 85%, 70%);--color-500: hsl(45, 80%, 60%);--color-600: hsl(45, 75%, 50%);--color-700: hsl(45, 70%, 40%);--color-800: hsl(45, 65%, 30%);--color-900: hsl(45, 60%, 15%)}.theme-light .color-yellow{--color-100: hsl(45, 60%, 15%);--color-200: hsl(45, 65%, 30%);--color-300: hsl(45, 70%, 40%);--color-400: hsl(45, 75%, 50%);--color-500: hsl(45, 80%, 60%);--color-600: hsl(45, 85%, 70%);--color-700: hsl(45, 90%, 80%);--color-800: hsl(45, 95%, 88%);--color-900: hsl(45, 100%, 95%)}.color-purple{--color-100: hsl(265, 100%, 95%);--color-200: hsl(265, 90%, 88%);--color-300: hsl(265, 80%, 80%);--color-400: hsl(265, 70%, 70%);--color-500: hsl(265, 65%, 60%);--color-600: hsl(265, 60%, 50%);--color-700: hsl(265, 55%, 40%);--color-800: hsl(265, 50%, 30%);--color-900: hsl(265, 45%, 15%)}.theme-light .color-purple{--color-100: hsl(265, 45%, 15%);--color-200: hsl(265, 50%, 30%);--color-300: hsl(265, 55%, 40%);--color-400: hsl(265, 60%, 50%);--color-500: hsl(265, 65%, 60%);--color-600: hsl(265, 70%, 70%);--color-700: hsl(265, 80%, 80%);--color-800: hsl(265, 90%, 88%);--color-900: hsl(265, 100%, 95%)}.color-orange{--color-100: hsl(30, 100%, 95%);--color-200: hsl(30, 95%, 88%);--color-300: hsl(30, 90%, 80%);--color-400: hsl(30, 85%, 70%);--color-500: hsl(30, 80%, 60%);--color-600: hsl(30, 75%, 50%);--color-700: hsl(30, 70%, 40%);--color-800: hsl(30, 65%, 30%);--color-900: hsl(30, 60%, 15%)}.theme-light .color-orange{--color-100: hsl(30, 60%, 15%);--color-200: hsl(30, 65%, 30%);--color-300: hsl(30, 70%, 40%);--color-400: hsl(30, 75%, 50%);--color-500: hsl(30, 80%, 60%);--color-600: hsl(30, 85%, 70%);--color-700: hsl(30, 90%, 80%);--color-800: hsl(30, 95%, 88%);--color-900: hsl(30, 100%, 95%)}.color-red{--color-100: hsl(0, 100%, 95%);--color-200: hsl(0, 90%, 88%);--color-300: hsl(0, 80%, 80%);--color-400: hsl(0, 70%, 70%);--color-500: hsl(0, 65%, 60%);--color-600: hsl(0, 60%, 50%);--color-700: hsl(0, 55%, 40%);--color-800: hsl(0, 50%, 30%);--color-900: hsl(0, 45%, 15%)}.theme-light .color-red{--color-100: hsl(0, 45%, 15%);--color-200: hsl(0, 50%, 30%);--color-300: hsl(0, 55%, 40%);--color-400: hsl(0, 60%, 50%);--color-500: hsl(0, 65%, 60%);--color-600: hsl(0, 70%, 70%);--color-700: hsl(0, 80%, 80%);--color-800: hsl(0, 90%, 88%);--color-900: hsl(0, 100%, 95%)}*{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--gray-1000);color:var(--gray-100);margin:0;padding:0;min-height:100vh}body{font-family:var(--font-family);line-height:var(--line-height);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{font-weight:700;letter-spacing:-.04em;text-transform:lowercase}a{color:inherit;text-decoration:underline;text-underline-offset:4px}.container{margin:0 auto;padding:0 2rem;position:relative;z-index:10}section{padding:6rem 0}.sakura-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none;background:radial-gradient(circle at top,#1a0b12,#080808);overflow:hidden}.sakura1{width:4px;height:4px;background:transparent;border-radius:50%;box-shadow:1744px 122px #ffdeeb,134px 1321px #ffdeeb,52px 1414px #ffdeeb,1761px 1198px #ffdeeb,1481px 1779px #ffdeeb,1032px 1481px #ffdeeb,1134px 121px #ffdeeb,1109px 1019px #ffdeeb,1222px 11px #ffdeeb,1109px 11px #ffdeeb;animation:animSakura 25s linear infinite}.sakura1:after{content:" ";position:absolute;top:-2000px;width:4px;height:4px;background:transparent;border-radius:50%;box-shadow:1744px 122px #ffdeeb,134px 1321px #ffdeeb,52px 1414px #ffdeeb,1761px 1198px #ffdeeb,1481px 1779px #ffdeeb,1032px 1481px #ffdeeb,1134px 121px #ffdeeb,1109px 1019px #ffdeeb,1222px 11px #ffdeeb,1109px 11px #ffdeeb}.sakura2{width:6px;height:6px;background:transparent;border-radius:50% 0 50% 50%;transform:rotate(45deg);box-shadow:124px 222px #ffb7c5,134px 321px #ffb7c5,552px 414px #ffb7c5,761px 198px #ffb7c5,481px 779px #ffb7c5,332px 481px #ffb7c5,34px 121px #ffb7c5,109px 19px #ffb7c5,222px 11px #ffb7c5,509px 11px #ffb7c5;animation:animSakura 40s linear infinite}.sakura2:after{content:" ";position:absolute;top:-2000px;width:6px;height:6px;background:transparent;border-radius:50% 0 50% 50%;box-shadow:124px 222px #ffb7c5,134px 321px #ffb7c5,552px 414px #ffb7c5,761px 198px #ffb7c5,481px 779px #ffb7c5,332px 481px #ffb7c5,34px 121px #ffb7c5,109px 19px #ffb7c5,222px 11px #ffb7c5,509px 11px #ffb7c5}.sakura3{width:8px;height:8px;background:transparent;border-radius:50% 0 50% 50%;transform:rotate(-15deg);box-shadow:144px 122px #f8bbd0,34px 321px #f8bbd0,52px 414px #f8bbd0,71px 198px #f8bbd0,41px 779px #f8bbd0,32px 481px #f8bbd0,134px 121px #f8bbd0,19px 19px #f8bbd0,22px 11px #f8bbd0,109px 11px #f8bbd0;animation:animSakura 60s linear infinite}.sakura3:after{content:" ";position:absolute;top:-2000px;width:8px;height:8px;background:transparent;border-radius:50% 0 50% 50%;box-shadow:144px 122px #f8bbd0,34px 321px #f8bbd0,52px 414px #f8bbd0,71px 198px #f8bbd0,41px 779px #f8bbd0,32px 481px #f8bbd0,134px 121px #f8bbd0,19px 19px #f8bbd0,22px 11px #f8bbd0,109px 11px #f8bbd0}@keyframes animSakura{0%{transform:translateY(0) rotate(0)}to{transform:translateY(2000px) rotate(360deg)}}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp .6s ease-out forwards}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.shimmer{background:linear-gradient(to right,#ffffff08 8%,#ffffff14 18%,#ffffff08 33%);background-size:1000px 100%;animation:shimmer 2s linear infinite}.skeleton-card{height:400px;background:#ffffff05;border:1px solid var(--gray-800)}.skeleton-img{height:200px;width:100%;background:#ffffff08}.skeleton-title{height:24px;width:80%;margin:1rem 0;background:#ffffff08}.skeleton-text{height:16px;width:90%;margin-bottom:.5rem;background:#ffffff08}.image-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;background:linear-gradient(45deg,#ffffff05,#ffffff0d);color:#fff3;font-size:.8rem;letter-spacing:.1em;text-transform:lowercase}button{background:var(--gray-100);color:var(--gray-1000);border:none;padding:1rem 2rem;font-family:var(--font-family);font-weight:600;cursor:pointer;transition:opacity .2s}button:hover{opacity:.9}button.outline{background:transparent;color:var(--gray-100);border:1px solid var(--gray-800)}button.outline:hover{background:#ffffff0d}.routing-overlay{position:fixed;top:0;left:0;width:100%;height:100vh;background:#0006;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease-out}.loader{width:48px;height:48px;border:3px solid rgba(255,255,255,.1);border-bottom-color:var(--color-primary, #2dd4bf);border-radius:50%;display:inline-block;box-sizing:border-box;animation:rotation 1s linear infinite;margin-bottom:2rem}.routing-overlay p{color:var(--gray-100);font-size:.9rem;letter-spacing:.2em;text-transform:lowercase;font-weight:500;animation:pulse 2s infinite ease-in-out}@keyframes rotation{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:.5}50%{opacity:1}}.filter-roll-wrapper{display:flex;align-items:center;gap:1.5rem;margin-bottom:3rem;padding:1rem;background:#ffffff05;border-radius:12px;border:1px solid rgba(255,255,255,.05);backdrop-filter:blur(12px);overflow:hidden}.filter-roll-label{font-size:.8rem;font-weight:700;color:var(--gray-400);text-transform:uppercase;letter-spacing:.1em;white-space:nowrap}.filter-roll-scroll{display:flex;gap:.75rem;overflow-x:auto;width:100%;padding-bottom:4px}.facet-pill,.filter-pill{display:flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border-radius:8px;font-size:.85rem;font-weight:600;white-space:nowrap;transition:transform .2s,filter .2s;cursor:default}.filter-pill:hover{transform:translateY(-2px);filter:brightness(1.1)}.pill-icon{font-size:1rem}.pill-count{opacity:.6;font-size:.75rem;font-weight:400}.hide-scrollbar::-webkit-scrollbar{display:none}.hide-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.banner-container{position:relative;width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center;z-index:1}.banner-style-standard{margin-top:2rem;border-radius:1.5rem;width:calc(100% - 2rem);margin-left:auto;margin-right:auto;border:1px solid rgba(255,255,255,.1);box-shadow:0 20px 40px #0000004d}.banner-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;z-index:0}.banner-text-overlay{position:relative;z-index:1;text-align:center;padding:2.5rem 4rem;background:#00000040;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-radius:1.5rem;border:1px solid rgba(255,255,255,.1)}.banner-title{font-size:clamp(2.5rem,8vw,4.5rem)!important;margin:0!important;color:#fff;text-shadow:0 4px 16px rgba(0,0,0,.5);line-height:1.1}.banner-desc{font-size:1.1rem;color:#fffc;margin-top:1rem;max-width:600px}.cover-image-container{display:flex;width:100%;padding:0 2rem;position:relative;z-index:10}.cover-image-container.pos-left{justify-content:flex-start}.cover-image-container.pos-center{justify-content:center}.cover-image-container.pos-right{justify-content:flex-end}.cover-image-frame{background:var(--gray-900);border:6px solid var(--gray-1000);box-shadow:0 16px 40px #00000080;overflow:hidden;display:flex;align-items:center;justify-content:center}.cover-image-media{width:100%;height:100%;object-fit:cover}.view-switcher-root{position:relative;z-index:50}.view-trigger-pill{display:flex;align-items:center;gap:.6rem;padding:.5rem 1rem;background:#ffffff0a;backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.08);border-radius:999px;color:var(--gray-300);font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s;text-transform:capitalize}.view-trigger-pill:hover,.view-trigger-pill.active{background:#ffffff14;border-color:#fff3;color:#fff}.view-dropdown-menu{position:absolute;top:calc(100% + .5rem);right:0;min-width:140px;background:#141414d9;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:.5rem;display:flex;flex-direction:column;gap:.25rem;box-shadow:0 10px 30px #00000080}.view-option{display:flex;align-items:center;gap:.75rem;padding:.6rem .8rem;width:100%;border-radius:8px;color:var(--gray-400);font-size:.85rem;font-weight:500;cursor:pointer;transition:all .2s;background:transparent;border:none}.view-option:hover{background:#ffffff0d;color:#fff}.view-option.selected{background:#ffffff1a;color:var(--teal-accent, #2dd4bf)}.view-icon{width:16px;height:16px}.icon-wrap svg{width:100%;height:100%;display:block}.chevron-icon{width:12px;height:12px;transition:transform .2s}.chevron-icon.open{transform:rotate(180deg)}.bookmark-card{background:var(--gray-shadow-300);background:#ffffff08;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;flex-direction:column;transition:transform .2s,background .2s,border-color .2s;cursor:pointer;overflow:hidden;border:1px solid var(--gray-800)}.bookmark-card:hover{background:#ffffff0f;border-color:#fff3}.bookmark-image-wrap{position:relative;width:100%;height:200px;background:#ffffff05;overflow:hidden;flex-shrink:0}.bookmark-image-wrap img{width:100%;height:100%;object-fit:cover}.bookmark-content{padding:1.5rem;display:flex;flex-direction:column;flex-grow:1;min-width:0}.bookmark-title{font-size:1.25rem;line-height:1.2;font-weight:600;margin-bottom:.75rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bookmark-desc{font-size:.9rem;color:var(--gray-400);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:1.25rem;line-height:1.5}.bookmark-tags-row{margin-top:auto;display:flex;flex-wrap:wrap;gap:.5rem}.tag-pill{font-size:.65rem;padding:.2rem .6rem;border-radius:4px;text-transform:lowercase;font-weight:600;display:flex;align-items:center;gap:.4rem}.tag-icon{font-size:.8rem}.bookmark-domain-pill{position:absolute;bottom:.75rem;left:.75rem;background:#0009;padding:.2rem .6rem;font-size:.65rem;border-radius:4px;backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.1)}.stream-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1.5rem}.stream-grid .bookmark-card:hover{transform:translateY(-4px)}.stream-list{display:flex;flex-direction:column;gap:1.25rem}.stream-list .bookmark-card{flex-direction:row!important;height:160px;align-items:stretch}.stream-list .bookmark-image-wrap{width:260px!important;height:100%!important}.stream-list .bookmark-content{padding:1.5rem 2rem!important}.stream-list .bookmark-title{font-size:1.4rem}@media(max-width:640px){.stream-list .bookmark-card{height:120px}.stream-list .bookmark-image-wrap{width:140px!important}.stream-list .bookmark-content{padding:1rem!important}.stream-list .bookmark-title{font-size:1rem;margin-bottom:.4rem}.stream-list .bookmark-desc{-webkit-line-clamp:1;margin-bottom:.5rem}}.stream-masonry{column-count:3;column-gap:1.5rem}@media(max-width:1100px){.stream-masonry{column-count:2}}@media(max-width:640px){.stream-masonry{column-count:1}}.stream-masonry .bookmark-card{break-inside:avoid;margin-bottom:1.5rem;display:inline-flex;width:100%}.stream-masonry .bookmark-image-wrap{height:auto!important}.stream-masonry .bookmark-image-wrap img{height:auto!important;aspect-ratio:auto!important}.kanban-wrapper{display:flex;flex-direction:row;overflow-x:auto;gap:2rem;align-items:flex-start;min-height:80vh;margin-left:-2rem;margin-right:-2rem;padding:1rem 2rem 3rem}.kanban-lane{flex:0 0 320px;width:320px;display:flex;flex-direction:column;gap:1.5rem}.lane-header{margin-bottom:.5rem}.lane-title-row{display:flex;align-items:center;gap:.75rem;padding-bottom:1rem;border-bottom:1px solid var(--gray-800)}.lane-title{font-size:1rem!important;font-weight:700;color:var(--gray-100);text-transform:capitalize;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.05em}.lane-count{background:#ffffff0d;color:var(--gray-400);font-size:.7rem;padding:.2rem .6rem;border-radius:6px;font-weight:700;margin-left:auto}.lane-icon{font-size:1.1rem}.kanban-lane .stream-grid{grid-template-columns:1fr!important}.kanban-lane .bookmark-card{width:100%!important}.swimlane-wrapper{display:flex;flex-direction:column;gap:3rem;margin-top:2rem}.swimlane-row-group{display:flex;flex-direction:column;gap:1rem}.swimlane-scroll-container{display:flex;width:100vw;margin-left:calc(-.5*(100vw - 100%));padding:0 calc((100vw - 100%)/2);overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.swimlane-row-items{display:flex;gap:1.5rem;padding:1rem 0}.swimlane-card{flex:0 0 320px;scroll-snap-align:start;height:auto!important}.swimlane-card.list{flex:0 0 450px}.menu-section-label{font-size:.65rem;font-weight:700;color:var(--gray-500);text-transform:uppercase;letter-spacing:.1em;padding:.75rem .8rem .4rem}.menu-divider{height:1px;background:#ffffff14;margin:.5rem 0}.layout-toggle-row{display:flex;padding:.25rem .5rem .5rem;gap:.25rem}.layout-option-small{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.4rem;padding:.75rem .5rem;background:transparent;border:1px solid transparent;border-radius:8px;color:var(--gray-400);cursor:pointer;transition:all .2s}.layout-option-small:hover{background:#ffffff0d;color:#fff}.layout-option-small.active{background:#ffffff14;border-color:var(--teal-accent, #2dd4bf);color:var(--teal-accent, #2dd4bf)}.layout-option-small span{font-size:.7rem;font-weight:600}.layout-option-small .view-icon{width:20px;height:20px}.loading-progress-bar{position:absolute;top:0;left:0;width:100%;height:2px;background:#ffffff0d;overflow:hidden;z-index:100;border-radius:2px}.loading-progress-fill{height:100%;background:var(--teal-accent, #2dd4bf);width:30%;animation:loading-bar-anim 1.5s infinite ease-in-out}@keyframes loading-bar-anim{0%{transform:translate(-100%)}50%{width:60%}to{transform:translate(350%)}}.is-pending{opacity:.7;filter:grayscale(.2);pointer-events:none;transition:opacity .3s ease}
