:root{--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;--color-paper: #FAFAF7;--color-ink: #1A1A1A;--color-ink-soft: #666666;--color-ink-faint: #999999;--color-bronze: #8B5A2B;--color-navy: #1F4E79;--color-rule: #E5E5E0;--color-card: #F5F5F0;--color-green: #2D6A4F;--sidebar-bg: #1C2333;--sidebar-bg-deep: #161B29;--sidebar-hover: #2D3A52;--sidebar-active: #2D6A4F;--sidebar-text: #8B9BB4;--sidebar-text-active: #FFFFFF;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{background-color:var(--color-paper);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-sans);font-feature-settings:"kern","liga","calt";line-height:1.75;margin:0;padding:0;width:100%;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-weight:600;letter-spacing:.005em}a{color:var(--color-bronze);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;transition:color .15s ease}a:hover{color:var(--color-navy)}::selection{background-color:#8b5a2b33;color:var(--color-ink)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:var(--color-paper)}::-webkit-scrollbar-thumb{background:var(--color-rule);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--color-ink-soft)}.app-layout{display:flex;min-height:100vh;width:100%;align-items:stretch}.main-content{flex:1;padding:0 3.5rem;min-width:0;display:flex;flex-direction:column}@media(max-width:900px){.main-content{padding:0 2rem}}.content-body{flex:1;padding:2rem 0 3rem}.sidebar{width:256px;min-width:256px;background-color:var(--sidebar-bg);display:flex;flex-direction:column;height:100vh;position:sticky;top:0;overflow-y:auto}.sidebar-logo{display:flex;align-items:center;gap:12px;padding:1.25rem 1.25rem 1.25rem 1.5rem;border-bottom:1px solid var(--sidebar-hover);text-decoration:none}.sidebar-logo:hover{text-decoration:none}.sidebar-logo-icon{width:40px;height:40px;border-radius:var(--radius-md);background-color:var(--sidebar-active);display:flex;align-items:center;justify-content:center;color:#fff;flex-shrink:0}.sidebar-logo-text{min-width:0}.sidebar-logo-name{font-size:19px;font-weight:700;letter-spacing:-.01em;color:#fff;line-height:1.2;white-space:nowrap}.sidebar-logo-name .accent{color:var(--sidebar-active)}.sidebar-logo-sub{font-size:12px;color:var(--sidebar-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-search{padding:.75rem 1rem;border-bottom:1px solid var(--sidebar-hover)}.sidebar-search-btn{width:100%;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--radius-sm);background-color:var(--sidebar-hover);color:var(--sidebar-text);border:none;font-family:inherit;font-size:13px;cursor:pointer;transition:background-color .15s ease}.sidebar-search-btn:hover{background-color:var(--sidebar-bg-deep)}.sidebar-search-btn .kbd{margin-left:auto;display:flex;align-items:center;gap:2px;font-size:11px;padding:1px 6px;border-radius:4px;background-color:var(--sidebar-bg-deep);color:var(--sidebar-text)}.sidebar-nav{flex:1;overflow-y:auto;padding:1rem .75rem 1.5rem}.sidebar-group-label{padding:.75rem .75rem .35rem;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--sidebar-text)}.sidebar-nav-item{display:flex;align-items:center;gap:10px;padding:8px 12px;margin-bottom:1px;border-radius:var(--radius-sm);color:var(--sidebar-text);font-size:14px;font-weight:500;text-decoration:none;transition:all .15s ease}.sidebar-nav-item:hover{color:#fff;background-color:var(--sidebar-hover);text-decoration:none}.sidebar-nav-item.active{color:var(--sidebar-text-active);background-color:var(--sidebar-active)}.sidebar-nav-item .nav-count{margin-left:auto;font-size:11px;padding:1px 7px;border-radius:10px;background-color:var(--sidebar-hover);color:var(--sidebar-text);font-weight:500}.sidebar-nav-item.active .nav-count{background-color:#ffffff26;color:#fff}.sidebar-footer{padding:.75rem 1.25rem;border-top:1px solid var(--sidebar-hover);display:flex;gap:16px;font-size:12px;color:var(--sidebar-text)}.sidebar-footer a{color:var(--sidebar-text);text-decoration:none}.sidebar-footer a:hover{color:#fff}.content-header{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:1.5rem;background-color:#fafaf7eb;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-rule);margin:0 -1rem;padding:.9rem 1rem}.content-header-nav{display:flex;align-items:center;gap:4px;flex:1;min-width:0;overflow-x:auto;scrollbar-width:none}.content-header-nav::-webkit-scrollbar{display:none}.content-header-link{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:var(--radius-sm);color:var(--color-ink-soft);font-size:13px;font-weight:500;white-space:nowrap;text-decoration:none;transition:all .15s ease;flex-shrink:0}.content-header-link:hover{color:var(--color-ink);background-color:var(--color-card);text-decoration:none}.content-header-search{display:flex;align-items:center;gap:8px;padding:6px 6px 6px 12px;background-color:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-sm);color:var(--color-ink-soft);min-width:220px;max-width:360px;flex:0 1 auto}.content-header-search:focus-within{border-color:var(--color-bronze);background-color:#fff}.content-header-search input{flex:1;border:none;outline:none;background:transparent;font-family:inherit;font-size:13px;color:var(--color-ink);min-width:0}.content-header-search input::placeholder{color:var(--color-ink-faint)}.content-header-bookmark{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:4px;background-color:transparent;color:var(--color-ink-soft);border:none;cursor:pointer;transition:all .15s ease}.content-header-bookmark:hover{background-color:var(--color-paper);color:var(--color-bronze)}.content-footer{border-top:1px solid var(--color-rule);padding:2.5rem 0 2rem;margin-top:3rem;display:flex;align-items:flex-start;gap:3rem}@media(max-width:800px){.content-footer{flex-direction:column;gap:1.5rem}}.content-footer-brand{flex:1;min-width:0}.content-footer-title{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-bottom:.6rem}.content-footer-logo{font-weight:700;font-size:15px;letter-spacing:-.01em;color:var(--color-ink)}.content-footer-divider{color:var(--color-ink-faint)}.content-footer-tagline{color:var(--color-ink-soft);font-size:13px}.content-footer-meta{font-size:12px;color:var(--color-ink-soft);line-height:1.7;margin-bottom:.4rem}.content-footer-meta a{color:var(--color-ink-soft);text-decoration:underline;text-decoration-color:var(--color-rule);margin:0 4px}.content-footer-meta a:hover{color:var(--color-bronze);text-decoration-color:var(--color-bronze)}.content-footer-copyright{font-size:11px;color:var(--color-ink-faint);margin:0}.content-footer-social{display:flex;gap:1.25rem;flex-shrink:0}@media(max-width:800px){.content-footer-social{flex-wrap:wrap;gap:1rem}}.content-footer-social-item{display:flex;flex-direction:column;align-items:center;gap:4px;color:var(--color-ink-soft);text-decoration:none;font-size:11px;transition:color .15s ease}.content-footer-social-item:hover{color:var(--color-bronze);text-decoration:none}.content-footer-social-icon{width:36px;height:36px;border-radius:50%;border:1px solid var(--color-rule);display:flex;align-items:center;justify-content:center;background-color:var(--color-card);transition:all .15s ease}.content-footer-social-item:hover .content-footer-social-icon{border-color:var(--color-bronze);background-color:var(--color-paper)}.content-footer-social-label{font-weight:500}.hero{margin-bottom:1.5rem;padding:1.5rem 0 2rem;border-bottom:1px solid var(--color-rule)}.hero-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-bronze);margin-bottom:.9rem}.hero h1{font-size:2rem;margin-bottom:.7rem;letter-spacing:-.02em;line-height:1.25;max-width:720px}.hero-sub{color:var(--color-ink-soft);font-size:.98rem;max-width:640px;line-height:1.7;margin-bottom:1.5rem}.hero-search{position:relative;max-width:620px;display:flex;align-items:center;gap:10px;background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:.7rem 1rem;color:var(--color-ink-faint);transition:border-color .15s ease,box-shadow .15s ease}.hero-search:focus-within{border-color:var(--color-bronze);box-shadow:0 0 0 3px #8b5a2b14}.hero-search input{flex:1;border:none;outline:none;background:transparent;font-size:.95rem;color:var(--color-ink);font-family:var(--font-sans)}.hero-search input::placeholder{color:var(--color-ink-faint)}.search-dropdown{display:none;position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-md);box-shadow:0 12px 32px #1c23331f;overflow:hidden;z-index:50}.search-dropdown.open{display:block}.sr-item{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:.6rem 1rem;text-decoration:none;color:inherit;border-bottom:1px solid var(--color-rule);transition:background .1s ease}.sr-item:last-child{border-bottom:none}.sr-item:hover{background:#8b5a2b0f;text-decoration:none}.sr-name{font-size:13px;font-weight:500;color:var(--color-ink)}.sr-cat{font-size:11px;color:var(--color-ink-faint);white-space:nowrap}.sr-empty{padding:.8rem 1rem;font-size:12px;color:var(--color-ink-faint)}.stats-bar{display:flex;gap:2rem;margin-top:1.5rem;flex-wrap:wrap}.stat{display:flex;flex-direction:column}.stat strong{font-size:1.25rem;font-weight:700;color:var(--color-navy);line-height:1.2}.stat span{font-size:11px;color:var(--color-ink-faint);text-transform:uppercase;letter-spacing:.05em}.section-note{font-size:12px;color:var(--color-ink-faint)}.journey-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:.5rem}@media(max-width:1200px){.journey-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.journey-grid{grid-template-columns:1fr}}.journey-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.2rem 1.25rem;background:var(--color-card);transition:border-color .15s ease,transform .15s ease}.journey-card:hover{border-color:var(--color-bronze);transform:translateY(-1px)}.journey-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.7rem}.journey-num{font-size:12px;font-weight:700;color:var(--color-ink-faint);letter-spacing:.08em}.journey-icon{width:30px;height:30px;border-radius:var(--radius-sm);background:#8b5a2b1a;color:var(--color-bronze);display:flex;align-items:center;justify-content:center}.journey-card h3{font-size:15px;font-weight:600;margin-bottom:4px;color:var(--color-ink)}.journey-desc{font-size:12px;color:var(--color-ink-soft);line-height:1.6;margin-bottom:.9rem}.journey-cats{display:flex;flex-direction:column;gap:6px}.journey-cat{display:flex;align-items:center;gap:8px;padding:.45rem .6rem;border-radius:var(--radius-sm);border:1px solid var(--color-rule);background:var(--color-bg);font-size:12px;font-weight:500;color:var(--color-ink);text-decoration:none;transition:border-color .12s ease}.journey-cat:hover{border-color:var(--color-navy);text-decoration:none}.journey-cat svg{color:var(--color-navy)}.journey-cat-count{margin-left:auto;font-size:11px;color:var(--color-ink-faint);font-weight:400}.workbench-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}@media(max-width:1200px){.workbench-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.workbench-grid{grid-template-columns:1fr}}.workbench-card{display:flex;gap:12px;border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.1rem 1.15rem;background:var(--color-card);transition:border-color .15s ease}.workbench-card:hover{border-color:var(--color-bronze)}.workbench-icon{width:32px;height:32px;flex-shrink:0;border-radius:var(--radius-sm);background:#1f4e7914;color:var(--color-navy);display:flex;align-items:center;justify-content:center}.workbench-body h3{font-size:14px;font-weight:600;margin-bottom:3px;color:var(--color-ink)}.workbench-body p{font-size:12px;color:var(--color-ink-soft);line-height:1.6;margin-bottom:.6rem}.workbench-cats{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:12px}.workbench-cats a{color:var(--color-bronze);text-decoration:none;font-weight:500}.workbench-cats a:hover{text-decoration:underline}.workbench-total{margin-left:auto;font-size:11px;color:var(--color-ink-faint)}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem}.section-header h2{font-size:1.05rem;font-weight:600}.section-header a{font-size:13px;color:var(--color-bronze)}.section-more{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--color-bronze);font-weight:500}.section-more:hover{color:var(--color-navy)}.featured-section{margin-bottom:2.5rem}.featured-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}@media(max-width:1200px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.featured-grid{grid-template-columns:1fr}}.featured-card{background-color:var(--color-card);border:1px solid transparent;border-radius:var(--radius-md);padding:1rem;text-decoration:none;color:inherit;transition:all .15s ease}.featured-card:hover{border-color:var(--color-bronze);text-decoration:none;transform:translateY(-1px)}.featured-card-icon{width:36px;height:36px;border-radius:var(--radius-sm);background-color:#8b5a2b1f;color:var(--color-bronze);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.featured-card-name{font-size:13px;font-weight:600;margin-bottom:2px;color:var(--color-ink)}.featured-card-desc{font-size:11px;color:var(--color-ink-soft);line-height:1.5}.category-index{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:2.5rem}@media(max-width:1200px){.category-index{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.category-index{grid-template-columns:1fr}}.category-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1.1rem 1.25rem;text-decoration:none;color:inherit;transition:all .15s ease}.category-card:hover{border-color:var(--color-bronze);text-decoration:none;transform:translateY(-1px)}.category-card-icon{width:34px;height:34px;border-radius:var(--radius-sm);background-color:#8b5a2b1a;color:var(--color-bronze);display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.category-card h3{font-size:14px;font-weight:600;margin-bottom:4px;color:var(--color-ink)}.category-card p{font-size:12px;color:var(--color-ink-soft);line-height:1.6;margin:0}.category-card .category-tools{margin-top:.5rem;font-size:11px;color:var(--color-ink-faint)}.category-header{margin-bottom:1.75rem}.category-header h1{font-size:1.5rem;margin-bottom:.4rem;display:flex;align-items:center;gap:10px;letter-spacing:-.01em}.category-header p{color:var(--color-ink-soft);font-size:.95rem;margin:0}.category-meta{display:flex;align-items:center;gap:12px;margin-top:.5rem;font-size:12px;color:var(--color-ink-faint)}.sub-tabs{display:flex;gap:4px;margin-bottom:1.5rem;flex-wrap:wrap;border-bottom:1px solid var(--color-rule);padding-bottom:.75rem}.sub-tab{font-size:12px;padding:5px 14px;border-radius:2px;background-color:transparent;color:var(--color-ink-soft);cursor:pointer;transition:all .15s ease;border:1px solid var(--color-rule);text-decoration:none;font-family:inherit}.sub-tab:hover{border-color:var(--color-bronze);color:var(--color-bronze);text-decoration:none}.sub-tab.active{background-color:var(--color-bronze);color:#fff;border-color:var(--color-bronze);font-weight:500}.sub-tab.active:hover{color:#fff}.category-sub-desc{color:var(--color-ink-soft);font-size:.9rem;margin-bottom:1.25rem;line-height:1.7}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:1200px){.tool-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.tool-grid{grid-template-columns:1fr}}.tool-card{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1rem 1.1rem;cursor:pointer;transition:all .15s ease;background-color:var(--color-card);display:block;color:inherit;text-decoration:none}.tool-card:hover{border-color:var(--color-bronze);text-decoration:none;transform:translateY(-1px)}.tool-card-header{display:flex;align-items:flex-start;gap:10px;margin-bottom:8px}.tool-card-icon{width:34px;height:34px;border-radius:var(--radius-sm);background-color:#1f4e791a;color:var(--color-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-card-name{font-size:14px;font-weight:600;color:var(--color-ink);line-height:1.3}.tool-card-desc{font-size:12px;color:var(--color-ink-soft);line-height:1.5;margin-top:2px}.tool-card-tags{display:flex;gap:4px;flex-wrap:wrap;margin-bottom:6px}.tool-card-tag{font-size:10px;padding:1px 7px;border:1px solid var(--color-rule);border-radius:2px;color:var(--color-ink-soft);background-color:var(--color-paper)}.tool-card-tag.affiliate{border-color:#2d6a4f59;color:var(--color-green);background-color:#2d6a4f0f}.tool-card-footer{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--color-bronze);font-weight:500}.tool-detail-header{margin-bottom:2rem}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--color-bronze);font-weight:500;margin-bottom:1.25rem;text-decoration:none}.back-link:hover{color:var(--color-navy);text-decoration:none}.tool-detail-title-area{display:flex;align-items:center;gap:14px;margin-bottom:1rem}.tool-detail-icon{width:44px;height:44px;border-radius:var(--radius-md);background-color:#1f4e791a;color:var(--color-navy);display:flex;align-items:center;justify-content:center;flex-shrink:0}.tool-detail-title-area h1{font-size:1.5rem;letter-spacing:-.01em}.tool-detail-url{font-size:13px;color:var(--color-bronze);word-break:break-all}.tool-detail-tags{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:1.5rem}.tool-detail-tag{font-size:11px;padding:3px 10px;border:1px solid var(--color-rule);border-radius:2px;background-color:var(--color-card);color:var(--color-ink-soft)}.tool-detail-tag.affiliate{border-color:#2d6a4f59;color:var(--color-green);background-color:#2d6a4f0f}.tool-detail-body{max-width:720px}.tool-detail-body h3{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint);margin-bottom:.5rem;font-weight:600}.tool-detail-body p{font-size:15px;line-height:1.8;color:var(--color-ink);margin-bottom:1.5rem}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem}.info-item{padding:.9rem 1rem;background-color:var(--color-card);border:1px solid var(--color-rule);border-radius:var(--radius-md)}.info-item h4{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--color-ink-faint);margin-bottom:4px}.info-item p{font-size:13px;color:var(--color-ink);margin:0;line-height:1.6}.pros-cons{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:1.5rem}.pros-box,.cons-box{padding:.9rem 1rem;border-radius:var(--radius-md);background-color:var(--color-card);border:1px solid var(--color-rule)}.pros-box h4{font-size:12px;font-weight:600;margin-bottom:6px;color:var(--color-green)}.cons-box h4{font-size:12px;font-weight:600;margin-bottom:6px;color:#a33b2b}.pros-box ul,.cons-box ul{margin:0;padding-left:1.1rem;font-size:13px;line-height:1.8;color:var(--color-ink)}.visit-btn{display:inline-flex;align-items:center;gap:6px;padding:10px 24px;border-radius:var(--radius-sm);background-color:var(--color-navy);color:#fff;font-size:14px;font-weight:500;margin-bottom:1.5rem;transition:opacity .15s ease;text-decoration:none}.visit-btn:hover{opacity:.9;color:#fff;text-decoration:none}.alternatives-section{border-top:1px solid var(--color-rule);padding-top:1.25rem}.alternatives-section h3{margin-bottom:.75rem}.alternative-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid var(--color-rule);border-radius:var(--radius-md);margin-bottom:6px;transition:border-color .15s ease;text-decoration:none;color:inherit}.alternative-item:hover{border-color:var(--color-bronze);text-decoration:none}.alternative-item-name{font-size:13px;font-weight:500;color:var(--color-bronze)}.alternative-item-desc{font-size:11px;color:var(--color-ink-soft)}.alternative-item-compare{margin-left:auto;font-size:11px;color:var(--color-bronze);font-weight:500;white-space:nowrap;display:inline-flex;align-items:center;gap:3px}.guide-list{display:flex;flex-direction:column;gap:8px}.guide-item{border:1px solid var(--color-rule);border-radius:var(--radius-md);padding:1rem 1.25rem;text-decoration:none;color:inherit;transition:border-color .15s ease;background-color:var(--color-card)}.guide-item:hover{border-color:var(--color-bronze);text-decoration:none}.guide-item h3{font-size:14px;font-weight:600;margin-bottom:4px}.guide-item p{font-size:12px;color:var(--color-ink-soft);margin:0}.text-secondary{color:var(--color-ink-soft)}.text-tertiary{color:var(--color-ink-faint)}.text-sm{font-size:.85rem}.text-xs{font-size:.75rem}.mt-1{margin-top:.5rem}.mt-2{margin-top:1rem}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-1{gap:.5rem}.gap-2{gap:1rem}