@import"https://fonts.googleapis.com/css2?family=IBM+Plex+Sans:wght@300;400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";:root{--color-primary: #ff8c42;--color-primary-600: #f2741c;--color-primary-700: #d65f10;--color-primary-400: #ffa869;--color-primary-soft: #ffe9d8;--color-cta: #ff8c42;--color-cta-600: #f2741c;--color-bg: #fffaf5;--color-surface: #ffffff;--color-surface-alt: #fff5ec;--color-text: #2a211a;--color-text-soft: #6b5d52;--color-text-muted: #a1907f;--color-border: #f2e6da;--color-border-strong: #e7d4c2;--cat-query: #2e90fa;--cat-convert: #8b5cf6;--cat-file: #ef4444;--cat-color: #ec4899;--cat-crypto: #14b8a6;--cat-dev: #6366f1;--cat-text: #64748b;--color-accent-image: #6366f1;--color-accent-media: #ec4899;--color-accent-life: #10b981;--color-accent-ai: #8b5cf6;--shadow-brand: 0 8px 24px -8px rgba(242, 116, 28, .22);--shadow-card: 0 6px 18px -10px rgba(42, 33, 26, .18);--color-footer-bg: #2a211a;--color-footer-muted: #7fa8a2;--color-footer-link: #9ec9c2;--color-footer-link-hover: #cdeae5;--color-info-bg: #e6f1fe;--color-info: #1d6fd0;--color-success-bg: #e9f7ef;--color-success-border: #b7e3c8;--color-success: #1c7a47;--color-diff-add-bg: #d7f5e3;--color-error-bg: #fdeced;--color-error-border: #f6c9cb;--color-error: #c62a2f;--color-error-light: #e5484d;--color-diff-del-bg: #fbd8da;--color-warning: #b8860b;--font-mono: "JetBrains Mono", ui-monospace, "SFMono-Regular", Menlo, Consolas, monospace;--font-sans: "IBM Plex Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", "PingFang SC", "Microsoft YaHei", sans-serif;--font-display: "Syne", "IBM Plex Sans", sans-serif;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-pill: 999px;--container: 1200px;--nav-h: 68px;--t-fast: .15s ease;--t-base: .2s ease}:root[data-theme=dark]{--color-primary: #ff9a5a;--color-primary-600: #ff8c42;--color-primary-400: #c95f17;--color-primary-soft: #3a2a1d;--color-cta: #ff8c42;--color-cta-600: #ffa869;--color-bg: #14110e;--color-surface: #1d1813;--color-surface-alt: #241d16;--color-text: #f5ede4;--color-text-soft: #d4c5b5;--color-text-muted: #a89988;--color-border: #332a22;--color-border-strong: #46392e;--color-footer-bg: #0e0c0a;--color-footer-muted: #9ec9c2;--color-footer-link: #7fa8a2;--color-footer-link-hover: #a8d8d2;--color-primary-700: #ffb380;--color-info-bg: #1a2e4a;--color-info: #88c5f5;--color-success-bg: #1a3a25;--color-success-border: #2d6b40;--color-success: #4ade80;--color-diff-add-bg: #163525;--color-error-bg: #3a1a1a;--color-error-border: #6b2828;--color-error: #f87171;--color-error-light: #f87171;--color-diff-del-bg: #3a1515;--color-warning: #f0c040;--shadow-brand: 0 8px 24px -8px rgba(255, 140, 66, .28);--shadow-card: 0 8px 22px -12px rgba(0, 0, 0, .6);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background-color:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4{font-family:var(--font-mono);font-weight:700;line-height:1.15;letter-spacing:-.02em;margin:0}p{margin:0}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}code,kbd{font-family:var(--font-mono)}img,svg{display:block}ul,ol{margin:0;padding:0;list-style:none}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px;border-radius:4px}.container{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:24px}.mono{font-family:var(--font-mono)}@keyframes fade-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fade-left{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.animate-on-enter{opacity:0}[data-animate=visible].fade-up{animation:fade-up .28s ease-out forwards}[data-animate=visible].fade-left{animation:fade-left .25s ease-out forwards}.reveal{opacity:0;animation:fade-up .6s cubic-bezier(.16,1,.3,1) forwards}.reveal-on-scroll{opacity:0;transform:translateY(18px);transition:opacity .62s cubic-bezier(.16,1,.3,1),transform .62s cubic-bezier(.16,1,.3,1);transition-delay:var(--reveal-delay, 0ms)}.reveal-on-scroll.is-in{opacity:1;transform:none}.copy-success{color:var(--color-success)!important;transition:color .15s ease}.copy-success:before{content:"✓ "}@keyframes btn-shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.btn-shake{animation:btn-shake 80ms ease-in-out 3}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tool-card-skeleton{height:120px;border-radius:var(--radius-md);background:var(--color-border);overflow:hidden;position:relative}.tool-card-skeleton:after{content:"";display:block;height:100%;background:linear-gradient(90deg,transparent 25%,var(--color-surface) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}.tool-content-skeleton{height:400px;border-radius:var(--radius-md);background:var(--color-border);overflow:hidden;position:relative}.tool-content-skeleton:after{content:"";display:block;height:100%;background:linear-gradient(90deg,transparent 25%,var(--color-surface) 50%,transparent 75%);background-size:200% 100%;animation:shimmer 1.4s infinite}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1}.reveal-on-scroll{opacity:1;transform:none;transition:none}.animate-on-enter{opacity:1!important;animation:none!important}}.app{min-height:100dvh;display:flex;flex-direction:column}main{flex:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:1px solid transparent;border-radius:var(--radius-pill);padding:10px 18px;font-size:.95rem;font-weight:600;white-space:nowrap;transition:background-color var(--t-base),color var(--t-base),border-color var(--t-base),transform var(--t-fast)}.btn:active{transform:scale(.97)}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:var(--color-primary-600)}.btn--cta{background:var(--color-cta);color:#fff}.btn--cta:hover{background:var(--color-cta-600)}.btn--ghost{background:transparent;color:var(--color-text);border-color:var(--color-border-strong)}.btn--ghost:hover{background:var(--color-primary-soft);border-color:var(--color-primary-400)}.btn--outline-light{background:transparent;color:#fff;border-color:#ffffff8c}.btn--outline-light:hover{background:#ffffff24;border-color:#fff}.btn--on-accent{background:#fff;color:var(--color-primary-700)}.btn--on-accent:hover{background:#fff4ea}.section-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:16px;margin-bottom:32px}.section-eyebrow{display:inline-block;font-size:.8rem;font-weight:600;letter-spacing:.08em;color:var(--color-text-muted);margin-bottom:8px}.section-title{display:flex;align-items:center;gap:10px;font-size:clamp(1.6rem,3vw,2.2rem);font-family:var(--font-display);color:var(--color-text)}.section-desc{max-width:42ch;color:var(--color-text-soft);font-size:.95rem}.nav{position:sticky;top:0;z-index:50;background:color-mix(in srgb,var(--color-bg) 85%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border)}.nav__inner{height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.nav__logo{width:36px;height:36px;border-radius:10px;object-fit:cover;box-shadow:var(--shadow-brand)}.nav__name{font-size:1.05rem;font-weight:500;color:var(--color-text)}.nav__name b{font-weight:700}.nav__menu{display:flex;align-items:center;gap:28px;flex:1;justify-content:flex-end}.nav__menu ul{display:flex;align-items:center;gap:24px}.nav__menu ul a{font-size:.95rem;font-weight:500;color:var(--color-text-soft);transition:color var(--t-base)}.nav__menu ul a:hover{color:var(--color-primary)}.nav__actions{display:flex;align-items:center;gap:10px}.nav__lang{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-soft);font-size:.85rem;font-weight:600;transition:color var(--t-base),border-color var(--t-base),background-color var(--t-base)}.nav__lang:hover{color:var(--color-primary);border-color:var(--color-primary-400);background:var(--color-primary-soft)}.nav__icon-btn{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:var(--radius-pill);background:transparent;border:1px solid var(--color-border-strong);color:var(--color-text-soft);transition:color var(--t-base),border-color var(--t-base),background-color var(--t-base)}.nav__icon-btn:hover{color:var(--color-primary);border-color:var(--color-primary-400);background:var(--color-primary-soft)}.nav__user{display:inline-flex;align-items:center;gap:6px;font-size:.9rem;font-weight:600;color:var(--color-text);max-width:160px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:6px 10px;border-radius:var(--radius-pill);transition:background-color var(--t-base),color var(--t-base)}.nav__user:hover{background:var(--color-primary-soft);color:var(--color-primary-700)}.offline-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:8px 16px;background:#fff3e0;border-bottom:1px solid #ffd9a8;color:var(--color-primary-700);font-size:.85rem}.offline-bar button{border:1px solid currentColor;background:transparent;color:inherit;border-radius:var(--radius-pill);padding:2px 12px;font-size:.8rem;font-weight:600;transition:background-color var(--t-base)}.offline-bar button:hover{background:#f2741c1f}.nav__toggle{display:none;background:transparent;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:6px;color:var(--color-text)}.hero{position:relative;overflow:hidden;padding:clamp(56px,9vw,110px) 0 clamp(48px,7vw,80px)}.hero__glow{position:absolute;inset:-25% 20% auto -10%;height:520px;background:radial-gradient(circle at 30% 30%,rgba(255,140,66,.2),transparent 60%),radial-gradient(circle at 78% 25%,rgba(255,168,105,.16),transparent 55%);pointer-events:none;z-index:0}.hero__inner{position:relative;z-index:1;text-align:center;max-width:760px}.hero__appicon{width:76px;height:76px;margin:0 auto 4px;border-radius:20px;object-fit:cover;box-shadow:var(--shadow-brand);animation:float 5s ease-in-out infinite}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-7px)}}.hero__eyebrow{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-primary-600);font-size:.78rem;font-weight:600;letter-spacing:.02em}.hero__title{margin:22px 0 0;font-size:clamp(2.2rem,6vw,3.8rem);font-family:var(--font-display);color:var(--color-text)}.hero__title-accent{color:var(--color-primary)}.hero__subtitle{margin:18px auto 0;max-width:54ch;font-size:clamp(1rem,1.6vw,1.15rem);color:var(--color-text-soft)}.hero__grid{position:absolute;inset:0;background-image:linear-gradient(var(--color-border) 1px,transparent 1px),linear-gradient(90deg,var(--color-border) 1px,transparent 1px);background-size:40px 40px;opacity:.3;pointer-events:none;z-index:0}:root[data-theme=dark] .hero__grid{opacity:.15}.hero__search{display:flex;align-items:center;gap:8px;margin:32px auto 0;max-width:620px;height:52px;padding:0 8px 0 18px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);transition:border-color var(--t-base),box-shadow var(--t-base)}.hero__search:focus-within{border-color:var(--color-primary-400);box-shadow:0 0 0 3px var(--color-primary-soft)}.hero__search--lg{height:52px;padding:0 8px 0 18px}.hero__search-icon{color:var(--color-text-muted);flex-shrink:0}.hero__search input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:16px;color:var(--color-text)}.hero__search input::placeholder{color:var(--color-text-muted)}.hero__cats{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:20px}.hero__cats-label{font-size:.82rem;color:var(--color-text-muted);flex-shrink:0}.hero__cats-list{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.hero__cat-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 13px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--accent, var(--color-text-soft));font-size:.82rem;font-weight:500;transition:color var(--t-base),border-color var(--t-base),background var(--t-base)}.hero__cat-btn:hover{background:color-mix(in srgb,var(--accent, var(--color-primary)) 10%,transparent);border-color:var(--accent, var(--color-primary-400))}.hero__tags{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;margin-top:14px}.hero__tags-label{font-size:.82rem;color:var(--color-text-muted)}.hero__tag{padding:5px 12px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border);color:var(--color-text-soft);font-size:.82rem;transition:color var(--t-base),border-color var(--t-base)}.hero__tag:hover{color:var(--color-primary);border-color:var(--color-primary-400)}.hero__stats{display:flex;justify-content:center;gap:clamp(28px,6vw,64px);margin:44px 0 0}.hero__stat{text-align:center}.hero__stat-num{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;color:var(--color-primary);line-height:1}.hero__stat dd{margin:8px 0 0;font-size:.85rem;color:var(--color-text-soft)}.categories{padding:clamp(48px,7vw,88px) 0}.filter-bar{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:28px}.chip{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--color-surface);border:1px solid var(--color-border-strong);color:var(--color-text-soft);font-size:.9rem;font-weight:500;transition:color var(--t-base),border-color var(--t-base),background-color var(--t-base)}.chip:hover{color:var(--accent);border-color:var(--accent)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:#fff}.filter-result{margin:0 0 18px;font-size:.85rem;color:var(--color-text-muted)}.tool-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.tool-grid>.reveal-on-scroll{display:flex}.tool-card:hover .tool-card__icon{transform:rotate(5deg) scale(1.05);transition:transform .2s ease}.tool-card__icon{transition:transform .2s ease}.tool-card__fav{opacity:0}.tool-card:hover .tool-card__fav,.tool-card__fav.is-on,.tool-card__fav:focus-visible{opacity:1}@media(prefers-reduced-motion:reduce){.tool-card__fav{opacity:1}}.tool-card:active{transform:scale(.98);opacity:.85;transition:transform 80ms ease,opacity 80ms ease}.tool-grid>.reveal-on-scroll>.tool-card{flex:1}.tool-card{position:relative;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--t-base),transform var(--t-fast),box-shadow var(--t-base)}.tool-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-card)}.tool-card__link{display:flex;align-items:flex-start;gap:14px;padding:18px 46px 18px 18px}.tool-card__icon{display:grid;place-items:center;width:42px;height:42px;flex-shrink:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.tool-card__body{display:flex;flex-direction:column;gap:6px;min-width:0}.tool-card__name{font-weight:600;color:var(--color-text)}.tool-card__desc{font-size:.85rem;line-height:1.5;color:var(--color-text-soft)}.tool-card__badge{align-self:flex-start;display:inline-flex;align-items:center;gap:3px;padding:2px 8px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:600;letter-spacing:.02em}.tool-card__badge.is-local{background:var(--color-primary-soft);color:var(--color-primary-700)}.tool-card__badge.is-cloud{background:var(--color-info-bg);color:var(--color-info)}.tool-card__badge--ai{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;font-size:10px;padding:1px 5px;border-radius:4px;letter-spacing:.05em;font-weight:600;margin-left:5px;vertical-align:middle;line-height:1.4}.tool-card__fav{position:absolute;top:12px;right:12px;display:grid;place-items:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);transition:color var(--t-base),background-color var(--t-base),transform var(--t-fast)}.tool-card__fav:hover{background:var(--color-surface-alt);color:var(--color-cta)}.tool-card__fav:active{transform:scale(.9)}.tool-card__fav.is-on{color:var(--color-cta)}.tool-card__fav:disabled{opacity:.6;cursor:default}.tool-card--compact .tool-card__link{padding:12px 38px 12px 12px;gap:10px;align-items:center}.tool-card--compact .tool-card__icon{width:34px;height:34px}.tool-card--compact .tool-card__name{font-size:.9rem}.tool-card--compact .tool-card__fav{top:8px;right:8px;width:26px;height:26px}.empty-state{display:flex;flex-direction:column;align-items:center;gap:12px;padding:64px 0;color:var(--color-text-muted)}.my-tools{padding:clamp(40px,6vw,72px) 0 0}.my-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.my-grid--single{grid-template-columns:1fr}.my-block__title{display:flex;align-items:center;font-family:var(--font-mono);font-size:1.05rem;color:var(--color-text);margin-bottom:14px}.my-block__grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.my-block__empty{font-size:.88rem;color:var(--color-text-muted);padding:18px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-md)}@media(max-width:860px){.my-grid{grid-template-columns:1fr}}@media(max-width:560px){.my-block__grid{grid-template-columns:1fr}}.hot{padding:clamp(48px,7vw,88px) 0;background:var(--color-surface-alt);border-block:1px solid var(--color-border)}.hot__fire{color:var(--color-cta)}.hot-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.hot-list>*{min-width:0}.hot-item{display:flex;align-items:center;gap:14px;padding:14px 18px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--t-base),transform var(--t-fast)}.hot-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-card)}.hot-item__rank{font-size:1.05rem;font-weight:700;color:var(--color-text-muted);flex-shrink:0;width:26px}.hot-item__rank.is-top{color:var(--color-cta)}.hot-item__icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.hot-item__info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.hot-item__name{font-weight:600;color:var(--color-text)}.hot-item__desc{font-size:.82rem;color:var(--color-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hot-item__count{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;font-size:.82rem;font-weight:600;color:var(--color-text-muted)}.features{padding:clamp(48px,7vw,88px) 0}.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}.feature-card{padding:24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--t-base)}.feature-card:hover{border-color:var(--color-primary-400);box-shadow:var(--shadow-card)}.feature-card__icon{display:grid;place-items:center;width:46px;height:46px;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-600);margin-bottom:14px}.feature-card__title{font-size:1.1rem;margin-bottom:8px;color:var(--color-text)}.feature-card__desc{font-size:.9rem;line-height:1.6;color:var(--color-text-soft)}.cta-band{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px;margin-top:48px;padding:clamp(28px,4vw,44px);border-radius:var(--radius-lg);background:linear-gradient(135deg,var(--color-primary-700),var(--color-primary) 70%,var(--color-primary-400));color:#fff;box-shadow:var(--shadow-brand)}.cta-band__title{font-size:clamp(1.4rem,3vw,1.9rem);margin-bottom:6px}.cta-band__text p{color:#ffffffd9;font-size:.95rem}.cta-band__actions{display:flex;flex-wrap:wrap;gap:12px}.footer{background:var(--color-footer-bg);color:var(--color-footer-link-hover);padding-top:clamp(40px,6vw,64px)}.footer__inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px;padding-bottom:40px}.footer__logo{display:flex;align-items:center;gap:10px}.footer__logo .nav__name{color:#fff}.footer__tagline{margin:16px 0;max-width:36ch;font-size:.9rem;color:var(--color-footer-link)}.footer__social{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:var(--radius-sm);background:#ffffff14;color:var(--color-footer-link-hover);transition:background-color var(--t-base),color var(--t-base)}.footer__social:hover{background:var(--color-primary);color:#fff}.footer__heading{font-size:.8rem;letter-spacing:.08em;color:#fff;margin-bottom:16px}.footer__col ul{display:flex;flex-direction:column;gap:10px}.footer__col a{font-size:.9rem;color:var(--color-footer-link);transition:color var(--t-base)}.footer__col a:hover{color:#fff}.footer__bottom{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding:20px 24px;border-top:1px solid rgba(255,255,255,.1);font-size:.82rem;color:var(--color-footer-muted)}.footer__icp{color:var(--color-footer-muted);text-decoration:none;transition:color var(--t-base)}.footer__icp:hover{color:#fff}@media(max-width:860px){.footer__inner{grid-template-columns:1fr 1fr}.footer__brand{grid-column:1 / -1}}@media(max-width:760px){.nav__toggle{display:inline-flex}.nav__menu{position:absolute;top:var(--nav-h);left:0;right:0;flex-direction:column;align-items:stretch;gap:18px;padding:20px 24px 26px;background:var(--color-surface);border-bottom:1px solid var(--color-border);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity var(--t-base),transform var(--t-base)}.nav__menu.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.nav__menu ul{flex-direction:column;align-items:stretch;gap:4px}.nav__menu ul a{display:block;padding:10px 0}.nav__actions{flex-direction:column}.nav__actions .btn{width:100%}.hot-list{grid-template-columns:1fr}.hero__search{flex-wrap:wrap;border-radius:var(--radius-lg);padding:12px;height:auto}.hero__search input{width:100%;padding:4px 8px}.hero__search .btn{width:100%}}@media(max-width:480px){.container{padding-inline:16px}.hero__stats{gap:24px}.cta-band__actions{width:100%}.cta-band__actions .btn{flex:1}}.modal-overlay{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px;background:#2a211a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .2s ease}@keyframes overlay-in{0%{opacity:0}to{opacity:1}}.auth-modal{position:relative;width:100%;max-width:420px;max-height:calc(100dvh - 40px);overflow-y:auto;padding:32px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:0 24px 60px -20px #2a211a66;animation:modal-in .26s cubic-bezier(.16,1,.3,1)}@keyframes modal-in{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:none}}.auth-modal__close{position:absolute;top:16px;right:16px;display:grid;place-items:center;width:34px;height:34px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);transition:background-color var(--t-base),color var(--t-base)}.auth-modal__close:hover{background:var(--color-surface-alt);color:var(--color-text)}.auth-modal__head{text-align:center;margin-bottom:24px}.auth-modal__head img{margin:0 auto 12px;border-radius:14px;box-shadow:var(--shadow-brand)}.auth-modal__title{font-size:1.5rem;color:var(--color-text)}.auth-modal__subtitle{margin-top:6px;font-size:.9rem;color:var(--color-text-soft)}.auth-form{display:flex;flex-direction:column;gap:16px}.auth-field{display:flex;flex-direction:column;gap:6px}.auth-field__label{font-size:.85rem;font-weight:600;color:var(--color-text)}.auth-field input{width:100%;padding:11px 14px;font-family:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-surface-alt);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--t-base),background-color var(--t-base)}.auth-field input::placeholder{color:var(--color-text-muted)}.auth-field input:focus{outline:none;background:var(--color-surface);border-color:var(--color-primary-400)}.auth-field input[aria-invalid=true]{border-color:var(--color-error-light)}.auth-field__err{font-size:.8rem;color:var(--color-error)}.auth-form__error{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);font-size:.85rem}.auth-form__submit{margin-top:4px;width:100%;padding:12px}.auth-form__submit:disabled{opacity:.65;cursor:not-allowed}.auth-modal__switch{display:block;width:100%;margin-top:18px;background:transparent;border:none;color:var(--color-primary-600);font-size:.9rem;font-weight:600;transition:color var(--t-base)}.auth-modal__switch:hover{color:var(--color-primary-700)}.tool-page{padding:clamp(28px,5vw,56px) 0 clamp(48px,8vw,96px)}.tool-page__back{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:.85rem;font-weight:600;color:var(--color-text-soft);margin-bottom:24px;transition:color var(--t-base)}.tool-page__back:hover{color:var(--color-primary)}.tool-page__back-icon{transform:rotate(180deg)}.tool-page__head{position:relative;display:flex;align-items:flex-start;gap:18px;padding:24px 60px 24px 24px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.tool-page__icon{display:grid;place-items:center;width:56px;height:56px;flex-shrink:0;border-radius:var(--radius-md);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.tool-page__head-text{display:flex;flex-direction:column;gap:8px;min-width:0}.tool-page__title{font-size:clamp(1.4rem,3vw,1.9rem);color:var(--color-text)}.tool-page__desc{color:var(--color-text-soft);font-size:.95rem}.tool-page__fav{position:absolute;top:18px;right:18px}.tool-page__body{margin-top:24px}.tool-help{margin:12px 0 0}.tool-help__toggle{background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:6px 14px;font-size:.82rem;font-weight:600;color:var(--color-text-soft);cursor:pointer;transition:color var(--t-base),border-color var(--t-base),background var(--t-base)}.tool-help__toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.tool-help__body{margin-top:10px;padding:14px 16px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.87rem;color:var(--color-text-soft);line-height:1.7;display:flex;flex-direction:column;gap:6px}.tool-help__body p{margin:0}.coming-soon{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:clamp(40px,8vw,72px) 24px;border:1px dashed var(--color-border-strong);border-radius:var(--radius-lg);color:var(--color-text-muted)}.coming-soon__title{font-size:1.2rem;color:var(--color-text)}.coming-soon__text{max-width:42ch;font-size:.92rem;color:var(--color-text-soft)}.pdf-runner{max-width:640px}.pdf-tabs{display:inline-flex;gap:4px;padding:4px;margin-bottom:20px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.pdf-tab{padding:8px 18px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-soft);font-size:.9rem;font-weight:600;transition:background-color var(--t-base),color var(--t-base)}.pdf-tab.is-active{background:var(--color-primary);color:#fff}.pdf-form{display:flex;flex-direction:column;gap:18px}.pdf-field{display:flex;flex-direction:column;gap:8px}.pdf-field__label{font-size:.88rem;font-weight:600;color:var(--color-text)}.pdf-field input[type=text],.pdf-field input[type=password],.pdf-field input[type=number],.pdf-field select{width:100%;padding:11px 14px;font-family:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--t-base)}.pdf-field input:focus,.pdf-field select:focus{outline:none;border-color:var(--color-primary-400)}.pdf-drop{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:30px 20px;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface-alt);color:var(--color-text-soft);cursor:pointer;transition:border-color var(--t-base),color var(--t-base),background-color var(--t-base)}.pdf-drop:hover{border-color:var(--color-primary-400);color:var(--color-primary-600);background:var(--color-primary-soft)}.pdf-drop__hint{font-size:.9rem}.pdf-files{display:flex;flex-direction:column;gap:6px;padding:12px 14px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:.86rem;color:var(--color-text-soft)}.pdf-files__count{font-weight:600;color:var(--color-text)}.pdf-files ul{display:flex;flex-direction:column;gap:2px;max-height:140px;overflow-y:auto}.pdf-files li{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pdf-files__one{color:var(--color-text);font-weight:500;word-break:break-all}.pdf-files__clear{align-self:flex-start;margin-top:4px;padding:2px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-soft);font-size:.78rem;transition:color var(--t-base),border-color var(--t-base)}.pdf-files__clear:hover{color:var(--color-cta);border-color:var(--color-cta)}.pdf-msg{display:flex;align-items:center;gap:8px;padding:10px 12px;border-radius:var(--radius-sm);font-size:.88rem}.pdf-msg.is-success{background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success)}.pdf-msg.is-error{background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error)}.pdf-submit{align-self:flex-start;padding:12px 28px}.pdf-submit:disabled{opacity:.65;cursor:not-allowed}@keyframes conv-shimmer{0%{transform:translate(-100%)}to{transform:translate(400%)}}@keyframes conv-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.6);opacity:.5}}@keyframes conv-cell-flash{0%,to{opacity:.06}50%{opacity:.22}}@keyframes conv-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes conv-fade-out{0%{opacity:1}to{opacity:0;transform:translateY(-4px)}}.conv-progress{position:relative;overflow:hidden;padding:16px 18px 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-surface);animation:conv-fade-in .22s cubic-bezier(.16,1,.3,1) both}.conv-progress.is-done{border-color:#22c55e55;background:color-mix(in srgb,#22c55e 6%,var(--color-surface));animation:conv-fade-out .5s .4s cubic-bezier(.16,1,.3,1) forwards}.conv-grid{pointer-events:none;position:absolute;inset:0;display:grid;grid-template-columns:repeat(12,1fr);z-index:0}.conv-grid__cell{border-right:1px solid var(--color-border);animation:conv-cell-flash calc(1.4s + var(--i) * .18s) calc(var(--i) * .09s) ease-in-out infinite}.conv-phases{position:relative;display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;z-index:1}.conv-phases:before{content:"";position:absolute;top:50%;left:12px;right:12px;height:1px;transform:translateY(-50%);background:var(--color-border-strong);z-index:0}.conv-phase-line{position:absolute;top:50%;left:12px;width:calc(100% - 24px);height:1px;transform:translateY(-50%);z-index:0;overflow:hidden}.conv-phase-line:after{content:"";position:absolute;inset-block:0;left:0;width:var(--phase-fill, 0%);background:var(--color-primary);transition:width .6s cubic-bezier(.16,1,.3,1)}.conv-phase{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px}.conv-phase__dot{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-border-strong);color:var(--color-text-muted);font-size:.7rem;transition:border-color .3s ease,background .3s ease,color .3s ease}.conv-phase.is-past .conv-phase__dot{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.conv-phase.is-active .conv-phase__dot{border-color:var(--color-primary);background:color-mix(in srgb,var(--color-primary) 12%,var(--color-surface));color:var(--color-primary)}.conv-phase__pulse{display:block;width:8px;height:8px;border-radius:50%;background:var(--color-primary);animation:conv-pulse 1s ease-in-out infinite}.conv-phase__label{font-size:.72rem;font-weight:600;letter-spacing:.01em;color:var(--color-text-muted);white-space:nowrap;transition:color .3s ease}.conv-phase.is-active .conv-phase__label{color:var(--color-primary)}.conv-phase.is-past .conv-phase__label{color:var(--color-text-soft)}.conv-bar-wrap{position:relative;z-index:1;display:flex;align-items:center;gap:10px}.conv-bar{flex:1;height:6px;border-radius:var(--radius-pill);background:var(--color-border-strong);overflow:hidden;position:relative}.conv-bar:before{content:"";position:absolute;inset-block:0;left:0;width:var(--pct, 0%);border-radius:inherit;transition:width 80ms linear}.conv-bar.is-running:before{background:linear-gradient(90deg,var(--color-primary-700),var(--color-primary),var(--color-primary-400))}.conv-bar.is-done:before{background:#22c55e;transition:width .28s cubic-bezier(.16,1,.3,1)}.conv-bar__shimmer{position:absolute;inset-block:0;left:0;width:30%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.45),transparent);border-radius:inherit;animation:conv-shimmer 1.6s ease-in-out infinite}.conv-bar.is-done .conv-bar__shimmer{display:none}.conv-bar__pct{font-size:.78rem;font-weight:700;color:var(--color-text-soft);width:36px;text-align:right;flex-shrink:0;transition:color .3s ease}.conv-progress.is-done .conv-bar__pct{color:#22c55e}.pdf-cloud{display:flex;align-items:center;gap:10px;padding:10px 12px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.pdf-cloud__link{display:inline-flex;align-items:center;gap:6px;flex:1;min-width:0;color:var(--color-primary-600);font-size:.88rem;font-weight:600}.pdf-cloud__link span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pdf-cloud__link:hover{color:var(--color-primary-700);text-decoration:underline}@media(max-width:560px){.pdf-runner{max-width:none}.pdf-submit{width:100%}}.tui{display:flex;flex-direction:column;gap:18px;max-width:720px}.tool-tabs{display:inline-flex;gap:4px;padding:4px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill);align-self:flex-start}.tool-tab{padding:8px 18px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-soft);font-size:.9rem;font-weight:600;transition:background-color var(--t-base),color var(--t-base)}.tool-tab.is-active{background:var(--color-primary);color:#fff}.tui-block{display:flex;flex-direction:column;gap:8px}.tui-block__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.tui-block__label,.tui-label{font-size:.85rem;font-weight:600;color:var(--color-text)}.tui-textarea,.tui-input{width:100%;padding:11px 14px;font-family:inherit;font-size:.95rem;color:var(--color-text);background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);transition:border-color var(--t-base)}.tui-textarea{resize:vertical;line-height:1.5}.tui-textarea--mono,.mono.tui-input,.tui-input.mono{font-family:var(--font-mono)}.tui-textarea:focus,.tui-input:focus{outline:none;border-color:var(--color-primary-400)}.tui-textarea[aria-invalid=true],.tui-input[aria-invalid=true]{border-color:var(--color-error-light)}.tui-field{display:flex;flex-direction:column;gap:6px}.tui-field--sm{max-width:160px}.tui-input-row{display:flex;align-items:center;gap:8px}.tui-input-row .tui-input{flex:1}.tui-row{display:flex;flex-wrap:wrap;align-items:center;gap:14px}.tui-check{display:inline-flex;align-items:center;gap:6px;font-size:.88rem;color:var(--color-text-soft);cursor:pointer}.tui-check input{accent-color:var(--color-primary)}.tui-copy{display:inline-flex;align-items:center;gap:5px;padding:6px 12px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:transparent;color:var(--color-text-soft);font-size:.82rem;font-weight:600;transition:color var(--t-base),border-color var(--t-base),background-color var(--t-base)}.tui-copy:hover:not(:disabled){color:var(--color-primary);border-color:var(--color-primary-400);background:var(--color-primary-soft)}.tui-copy:disabled{opacity:.5;cursor:not-allowed}.tui-copy--sm{padding:4px 10px;font-size:.78rem}.tui-output{padding:12px 14px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-sm);word-break:break-all;color:var(--color-text)}.tui-highlight{white-space:pre-wrap;line-height:1.6;max-height:280px;overflow:auto}.tui-highlight mark{background:var(--color-primary-soft);color:var(--color-primary-700);border-radius:3px;padding:0 1px}.tui-muted{color:var(--color-text-muted)}.tui-error{padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-error-bg);border:1px solid var(--color-error-border);color:var(--color-error);font-size:.85rem}.tui-success{padding:10px 12px;border-radius:var(--radius-sm);background:var(--color-success-bg);border:1px solid var(--color-success-border);color:var(--color-success);font-size:.85rem}.tui-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:12px}.tui-stat{display:flex;flex-direction:column;gap:4px;padding:16px;min-width:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);text-align:center}.tui-stat__num{font-size:1.5rem;font-weight:700;color:var(--color-primary);max-width:100%;overflow-wrap:anywhere;word-break:break-all}.tui-stat__label{font-size:.78rem;color:var(--color-text-soft)}.tui-now{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:12px;padding:16px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tui-now>div{display:flex;flex-direction:column;gap:4px}.tui-now__label{font-size:.78rem;color:var(--color-text-soft)}.tui-now__val{font-size:1.05rem;font-weight:600;color:var(--color-text)}.tui-pwd{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.tui-pwd__val{flex:1;min-width:200px;font-size:1.05rem}.tui-range{width:100%;accent-color:var(--color-primary)}.tui-strength{font-size:.85rem;color:var(--color-text-soft)}.tui-strength.is-strong b{color:var(--color-success)}.tui-strength.is-good b{color:var(--color-primary-600)}.tui-strength.is-fair b{color:var(--color-warning)}.tui-strength.is-weak b{color:var(--color-error)}.tui-color{display:flex;align-items:center;gap:12px}.tui-color__swatch{width:48px;height:48px;border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);flex-shrink:0}.tui-color__picker{width:48px;height:40px;padding:0;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:none;cursor:pointer}.tui-gradient-preview{height:160px;border-radius:var(--radius-md);border:1px solid var(--color-border)}.tui-qr{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.tui-qr img{border-radius:var(--radius-sm)}.tui-stat.is-from{border-color:var(--color-primary-400);background:var(--color-primary-soft)}.swatch-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(66px,1fr));gap:8px}.swatch-grid--named{grid-template-columns:repeat(auto-fill,minmax(112px,1fr))}.swatch{display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-sm);overflow:hidden;background:var(--color-surface);cursor:pointer;padding:0;text-align:left;transition:transform var(--t-fast),box-shadow var(--t-base)}.swatch:hover{transform:translateY(-2px);box-shadow:var(--shadow-card)}.swatch__color{height:46px}.swatch__meta{display:flex;flex-direction:column;gap:2px;padding:6px 8px}.swatch__name{font-size:.78rem;color:var(--color-text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.swatch__hex{font-size:.72rem;color:var(--color-text-soft)}.img-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}.img-compare__col{display:flex;flex-direction:column;align-items:center;gap:8px;padding:12px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.img-compare__col img{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-sm)}.geo-card{display:flex;flex-direction:column;gap:6px;padding:14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md)}.geo-card__name{font-weight:600;color:var(--color-text)}.geo-card__addr{font-size:.86rem;color:var(--color-text-soft)}.geo-card__coords{display:flex;align-items:center;gap:10px}.toast-stack{position:fixed;top:16px;right:16px;z-index:200;display:flex;flex-direction:column;gap:10px;max-width:min(360px,calc(100vw - 32px))}.toast{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:var(--radius-md);background:var(--color-surface);border:1px solid var(--color-border-strong);box-shadow:var(--shadow-card);font-size:.9rem;color:var(--color-text);animation:toast-in .24s cubic-bezier(.16,1,.3,1)}.toast span{flex:1;min-width:0}.toast--success{border-color:var(--color-success-border);color:var(--color-success)}.toast--error{border-color:var(--color-error-border);color:var(--color-error)}.toast--info{border-color:var(--color-primary-400);color:var(--color-primary-700)}.toast__close{border:none;background:transparent;color:inherit;opacity:.6;padding:2px;display:grid;place-items:center}.toast__close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(16px)}to{opacity:1;transform:none}}.profile-avatar{width:72px;height:72px;border-radius:50%;object-fit:cover;border:1px solid var(--color-border-strong)}.tui-input:disabled{background:var(--color-surface-alt);color:var(--color-text-muted);cursor:not-allowed}.zip-list{display:flex;flex-direction:column;gap:8px}.zip-item{display:flex;align-items:center;gap:14px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.zip-item__code{font-size:1rem;font-weight:700;color:var(--color-primary);flex-shrink:0}.zip-item__addr{color:var(--color-text-soft);font-size:.9rem}.base64-preview{max-width:200px;max-height:160px;object-fit:contain;border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface-alt)}.regex-groups{overflow-x:auto;border:1px solid var(--color-border);border-radius:var(--radius-sm)}.regex-groups table{width:100%;border-collapse:collapse;font-size:.85rem}.regex-groups th,.regex-groups td{padding:8px 10px;text-align:left;border-bottom:1px solid var(--color-border);white-space:nowrap}.regex-groups th{background:var(--color-surface-alt);color:var(--color-text-soft);font-weight:600}.regex-groups td{color:var(--color-text)}.regex-groups tr:last-child td{border-bottom:none}.regex-tmpl{margin-bottom:12px}.regex-tmpl__toggle{background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);padding:5px 12px;font-size:.82rem;font-weight:600;color:var(--color-text-soft);cursor:pointer;transition:color var(--t-base),border-color var(--t-base),background var(--t-base)}.regex-tmpl__toggle:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.regex-tmpl__list{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.regex-tmpl__item{padding:4px 10px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);font-size:.8rem;font-weight:500;color:var(--color-text-soft);cursor:pointer;transition:color var(--t-base),border-color var(--t-base),background var(--t-base)}.regex-tmpl__item:hover{color:var(--color-primary);border-color:var(--color-primary);background:var(--color-primary-soft)}.freq-list{display:flex;flex-wrap:wrap;gap:8px}.freq-item{display:inline-flex;align-items:center;gap:6px;padding:4px 6px 4px 12px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-pill);font-size:.85rem}.freq-item__count{display:inline-grid;place-items:center;min-width:22px;height:22px;padding:0 6px;border-radius:var(--radius-pill);background:var(--color-primary-soft);color:var(--color-primary-700);font-size:.78rem;font-weight:600}.gradient-preset{height:46px;border:1px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;padding:0;transition:transform var(--t-fast)}.gradient-preset:hover{transform:translateY(-2px)}.diff-inputs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diff-view{white-space:pre-wrap;line-height:1.6;max-height:360px;overflow:auto}.diff-add{background:var(--color-diff-add-bg);color:var(--color-success)}.diff-del{background:var(--color-diff-del-bg);color:var(--color-error);text-decoration:line-through}.md-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}.md-pane{display:flex;flex-direction:column;gap:8px}.md-preview{padding:16px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);min-height:200px;overflow-wrap:anywhere}.md-preview h1,.md-preview h2,.md-preview h3{font-family:var(--font-sans);margin:.6em 0 .3em}.md-preview h1{font-size:1.5rem}.md-preview h2{font-size:1.25rem}.md-preview h3{font-size:1.1rem}.md-preview p{margin:.5em 0}.md-preview ul,.md-preview ol{padding-left:1.4em;margin:.5em 0;list-style:revert}.md-preview code{background:var(--color-surface-alt);padding:1px 5px;border-radius:4px;font-size:.9em}.md-preview pre{background:var(--color-surface-alt);padding:12px;border-radius:var(--radius-sm);overflow-x:auto}.md-preview pre code{background:none;padding:0}.md-preview blockquote{border-left:3px solid var(--color-primary-400);margin:.5em 0;padding-left:12px;color:var(--color-text-soft)}.md-preview a{color:var(--color-primary-600);text-decoration:underline}.md-preview table{border-collapse:collapse}.md-preview th,.md-preview td{border:1px solid var(--color-border);padding:6px 10px}.cron-runs{display:flex;flex-direction:column;gap:4px}.cron-runs li{font-size:.9rem}@media(max-width:720px){.diff-inputs,.md-split{grid-template-columns:1fr}}.filter-sticky{position:sticky;top:var(--nav-h);z-index:40;background:color-mix(in srgb,var(--color-bg) 88%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-block:1px solid var(--color-border);padding:12px 0;margin-bottom:32px}.filter-sticky .filter-bar{margin-bottom:0}.chip{display:inline-flex;align-items:center;gap:6px}.chip__count{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 5px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 16%,transparent);color:var(--accent);font-size:.7rem;font-weight:700}.chip.is-active .chip__count{background:#ffffff47;color:#fff}.cat-group{margin-bottom:38px;scroll-margin-top:calc(var(--nav-h) + 70px)}.cat-group__head{display:flex;align-items:center;gap:10px;font-size:1.15rem;margin-bottom:16px;color:var(--color-text)}.cat-group__icon{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 14%,transparent);color:var(--accent)}.cat-group__count{margin-left:auto;font-size:.85rem;font-weight:600;color:var(--color-text-muted)}.hero__search-clear{display:grid;place-items:center;width:30px;height:30px;flex-shrink:0;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-pill);transition:color var(--t-base),background-color var(--t-base)}.hero__search-clear:hover{background:var(--color-surface-alt);color:var(--color-text)}@media(max-width:640px){.filter-sticky .filter-bar{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.filter-sticky .filter-bar::-webkit-scrollbar{display:none}.chip{flex-shrink:0}}.tool-loading{display:flex;align-items:center;gap:10px;padding:40px 0;color:var(--color-text-soft);font-size:.92rem}.tool-spinner{width:18px;height:18px;border-radius:50%;border:2px solid var(--color-border-strong);border-top-color:var(--color-primary);animation:spin .7s linear infinite}.back-to-top{position:fixed;right:20px;bottom:20px;z-index:60;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--color-border-strong);border-radius:var(--radius-pill);background:var(--color-surface);color:var(--color-primary-600);box-shadow:var(--shadow-card);transform:rotate(-90deg);transition:background-color var(--t-base),transform var(--t-fast),opacity var(--t-base);animation:fade-up .3s ease}.back-to-top:hover{background:var(--color-primary-soft)}.back-to-top:active{transform:rotate(-90deg) scale(.92)}.notfound{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;padding:clamp(48px,12vw,120px) 20px}.notfound__code{font-size:clamp(4rem,16vw,7rem);font-weight:700;line-height:1;color:var(--color-primary);letter-spacing:-.04em}.notfound__title{font-size:1.4rem;color:var(--color-text)}.notfound__text{max-width:40ch;color:var(--color-text-soft)}.notfound .btn{margin-top:8px}.nav__search-trigger{display:inline-flex;align-items:center;gap:8px;padding:7px 10px 7px 12px;border-radius:var(--radius-pill);background:var(--color-surface-alt);border:1px solid var(--color-border-strong);color:var(--color-text-muted);font-size:.85rem;transition:color var(--t-base),border-color var(--t-base),background-color var(--t-base)}.nav__search-trigger:hover{color:var(--color-primary);border-color:var(--color-primary-400);background:var(--color-primary-soft)}.nav__search-kbd{padding:1px 6px;border-radius:6px;border:1px solid var(--color-border-strong);background:var(--color-surface);font-size:.72rem;color:var(--color-text-muted)}@media(max-width:760px){.nav__search-trigger{width:100%;justify-content:center}.nav__search-kbd{display:none}}.tool-page__crumb{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin-bottom:24px}.tool-page__back{margin-bottom:0}.tool-page__cat{display:inline-flex;align-items:center;gap:5px;padding:4px 12px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.82rem;font-weight:600;transition:filter var(--t-base)}.tool-page__cat:hover{filter:brightness(.94)}.tool-page__head{padding-right:108px}.tool-page__head-actions{position:absolute;top:18px;right:18px;display:flex;align-items:center;gap:8px}.tool-page__fav{position:static;top:auto;right:auto}.tool-page__share{display:grid;place-items:center;width:38px;height:38px;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);background:transparent;color:var(--color-text-soft);transition:color var(--t-base),border-color var(--t-base),background-color var(--t-base)}.tool-page__share:hover{color:var(--color-primary);border-color:var(--color-primary-400);background:var(--color-primary-soft)}.tool-related{margin-top:clamp(36px,6vw,56px);padding-top:clamp(28px,4vw,40px);border-top:1px solid var(--color-border)}.tool-related__title{font-size:1.15rem;color:var(--color-text);margin-bottom:18px}@media(max-width:480px){.tool-page__head{padding-right:24px}.tool-page__head-actions{position:static;margin-top:4px}}.cmdk{position:fixed;inset:0;z-index:120;display:flex;justify-content:center;align-items:flex-start;padding:clamp(60px,12vh,140px) 16px 24px;background:#2a211a80;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:overlay-in .16s ease}.cmdk__panel{width:100%;max-width:600px;max-height:min(70vh,560px);display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-lg);box-shadow:0 24px 60px -20px #2a211a73;overflow:hidden;animation:modal-in .22s cubic-bezier(.16,1,.3,1)}.cmdk__search{display:flex;align-items:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--color-border)}.cmdk__search-icon{color:var(--color-text-muted);flex-shrink:0}.cmdk__input{flex:1;min-width:0;border:none;outline:none;background:transparent;font-family:inherit;font-size:1rem;color:var(--color-text)}.cmdk__input::placeholder{color:var(--color-text-muted)}.cmdk__esc{flex-shrink:0;padding:2px 8px;border-radius:6px;border:1px solid var(--color-border-strong);background:var(--color-surface-alt);color:var(--color-text-muted);font-size:.72rem;font-weight:600}.cmdk__list{flex:1;overflow-y:auto;padding:8px}.cmdk__group+.cmdk__group{margin-top:6px}.cmdk__group-label{padding:8px 10px 4px;font-size:.72rem;letter-spacing:.06em;color:var(--color-text-muted);text-transform:uppercase}.cmdk__item{display:flex;align-items:center;gap:12px;width:100%;padding:10px;border:none;border-radius:var(--radius-sm);background:transparent;text-align:left;transition:background-color var(--t-fast)}.cmdk__item.is-active{background:color-mix(in srgb,var(--accent) 12%,transparent)}.cmdk__item-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:var(--radius-sm);background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.cmdk__item-text{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.cmdk__item-name{font-size:.92rem;font-weight:600;color:var(--color-text)}.cmdk__item-desc{font-size:.8rem;color:var(--color-text-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.cmdk__item-badge{flex-shrink:0;padding:2px 8px;border-radius:var(--radius-pill);font-size:.66rem;font-weight:600}.cmdk__item-badge.is-local{background:var(--color-primary-soft);color:var(--color-primary-700)}.cmdk__item-badge.is-cloud{background:var(--color-info-bg);color:var(--color-info)}.cmdk__empty{display:flex;flex-direction:column;align-items:center;gap:10px;padding:48px 16px;color:var(--color-text-muted);font-size:.9rem}.cmdk__foot{display:flex;gap:16px;padding:10px 16px;border-top:1px solid var(--color-border);background:var(--color-surface-alt);font-size:.74rem;color:var(--color-text-muted)}.cmdk__foot span{display:inline-flex;align-items:center;gap:5px}.cmdk__foot kbd{display:inline-grid;place-items:center;min-width:18px;height:18px;padding:0 4px;border-radius:5px;border:1px solid var(--color-border-strong);background:var(--color-surface);font-family:var(--font-mono);font-size:.7rem}@media(max-width:560px){.cmdk__foot{display:none}}.install-bar{position:fixed;left:16px;right:16px;bottom:16px;z-index:90;margin:0 auto;max-width:460px;display:flex;align-items:center;gap:12px;padding:12px 14px;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-md);box-shadow:0 16px 40px -16px #2a211a66;animation:modal-in .28s cubic-bezier(.16,1,.3,1)}.install-bar__icon{display:grid;place-items:center;width:38px;height:38px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--color-primary-soft);color:var(--color-primary-600)}.install-bar__text{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1}.install-bar__text strong{font-size:.9rem;color:var(--color-text)}.install-bar__text span{font-size:.78rem;color:var(--color-text-soft)}.install-bar__cta{flex-shrink:0;padding:8px 16px;font-size:.85rem}.install-bar__close{flex-shrink:0;display:grid;place-items:center;width:30px;height:30px;border:none;border-radius:var(--radius-sm);background:transparent;color:var(--color-text-muted);transition:color var(--t-base),background-color var(--t-base)}.install-bar__close:hover{color:var(--color-text);background:var(--color-surface-alt)}@media(max-width:420px){.install-bar__text span{display:none}}.weather-now{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding:20px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.weather-now__main{display:flex;align-items:baseline;flex-wrap:wrap;gap:12px}.weather-now__city{display:inline-flex;align-items:center;gap:5px;font-size:.95rem;font-weight:600;color:var(--color-text)}.weather-now__temp{font-size:2.2rem;font-weight:700;line-height:1;color:var(--color-primary)}.weather-now__cond{font-size:1rem;color:var(--color-text-soft)}.weather-now__meta{display:flex;gap:24px}.weather-now__meta>div{display:flex;flex-direction:column;gap:4px}.weather-forecast{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.weather-day{display:flex;flex-direction:column;gap:6px;padding:12px;text-align:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.weather-day__date{font-size:.78rem;color:var(--color-text-muted)}.weather-day__cond{font-size:.88rem;color:var(--color-text-soft)}.weather-day__temp{font-size:.92rem;color:var(--color-text)}.weather-day__temp b{color:var(--color-cta)}.hot__switch{display:inline-flex;gap:4px;padding:4px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill)}.hot__switch-btn{padding:7px 16px;border:none;border-radius:var(--radius-pill);background:transparent;color:var(--color-text-soft);font-size:.85rem;font-weight:600;transition:background-color var(--t-base),color var(--t-base)}.hot__switch-btn:hover{color:var(--color-primary)}.hot__switch-btn.is-active{background:var(--color-primary);color:#fff}.async-runner{max-width:640px}.async-task{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md)}.async-task.is-done{border-color:var(--color-primary-400)}.async-task__head{display:flex;align-items:center;justify-content:space-between;gap:12px}.async-task__status{display:inline-flex;align-items:center;gap:8px;font-size:.92rem;font-weight:600;color:var(--color-text)}.async-task__pct{font-size:.9rem;font-weight:700;color:var(--color-primary)}.async-progress{height:8px;border-radius:var(--radius-pill);background:var(--color-border);overflow:hidden}.async-progress__bar{display:block;height:100%;border-radius:var(--radius-pill);background:linear-gradient(90deg,var(--color-primary),var(--color-primary-400));transition:width .4s ease}.async-task__actions{display:flex;flex-wrap:wrap;gap:10px}.img-compare__item{display:flex;flex-direction:column;align-items:center;gap:6px}.img-compare__label{font-size:var(--text-sm);color:var(--color-text-muted)}.img-preview{max-width:100%;max-height:300px;object-fit:contain;border-radius:var(--radius-md);border:1px solid var(--color-border)}.bmi-result{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px;background:var(--color-surface-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-top:8px}.bmi-value{font-size:2.4rem;font-weight:700;line-height:1}.bmi-cat{font-size:var(--text-lg);font-weight:600}.bmi-range{font-size:var(--text-sm);color:var(--color-text-muted)}.bmi-scale{display:flex;width:100%;max-width:380px;border-radius:var(--radius-pill);overflow:hidden;height:10px;margin-top:4px}.bmi-scale__seg{display:flex;align-items:center;justify-content:center}.bmi-scale__seg span{display:none}.world-time-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px}.world-time-card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:2px}.wt-city{font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}.wt-time{font-size:1.3rem;font-weight:600;letter-spacing:.04em}.wt-date{font-size:var(--text-xs);color:var(--color-text-muted)}.wt-offset{font-size:var(--text-xs);color:var(--color-text-muted);opacity:.7}.html-run-split{display:grid;grid-template-columns:1fr 1fr;gap:12px;min-height:420px}@media(max-width:640px){.html-run-split{grid-template-columns:1fr}}.html-run-pane{display:flex;flex-direction:column;gap:6px}.html-run-editor{flex:1;min-height:360px;resize:none}.html-run-frame{flex:1;min-height:360px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:#fff}.tui-morse-table{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px;padding:12px;background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border)}.morse-cell{display:inline-flex;align-items:center;gap:4px;font-size:var(--text-sm);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px}.morse-cell b{font-weight:700;min-width:12px;text-align:center}.lucky-draw-btn{font-size:var(--text-base);padding:12px 24px}.lucky-draw-btn.is-rolling{opacity:.7}.lucky-draw-display{display:flex;align-items:center;justify-content:center;min-height:80px;background:var(--color-surface-alt);border-radius:var(--radius-lg);border:1px solid var(--color-border);margin-bottom:12px}.lucky-draw-name{font-size:2rem;font-weight:700;color:var(--color-primary);transition:all .05s}.lucky-draw-name.is-rolling{animation:lucky-flash .08s infinite alternate}@keyframes lucky-flash{0%{opacity:1}to{opacity:.5}}.lucky-draw-winners{background:var(--color-success-bg);border:1px solid var(--color-success-border);border-radius:var(--radius-md);padding:12px 16px;display:flex;flex-direction:column;gap:6px}.lucky-winner-item{font-size:var(--text-base);font-weight:500;color:var(--color-success)}.color-picked{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--color-surface-alt);border-radius:var(--radius-md);border:1px solid var(--color-border);margin-top:10px}.color-picked__swatch{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--color-border);flex-shrink:0}.color-picked__val{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;font-size:var(--text-sm);cursor:pointer;transition:background .15s}.color-picked__val:hover{background:var(--color-border)}.color-history{display:flex;align-items:center;gap:8px;margin-top:8px;flex-wrap:wrap}.color-history__swatches{display:flex;gap:6px;flex-wrap:wrap}.color-history__dot{width:24px;height:24px;border-radius:50%;border:2px solid var(--color-border);cursor:pointer;transition:transform .15s}.color-history__dot:hover{transform:scale(1.2)}.recent-tools{padding:12px 0 0}.recent-tools__head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.recent-tools__title{font-size:.78rem;color:var(--color-text-muted);font-weight:600;letter-spacing:.06em;text-transform:uppercase}.recent-tools__clear{display:grid;place-items:center;width:22px;height:22px;border:none;background:transparent;color:var(--color-text-muted);border-radius:var(--radius-sm);cursor:pointer;transition:color var(--t-fast),background var(--t-fast)}.recent-tools__clear:hover{color:var(--color-error);background:var(--color-error-bg)}.recent-tools__list{display:flex;gap:8px;overflow-x:auto;padding-bottom:4px;scrollbar-width:thin}.recent-tools__item{display:flex;flex-direction:column;align-items:center;gap:5px;flex-shrink:0;width:72px;padding:10px 6px 8px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);color:var(--accent, var(--color-text-soft));transition:border-color var(--t-fast),background var(--t-fast);text-decoration:none}.recent-tools__item:hover{border-color:var(--accent, var(--color-primary));background:color-mix(in srgb,var(--accent, var(--color-primary)) 8%,var(--color-surface))}.recent-tools__icon{color:var(--accent, var(--color-text-soft))}.recent-tools__name{font-size:.7rem;color:var(--color-text-soft);text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;width:100%}.img-slider{position:relative;overflow:hidden;border-radius:var(--radius-md);cursor:col-resize;-webkit-user-select:none;user-select:none;max-height:360px;background:var(--color-border)}.img-slider img{display:block;width:100%;height:auto;max-height:360px;object-fit:contain}.img-slider__before-wrap{position:absolute;inset:0;overflow:hidden;width:var(--slider-pos, 50%)}.img-slider__before-wrap img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain}.img-slider__divider{position:absolute;top:0;bottom:0;left:var(--slider-pos, 50%);width:2px;background:#fff;box-shadow:0 0 6px #0006;transform:translate(-1px);pointer-events:none}.img-slider__handle{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:36px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 2px 8px #0000004d;color:var(--color-text)}.img-slider__label{position:absolute;top:8px;padding:2px 8px;border-radius:var(--radius-pill);background:#00000080;color:#fff;font-size:.72rem;font-weight:600;pointer-events:none}.img-slider__label--l{left:8px}.img-slider__label--r{right:8px}.diff-file-btn{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:var(--radius-sm);background:var(--color-surface-alt);border:1px solid var(--color-border);color:var(--color-text-soft);cursor:pointer;transition:color var(--t-fast),border-color var(--t-fast)}.diff-file-btn:hover{color:var(--color-primary);border-color:var(--color-primary-400)}.batch-queue{display:flex;flex-direction:column;gap:6px;max-height:320px;overflow-y:auto;padding:4px 0}.batch-item{display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--radius-sm);background:var(--color-surface);border:1px solid var(--color-border);font-size:.88rem}.batch-item__name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.batch-item__size{color:var(--color-text-muted);flex-shrink:0}.batch-item__arrow{color:var(--color-text-muted)}.batch-item__out{color:var(--color-text-soft);flex-shrink:0}.batch-item__ratio{color:var(--color-success);font-weight:600;flex-shrink:0}.batch-item__status{margin-left:auto;flex-shrink:0}.batch-item__status--done{color:var(--color-success)}.batch-item__status--error{color:var(--color-error)}.batch-item--done{border-color:var(--color-success-border)}.batch-item--error{border-color:var(--color-error-border)}.tool-mobile-bar{display:none}@media(max-width:768px){.tool-mobile-bar{display:flex;position:fixed;bottom:0;left:0;right:0;height:56px;background:var(--color-surface);border-top:1px solid var(--color-border);z-index:50;padding:0 env(safe-area-inset-right,0) env(safe-area-inset-bottom,0) env(safe-area-inset-left,0)}.tool-page .container{padding-bottom:68px}}.tool-mobile-bar__btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:.65rem;color:var(--color-text-soft);background:transparent;border:none;cursor:pointer;text-decoration:none;transition:color var(--t-fast)}.tool-mobile-bar__btn:hover,.tool-mobile-bar__btn.is-active{color:var(--color-primary)}.tool-mobile-bar__icon--back{transform:rotate(180deg)}.cmdk__item--action{background:color-mix(in srgb,var(--color-primary) 5%,transparent)}.cmdk__item-badge--action{background:var(--color-primary-soft);color:var(--color-primary-700);padding:1px 6px;border-radius:var(--radius-pill);font-size:.68rem;font-weight:600}.hs-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.hs-refresh{flex-shrink:0;display:inline-flex;align-items:center;gap:5px;font-size:.82rem;padding:5px 10px}.hs-skeleton{display:flex;flex-direction:column;gap:10px;padding:6px 0}.hs-skeleton__row{display:flex;align-items:center;gap:10px}.hs-skeleton__rank{width:24px;height:24px;border-radius:50%;background:var(--color-border-strong);flex-shrink:0;animation:shimmer 1.4s infinite}.hs-skeleton__title{height:14px;border-radius:4px;background:var(--color-border-strong);animation:shimmer 1.4s infinite}.hs-error,.hs-empty{padding:32px 0;text-align:center;color:var(--color-text-muted);display:flex;flex-direction:column;align-items:center;gap:12px}.hs-list{display:flex;flex-direction:column;gap:2px;list-style:none;padding:0;margin:8px 0 0}.hs-item{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius-sm);transition:background var(--t-base)}.hs-item:hover{background:var(--color-surface-alt)}.hs-item__rank{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:.78rem;font-weight:700;font-family:var(--font-mono);flex-shrink:0;background:var(--color-border);color:var(--color-text-muted)}.hs-item__title{flex:1;font-size:.9rem;color:var(--color-text);text-decoration:none;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:color var(--t-base)}.hs-item__title:hover{color:var(--color-primary);text-decoration:underline}.hs-item__hot{font-size:.75rem;color:var(--color-text-muted);font-family:var(--font-mono);flex-shrink:0}.alm-nav{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:12px}.alm-nav__btn{background:none;border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);width:32px;height:32px;font-size:1.2rem;cursor:pointer;color:var(--color-text);display:grid;place-items:center;transition:background var(--t-base),color var(--t-base)}.alm-nav__btn:hover{background:var(--color-surface-alt);color:var(--color-primary)}.alm-nav__label{font-size:1rem;font-weight:700;min-width:120px;text-align:center}.alm-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:4px}.alm-grid--head{margin-bottom:2px}.alm-cell{display:grid;place-items:center;height:36px;border-radius:var(--radius-sm);font-size:.85rem}.alm-cell--head{font-weight:700;font-size:.75rem;color:var(--color-text-muted);background:none;border:none}.alm-cell--empty{background:none}.alm-cell--day{background:var(--color-surface-alt);border:1px solid transparent;cursor:pointer;font-weight:500;transition:background var(--t-base),border-color var(--t-base),color var(--t-base)}.alm-cell--day:hover{background:var(--color-primary-soft);color:var(--color-primary-700)}.alm-cell--day.is-today{border-color:#3b82f6;color:#3b82f6;font-weight:700}.alm-cell--day.is-selected{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.alm-detail{margin-top:14px}.alm-detail__loading,.alm-detail__error{text-align:center;padding:16px 0;color:var(--color-text-muted);font-size:.9rem}.alm-detail__card{background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:14px 16px}.alm-detail__list{display:flex;flex-direction:column;gap:8px}.alm-detail__row{display:flex;align-items:center;gap:12px}.alm-detail__key{font-size:.8rem;color:var(--color-text-muted);width:72px;flex-shrink:0}.alm-detail__val{font-size:.9rem;font-weight:500;color:var(--color-text)}.oil-table-wrap{overflow-x:auto;margin-top:12px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.oil-table{width:100%;border-collapse:collapse;font-size:.88rem}.oil-table th{padding:10px 12px;background:var(--color-surface-alt);border-bottom:1px solid var(--color-border-strong);font-weight:600;text-align:left;white-space:nowrap;-webkit-user-select:none;user-select:none}.oil-th--sortable{cursor:pointer}.oil-th--sortable:hover{color:var(--color-primary)}.oil-th__unit{font-size:.72rem;color:var(--color-text-muted);font-weight:400}.oil-sort{font-size:.75rem;color:var(--color-primary)}.oil-table td{padding:9px 12px;border-bottom:1px solid var(--color-border)}.oil-table tr:last-child td{border-bottom:none}.oil-table tr:hover td{background:var(--color-surface-alt)}.oil-td--province{font-weight:600}.oil-updated{font-size:.78rem;color:var(--color-text-muted);margin:8px 0 0;text-align:right}.gold-loading{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:8px}.gold-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:12px;margin-top:4px}.gold-card{border:1px solid var(--color-border);border-top:3px solid var(--gold-accent, var(--color-primary));border-radius:var(--radius-md);padding:14px 16px;background:var(--color-surface);transition:box-shadow var(--t-base),border-color var(--t-base)}.gold-card:hover{box-shadow:var(--shadow-card)}.gold-card--skeleton{min-height:100px;background:var(--color-surface-alt);animation:shimmer 1.4s infinite;border-top-color:var(--color-border)}.gold-card__head{display:flex;align-items:center;gap:6px;margin-bottom:8px}.gold-card__icon{font-size:1.1rem}.gold-card__name{font-size:.8rem;font-weight:600;color:var(--color-text-soft);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.gold-card__price{font-size:1.5rem;font-weight:700;color:var(--gold-accent, var(--color-primary));line-height:1.1;letter-spacing:-.02em}.gold-card__meta{display:flex;align-items:center;gap:8px;margin-top:6px}.gold-card__unit{font-size:.72rem;color:var(--color-text-muted)}.gold-card__change{font-size:.75rem;font-weight:600;font-family:var(--font-mono)}.gold-card__change.is-up{color:#22c55e}.gold-card__change.is-down{color:#ef4444}.gold-updated{font-size:.78rem;color:var(--color-text-muted);margin:10px 0 4px;text-align:right}.gold-disclaimer{font-size:.78rem;color:var(--color-text-muted);margin:4px 0 0;padding:8px 12px;background:var(--color-surface-alt);border-radius:var(--radius-sm);border-left:3px solid var(--color-warning)}:root[data-theme=dark] .gold-card{background:linear-gradient(var(--color-surface),var(--color-surface)) padding-box,linear-gradient(135deg,var(--gold-accent, #f59e0b) 0%,transparent 60%) border-box}.ai-tool{display:flex;flex-direction:column;gap:14px}.ai-tool__tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--color-surface-alt);border-radius:var(--radius-sm)}.ai-tool__tab{flex:1;min-width:72px;padding:6px 12px;border:none;border-radius:calc(var(--radius-sm) - 2px);background:transparent;color:var(--color-text-muted);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background var(--t-base),color var(--t-base)}.ai-tool__tab.is-active{background:linear-gradient(135deg,#6366f1,#ec4899);color:#fff;font-weight:600}.ai-tool__submit{align-self:flex-start;display:inline-flex;align-items:center;gap:6px;min-width:120px;justify-content:center}.ai-tool__spinner{display:inline-block;width:14px;height:14px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.ai-tool__msg{padding:10px 14px;border-radius:var(--radius-sm);background:var(--color-surface-alt);color:var(--color-primary);font-size:var(--text-sm);border-left:3px solid var(--color-primary)}.ai-tool__result-wrap{display:flex;flex-direction:column;gap:8px}.ai-tool__result-head{display:flex;align-items:center;justify-content:space-between}.ai-tool__result-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-soft);display:flex;align-items:center;gap:8px}.ai-tool__word-stats{font-weight:400;color:var(--color-text-muted)}.ai-tool__result{padding:12px 14px;background:var(--color-surface-alt);border-radius:var(--radius-sm);font-size:var(--text-base);line-height:1.7;white-space:pre-wrap;word-break:break-word;min-height:60px;color:var(--color-text)}.ai-tool__loading-text{color:var(--color-text-muted);font-style:italic}.ai-translate__bar{display:flex;align-items:center;gap:12px;background:var(--color-surface-alt);padding:8px 14px;border-radius:var(--radius-sm)}.ai-translate__src{font-size:var(--text-sm);font-weight:500;color:var(--color-text-muted);white-space:nowrap}.ai-translate__arrow{color:var(--color-text-muted)}.ai-translate__target{margin:0;flex:none}.ai-translate__target .tui-input{padding:4px 8px;font-size:var(--text-sm)}.ai-translate__cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media(max-width:600px){.ai-translate__cols{grid-template-columns:1fr}}.ai-translate__col{display:flex;flex-direction:column;gap:6px}.ai-translate__col-head{display:flex;align-items:center;justify-content:space-between}.ai-translate__col-label{font-size:var(--text-sm);font-weight:600;color:var(--color-text-soft)}.ai-translate__textarea{flex:1;min-height:180px;resize:vertical}.ai-translate__count{font-size:.72rem;color:var(--color-text-muted);text-align:right}.ai-translate__count.is-error{color:var(--color-error)}.ai-summary__layout{display:grid;grid-template-columns:1fr 220px;gap:12px;align-items:start}@media(max-width:640px){.ai-summary__layout{grid-template-columns:1fr}}.ai-summary__input-field{margin:0}.ai-summary__config{padding-top:22px}.ai-summary__slider{width:100%;margin-top:6px;accent-color:var(--color-primary)}.ai-summary__slider-labels{display:flex;justify-content:space-between;font-size:.7rem;color:var(--color-text-muted);margin-top:2px}.ai-summary__list{margin:0;padding:12px 14px 12px 28px;background:var(--color-surface-alt);border-radius:var(--radius-sm);display:flex;flex-direction:column;gap:8px}.ai-summary__item{font-size:var(--text-base);line-height:1.6;color:var(--color-text)}.ai-code__textarea{font-family:var(--font-mono);font-size:var(--text-sm);min-height:220px}.ai-code__result{font-size:var(--text-sm);line-height:1.75;min-height:100px}.ai-regex__flags{display:flex;align-items:center;gap:14px;flex-wrap:wrap}.ai-regex__flag-label{display:flex;align-items:center;gap:5px;font-size:var(--text-sm);cursor:pointer}.ai-regex__flag-label code{font-family:var(--font-mono);background:var(--color-surface-alt);padding:1px 6px;border-radius:3px}.ai-regex__result-block{display:flex;flex-direction:column;gap:14px}.ai-regex__regex-display{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--color-surface-alt);border-radius:var(--radius-sm);border-left:3px solid #6366f1}.ai-regex__regex-text{flex:1;font-family:var(--font-mono);font-size:1rem;word-break:break-all;color:var(--color-text)}.ai-regex__explanation{padding:12px 14px;background:var(--color-surface-alt);border-radius:var(--radius-sm)}.ai-regex__exp-title{font-size:var(--text-sm);font-weight:600;color:var(--color-text-soft);margin-bottom:8px}.ai-regex__exp-body p{font-size:var(--text-sm);line-height:1.7;color:var(--color-text);margin:4px 0}.ai-regex__test{display:flex;flex-direction:column;gap:10px}.ai-regex__preview{margin:0;padding:10px 12px;background:var(--color-surface-alt);border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:var(--text-sm);line-height:1.7;white-space:pre-wrap;word-break:break-word}.ai-regex__match{background:#6366f140;color:#6366f1;border-radius:2px;padding:0 1px}[data-theme=dark] .ai-regex__match{background:#6366f159;color:#a5b4fc}.auth-field__pwd-wrap{position:relative;display:flex;align-items:center}.auth-field__pwd-wrap input{width:100%;padding-right:2.4rem}.auth-field__eye{position:absolute;right:.6rem;background:none;border:none;cursor:pointer;color:var(--color-text-muted);padding:2px;display:flex;align-items:center;transition:color var(--t-fast)}.auth-field__eye:hover{color:var(--color-text)}.auth-form__row{display:flex;align-items:center;justify-content:space-between;margin-top:-4px}.auth-form__remember{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:.82rem;color:var(--color-text-soft)}.auth-form__remember input[type=checkbox]{width:14px;height:14px;accent-color:var(--color-primary);cursor:pointer}.auth-form__forgot{background:none;border:none;cursor:pointer;font-size:.82rem;color:var(--color-text-muted);padding:0;transition:color var(--t-fast)}.auth-form__forgot:hover{color:var(--color-primary)}.auth-modal__terms{text-align:center;font-size:.75rem;color:var(--color-text-muted);margin-top:12px;padding-bottom:4px}.auth__forgot{background:none;border:none;padding:0;font-size:12px;color:var(--color-text-muted);cursor:pointer;text-decoration:underline;align-self:flex-end}.auth__forgot:hover{color:var(--color-primary)}.auth__agreement{text-align:center;font-size:11px;color:var(--color-text-muted);margin-top:8px}