@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap";.sidebar{background:var(--color-sidebar,#0d0d12);border-right:1px solid var(--color-border-subtle,#ffffff0a);z-index:900;flex-direction:column;width:260px;transition:width .3s cubic-bezier(.4,0,.2,1),transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:56px;bottom:0;left:0;overflow:hidden}.sidebar--collapsed{width:60px}.sidebar-backdrop{z-index:899;-webkit-backdrop-filter:blur(4px);background:#0009;animation:.25s forwards backdropFadeIn;position:fixed;inset:0}@keyframes backdropFadeIn{0%{opacity:0}to{opacity:1}}.sidebar__nav{scrollbar-width:thin;scrollbar-color:var(--color-border,#2a2a35) transparent;flex:1;padding:.75rem 0;overflow:hidden auto}.sidebar__nav::-webkit-scrollbar{width:4px}.sidebar__nav::-webkit-scrollbar-track{background:0 0}.sidebar__nav::-webkit-scrollbar-thumb{background:var(--color-border,#2a2a35);border-radius:2px}.sidebar__link{color:var(--color-text-muted,#8a8580);font-family:var(--font-body,"Inter", sans-serif);border-left:3px solid #0000;border-radius:8px;align-items:center;gap:.65rem;margin:.1rem .5rem;padding:.6rem 1rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .15s;display:flex}.sidebar__link:hover{color:var(--color-text,#e8e4df);background:#ffffff0a}.sidebar__link--active{color:var(--color-text,#e8e4df);border-left-color:var(--color-accent,#c27c5a);background:#c27c5a14}.sidebar__link-icon{width:20px;height:20px;color:inherit;flex-shrink:0;justify-content:center;align-items:center;display:flex}.sidebar__link-text{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sidebar__divider{background:var(--color-border-subtle,#ffffff0a);height:1px;margin:.6rem .75rem}.sidebar__category{margin-bottom:.15rem}.sidebar__category-header{width:100%;color:var(--color-text-subtle,#565d68);font-family:var(--font-body,"Inter", sans-serif);letter-spacing:.06em;text-transform:uppercase;cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:.5rem;padding:.55rem 1rem;font-size:.72rem;font-weight:600;transition:color .15s;display:flex}.sidebar__category-header:hover{color:var(--color-text-muted,#8a8580)}.sidebar__category-emoji{flex-shrink:0;font-size:.85rem}.sidebar__category-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__category-chevron{opacity:.5;align-items:center;transition:transform .2s;display:flex}.sidebar__category-chevron--open{transform:rotate(180deg)}.sidebar__tool-list{margin:0;padding:0 0 .25rem;list-style:none}.sidebar__tool-link{color:var(--color-text-muted,#8a8580);font-family:var(--font-body,"Inter", sans-serif);border-left:3px solid #0000;border-radius:0 6px 6px 0;align-items:center;gap:.5rem;margin-right:.5rem;padding:.45rem 1rem .45rem 1.5rem;font-size:.8rem;font-weight:400;text-decoration:none;transition:all .15s;display:flex}.sidebar__tool-link:hover{color:var(--color-text,#e8e4df);background:#ffffff08}.sidebar__tool-link--active{color:var(--color-text,#e8e4df);border-left-color:var(--color-accent,#c27c5a);background:#c27c5a0f;font-weight:500}.sidebar__tool-link--promoted{color:var(--color-text-secondary,#b0aba5)}.sidebar__tool-emoji{text-align:center;flex-shrink:0;width:18px;font-size:.85rem}.sidebar__tool-name{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.sidebar__tool-indicators{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.sidebar__tool-lock{color:var(--color-text-subtle,#565d68);align-items:center;display:flex}.sidebar__tool-new-badge{letter-spacing:.05em;text-transform:uppercase;color:var(--color-accent,#c27c5a);background:var(--color-accent-muted,#c27c5a26);white-space:nowrap;border-radius:3px;padding:.1rem .35rem;font-size:.55rem;font-weight:700}.progress-dot{flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.progress-dot--not-started{color:var(--color-text-subtle,#565d68)}.progress-dot--in-progress{color:var(--color-warning,#d4a85c);animation:2s ease-in-out infinite progressPulse}.progress-dot--complete{color:var(--color-success,#7c9a82)}@keyframes progressPulse{0%,to{opacity:.7}50%{opacity:1}}.sidebar__footer{flex-shrink:0;padding-bottom:.5rem}.sidebar__user{padding:.5rem .75rem}.sidebar__user-info{align-items:center;gap:.5rem;padding:.4rem;display:flex}.sidebar__user-avatar{background:var(--color-accent-muted,#c27c5a26);width:28px;min-width:28px;height:28px;color:var(--color-accent,#c27c5a);border-radius:50%;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:flex}.sidebar__user-email{color:var(--color-text-muted,#8a8580);text-overflow:ellipsis;white-space:nowrap;max-width:150px;font-size:.75rem;overflow:hidden}.sidebar__sign-in{border:1px solid var(--color-border,#ffffff14);width:100%;color:var(--color-text-muted,#8a8580);font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;background:#ffffff0a;border-radius:7px;padding:.5rem .75rem;font-size:.78rem;font-weight:500;transition:all .2s}.sidebar__sign-in:hover{color:var(--color-text,#e8e4df);background:#ffffff14;border-color:#ffffff26}.sidebar__collapse-btn{border:none;border-top:1px solid var(--color-border-subtle,#ffffff0a);width:100%;color:var(--color-text-subtle,#565d68);cursor:pointer;background:0 0;justify-content:center;align-items:center;padding:.6rem;transition:color .2s;display:flex}.sidebar__collapse-btn:hover{color:var(--color-text-muted,#8a8580)}.sidebar__collapse-icon--collapsed{transform:none}@media (width<=768px){.sidebar{width:280px;box-shadow:none;top:52px;transform:translate(-100%)}.sidebar--mobile-open{transform:translate(0);box-shadow:8px 0 40px #00000080}.sidebar__collapse-btn{display:none}}.layout{background:var(--color-bg,#0a0a0f);min-height:100vh;color:var(--color-text,#e8e4df);flex-direction:column;display:flex}.topbar{z-index:1000;-webkit-backdrop-filter:blur(24px);border-bottom:1px solid var(--color-border-subtle,#ffffff0f);height:56px;font-family:var(--font-body,"Inter", sans-serif);background:#0a0a0feb;justify-content:space-between;align-items:center;padding:0 1.25rem;display:flex;position:fixed;top:0;left:0;right:0}.topbar__left{align-items:center;gap:.75rem;display:flex}.topbar__right{align-items:center;gap:1rem;display:flex}.topbar__logo{color:var(--color-text,#e8e4df);align-items:center;gap:.5rem;text-decoration:none;transition:opacity .2s;display:flex}.topbar__logo:hover{opacity:.85}.topbar__logo-mark{background:var(--color-accent,#c27c5a);width:28px;height:28px;font-family:var(--font-heading,"Libre Baskerville", serif);color:#fff;border-radius:7px;justify-content:center;align-items:center;font-size:.85rem;font-weight:700;display:flex}.topbar__logo-text{font-family:var(--font-heading,"Libre Baskerville", serif);letter-spacing:-.01em;font-size:1.05rem;font-weight:400}.topbar__hamburger{cursor:pointer;background:0 0;border:none;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:36px;height:36px;padding:0;transition:background .2s;display:flex}.topbar__hamburger:hover{background:#ffffff0f}.topbar__hamburger-line{background:var(--color-text-muted,#8a8580);border-radius:1px;width:18px;height:2px;transition:all .2s;display:block}.topbar__user{align-items:center;gap:.5rem;display:flex}.topbar__user-avatar{background:var(--color-accent-muted,#c27c5a26);width:30px;height:30px;color:var(--color-accent,#c27c5a);font-family:var(--font-body,"Inter", sans-serif);border-radius:50%;justify-content:center;align-items:center;font-size:.8rem;font-weight:600;display:flex}.topbar__user-email{color:var(--color-text-muted,#8a8580);text-overflow:ellipsis;white-space:nowrap;max-width:140px;font-size:.8rem;overflow:hidden}.topbar__sign-in-btn{border:1px solid var(--color-border,#ffffff1a);color:var(--color-text,#e8e4df);font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;background:#ffffff0f;border-radius:7px;padding:.4rem 1rem;font-size:.8rem;font-weight:500;transition:all .2s}.topbar__sign-in-btn:hover{background:#ffffff1a;border-color:#ffffff2e}.layout__content{min-height:calc(100vh - 56px);margin-top:56px;margin-left:260px;transition:margin-left .3s cubic-bezier(.4,0,.2,1)}.layout--sidebar-collapsed .layout__content{margin-left:60px}.layout__page-transition{animation:.35s cubic-bezier(.4,0,.2,1) forwards pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.topbar{height:52px;padding:0 .75rem}.topbar__user-email{display:none}.layout__content{margin-top:52px;margin-left:0}.layout--sidebar-collapsed .layout__content{margin-left:0}}.dashboard{max-width:1100px;margin:0 auto;padding:2.5rem 2rem 4rem}.dashboard__welcome{text-align:center;margin-bottom:2rem;padding:3rem 1rem 2rem;position:relative}.dashboard__welcome:before{content:"";pointer-events:none;background:radial-gradient(#c27c5a0f 0%,#0000 70%);width:500px;height:300px;position:absolute;top:0;left:50%;transform:translate(-50%)}.dashboard__title{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);letter-spacing:-.01em;margin:0 0 .75rem;font-size:2.25rem;font-weight:400}.dashboard__subtitle{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);max-width:520px;margin:0 auto;font-size:.95rem;line-height:1.7}.dashboard__continue{margin-bottom:2rem}.dashboard__continue-card{-webkit-backdrop-filter:blur(20px);background:#141419cc;border:1px solid #c27c5a26;border-radius:14px;justify-content:space-between;align-items:center;gap:1.5rem;padding:1.5rem 2rem;display:flex;box-shadow:0 4px 24px #0003,0 0 0 1px #c27c5a0d}.dashboard__continue-info{flex:1}.dashboard__continue-label{font-family:var(--font-body,"Inter", sans-serif);text-transform:uppercase;letter-spacing:.1em;color:var(--color-accent,#c27c5a);margin-bottom:.4rem;font-size:.7rem;font-weight:600;display:block}.dashboard__continue-tool-name{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);margin:0 0 .25rem;font-size:1.25rem;font-weight:400}.dashboard__continue-description{color:var(--color-text-muted,#8a8580);margin:0;font-size:.85rem}.dashboard__continue-btn{background:var(--color-accent,#c27c5a);color:#fff;font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;white-space:nowrap;border:none;border-radius:8px;padding:.6rem 1.5rem;font-size:.85rem;font-weight:600;transition:all .2s}.dashboard__continue-btn:hover{background:var(--color-accent-hover,#d4916e);transform:translateY(-1px);box-shadow:0 6px 20px #c27c5a4d}.dashboard__start-cta{margin-bottom:2rem}.dashboard__start-card{text-align:center;background:linear-gradient(135deg,#c27c5a14 0%,#141419e6 50%,#7c9a820d 100%);border:1px solid #ffffff0f;border-radius:16px;padding:2.5rem 2rem}.dashboard__start-content{max-width:450px;margin:0 auto}.dashboard__start-heading{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);margin:0 0 .75rem;font-size:1.5rem;font-weight:400}.dashboard__start-text{color:var(--color-text-muted,#8a8580);margin:0 0 1.5rem;font-size:.9rem;line-height:1.65}.dashboard__start-btn{background:var(--color-accent,#c27c5a);color:#fff;font-family:var(--font-body,"Inter", sans-serif);border-radius:8px;padding:.7rem 2rem;font-size:.9rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.dashboard__start-btn:hover{background:var(--color-accent-hover,#d4916e);transform:translateY(-1px);box-shadow:0 6px 20px #c27c5a4d}.dashboard__stats{gap:1rem;margin-bottom:2.5rem;display:flex}.dashboard__stat-card{background:var(--color-surface,#141419);border:1px solid var(--color-border-subtle,#ffffff0a);border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:.3rem;padding:1.25rem;transition:border-color .2s;display:flex}.dashboard__stat-card:hover{border-color:var(--color-border,#ffffff14)}.dashboard__stat-value{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-accent,#c27c5a);font-size:2rem;font-weight:400}.dashboard__stat-label{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-subtle,#565d68);text-transform:uppercase;letter-spacing:.06em;font-size:.75rem;font-weight:500}.dashboard__section-title{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);margin:0 0 1.25rem;font-size:1.3rem;font-weight:400}.dashboard__featured{margin-bottom:3rem}.dashboard__featured-grid{grid-template-columns:repeat(3,1fr);gap:1rem;display:grid}.dashboard__all-tools,.dashboard__category{margin-bottom:2rem}.dashboard__category-title{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-secondary,#b0aba5);align-items:center;gap:.5rem;margin:0 0 1rem;font-size:.9rem;font-weight:600;display:flex}.dashboard__category-emoji{font-size:1rem}.dashboard__tools-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.85rem;display:grid}.tool-card{background:var(--color-surface,#141419);border:1px solid var(--color-border-subtle,#ffffff0a);cursor:pointer;border-radius:12px;outline:none;padding:1.25rem;transition:all .25s cubic-bezier(.4,0,.2,1);position:relative}.tool-card:hover,.tool-card:focus-visible{border-color:var(--color-border,#ffffff1a);background:var(--color-surface-hover,#1a1a22);transform:translateY(-2px);box-shadow:0 8px 28px #0000004d}.tool-card--promoted{border-color:var(--color-accent-muted,#c27c5a26);box-shadow:0 0 0 1px #c27c5a0d}.tool-card--promoted:hover{border-color:var(--color-accent,#c27c5a);box-shadow:0 0 30px #c27c5a1a,0 8px 28px #0000004d}.tool-card--large{padding:1.5rem}.tool-card__badge{letter-spacing:.05em;color:var(--color-accent,#c27c5a);background:var(--color-accent-muted,#c27c5a26);border-radius:4px;padding:.15rem .45rem;font-size:.6rem;font-weight:700;position:absolute;top:.75rem;right:.75rem}.tool-card__header{align-items:flex-start;gap:.75rem;margin-bottom:.5rem;display:flex}.tool-card__emoji{flex-shrink:0;font-size:1.5rem;line-height:1}.tool-card--large .tool-card__emoji{font-size:1.75rem}.tool-card__title-group{flex:1;min-width:0}.tool-card__name{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text,#e8e4df);margin:0;font-size:.9rem;font-weight:600;line-height:1.3}.tool-card--large .tool-card__name{font-size:1rem}.tool-card__category{color:var(--color-text-subtle,#565d68);font-size:.72rem}.tool-card__status{flex-shrink:0;align-items:center;gap:.35rem;display:flex}.tool-card__lock{color:var(--color-text-subtle,#565d68);display:flex}.tool-card__description{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0 0 .75rem;font-size:.8rem;line-height:1.55;display:-webkit-box;overflow:hidden}.tool-card__progress{align-items:center;gap:.5rem;margin-top:.5rem;display:flex}.tool-card__progress-track{background:var(--color-border,#ffffff0f);border-radius:2px;flex:1;height:3px;overflow:hidden}.tool-card__progress-fill{background:var(--color-accent,#c27c5a);border-radius:2px;height:100%;transition:width .6s cubic-bezier(.4,0,.2,1)}.tool-card__progress-text{color:var(--color-text-subtle,#565d68);white-space:nowrap;font-size:.7rem;font-weight:500}.tool-card__free-badge{color:var(--color-success,#7c9a82);background:#7c9a821a;border-radius:4px;margin-top:.5rem;padding:.15rem .4rem;font-size:.65rem;font-weight:600;display:inline-block}@media (width<=1024px){.dashboard__featured-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.dashboard{padding:1.5rem 1rem 3rem}.dashboard__title{font-size:1.75rem}.dashboard__stats{flex-direction:column;gap:.75rem}.dashboard__stat-card{flex-direction:row;justify-content:center;gap:.75rem;padding:.85rem}.dashboard__stat-value{font-size:1.5rem}.dashboard__featured-grid,.dashboard__tools-grid{grid-template-columns:1fr}.dashboard__continue-card{text-align:center;flex-direction:column}}.start-here{max-width:800px;margin:0 auto;padding:2.5rem 2rem 4rem}.start-here__header{text-align:center;padding:2rem 0 3rem}.start-here__title{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);letter-spacing:-.01em;margin:0 0 1rem;font-size:2.25rem;font-weight:400}.start-here__subtitle{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);max-width:480px;margin:0 auto;font-size:.95rem;line-height:1.75}.start-here__timeline{position:relative}.start-here__step{gap:1.5rem;padding-bottom:2.5rem;display:flex}.start-here__step:last-child{padding-bottom:0}.start-here__connector{flex-direction:column;flex-shrink:0;align-items:center;width:36px;display:flex}.start-here__dot{z-index:2;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative}.start-here__dot-number{width:32px;height:32px;font-family:var(--font-body,"Inter", sans-serif);border-radius:50%;justify-content:center;align-items:center;font-size:.85rem;font-weight:600;display:flex}.start-here__step--not-started .start-here__dot-number,.start-here__step--future .start-here__dot-number{background:var(--color-surface,#141419);color:var(--color-text-subtle,#565d68);border:2px solid var(--color-border,#2a2a35)}.start-here__step--current .start-here__dot-number,.start-here__step--in-progress .start-here__dot-number{background:var(--color-accent-muted,#c27c5a26);color:var(--color-accent,#c27c5a);border:2px solid var(--color-accent,#c27c5a);animation:2s ease-in-out infinite currentDotPulse}@keyframes currentDotPulse{0%,to{box-shadow:0 0 #c27c5a33}50%{box-shadow:0 0 0 8px #c27c5a00}}.start-here__line{background:var(--color-border,#2a2a35);flex:1;width:2px;min-height:40px;margin-top:.25rem}.start-here__line--complete{background:var(--color-success,#7c9a82)}.start-here__step-content{flex:1;min-width:0;padding-top:.25rem}.start-here__step-title{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);margin:0 0 .5rem;font-size:1.25rem;font-weight:400}.start-here__step--complete .start-here__step-title{color:var(--color-text-muted,#8a8580)}.start-here__step--future .start-here__step-title{color:var(--color-text-subtle,#565d68)}.start-here__step-description{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);margin:0 0 1.25rem;font-size:.88rem;line-height:1.65}.start-here__step--complete .start-here__step-description{color:var(--color-text-subtle,#565d68)}.start-here__step-tools{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:.85rem;display:grid}.start-here__practice-kit{margin-top:.25rem}.start-here__practice-kit-card{background:linear-gradient(135deg,#c27c5a0f 0%,#141419e6 100%);border:1px solid #c27c5a1f;border-radius:14px;justify-content:space-between;align-items:center;gap:1.25rem;padding:1.5rem;transition:all .25s;display:flex}.start-here__practice-kit-card:hover{border-color:#c27c5a40;box-shadow:0 4px 24px #c27c5a14}.start-here__practice-kit-info{flex:1;align-items:flex-start;gap:1rem;display:flex}.start-here__practice-kit-emoji{flex-shrink:0;font-size:2rem;line-height:1}.start-here__practice-kit-name{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);margin:0 0 .35rem;font-size:1.1rem;font-weight:400}.start-here__practice-kit-desc{color:var(--color-text-muted,#8a8580);margin:0;font-size:.82rem;line-height:1.6}.start-here__practice-kit-btn{background:var(--color-accent,#c27c5a);color:#fff;font-family:var(--font-body,"Inter", sans-serif);white-space:nowrap;border-radius:8px;flex-shrink:0;padding:.65rem 1.5rem;font-size:.85rem;font-weight:600;text-decoration:none;transition:all .2s;display:inline-block}.start-here__practice-kit-btn:hover{background:var(--color-accent-hover,#d4916e);transform:translateY(-1px);box-shadow:0 6px 20px #c27c5a4d}@media (width<=768px){.start-here{padding:1.5rem 1rem 3rem}.start-here__title{font-size:1.75rem}.start-here__step{gap:1rem}.start-here__step-tools{grid-template-columns:1fr}.start-here__practice-kit-card{text-align:center;flex-direction:column}.start-here__practice-kit-info{flex-direction:column;align-items:center}.start-here__practice-kit-btn{text-align:center;width:100%}}.tool-page{flex-direction:column;height:calc(100vh - 56px);display:flex;overflow:hidden}.tool-page__breadcrumb{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);background:var(--color-bg,#0a0a0f);border-bottom:1px solid var(--color-border-subtle,#ffffff0f);flex-shrink:0;align-items:center;gap:.5rem;padding:.75rem 1.5rem;font-size:.8rem;display:flex}.tool-page__breadcrumb-link{color:var(--color-text-muted,#8a8580);text-decoration:none;transition:color .2s}.tool-page__breadcrumb-link:hover{color:var(--color-accent,#c27c5a)}.tool-page__breadcrumb-sep{color:var(--color-text-subtle,#565d68);font-size:.7rem}.tool-page__breadcrumb-category{color:var(--color-text-muted,#8a8580)}.tool-page__breadcrumb-current{color:var(--color-text,#e8e4df);font-weight:500}.tool-page__frame-container{background:var(--color-bg,#0a0a0f);flex:1;position:relative;overflow:hidden}.tool-page__iframe{opacity:1;border:none;width:100%;height:100%;transition:opacity .4s}.tool-page__iframe--loading{opacity:0}.tool-page__loading{background:var(--color-bg,#0a0a0f);z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:1.25rem;display:flex;position:absolute;inset:0}.tool-page__spinner{justify-content:center;align-items:center;display:flex}.tool-page__spinner-ring{border:3px solid var(--color-border,#ffffff14);border-top-color:var(--color-accent,#c27c5a);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite toolSpin}@keyframes toolSpin{to{transform:rotate(360deg)}}.tool-page__loading-text{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);letter-spacing:.02em;font-size:.85rem}.tool-page__error{text-align:center;background:var(--color-bg,#0a0a0f);z-index:5;flex-direction:column;justify-content:center;align-items:center;gap:1rem;padding:2rem;display:flex;position:absolute;inset:0}.tool-page__error-text{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);font-size:.9rem}.tool-page__error-retry{background:var(--color-accent,#c27c5a);color:#fff;font-family:var(--font-body,"Inter", sans-serif);cursor:pointer;border:none;border-radius:8px;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;transition:all .2s}.tool-page__error-retry:hover{background:var(--color-accent-hover,#d4916e);transform:translateY(-1px)}.tool-page--not-found{height:calc(100vh - 56px)}.tool-page__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1rem;height:100%;padding:2rem;display:flex}.tool-page__empty-icon{color:var(--color-text-subtle,#565d68);margin-bottom:.5rem}.tool-page__empty-title{font-family:var(--font-heading,"Libre Baskerville", serif);color:var(--color-text,#e8e4df);font-size:1.5rem;font-weight:400}.tool-page__empty-text{font-family:var(--font-body,"Inter", sans-serif);color:var(--color-text-muted,#8a8580);max-width:400px;font-size:.9rem;line-height:1.6}.tool-page__empty-link{background:var(--color-accent,#c27c5a);color:#fff;font-family:var(--font-body,"Inter", sans-serif);border-radius:8px;align-items:center;gap:.4rem;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .2s;display:inline-flex}.tool-page__empty-link:hover{background:var(--color-accent-hover,#d4916e);transform:translateY(-1px)}@media (width<=768px){.tool-page{height:calc(100vh - 52px)}.tool-page__breadcrumb{white-space:nowrap;-webkit-overflow-scrolling:touch;padding:.6rem 1rem;font-size:.75rem;overflow-x:auto}.tool-page__breadcrumb::-webkit-scrollbar{display:none}}*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;margin:0;padding:0}:root{--color-bg:#0a0a0f;--color-surface:#141419;--color-surface-hover:#1a1a22;--color-surface-raised:#1e1e28;--color-surface-glass:#141419cc;--color-surface-glass-hover:#1a1a22e6;--color-sidebar:#0d0d12;--color-overlay:#05050ab3;--color-accent:#c27c5a;--color-accent-hover:#d4916e;--color-accent-muted:#c27c5a26;--color-accent-glow:#c27c5a40;--color-text:#e8e4df;--color-text-secondary:#b0aba5;--color-text-muted:#8a8580;--color-text-subtle:#565d68;--color-text-inverse:#0a0a0f;--color-success:#7c9a82;--color-success-muted:#7c9a8226;--color-warning:#d4a85c;--color-warning-muted:#d4a85c26;--color-error:#c45c5c;--color-error-muted:#c45c5c26;--color-info:#5c8ec4;--color-info-muted:#5c8ec426;--color-border:#2a2a35;--color-border-subtle:#1f1f2a;--color-border-accent:#c27c5a4d;--font-heading:"Libre Baskerville", Georgia, "Times New Roman", serif;--font-body:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", "Consolas", monospace;--text-xs:.75rem;--text-sm:.8125rem;--text-base:.9375rem;--text-md:1rem;--text-lg:1.125rem;--text-xl:1.3125rem;--text-2xl:1.625rem;--text-3xl:2rem;--text-4xl:2.5rem;--weight-light:300;--weight-normal:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.25;--leading-snug:1.375;--leading-normal:1.6;--leading-relaxed:1.75;--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--radius-xl:20px;--radius-2xl:28px;--radius-full:9999px;--shadow-sm:0 1px 3px #0000004d, 0 1px 2px #0003;--shadow-md:0 4px 12px #00000059, 0 2px 4px #0003;--shadow-lg:0 10px 30px #0006, 0 4px 10px #00000040;--shadow-xl:0 20px 50px #00000080, 0 8px 20px #0000004d;--shadow-glow:0 0 20px #c27c5a26, 0 0 40px #c27c5a0d;--shadow-inner:inset 0 1px 3px #0000004d;--glass-bg:#141419cc;--glass-border:#ffffff0f;--glass-blur:blur(20px);--glass-blur-lg:blur(40px);--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--duration-fast:.15s;--duration-normal:.25s;--duration-slow:.4s;--duration-slower:.6s;--z-base:1;--z-dropdown:100;--z-sticky:200;--z-sidebar:300;--z-overlay:400;--z-modal:500;--z-toast:600;--sidebar-width:260px;--sidebar-collapsed:60px;--topbar-height:0px;--content-max-width:1200px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:16px}body{font-family:var(--font-body);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);color:var(--color-text);background-color:var(--color-bg);min-height:100vh;overflow-x:hidden}img,picture,video,canvas,svg{max-width:100%;display:block}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;background:0 0;border:none}a{color:var(--color-accent);transition:color var(--duration-fast) var(--ease-out);text-decoration:none}a:hover{color:var(--color-accent-hover)}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-text)}::selection{background:var(--color-accent-muted);color:var(--color-accent-hover)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:var(--radius-sm)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.heading-1{font-family:var(--font-heading);font-size:var(--text-4xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.02em}.heading-2{font-family:var(--font-heading);font-size:var(--text-3xl);font-weight:var(--weight-bold);line-height:var(--leading-tight);letter-spacing:-.015em}.heading-3{font-family:var(--font-heading);font-size:var(--text-2xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.heading-4{font-family:var(--font-heading);font-size:var(--text-xl);font-weight:var(--weight-bold);line-height:var(--leading-snug)}.body-lg{font-size:var(--text-lg);line-height:var(--leading-relaxed);color:var(--color-text-secondary)}.body-sm{font-size:var(--text-sm);line-height:var(--leading-normal);color:var(--color-text-muted)}.label{font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.08em;text-transform:uppercase;color:var(--color-text-subtle)}.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}.text-muted{color:var(--color-text-muted)}.text-subtle{color:var(--color-text-subtle)}.text-accent{color:var(--color-accent)}.text-success{color:var(--color-success)}.text-center{text-align:center}.text-right{text-align:right}.font-heading{font-family:var(--font-heading)}.font-body{font-family:var(--font-body)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.flex-1{flex:1}.flex-shrink-0{flex-shrink:0}.w-full{width:100%}.truncate{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.btn{justify-content:center;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:var(--weight-semibold);border-radius:var(--radius-md);cursor:pointer;-webkit-user-select:none;user-select:none;white-space:nowrap;transition:background-color var(--duration-fast) var(--ease-out), border-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-fast) var(--ease-out);border:1px solid #0000;line-height:1;display:inline-flex}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.btn-primary{background:linear-gradient(135deg, var(--color-accent) 0%, #b06a4a 100%);color:#fff;border-color:#0000;box-shadow:0 2px 8px #c27c5a40}.btn-primary:hover:not(:disabled){background:linear-gradient(135deg, var(--color-accent-hover) 0%, var(--color-accent) 100%);box-shadow:0 4px 16px #c27c5a59, var(--shadow-glow);transform:translateY(-1px)}.btn-primary:active:not(:disabled){transform:translateY(0)scale(.97);box-shadow:0 1px 4px #c27c5a33}.btn-secondary{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-accent);color:var(--color-accent);box-shadow:var(--shadow-sm)}.btn-ghost{color:var(--color-text-muted);background:0 0;border-color:#0000}.btn-ghost:hover:not(:disabled){background:var(--color-surface);color:var(--color-text)}.btn-sm{padding:var(--space-2) var(--space-4);font-size:var(--text-xs);border-radius:var(--radius-sm)}.btn-lg{padding:var(--space-4) var(--space-8);font-size:var(--text-md);border-radius:var(--radius-lg)}.btn-icon{padding:var(--space-2);border-radius:var(--radius-md);width:36px;height:36px}.card{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-lg);padding:var(--space-6);transition:border-color var(--duration-normal) var(--ease-out), box-shadow var(--duration-normal) var(--ease-out), transform var(--duration-normal) var(--ease-out)}.card:hover{box-shadow:var(--shadow-md);border-color:#ffffff1a}.card-interactive:hover{border-color:var(--color-border-accent);box-shadow:var(--shadow-lg), var(--shadow-glow);transform:translateY(-2px)}.card-header{margin-bottom:var(--space-4);justify-content:space-between;align-items:center;display:flex}.card-title{font-family:var(--font-heading);font-size:var(--text-lg);font-weight:var(--weight-bold)}.card-description{font-size:var(--text-sm);color:var(--color-text-muted);line-height:var(--leading-normal)}.card-footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--color-border-subtle);justify-content:space-between;align-items:center;display:flex}.card-prominent{border-color:var(--color-border-accent);background:linear-gradient(135deg,#c27c5a14 0%,#141419e6 50%,#7c9a820d 100%)}.badge{align-items:center;gap:var(--space-1);font-size:var(--text-xs);font-weight:var(--weight-semibold);letter-spacing:.03em;border-radius:var(--radius-full);white-space:nowrap;padding:3px 10px;line-height:1.4;display:inline-flex}.badge-free{background:var(--color-success-muted);color:var(--color-success);border:1px solid #7c9a8240}.badge-premium{background:var(--color-accent-muted);color:var(--color-accent);border:1px solid #c27c5a40}.badge-new{background:var(--color-info-muted);color:var(--color-info);border:1px solid #5c8ec440;animation:2s ease-in-out infinite badgePulse}.badge-complete{background:var(--color-success-muted);color:var(--color-success);border:1px solid #7c9a8240}@keyframes badgePulse{0%,to{opacity:1}50%{opacity:.7}}.progress-bar{background:var(--color-surface-hover);border-radius:var(--radius-full);width:100%;height:6px;position:relative;overflow:hidden}.progress-bar-fill{border-radius:var(--radius-full);background:linear-gradient(90deg, var(--color-accent) 0%, var(--color-accent-hover) 100%);height:100%;transition:width var(--duration-slow) var(--ease-out);position:relative}.progress-bar-fill:after{content:"";background:linear-gradient(90deg,#0000 0%,#ffffff26 50%,#0000 100%);animation:2s ease-in-out infinite progressShimmer;position:absolute;inset:0}@keyframes progressShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.progress-bar-complete .progress-bar-fill{background:linear-gradient(90deg, var(--color-success) 0%, #8fb895 100%)}.progress-wrapper{gap:var(--space-2);flex-direction:column;display:flex}.progress-label{font-size:var(--text-xs);color:var(--color-text-muted);justify-content:space-between;align-items:center;display:flex}.progress-value{font-weight:var(--weight-semibold);color:var(--color-accent)}.progress-ring{transform:rotate(-90deg)}.progress-ring-bg{fill:none;stroke:var(--color-surface-hover)}.progress-ring-fill{fill:none;stroke:var(--color-accent);stroke-linecap:round;transition:stroke-dashoffset var(--duration-slow) var(--ease-out)}.progress-ring-complete .progress-ring-fill{stroke:var(--color-success)}.progress-ring-container{justify-content:center;align-items:center;display:inline-flex;position:relative}.progress-ring-label{font-size:var(--text-xs);font-weight:var(--weight-bold);color:var(--color-text);position:absolute}.progress-dot{border-radius:var(--radius-full);border:1.5px solid var(--color-text-subtle);width:8px;height:8px;transition:all var(--duration-normal) var(--ease-out);background:0 0;flex-shrink:0}.progress-dot-half{background:linear-gradient(to top, var(--color-accent) 50%, transparent 50%);border-color:var(--color-accent)}.progress-dot-full{background:var(--color-success);border-color:var(--color-success);box-shadow:0 0 6px #7c9a8266}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes subtlePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.85;transform:scale(1.02)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}.animate-fade-in{animation:fadeIn var(--duration-normal) var(--ease-out) both}.animate-fade-in-up{animation:fadeInUp var(--duration-slow) var(--ease-out) both}.animate-fade-in-down{animation:fadeInDown var(--duration-slow) var(--ease-out) both}.animate-slide-in-left{animation:slideInLeft var(--duration-slow) var(--ease-out) both}.animate-slide-in-right{animation:slideInRight var(--duration-slow) var(--ease-out) both}.animate-scale-in{animation:scaleIn var(--duration-slow) var(--ease-out) both}.delay-1{animation-delay:50ms}.delay-2{animation-delay:.1s}.delay-3{animation-delay:.15s}.delay-4{animation-delay:.2s}.delay-5{animation-delay:.25s}.delay-6{animation-delay:.3s}.delay-7{animation-delay:.35s}.delay-8{animation-delay:.4s}*{scrollbar-width:thin;scrollbar-color:var(--color-border) transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-text-subtle)}::-webkit-scrollbar-corner{background:0 0}.skeleton{background:linear-gradient(90deg, var(--color-surface) 25%, var(--color-surface-hover) 50%, var(--color-surface) 75%);border-radius:var(--radius-md);background-size:400% 100%;animation:1.8s ease-in-out infinite shimmer}.skeleton-text{width:100%;height:14px;margin-bottom:var(--space-2)}.skeleton-text:last-child{width:65%}.skeleton-heading{width:50%;height:24px;margin-bottom:var(--space-4)}.skeleton-circle{border-radius:var(--radius-full)}.divider{background:linear-gradient(90deg, transparent 0%, var(--color-border) 20%, var(--color-border) 80%, transparent 100%);height:1px;margin:var(--space-6) 0;border:none}[data-tooltip]{position:relative}[data-tooltip]:after{content:attr(data-tooltip);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--weight-medium);color:var(--color-text);background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:var(--radius-sm);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);z-index:var(--z-toast);position:absolute;bottom:calc(100% + 8px);left:50%;transform:translate(-50%)translateY(4px)}[data-tooltip]:hover:after{opacity:1;transform:translate(-50%)translateY(0)}