.phase0.directory-viva-page{--directory-width:1280px;--directory-paper:#f4f2eb}html[data-period] body.phase0.directory-viva-page{--sky3:#f4f2eb;--text:#173c38;--text-2:#40524b;--glass:#faf9f4f0;--glass-strong:#faf9f4fa;--glass-line:#d8ddd3;color:var(--text);background:var(--directory-paper)!important}.phase0.directory-viva-page .directory-scene{pointer-events:none;height:480px;position:absolute;inset:0 0 auto;overflow:hidden;mask-image:linear-gradient(#000,#0000 65%)}.phase0.directory-viva-page .directory-scene .scene{position:absolute}.phase0.directory-viva-page .directory-scene .layer svg{height:480px}.phase0.directory-viva-page .directory-scene .layer[data-depth="0.6"],.phase0.directory-viva-page .directory-scene .layer[data-depth="1"]{mask-image:linear-gradient(90deg,#000,#0000 22% 78%,#000)}.phase0.directory-viva-page .directory-intro{max-width:var(--directory-width);margin:auto;padding:28px 24px 20px;position:relative}.phase0.directory-viva-page .directory-intro h1{background:var(--glass-strong);width:fit-content;max-width:100%;color:var(--text);font:500 clamp(18px,2.2vw,26px)/1.4 var(--sans);border-radius:10px;margin:0 0 18px;padding:6px 10px}.directory-greeting{font-weight:400}.phase0.directory-viva-page .directory-search{background:#fffef9;border:2px solid #6b7e74;border-radius:18px;align-items:stretch;gap:12px;width:100%;max-width:800px;min-height:104px;margin:0;padding:14px;display:flex;position:relative;box-shadow:0 8px 24px #173c3810}.phase0.directory-viva-page .directory-search:focus-within{outline:3px solid var(--action);outline-offset:3px}.phase0.directory-viva-page .directory-search input{color:#173c38;width:100%;min-width:0;min-height:64px;box-shadow:none;font:16px/1.5 var(--sans);background:#fffef9;border:0;border-radius:0;outline:0;flex:1;margin:0;padding:4px}.phase0.directory-viva-page .directory-search input::placeholder{color:#40524b;opacity:1}.phase0.directory-viva-page .directory-search button{background:var(--action);color:#fff;width:44px;height:44px;min-height:44px;font:28px/1 var(--sans);cursor:pointer;border:0;border-radius:50%;flex:none;align-self:flex-end;place-items:center;padding:0;display:grid}.phase0.directory-viva-page .directory-search button:hover{background:var(--action-hover)}.phase0.directory-viva-page .directory-intro .viva-limit{color:#40524b;max-width:800px;font:12px/1.5 var(--sans);margin:8px 2px 0}.phase0.directory-viva-page .directory-intro .ans{max-width:800px;margin-top:12px}.phase0.directory-viva-page .directory-rail{z-index:18;max-width:var(--directory-width);background:var(--glass-strong);border:1px solid var(--glass-line);backdrop-filter:blur(12px);flex-wrap:wrap;gap:8px;margin:auto;padding:12px 24px;display:flex;position:sticky;top:96px}.phase0.directory-viva-page .directory-rail a{min-height:44px;color:var(--text);border:1px solid #a1aea5;border-radius:999px;align-items:center;padding:8px 16px;font-size:14px;text-decoration:none;display:flex}.phase0.directory-viva-page .directory-rail a:hover,.phase0.directory-viva-page .directory-rail a:focus-visible{background:var(--action);color:#fff}.phase0.directory-viva-page .directory-catalog,.phase0.directory-viva-page .directory-examples,.directory-export,.directory-filter-status{max-width:var(--directory-width);margin:auto;padding:16px 24px;position:relative}.phase0.directory-viva-page .directory-category{margin:12px 0 36px;scroll-margin-top:220px}.phase0.directory-viva-page .directory-category h2,.phase0.directory-viva-page .directory-examples h2{font:500 28px/1.25 var(--serif);color:var(--text);margin-bottom:18px}.phase0.directory-viva-page .directory-examples{border-top:1px solid var(--glass-line);padding-top:28px;padding-bottom:32px;scroll-margin-top:200px}.phase0.directory-viva-page .directory-examples>p{max-width:60ch;color:var(--text-2);font-size:16px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.phase0.directory-viva-page .directory-grid .p0-tool{border:1px solid var(--glass-line);background:var(--glass);backdrop-filter:blur(10px);border-radius:18px;align-items:flex-start;gap:12px;min-width:0;padding:20px;text-decoration:none;transition:transform .2s,background .2s;display:flex}.directory-grid .p0-tool:hover,.directory-grid .p0-tool:focus-visible{background:var(--glass-strong);border-color:var(--action);transform:translateY(-2px)}.directory-grid .p0-tool-icon{flex:none;width:28px;height:28px}.directory-grid .p0-tool-copy{flex:1;min-width:0}.phase0.directory-viva-page .directory-grid h3{font:600 18px/1.35 var(--sans);color:var(--text);margin:0 0 8px}.phase0.directory-viva-page .directory-grid .p0-tool-copy>p{font:16px/1.5 var(--sans);color:var(--text-2);margin:0}.directory-preview{border:1px solid var(--glass-line);font:14px/1.5 var(--sans);color:var(--text);background:var(--glass-strong);border-radius:10px;margin-top:14px;padding:12px;display:block}.directory-preview>span{color:var(--text-2);margin-bottom:4px;font-size:11px;display:block}.directory-preview .directory-preview-note{margin:8px 0 0;font-size:12px;line-height:1.5}.directory-filter-status{color:var(--text);font-size:15px}.directory-export{color:var(--text);padding-bottom:48px;font-size:15px}.phase0.directory-viva-page .p0-header{margin:16px auto 0;position:sticky;top:16px;left:auto;transform:none}.phase0.directory-viva-page .p0-header-inner{height:64px;display:flex}.phase0.directory-viva-page .p0-header nav li:last-child{display:list-item}.phase0.directory-viva-page .p0-header .p0-header-action{display:inline-flex!important}.phase0.directory-viva-page .directory-catalog{scroll-margin-top:220px}.phase0.directory-viva-page .p0-footer .p0-brand span{color:inherit}.phase0.has-bento-support.directory-viva-page .directory-catalog,.phase0.has-bento-support.directory-viva-page .directory-examples,.phase0.has-bento-support.directory-viva-page .directory-export,.phase0.has-bento-support.directory-viva-page .p0-footer>.p0-container{padding-right:max(24px,216px + -1*max(0px,50vw - 640px))}@media (width>=1280px){.directory-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width<=767px){.phase0.directory-viva-page .directory-scene{height:390px}.phase0.directory-viva-page .directory-intro{padding:18px 12px 16px}.phase0.directory-viva-page .directory-intro h1{margin-bottom:14px;padding:5px 7px;font-size:18px}.phase0.directory-viva-page .directory-search{gap:8px;min-height:98px;padding:10px}.phase0.directory-viva-page .directory-rail{gap:6px;padding:10px 12px;top:84px}.phase0.directory-viva-page .directory-rail a{padding:8px 12px;font-size:13px}.phase0.directory-viva-page .directory-catalog,.phase0.directory-viva-page .directory-examples,.phase0.directory-viva-page .directory-export,.phase0.directory-viva-page .directory-filter-status{padding-left:12px;padding-right:12px}.directory-grid{grid-template-columns:1fr}.phase0.directory-viva-page .directory-grid .p0-tool{gap:10px;padding:16px}.phase0.directory-viva-page .directory-grid .p0-tool-icon{display:none}.phase0.directory-viva-page .p0-header{margin-top:8px;top:8px}.phase0.directory-viva-page .p0-header-inner{gap:8px}.phase0.directory-viva-page .p0-header nav a{font-size:11px}.phase0.directory-viva-page .p0-header .p0-header-action{padding:8px;font-size:12px}}@media (width>=640px) and (width<=767px){.phase0.has-bento-support.directory-viva-page .directory-catalog,.phase0.has-bento-support.directory-viva-page .directory-examples,.phase0.has-bento-support.directory-viva-page .directory-export{padding-right:216px}}@media (width<=639px){.phase0.has-bento-support.directory-viva-page .directory-catalog,.phase0.has-bento-support.directory-viva-page .directory-examples,.phase0.has-bento-support.directory-viva-page .directory-export,.phase0.has-bento-support.directory-viva-page .p0-footer>.p0-container{padding-right:114px}}@media (prefers-reduced-motion:reduce){.directory-viva-page *{scroll-behavior:auto!important;transition:none!important;animation:none!important}.directory-grid .p0-tool:hover,.directory-grid .p0-tool:focus-visible{transform:none!important}}