@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/inter-latin-400-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/inter-latin-500-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/inter-latin-600-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter/inter-latin-700-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter/inter-latin-800-normal.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter/inter-vietnamese-400-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303,U+309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter/inter-vietnamese-500-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303,U+309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter/inter-vietnamese-600-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303,U+309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/inter/inter-vietnamese-700-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303,U+309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:800;font-display:swap;src:url(/fonts/inter/inter-vietnamese-800-normal.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303,U+309,U+323,U+329,U+1EA0-1EF9,U+20AB}:root{--ct-primary:#0f172a;--ct-accent:#2563eb;--ct-bg:#fff;--ct-bg-soft:#f8fafc;--ct-text-main:#0f172a;--ct-text-muted:#64748b;--ct-border:#e2e8f0;--ct-grid:#0f172a08;--ct-rubik-blue:#93c5fd;--ct-rubik-green:#6ee7b7;--ct-rubik-amber:#facc15;--ct-rubik-red:#fb7185;--ct-rubik-purple:#c4b5fd;--ct-rubik-pink:#f0abfc;--ct-brand-blue:#2867db;--ct-brand-gray:#dfe2e8;--ct-brand-yellow:#f5bf16;--ct-brand-green:#239b4c;--ct-brand-red:#e33832;--ct-brand-orange:#f37c00;--ct-brand-navy:#172250;--ct-logo-1:var(--ct-brand-blue);--ct-logo-2:var(--ct-brand-gray);--ct-logo-3:var(--ct-brand-yellow);--ct-logo-4:var(--ct-brand-green);--ct-logo-5:var(--ct-brand-red);--ct-logo-6:var(--ct-brand-blue);--ct-logo-7:var(--ct-brand-yellow);--ct-logo-8:var(--ct-brand-blue);--ct-logo-9:var(--ct-brand-orange);--ct-logo-border:#1a1a1a;--ct-success:#22c55e;--ct-error:#ef4444;--ct-warning:#f59e0b;--ct-info:#3b82f6;--ct-error-bg:#fef2f2;--ct-error-border:#fecaca;--ct-success-bg:#dcfce7;--ct-success-border:#bbf7d0;--ct-gradient-primary:linear-gradient(135deg, #3b82f6, #6366f1);--ct-font:"Inter", system-ui, -apple-system, Roboto, sans-serif;--ct-font-mono:"SF Mono", "Fira Code", "Fira Mono", monospace;--ct-text-xs:12px;--ct-text-sm:14px;--ct-text-base:16px;--ct-text-md:18px;--ct-text-lg:20px;--ct-text-xl:24px;--ct-text-2xl:28px;--ct-text-3xl:32px;--ct-text-4xl:40px;--ct-text-5xl:48px;--ct-space-1:4px;--ct-space-2:8px;--ct-space-3:12px;--ct-space-4:16px;--ct-space-5:20px;--ct-space-6:24px;--ct-space-8:32px;--ct-space-10:40px;--ct-space-12:48px;--ct-space-16:64px;--ct-space-20:80px;--ct-space-24:96px;--ct-container:1200px;--ct-container-sm:960px;--ct-shadow-sm:0 1px 3px #00000014;--ct-shadow-md:0 4px 12px #00000014;--ct-shadow-lg:0 8px 32px #00000014;--ct-shadow-accent:0 2px 8px #2563eb4d;--ct-radius-sm:8px;--ct-radius-md:12px;--ct-radius-lg:16px;--ct-radius-full:9999px;--ct-z-sticky:50;--ct-z-modal:1000;--ct-z-tooltip:2000;--ct-transition:.2s ease;--ct-cta-bg:var(--ct-primary);--ct-cta-text:#f8fafc;--ct-cta-text-muted:#f8fafca6;--ct-cta-border:#ffffff14;--ct-footer-bg:var(--ct-bg-soft);--ct-footer-text:var(--ct-text-muted);--ct-footer-text-dim:var(--ct-text-muted);--ct-footer-border:var(--ct-border);--ct-footer-brand:var(--ct-text-main)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{font-size:var(--ct-text-base);scroll-behavior:smooth}body{font-family:var(--ct-font);font-size:var(--ct-text-base);background-color:var(--ct-bg);color:var(--ct-text-main);background-image:linear-gradient(var(--ct-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ct-grid) 1px, transparent 1px);background-size:var(--ct-space-8) var(--ct-space-8);line-height:1.7}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit;font-size:inherit;background:0 0;border:none}img{max-width:100%;height:auto;display:block}ul{list-style:none}h1{font-size:var(--ct-text-4xl);color:var(--ct-text-main);font-weight:800;line-height:1.2}h2{font-size:var(--ct-text-2xl);color:var(--ct-text-main);font-weight:700;line-height:1.3}h3{font-size:var(--ct-text-lg);color:var(--ct-text-main);font-weight:700;line-height:1.35}.container{max-width:var(--ct-container);padding-left:var(--ct-space-6);padding-right:var(--ct-space-6);margin-left:auto;margin-right:auto}.container--sm{max-width:var(--ct-container-sm)}.page-wrapper{flex-direction:column;min-height:100vh;display:flex}.btn{justify-content:center;align-items:center;gap:var(--ct-space-2);padding:var(--ct-space-2) var(--ct-space-4);border-radius:var(--ct-radius-md);min-height:40px;font-family:var(--ct-font);font-size:var(--ct-text-sm);cursor:pointer;transition:background-color var(--ct-transition), border-color var(--ct-transition), color var(--ct-transition), box-shadow var(--ct-transition);white-space:nowrap;border:none;font-weight:600;display:inline-flex}.btn--primary{background:var(--ct-gradient-primary);color:#fff;box-shadow:var(--ct-shadow-accent)}.btn--primary:hover{opacity:.92;box-shadow:0 4px 16px #3b82f680}.btn--secondary{background-color:var(--ct-bg);color:var(--ct-accent);border:1px solid var(--ct-border)}.btn--secondary:hover{border-color:var(--ct-accent);background-color:var(--ct-bg-soft)}.btn--ghost{color:var(--ct-text-muted);background:0 0;border:none}.btn--ghost:hover{color:var(--ct-text-main);background-color:var(--ct-bg-soft)}.btn--danger{background-color:var(--ct-error);color:#fff;border:none}.btn--danger:hover{opacity:.9}.btn--sm{padding:var(--ct-space-1) var(--ct-space-3);min-height:32px;font-size:var(--ct-text-xs)}.btn--md{padding:var(--ct-space-2) var(--ct-space-4);min-height:40px;font-size:var(--ct-text-sm)}.btn--lg{padding:var(--ct-space-3) var(--ct-space-6);min-height:48px;font-size:var(--ct-text-sm)}.btn--xl{padding:var(--ct-space-4) var(--ct-space-8);min-height:56px;font-size:var(--ct-text-base)}.btn--full{width:100%}.btn--icon{padding:var(--ct-space-2);min-width:40px;min-height:40px}.btn svg{flex-shrink:0}.btn:disabled{opacity:.35;cursor:not-allowed}.modal-overlay{z-index:var(--ct-z-modal);padding:var(--ct-space-4);opacity:0;visibility:hidden;transition:opacity var(--ct-transition), visibility var(--ct-transition);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-overlay[aria-hidden=false]{opacity:1;visibility:visible}.modal-backdrop{backdrop-filter:blur(4px);background:#0f172a33;position:absolute;inset:0}.modal{width:100%;max-width:520px;max-height:calc(100vh - var(--ct-space-8));background:var(--ct-bg);border-radius:var(--ct-radius-md);border:1px solid var(--ct-border);box-shadow:var(--ct-shadow-lg);transition:transform var(--ct-transition);flex-direction:column;display:flex;position:relative;overflow:hidden;transform:translateY(12px)}.modal-overlay[aria-hidden=false] .modal{transform:translateY(0)}.modal__header{padding:var(--ct-space-5);border-bottom:1px solid var(--ct-border);justify-content:space-between;align-items:center;display:flex}.modal__title{font-size:var(--ct-text-lg);color:var(--ct-text-main);margin:0;font-weight:700;line-height:1.3}.modal__close{width:44px;height:44px;color:var(--ct-text-muted);font-size:var(--ct-text-2xl);cursor:pointer;border-radius:var(--ct-radius-sm);transition:color var(--ct-transition), background var(--ct-transition);background:0 0;border:none;justify-content:center;align-items:center;line-height:1;display:flex}.modal__close:hover{color:var(--ct-text-main);background:var(--ct-bg-soft)}.modal__body{padding:var(--ct-space-6);flex:1;min-height:0;overflow-y:auto}.modal__footer{gap:var(--ct-space-3);padding:var(--ct-space-6);background:var(--ct-bg-soft);flex-shrink:0;display:flex}@media (width<=640px){.modal-overlay{padding:var(--ct-space-3)}.modal{max-height:calc(100vh - var(--ct-space-6))}.modal__header,.modal__body,.modal__footer{padding:var(--ct-space-4)}}.badge{padding:var(--ct-space-1) var(--ct-space-3);border-radius:var(--ct-radius-full);font-size:var(--ct-text-xs);align-items:center;font-weight:600;line-height:1.4;display:inline-flex}.badge--default{background-color:var(--ct-bg-soft);color:var(--ct-text-muted);border:1px solid var(--ct-border)}.badge--success{color:var(--ct-success);background-color:#22c55e1a;border:1px solid #22c55e33}.badge--error{color:var(--ct-error);background-color:#ef44441a;border:1px solid #ef444433}.badge--info{color:var(--ct-info);background-color:#3b82f61a;border:1px solid #3b82f633}.badge--warning{color:var(--ct-warning);background-color:#f59e0b1a;border:1px solid #f59e0b33}.input{width:100%;padding:var(--ct-space-2) var(--ct-space-3);min-height:40px;font-family:var(--ct-font);font-size:var(--ct-text-sm);color:var(--ct-text-main);background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);transition:border-color var(--ct-transition);outline:none;display:block}.input:focus{border-color:var(--ct-accent)}.input::placeholder{color:var(--ct-text-muted)}.select{width:100%;padding:var(--ct-space-2) var(--ct-space-12) var(--ct-space-2) var(--ct-space-3);min-height:40px;font-family:var(--ct-font);font-size:var(--ct-text-sm);color:var(--ct-text-main);background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);cursor:pointer;transition:border-color var(--ct-transition);appearance:none;background-image:url("data:image/svg+xml,%3Csvg width='12' height='8' viewBox='0 0 12 8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%2364748b' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right var(--ct-space-4) center;outline:none;display:block}.select:focus{border-color:var(--ct-accent)}.tool-hero{margin-bottom:var(--ct-space-8)}.tool-hero__heading{justify-content:space-between;align-items:center;gap:var(--ct-space-3);display:flex}.tool-hero__title{font-size:var(--ct-text-3xl);color:var(--ct-text-main);letter-spacing:-.02em;margin-bottom:var(--ct-space-2);font-weight:800}.tool-hero__subtitle{font-size:var(--ct-text-base);color:var(--ct-text-muted);line-height:1.7}@media (width<=768px){.tool-hero__title{font-size:var(--ct-text-2xl)}}.privacy-wrap{flex-shrink:0;position:relative}.privacy-trigger{cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:transform .2s;display:flex}.privacy-trigger img{filter:drop-shadow(0 2px 6px #3b82f659);width:30px;height:30px;transition:filter .2s,transform .2s}.privacy-trigger:hover img{filter:drop-shadow(0 3px 10px #3b82f680);transform:scale(1.15)}.privacy-trigger:active img{transform:scale(.95)}.privacy-popover{top:calc(100% + var(--ct-space-3));z-index:50;width:340px;padding:var(--ct-space-4) var(--ct-space-5);border-radius:var(--ct-radius-md);background-color:var(--ct-bg);border:1px solid var(--ct-accent);box-shadow:var(--ct-shadow-lg);opacity:0;visibility:hidden;transition:opacity .2s,visibility .2s,transform .2s;position:absolute;right:0;transform:translateY(-4px)}.privacy-popover--open{opacity:1;visibility:visible;transform:translateY(0)}.privacy-popover__arrow{top:-6px;right:var(--ct-space-3);width:var(--ct-space-3);height:var(--ct-space-3);background-color:var(--ct-bg);border-top:1px solid var(--ct-accent);border-left:1px solid var(--ct-accent);position:absolute;transform:rotate(45deg)}.privacy-popover__title{font-size:var(--ct-text-base);color:var(--ct-text-main);margin-bottom:var(--ct-space-2);font-weight:700}.privacy-popover__desc{font-size:var(--ct-text-sm);color:var(--ct-text-muted);line-height:1.6}@media (width<=768px){.privacy-popover{width:min(340px, calc(100vw - var(--ct-space-8)))}}.feature-grid{gap:var(--ct-space-4);margin-top:var(--ct-space-6);grid-template-columns:repeat(3,1fr);display:grid}.feature-card{padding:var(--ct-space-4);background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);transition:border-color .2s}.feature-card:hover{border-color:var(--ct-accent)}.feature-card__icon{border-radius:var(--ct-radius-sm);background-color:var(--ct-bg);border:1px solid var(--ct-border);width:40px;height:40px;color:var(--ct-accent);margin-bottom:var(--ct-space-3);justify-content:center;align-items:center;display:flex}.feature-card__title{font-size:var(--ct-text-base);color:var(--ct-text-main);margin-bottom:var(--ct-space-1);font-weight:700}.feature-card__desc{font-size:var(--ct-text-sm);color:var(--ct-text-muted);line-height:1.7}@media (width<=768px){.feature-grid{grid-template-columns:1fr}}.steps{gap:var(--ct-space-3);flex-direction:column;display:flex}.step{align-items:flex-start;gap:var(--ct-space-3);padding:var(--ct-space-4);background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);display:flex}.step__number{background-color:var(--ct-primary);color:#fff;width:28px;height:28px;font-size:var(--ct-text-sm);border-radius:7px;flex-shrink:0;justify-content:center;align-items:center;font-weight:700;display:flex}.step__content{flex:1;min-width:0}.step__label{font-size:var(--ct-text-sm);color:var(--ct-text-main);margin-bottom:2px;font-weight:700}.step__desc{font-size:var(--ct-text-sm);color:var(--ct-text-muted);line-height:1.6}.faq{gap:var(--ct-space-2);flex-direction:column;display:flex}.faq__item{border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);background-color:var(--ct-bg);transition:border-color .2s}.faq__item[open]{border-color:var(--ct-accent)}.faq__question{padding:var(--ct-space-3) var(--ct-space-4);font-size:var(--ct-text-sm);color:var(--ct-text-main);cursor:pointer;justify-content:space-between;align-items:center;gap:var(--ct-space-3);font-weight:700;list-style:none;display:flex}.faq__question::-webkit-details-marker{display:none}.faq__question:after{content:"+";width:var(--ct-space-6);height:var(--ct-space-6);border-radius:var(--ct-radius-sm);background-color:var(--ct-bg-soft);font-size:var(--ct-text-base);color:var(--ct-text-muted);flex-shrink:0;justify-content:center;align-items:center;font-weight:700;transition:background-color .2s;display:flex}.faq__item[open] .faq__question:after{content:"−";background-color:var(--ct-accent);color:#fff}.faq__answer{padding:0 var(--ct-space-4) var(--ct-space-4);font-size:var(--ct-text-sm);color:var(--ct-text-muted);line-height:1.6}@media (width<=768px){.faq__question{padding:var(--ct-space-3)}.faq__answer{padding:0 var(--ct-space-3) var(--ct-space-3)}}.info-section{margin-top:var(--ct-space-12);padding-top:var(--ct-space-8);border-top:1px solid var(--ct-border)}.info-section__title{font-size:var(--ct-text-xl);color:var(--ct-text-main);margin-bottom:var(--ct-space-3);font-weight:700}.info-section__subtitle{font-size:var(--ct-text-lg);color:var(--ct-text-main);margin-bottom:var(--ct-space-3);margin-top:var(--ct-space-8);font-weight:700}.info-section__text{font-size:var(--ct-text-base);color:var(--ct-text-main);line-height:1.7}.upload-zone{align-items:center;gap:var(--ct-space-4);padding:var(--ct-space-12) var(--ct-space-6);border:2px dashed var(--ct-text-muted);border-radius:var(--ct-radius-md);background-color:color-mix(in srgb, var(--ct-bg-soft) 50%, var(--ct-bg));cursor:pointer;margin-bottom:var(--ct-space-6);flex-direction:column;transition:border-color .2s,background-color .2s;display:flex}.upload-zone:hover,.upload-zone--dragover{border-color:var(--ct-accent);background-color:color-mix(in srgb, var(--ct-accent) 5%, var(--ct-bg))}.upload-zone__icon{border-radius:var(--ct-radius-full);background-color:color-mix(in srgb, var(--ct-accent) 10%, var(--ct-bg));width:64px;height:64px;color:var(--ct-accent);justify-content:center;align-items:center;transition:transform .2s;display:flex}.upload-zone:hover .upload-zone__icon{transform:scale(1.08)}.upload-zone__content{align-items:center;gap:var(--ct-space-1);flex-direction:column;max-width:480px;display:flex}.upload-zone__text{font-size:var(--ct-text-base);color:var(--ct-text-main);text-align:center;font-weight:700}.upload-zone__hint{font-size:var(--ct-text-xs);color:var(--ct-text-muted);text-align:center}@media (width<=768px){.upload-zone{padding:var(--ct-space-8) var(--ct-space-4)}}.stats-grid{gap:var(--ct-space-2);margin-top:var(--ct-space-4);padding:var(--ct-space-4);border-radius:var(--ct-radius-sm);background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);grid-template-columns:repeat(4,1fr);display:grid}.stats-grid__item{text-align:center;flex-direction:column;gap:2px;display:flex}.stats-grid__label{font-size:var(--ct-text-xs);color:var(--ct-text-muted)}.stats-grid__value{font-size:var(--ct-text-base);color:var(--ct-text-main);font-weight:700}.stats-grid__value--accent{color:var(--ct-accent)}@media (width<=768px){.stats-grid{grid-template-columns:repeat(2,1fr)}}.progress-bar{background-color:var(--ct-border);border-radius:3px;height:3px;overflow:hidden}.progress-bar__fill{background-color:var(--ct-accent);border-radius:3px;width:0%;height:100%;transition:width .2s}.progress-block{margin-bottom:var(--ct-space-6);padding:var(--ct-space-6);background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md)}.progress-block__info{font-size:var(--ct-text-sm);margin-bottom:var(--ct-space-3);justify-content:space-between;font-weight:700;display:flex}.progress-block__status{color:var(--ct-accent)}.progress-block__percent{color:var(--ct-text-muted)}.progress-block__bar{background-color:var(--ct-border);border-radius:4px;height:8px;overflow:hidden}.progress-block__fill{background-color:var(--ct-accent);border-radius:4px;width:0%;height:100%;transition:width .2s}.file-info{background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);padding:var(--ct-space-6);margin-bottom:var(--ct-space-8)}.file-info__header{align-items:center;gap:var(--ct-space-4);margin-bottom:var(--ct-space-6);padding-bottom:var(--ct-space-6);border-bottom:1px solid var(--ct-border);display:flex}.file-info__icon{border-radius:var(--ct-radius-md);background-color:var(--ct-bg-soft);width:48px;height:48px;color:var(--ct-accent);flex-shrink:0;justify-content:center;align-items:center;display:flex}.file-info__meta{flex:1;min-width:0}.file-info__name{font-size:var(--ct-text-base);color:var(--ct-text-main);white-space:nowrap;text-overflow:ellipsis;font-weight:700;overflow:hidden}.file-info__size{font-size:var(--ct-text-sm);color:var(--ct-text-muted);margin-top:var(--ct-space-1)}.file-info__remove{border-radius:var(--ct-radius-sm);width:32px;height:32px;color:var(--ct-text-muted);cursor:pointer;background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:color .2s,background-color .2s;display:flex}.file-info__remove:hover{color:var(--ct-error);background-color:var(--ct-bg-soft)}.notice{align-items:flex-start;gap:var(--ct-space-3);padding:var(--ct-space-4);border-radius:var(--ct-radius-md);margin-top:var(--ct-space-4);display:flex}.notice svg{flex-shrink:0;margin-top:2px}.notice p{font-size:var(--ct-text-sm);line-height:1.7}.notice--warning{background-color:#f59e0b14;border:1px solid #f59e0b4d}.notice--warning svg{color:var(--ct-warning)}.notice--warning p{color:#854d0e}.notice--info{background-color:var(--ct-bg-soft);border:1px solid var(--ct-border)}.notice--info svg{color:var(--ct-text-muted)}.notice--info p{color:var(--ct-text-main)}.loading-overlay{z-index:5;justify-content:center;align-items:center;gap:var(--ct-space-3);background:color-mix(in srgb, var(--ct-bg) 72%, transparent);backdrop-filter:blur(2px);opacity:0;visibility:hidden;transition:opacity var(--ct-transition), visibility var(--ct-transition);flex-direction:column;display:flex;position:absolute;inset:0}.loading-overlay[aria-hidden=false]{opacity:1;visibility:visible}.loading-overlay--fixed{z-index:var(--ct-z-modal);position:fixed}.spinner{border:3px solid var(--ct-border);border-top-color:var(--ct-accent);border-radius:50%;width:36px;height:36px;animation:.8s linear infinite spinner-rotate}.spinner--sm{border-width:2px;width:20px;height:20px}.spinner--lg{border-width:4px;width:52px;height:52px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.loading-overlay__label{font-size:var(--ct-text-sm);color:var(--ct-text-main);text-align:center;padding:0 var(--ct-space-4);margin:0;font-weight:500}@media (prefers-reduced-motion:reduce){.spinner{animation-duration:2.4s}}html[data-theme=dark]{--ct-primary:#3b82f6;--ct-accent:#60a5fa;--ct-bg:#0f172a;--ct-bg-soft:#1e293b;--ct-text-main:#f1f5f9;--ct-text-muted:#94a3b8;--ct-border:#334155;--ct-grid:#94a3b80d;--ct-shadow-sm:0 1px 3px #0000004d;--ct-shadow-md:0 4px 12px #0000004d;--ct-shadow-lg:0 8px 32px #0000004d;--ct-shadow-accent:0 2px 8px #60a5fa4d;--ct-error-bg:#ef44441a;--ct-error-border:#ef444433;--ct-success-bg:#22c55e1a;--ct-success-border:#22c55e33;--ct-gradient-primary:linear-gradient(135deg, #3b82f6, #6366f1);--ct-cta-bg:#020617;--ct-cta-text:var(--ct-text-main);--ct-cta-text-muted:#f1f5f9b3;--ct-cta-border:#ffffff14;--ct-footer-bg:var(--ct-bg-soft);--ct-footer-text:var(--ct-text-muted);--ct-footer-text-dim:var(--ct-text-muted);--ct-footer-border:var(--ct-border);--ct-footer-brand:var(--ct-text-main)}html[data-theme=dark] .brand-name{color:var(--ct-accent)}html[data-theme=dark] .hero{background-image:radial-gradient(at 50% 0,#60a5fa0f 0%,#0000 70%)}html[data-theme=dark] .card__image-initial{opacity:.4}html[data-theme=dark] .card__icon-wrap--art{background:color-mix(in srgb, var(--ct-text-main) 90%, transparent);border-radius:var(--ct-radius-full)}html[data-theme=dark] .card__icon-wrap--art .card__icon-img{width:88%;height:88%}html[data-theme=glass]{--ct-primary:#1e1b4b;--ct-accent:#7c3aed;--ct-bg:#f0ecff;--ct-bg-soft:#ffffff73;--ct-text-main:#1e1b4b;--ct-text-muted:#6b7280;--ct-border:#fff9;--ct-grid:#1e1b4b06;--ct-glass-bg:#ffffff6b;--ct-glass-bg-hover:#ffffff94;--ct-glass-border:#ffffff8c;--ct-glass-border-hover:#7c3aed59;--ct-glass-blur:16px;--ct-glass-shadow:0 4px 24px #7c3aed0f, 0 1px 3px #0000000a;--ct-glass-shadow-hover:0 8px 32px #7c3aed1f, 0 2px 6px #0000000f;--ct-shadow-sm:var(--ct-glass-shadow);--ct-shadow-md:var(--ct-glass-shadow);--ct-shadow-lg:var(--ct-glass-shadow-hover);--ct-shadow-accent:0 2px 12px #7c3aed4d;--ct-error-bg:#ef444414;--ct-error-border:#ef444426;--ct-success-bg:#22c55e14;--ct-success-border:#22c55e26;--ct-gradient-primary:linear-gradient(135deg, #7c3aed, #a78bfa);--ct-cta-bg:#1e1b4bf2;--ct-cta-text:#ede9fe;--ct-cta-text-muted:#ede9fea6;--ct-cta-border:#ffffff1f;--ct-footer-bg:var(--ct-bg-soft);--ct-footer-text:var(--ct-text-muted);--ct-footer-text-dim:var(--ct-text-muted);--ct-footer-border:var(--ct-glass-border);--ct-footer-brand:var(--ct-text-main)}html[data-theme=glass] body{background-image:radial-gradient(ellipse at 20% 0%, #7c3aed14 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, #a78bfa12 0%, transparent 50%), linear-gradient(var(--ct-grid) 1px, transparent 1px), linear-gradient(90deg, var(--ct-grid) 1px, transparent 1px);background-size:100% 100%,100% 100%,32px 32px,32px 32px}html[data-theme=glass] .site-header.is-scrolled{backdrop-filter:blur(20px)saturate(1.4);border-bottom-color:var(--ct-glass-border);background:#f0ecffa6}html[data-theme=glass] .brand-name{color:var(--ct-accent)}html[data-theme=glass] .site-nav__link{padding:var(--ct-space-2) var(--ct-space-4);border-radius:var(--ct-radius-full);transition:color var(--ct-transition), background var(--ct-transition)}html[data-theme=glass] .site-nav__link:hover{background:var(--ct-glass-bg)}html[data-theme=glass] .theme-switcher__btn:hover{background:var(--ct-glass-bg);backdrop-filter:blur(var(--ct-glass-blur));border:1px solid var(--ct-glass-border)}html[data-theme=glass] .hero{background-image:radial-gradient(at 50% 0,#7c3aed0f 0%,#0000 70%)}html[data-theme=glass] .hero__search-wrap{box-shadow:var(--ct-glass-shadow)}html[data-theme=glass] .hero__search{background:var(--ct-glass-bg-hover);backdrop-filter:blur(var(--ct-glass-blur));border:1px solid var(--ct-glass-border);transition:border-color var(--ct-transition), box-shadow var(--ct-transition)}html[data-theme=glass] .hero__search:focus-within{border-color:var(--ct-glass-border-hover);box-shadow:var(--ct-glass-shadow-hover)}html[data-theme=glass] .hero__search-btn{background:var(--ct-gradient-primary);box-shadow:var(--ct-shadow-accent);transition:transform var(--ct-transition), box-shadow var(--ct-transition)}html[data-theme=glass] .hero__search-btn:hover{opacity:1;transform:translateY(-1px);box-shadow:0 6px 20px #7c3aed66}html[data-theme=glass] .hero__feed-item{background:var(--ct-glass-bg);backdrop-filter:blur(12px);border:1px solid var(--ct-glass-border)}html[data-theme=glass] .hero__feed-item:hover{border-color:var(--ct-glass-border-hover);background:var(--ct-glass-bg-hover);box-shadow:0 2px 12px #7c3aed14}html[data-theme=glass] .hero__feed-item a{color:var(--ct-text-main)}html[data-theme=glass] .search-box{background:var(--ct-glass-bg);backdrop-filter:blur(var(--ct-glass-blur));border:1px solid var(--ct-glass-border);box-shadow:var(--ct-glass-shadow);transition:border-color var(--ct-transition), box-shadow var(--ct-transition)}html[data-theme=glass] .search-box:focus-within{border-color:var(--ct-glass-border-hover);box-shadow:var(--ct-glass-shadow-hover)}html[data-theme=glass] .card{background:var(--ct-glass-bg);backdrop-filter:blur(var(--ct-glass-blur));border-radius:var(--ct-radius-lg);border:1px solid var(--ct-glass-border);box-shadow:var(--ct-glass-shadow);transition:border-color .25s,box-shadow .25s,transform .25s}html[data-theme=glass] .card:hover{border-color:var(--ct-glass-border-hover);box-shadow:var(--ct-glass-shadow-hover);transform:translateY(-2px)}html[data-theme=glass] .card__image-wrap{border-bottom:1px solid var(--ct-glass-border);background:#ffffff40}html[data-theme=glass] .card__image-placeholder{background:#ffffff26}html[data-theme=glass] .card__image-initial{opacity:.45}html[data-theme=glass] .card__icon-wrap{border:1px solid var(--ct-glass-border);background:#ffffff80}html[data-theme=glass] .card__icon-wrap--art{background:0 0;border:none}html[data-theme=glass] .card__btn{border:1px solid var(--ct-glass-border);backdrop-filter:blur(8px);transition:border-color var(--ct-transition), background var(--ct-transition), box-shadow var(--ct-transition), transform var(--ct-transition);background:#ffffff73}html[data-theme=glass] .card__btn:hover{border-color:var(--ct-glass-border-hover);background:#7c3aed14;transform:translateY(-1px);box-shadow:0 2px 8px #7c3aed1a}html[data-theme=glass] .pagination__btn{border:1px solid var(--ct-glass-border);background:var(--ct-glass-bg);backdrop-filter:blur(12px);transition:border-color var(--ct-transition), color var(--ct-transition), background var(--ct-transition)}html[data-theme=glass] .pagination__btn:hover:not(:disabled){border-color:var(--ct-glass-border-hover);background:var(--ct-glass-bg-hover)}html[data-theme=glass] .pagination__btn--active{background:#7c3aed14}html[data-theme=glass] .site-footer{background:var(--ct-glass-bg);backdrop-filter:blur(var(--ct-glass-blur));border-top:1px solid var(--ct-glass-border)}html[data-theme=glass] .feature-cta{backdrop-filter:blur(20px);background:linear-gradient(135deg,#1e1b4bf2,#1e1b4be0)}[data-style=clean]{--ct-radius-sm:8px;--ct-radius-md:12px;--ct-radius-lg:16px}[data-style=soft]{--ct-bg-soft:#f1f5f9;--ct-border:#e2e8f0;--ct-radius-sm:12px;--ct-radius-md:16px;--ct-radius-lg:20px;--ct-shadow-sm:0 2px 6px #0000000d;--ct-shadow-md:0 4px 16px #0000000f;--ct-shadow-lg:0 8px 32px #0000000f}[data-style=glass]{--ct-glass-bg:#ffffff6b;--ct-glass-bg-hover:#ffffff94;--ct-glass-border:#ffffff8c;--ct-glass-border-hover:#7c3aed59;--ct-glass-blur:16px;--ct-glass-shadow:0 4px 24px #7c3aed0f, 0 1px 3px #0000000a;--ct-glass-shadow-hover:0 8px 32px #7c3aed1f, 0 2px 6px #0000000f}