*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1113;--bg-panel:#1c1e20;--bg-secondary:#23262a;--bg-deep:#131517;--accent:#d1fe17;--accent-dim:#d1fe170d;--accent-glow:#d1fe1726;--text:#f7f7f8;--text-muted:#898a8b;--border:#262626;--error:#ff005b;--white-surface:#fff;--radius-sm:4px;--radius-md:6px;--radius-base:8px;--radius-card:10px;--radius-card-lg:12px;--radius-panel:16px;--radius-pill:32px;--sp-1:4px;--sp-2:6px;--sp-3:8px;--sp-4:10px;--sp-5:12px;--sp-6:16px;--sp-7:20px;--sp-8:24px;--sp-9:32px;--sp-10:36px;--sp-11:40px;--sp-12:48px;--sp-13:64px;--sp-14:80px;--font-display:"Space Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-body:"Outfit", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-caption:"Outfit", sans-serif;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-in-out:cubic-bezier(.65, 0, .35, 1);--duration-fast:.15s;--duration-base:.25s;--duration-slow:.4s;--max-width:1200px;--header-height:64px}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;font-size:16px}body{font-family:var(--font-body);color:var(--text);background:var(--bg);min-height:100vh;font-size:16px;font-weight:400;line-height:24px}a{color:inherit;text-decoration:none}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:var(--font-body);color:var(--text);background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-base);padding:var(--sp-5) var(--sp-6);transition:border-color var(--duration-fast) var(--ease-out);outline:none;width:100%;font-size:14px}input:focus,textarea:focus,select:focus{border-color:var(--accent)}textarea{resize:vertical;min-height:100px;line-height:1.6}::selection{background:var(--accent);color:var(--bg)}.display-heading{font-family:var(--font-display);letter-spacing:-.96px;font-size:48px;font-weight:700;line-height:50px}.section-heading{font-family:var(--font-display);font-size:28px;font-weight:700;line-height:36px}.card-title{font-family:var(--font-display);font-size:16px;font-weight:700;line-height:24px}.badge-label{font-family:var(--font-display);text-transform:uppercase;letter-spacing:.5px;font-size:12px;font-weight:700;line-height:18px}.body-medium{letter-spacing:-.01em;font-weight:500}.ui-label{font-size:14px;font-weight:500;line-height:20px}.ui-label-small{font-size:12px;font-weight:600;line-height:18px}.caption{font-family:var(--font-caption);letter-spacing:.3px;color:var(--text-muted);font-size:12px;font-weight:400;line-height:19.8px}.page-container{max-width:var(--max-width);padding:var(--sp-10) var(--sp-12);margin:0}.site-header{z-index:100;height:var(--header-height);width:100%;padding:0 var(--sp-6);background:0 0;justify-content:center;align-items:center;display:flex;position:absolute;top:16px}.header-container{justify-content:center;align-items:center;gap:var(--sp-8);display:flex}.site-header__logo{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text);align-items:center;gap:0;font-size:24px;font-weight:800;text-decoration:none;display:flex}.favicon-s{width:.85em;height:.85em;display:inline-block;transform:translateY(.05em)}.site-header__logo .accent-dot{background:var(--accent);width:6px;height:6px;box-shadow:0 0 10px var(--accent);border-radius:50%;animation:2s infinite pulse-dot;display:inline-block}@keyframes pulse-dot{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.site-header__nav{align-items:center;gap:var(--sp-6);display:flex}.site-header__nav a,.nav-dropdown-trigger{font-family:var(--font-caption);letter-spacing:.05em;text-transform:uppercase;color:var(--text-muted);transition:all var(--duration-fast) var(--ease-out);cursor:pointer;background:0 0;border:none;align-items:center;gap:4px;padding:8px 0;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:relative}.site-header__nav a:after,.nav-dropdown-trigger:after{content:"";background:var(--accent);transform-origin:100%;width:100%;height:1px;transition:transform var(--duration-normal) var(--ease-out);position:absolute;bottom:0;left:0;transform:scaleX(0)}.site-header__nav a:hover,.site-header__nav a.active,.nav-dropdown-trigger:hover,.nav-dropdown-trigger.active{color:var(--text)}.site-header__nav a:hover:after,.site-header__nav a.active:after,.nav-dropdown-trigger:hover:after,.nav-dropdown-trigger.active:after{transform-origin:0;transform:scaleX(1)}.nav-dropdown-wrapper{position:relative}.chevron{transition:transform var(--duration-fast) var(--ease-out)}.chevron.rotated{transform:rotate(180deg)}.nav-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:var(--radius-base);min-width:200px;padding:var(--sp-4);z-index:1000;background:#0f1113f2;flex-direction:column;gap:2px;display:flex;position:absolute;top:calc(100% + 12px);left:-20px;box-shadow:0 20px 40px -10px #000c}.nav-dropdown-header{border-bottom:1px solid #ffffff0d;margin-bottom:8px;color:var(--accent)!important;padding-bottom:8px!important;font-weight:700!important}.nav-dropdown-item{border-radius:var(--radius-sm);color:var(--text)!important;text-transform:none!important;letter-spacing:normal!important;padding:8px 12px!important;font-size:13px!important}.nav-dropdown-item:after{display:none!important}.nav-dropdown-item:hover{background:#ffffff0d;color:var(--accent)!important}.site-footer{border-top:1px solid #ffffff08;justify-content:center;margin-top:100px;padding:40px 20px;display:flex;position:relative;overflow:hidden}.site-footer:before{content:"";background:linear-gradient(90deg, transparent, var(--accent), transparent);opacity:.5;width:200px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.site-footer__content{z-index:1;flex-direction:column;align-items:center;gap:20px;display:flex}.site-footer__log{font-family:var(--font-caption);letter-spacing:.2em;color:var(--accent);opacity:.7;text-transform:uppercase;font-size:10px}.site-footer__actions{gap:16px;display:flex}.site-footer__btn{color:var(--text-muted);font-family:var(--font-caption);letter-spacing:.1em;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;border:1px solid #ffffff1a;padding:8px 16px;font-size:11px}.site-footer__btn:hover{color:var(--text);background:#ffffff0d;border-color:#fff3}.btn{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-4) var(--sp-7);border-radius:var(--radius-base);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap;font-size:14px;font-weight:500;line-height:20px;display:inline-flex}.btn-primary{background:var(--accent);color:var(--bg);font-weight:600}.btn-primary:hover{background:#e5ff4d;transform:translateY(-1px)}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:var(--bg-secondary);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-muted);background:#2a2d32}.btn-ghost{color:var(--text-muted);padding:var(--sp-3) var(--sp-5)}.btn-ghost:hover{color:var(--text);background:var(--bg-secondary)}.btn-lg{padding:var(--sp-6) var(--sp-9);border-radius:var(--radius-card);font-size:16px}.btn-sm{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-md);font-size:12px}.btn:disabled{opacity:.4;cursor:not-allowed;transform:none}.card{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--sp-8);transition:all var(--duration-base) var(--ease-out)}.card:hover{border-color:#363636}.card--interactive:hover{border-color:var(--accent);background:#1e2023;transform:translateY(-2px)}.card--interactive{cursor:pointer}.badge{align-items:center;gap:var(--sp-2);padding:var(--sp-1) var(--sp-5);font-family:var(--font-display);border-radius:var(--radius-pill);background:var(--accent-dim);color:var(--accent);border:1px solid #d1fe171f;font-size:12px;font-weight:700;line-height:18px;display:inline-flex}.badge--new{background:var(--accent);color:var(--bg);border:none}.badge--coming-soon{color:var(--text-muted);background:#898a8b1a;border:1px solid #898a8b33}.badge--error{color:var(--error);background:#ff005b1a;border:1px solid #ff005b26}.tool-card{align-items:flex-start;gap:var(--sp-6);padding:var(--sp-7);background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-card-lg);transition:all var(--duration-base) var(--ease-out);cursor:pointer;text-decoration:none;display:flex}.tool-card:hover{border-color:var(--accent);background:#1e2023;transform:translateY(-1px)}.tool-card__icon{background:var(--accent-dim);border-radius:var(--radius-base);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;font-size:20px;display:flex}.tool-card__content{flex:1;min-width:0}.tool-card__title{font-family:var(--font-display);margin-bottom:var(--sp-1);align-items:center;gap:var(--sp-3);font-size:16px;font-weight:700;line-height:24px;display:flex}.tool-card__desc{color:var(--text-muted);font-size:14px;line-height:20px}.tool-card__arrow{color:var(--text-muted);transition:transform var(--duration-fast) var(--ease-out);flex-shrink:0;font-size:18px}.tool-card:hover .tool-card__arrow{color:var(--accent);transform:translate(3px)}.tool-card--disabled{opacity:.5;cursor:default}.tool-card--disabled:hover{border-color:var(--border);background:var(--bg-panel);transform:none}.tool-page{padding:var(--sp-10) var(--sp-12);width:100%;max-width:var(--max-width);flex-direction:column;flex:1;margin:0;display:flex}.tool-page__header{margin-bottom:var(--sp-8)}.tool-page__breadcrumb{align-items:center;gap:var(--sp-3);margin-bottom:var(--sp-6);color:var(--text-muted);font-size:14px;display:flex}.tool-page__breadcrumb a:hover{color:var(--text)}.tool-page__title{font-family:var(--font-display);letter-spacing:-.64px;margin-bottom:var(--sp-3);font-size:32px;font-weight:700;line-height:40px}.tool-page__subtitle{color:var(--text-muted);max-width:600px;font-size:16px;line-height:24px}.tool-page__body{gap:var(--sp-8);grid-template-columns:360px 1fr;align-items:flex-start;width:100%;display:grid}.tool-page__input-panel,.tool-page__output-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--sp-8);flex-direction:column;display:flex}.form-group{margin-bottom:var(--sp-7)}.form-group:last-child{margin-bottom:0}.form-label{margin-bottom:var(--sp-3);color:var(--text);font-size:14px;font-weight:500;display:block}.form-hint{color:var(--text-muted);margin-top:var(--sp-2);font-size:12px}.chip-group{gap:var(--sp-3);flex-wrap:wrap;display:flex}.chip{padding:var(--sp-2) var(--sp-5);border-radius:var(--radius-pill);background:var(--bg-secondary);border:1px solid var(--border);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);font-size:13px;font-weight:500}.chip:hover{border-color:var(--text-muted)}.chip.active{background:var(--accent-dim);border-color:var(--accent);color:var(--accent)}.loading-pulse{justify-content:center;align-items:center;gap:var(--sp-3);padding:var(--sp-12) 0;color:var(--text-muted);font-size:14px;display:flex}.loading-pulse__dot{background:var(--accent);border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite pulse-dot}.loading-pulse__dot:nth-child(2){animation-delay:.16s}.loading-pulse__dot:nth-child(3){animation-delay:.32s}.result-card{background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--radius-card);padding:var(--sp-6);margin-bottom:var(--sp-5)}.result-card__header{margin-bottom:var(--sp-4);justify-content:space-between;align-items:center;display:flex}.result-card__index{font-family:var(--font-display);color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-sm);justify-content:center;align-items:center;width:24px;height:24px;font-size:12px;font-weight:700;display:flex}.result-card__copy{color:var(--text-muted);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-sm);transition:all var(--duration-fast) var(--ease-out);font-size:12px}.app-layout{min-height:100vh;display:flex}.app-layout.is-home{flex-direction:column}.app-layout.is-tool{flex-direction:row}.app-sidebar{background:var(--bg-deep);border-right:1px solid var(--border);width:280px;padding:var(--sp-6) var(--sp-6);z-index:50;flex-direction:column;height:100vh;display:flex;position:sticky;top:0;overflow-y:auto}.app-sidebar__logo{font-family:var(--font-display);letter-spacing:.05em;text-transform:uppercase;color:var(--text);margin-bottom:var(--sp-10);padding-left:var(--sp-4);align-items:center;gap:0;font-size:24px;font-weight:800;text-decoration:none;display:flex}.app-sidebar__persona-title{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--sp-4);padding-left:var(--sp-4);font-size:14px;font-weight:700}.app-sidebar__nav{gap:var(--sp-2);flex-direction:column;display:flex}.app-sidebar__group{margin-bottom:var(--sp-6);flex-direction:column;gap:2px;display:flex}.app-sidebar__group-label{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;padding-left:var(--sp-4);margin-bottom:var(--sp-3);opacity:.5;font-size:11px;font-weight:700}.app-sidebar__link{font-family:var(--font-body);color:var(--text-muted);padding:var(--sp-1) var(--sp-4);transition:all var(--duration-fast) var(--ease-out);font-size:14px;font-weight:400;text-decoration:none;display:block}.app-sidebar__link:hover{color:var(--text);transform:translate(4px)}.app-sidebar__link.is-active{color:var(--accent);border-left:2px solid var(--accent);padding-left:calc(var(--sp-4) - 2px);font-weight:500}.app-main{flex-direction:column;flex:1;min-width:0;display:flex}.result-card__copy:hover{color:var(--accent);background:var(--accent-dim)}.result-card__body{font-size:14px;line-height:22px}.result-card__tag{color:var(--text-muted);background:var(--bg-secondary);border-radius:var(--radius-sm);margin-top:var(--sp-3);padding:2px 8px;font-size:11px;font-weight:600;display:inline-block}.next-step{padding:var(--sp-4) var(--sp-6);border:1px solid var(--border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-fast) var(--ease-out);background:0 0;align-items:center;display:inline-flex}.next-step:hover{border-color:var(--accent);background:#d1fe170d}.next-step__label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px;font-size:11px;font-weight:600}.next-step__title{font-family:var(--font-display);color:var(--text);transition:color var(--duration-fast) var(--ease-out);font-size:14px;font-weight:600}.next-step:hover .next-step__title{color:var(--accent)}.next-step--primary{background:#4ade80;border:none;box-shadow:0 4px 12px #4ade8033}.next-step--primary .next-step__label{color:#0009}.next-step--primary .next-step__title{color:#000}.next-step--primary:hover{filter:brightness(1.1);background:#4ade80;transform:translateY(-1px)}.next-step--primary:hover .next-step__title{color:#000}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;animation:fadeIn var(--duration-fast) var(--ease-out);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--bg-panel);border:1px solid var(--border);border-radius:var(--radius-panel);padding:var(--sp-12);text-align:center;width:90%;max-width:440px;animation:scaleIn var(--duration-base) var(--ease-out)}.modal__icon{margin-bottom:var(--sp-6);font-size:48px}.modal__title{font-family:var(--font-display);margin-bottom:var(--sp-4);font-size:24px;font-weight:700}.modal__desc{color:var(--text-muted);margin-bottom:var(--sp-8);font-size:14px;line-height:22px}.modal__input-group{gap:var(--sp-3);margin-bottom:var(--sp-6);display:flex}.modal__input-group input{flex:1}.hf-layout{height:100vh;padding:var(--sp-12) var(--sp-8);color:var(--text);font-family:var(--font-caption);background:#000;flex-direction:column;display:flex;position:relative;overflow:hidden}.hf-ambient-bg{z-index:1;pointer-events:none;background:radial-gradient(circle,#d1fe1708 0%,#0000 60%);animation:8s ease-in-out infinite alternate ambient-breathe;position:absolute;inset:0}@keyframes ambient-breathe{0%{opacity:.5;transform:scale(1)}to{opacity:1;transform:scale(1.1)}}.hf-header{text-align:left;margin-bottom:var(--sp-12);z-index:10;width:100%;max-width:1200px;margin:0 auto var(--sp-12);position:relative}.hf-title{font-family:var(--font-display);letter-spacing:-.02em;text-transform:uppercase;color:var(--text);font-size:48px;font-weight:700;line-height:1;animation:10s infinite title-jitter}@keyframes title-jitter{0%,9%,11%,to{filter:none;transform:translate(0)}9.5%{filter:drop-shadow(2px 0 #f0fc);transform:translate(-2px,1px)}10%{filter:drop-shadow(-2px 0 #0ffc);transform:translate(2px,-1px)}10.5%{filter:none;transform:translate(-1px,-1px)}}.hf-grid{gap:var(--sp-8);z-index:10;grid-template-columns:repeat(3,1fr);width:100%;max-width:1200px;margin:0 auto;display:grid;position:relative}.hf-char-card{cursor:pointer;background:0 0;border:none;flex-direction:column;justify-content:flex-end;align-items:center;height:65vh;display:flex;position:relative;overflow:visible}.hf-char-card:after{display:none}.hf-char-card.dimmed{pointer-events:none}.hf-char-image-wrapper{z-index:2;background:0 0;border:none;flex:1;justify-content:center;align-items:flex-end;width:100%;display:flex;position:relative}.hf-char-info{z-index:10;flex-direction:column;align-items:center;width:100%;margin-top:-10px;display:flex}.hf-char-role{font-family:var(--font-caption);text-transform:uppercase;letter-spacing:.2em;color:var(--accent);opacity:0;transition:all var(--duration-base) var(--ease-out);margin-bottom:var(--sp-2);text-shadow:0 0 5px #d1fe1780;font-size:11px;transform:translateY(10px)}.hf-char-card:hover .hf-char-role,.hf-char-card.active .hf-char-role{opacity:1;transform:translateY(0)}.hf-char-button{border:2px solid var(--accent);width:100%;color:var(--accent);padding:var(--sp-4) var(--sp-6);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.1em;transition:all var(--duration-fast) var(--ease-out);text-align:center;clip-path:polygon(0 0,100% 0,100% calc(100% - 15px),calc(100% - 15px) 100%,0 100%);background:0 0;font-size:18px;font-weight:800;position:relative}.hf-char-button:before{content:"";background:var(--accent);width:4px;height:12px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.hf-char-card:hover .hf-char-button,.hf-char-card.active .hf-char-button{background:var(--accent);color:#000;box-shadow:0 0 15px #d1fe1780,inset 0 0 10px #fff3}.hf-char-card.active .hf-char-button{animation:1s infinite alternate button-pulse}@keyframes button-pulse{0%{box-shadow:0 0 15px #d1fe1780}to{box-shadow:0 0 30px #d1fe17cc,0 0 10px #fff}}.hf-scanline{background:var(--accent);width:100%;height:1px;box-shadow:0 0 8px var(--accent);pointer-events:none;animation:3s linear infinite hf-scan;position:absolute;top:0;left:0}@keyframes hf-scan{0%{opacity:0;transform:translateY(-100%)}10%{opacity:1}90%{opacity:1}to{opacity:0;transform:translateY(600px)}}.persona-hero{padding:var(--sp-14) var(--sp-8) var(--sp-12);text-align:center;border-bottom:1px solid var(--border);margin-bottom:var(--sp-12);background:radial-gradient(circle at 50% 0,#d1fe170d 0%,#0000 70%);position:relative}.persona-hero__label{font-family:var(--font-display);letter-spacing:.1em;color:var(--accent);margin-bottom:var(--sp-4);text-transform:uppercase;font-size:12px}.persona-hero__title{font-family:var(--font-display);letter-spacing:-.02em;margin-bottom:var(--sp-6);color:var(--white-surface);font-size:48px;font-weight:700;line-height:1.1}.persona-hero__subtitle{color:var(--text-muted);max-width:600px;margin:0 auto var(--sp-8);font-size:18px;line-height:1.6}.persona-hero__stats{justify-content:center;gap:var(--sp-8);display:flex}.persona-hero__stat-item{flex-direction:column;align-items:center;display:flex}.persona-hero__stat-value{font-family:var(--font-display);color:var(--text);font-size:24px;font-weight:700}.persona-hero__stat-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.1em;font-size:11px}.tools-grid{gap:var(--sp-6);max-width:900px;padding-bottom:var(--sp-14);grid-template-columns:repeat(2,1fr);margin:0 auto;display:grid}.pipeline-label{font-family:var(--font-display);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:var(--sp-6) 0 var(--sp-2);border-top:1px solid var(--border);margin-top:var(--sp-4);grid-column:1/-1;font-size:12px;font-weight:700}.pipeline-label:first-child{border-top:none;margin-top:0}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}@keyframes slideUp{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:slideUp var(--duration-slow) var(--ease-out) both}.animate-in-delay-1{animation-delay:80ms}.animate-in-delay-2{animation-delay:.16s}.animate-in-delay-3{animation-delay:.24s}.animate-in-delay-4{animation-delay:.32s}.text-muted{color:var(--text-muted)}.text-accent{color:var(--accent)}.text-error{color:var(--error)}.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}.mode-toggle{align-items:center;gap:var(--sp-3);margin-left:var(--sp-6);padding-left:var(--sp-6);border-left:1px solid var(--border);display:flex}.mode-toggle span{color:var(--text-muted);font-size:12px}.mode-toggle button{cursor:pointer;text-transform:uppercase;background:var(--bg-secondary);color:var(--accent);border:1px solid var(--border);padding:var(--sp-1) var(--sp-3)}@media (max-width:900px){.persona-grid{gap:var(--sp-5);grid-template-columns:1fr}.tool-page__body{gap:var(--sp-6);grid-template-columns:1fr}.hero__title{font-size:40px;line-height:48px}}@media (max-width:600px){.tools-grid{grid-template-columns:1fr}.site-header{padding:0 var(--sp-4)}.site-header__nav{top:var(--header-height);background:var(--bg);padding:var(--sp-8);gap:var(--sp-6);border-top:1px solid var(--border);transition:transform var(--duration-base) var(--ease-out);z-index:99;flex-direction:column;align-items:flex-start;position:fixed;bottom:0;left:0;right:0;transform:translate(100%)}.site-header__nav.is-open{transform:translate(0)}.mode-toggle{margin-left:0;margin-top:var(--sp-4);border-left:none;padding-left:0}.hamburger{display:flex}.tool-card{flex-direction:column;align-items:flex-start}.tool-page{padding:var(--sp-6) var(--sp-4)}.tool-page__header{margin-bottom:var(--sp-6)}.tool-page__title{font-size:24px;line-height:32px}.hero{padding:var(--sp-8) var(--sp-4)}.hero__title{font-size:32px;line-height:40px}.nav-dropdown-wrapper{width:100%}.nav-dropdown-menu{box-shadow:none;background:#ffffff05;border:none;margin-top:8px;padding:8px;position:static}}.hamburger{cursor:pointer;z-index:101;background:0 0;border:none;flex-direction:column;justify-content:space-around;width:24px;height:20px;padding:0;display:none}.hamburger div{background:var(--text);width:24px;height:2px;transition:all var(--duration-fast) linear;transform-origin:1px;border-radius:2px;position:relative}.hamburger.is-active div:first-child{transform:rotate(45deg)}.hamburger.is-active div:nth-child(2){opacity:0}.hamburger.is-active div:nth-child(3){transform:rotate(-45deg)}.hf-layout.view-features .hf-grid{grid-template-columns:400px;justify-content:flex-start;align-items:flex-end}.hf-layout.view-features .hf-char-card{justify-content:flex-end;height:80vh}.hf-layout.view-features .hf-char-card.dimmed{display:none}.hf-features-list{top:10%;right:var(--sp-12);gap:var(--sp-8);z-index:20;scroll-snap-type:y mandatory;scroll-behavior:smooth;-ms-overflow-style:none;scrollbar-width:none;flex-direction:column;width:500px;height:80vh;padding:40vh 0;display:flex;position:absolute;overflow-y:auto}.hf-features-list::-webkit-scrollbar{display:none}.hf-feature-card{padding:var(--sp-6);gap:var(--sp-4);scroll-snap-align:center;opacity:.4;filter:grayscale();background:#ffffff08;border:1px solid #ffffff0d;flex-direction:column;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;transform:scale(.9)translate(20px)}.hf-feature-card:hover,.hf-feature-card.active{opacity:1;filter:grayscale(0%);background:#d1fe170d;border-color:#d1fe174d;transform:scale(1)translate(0)}.hf-feature-title{font-family:var(--font-display);color:var(--text);letter-spacing:.05em;text-transform:uppercase;font-size:24px;font-weight:700}.hf-feature-desc{color:var(--text-muted);font-size:14px;line-height:1.5}.hf-feature-input-group{gap:var(--sp-3);margin-top:var(--sp-2);display:flex}.hf-feature-input{border:1px solid var(--border);color:var(--text);padding:var(--sp-3) var(--sp-4);font-family:var(--font-mono);transition:border-color var(--duration-fast);background:#00000080;outline:none;flex:1;font-size:14px}.hf-feature-input:focus{border-color:var(--accent)}.hf-feature-btn{background:var(--accent);color:#000;padding:0 var(--sp-6);font-family:var(--font-display);text-transform:uppercase;cursor:pointer;transition:all var(--duration-fast);border:none;font-weight:700}.hf-feature-btn:hover{background:#fff;box-shadow:0 0 15px #d1fe1780}.hf-bottom-fade{pointer-events:none;z-index:15;background:linear-gradient(#0000 0%,#000 80%);height:30vh;position:absolute;bottom:0;left:0;right:0}.hf-layout.view-features .hf-char-info,.hf-char-info{z-index:20;margin-bottom:20px}.hf-back-btn{top:var(--sp-8);left:var(--sp-8);z-index:50;color:var(--text-muted);font-family:var(--font-mono);cursor:pointer;font-size:12px;transition:color .2s;position:absolute}.hf-back-btn:hover{color:var(--accent)}@media (max-width:768px){.header-credits-balance{right:60px!important}.tool-credits-balance{margin-top:8px!important;margin-bottom:12px!important;position:static!important}.site-home .hf-grid{grid-template-columns:1fr!important;gap:20px!important;width:100%!important;max-width:320px!important;margin:0 auto!important;padding:0 20px!important}.site-home .hf-char-card{height:180px!important}.hf-layout{height:auto!important;min-height:100vh!important;padding:60px 16px 24px!important;overflow-y:auto!important}.hf-layout.view-features .hf-grid{grid-template-columns:1fr!important;width:100%!important;max-width:100%!important;height:auto!important;margin:0!important}.hf-layout.view-features .hf-char-card{justify-content:center!important;height:auto!important}.hf-char-image-wrapper{display:none!important}.hf-layout.view-features .hf-char-info,.hf-char-info{width:100%!important;margin:16px 0!important;position:static!important}.hf-char-button{padding:8px!important;font-size:16px!important}.hf-features-list{width:100%!important;height:auto!important;padding:0!important;position:static!important;overflow-y:visible!important}.hf-feature-card{opacity:1!important;filter:none!important;background:#ffffff0d!important;border-color:#ffffff1a!important;width:100%!important;margin-bottom:16px!important;transform:none!important}.hf-feature-card.active{background:#d1fe1714!important;border-color:#d1fe1766!important}.hf-feature-title{font-size:18px!important}.hf-feature-input-group{flex-direction:column!important;gap:8px!important}.hf-feature-btn{width:100%!important;height:40px!important;padding:10px!important}.hf-back-btn{top:16px!important;left:16px!important}.app-layout.is-tool{flex-direction:column!important;height:auto!important;min-height:100vh!important}.app-sidebar{border-right:none!important;border-bottom:1px solid var(--border)!important;flex-direction:column!important;gap:8px!important;width:100%!important;max-width:100%!important;height:auto!important;padding:12px 16px!important;display:flex!important;position:relative!important;top:0!important}.app-sidebar__logo{margin-bottom:0!important}.app-sidebar__nav{scrollbar-width:none!important;flex-direction:row!important;gap:8px!important;width:100%!important;padding:4px 0!important;display:flex!important;overflow-x:auto!important}.app-sidebar__nav::-webkit-scrollbar{display:none!important}.app-sidebar__link{white-space:nowrap!important;margin:0!important;padding:6px 12px!important}.app-sidebar>div:last-child{display:none!important}.app-main{width:100%!important;padding:16px!important}}