@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-logo-1:var(--ct-rubik-green);--ct-logo-2:var(--ct-rubik-blue);--ct-logo-3:var(--ct-rubik-red);--ct-logo-4:var(--ct-rubik-purple);--ct-logo-5:var(--ct-rubik-amber);--ct-logo-6:var(--ct-rubik-pink);--ct-logo-7:var(--ct-rubik-blue);--ct-logo-8:var(--ct-rubik-red);--ct-logo-9:var(--ct-rubik-green);--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}}.site-header{z-index:var(--ct-z-sticky);transition:background-color var(--ct-transition), border-color var(--ct-transition);background-color:#0000;border-bottom:1px solid #0000;position:sticky;top:0}.site-header.is-scrolled{background-color:var(--ct-bg);border-bottom-color:var(--ct-border)}.site-header{padding:0 var(--ct-space-6)}.site-header__inner{max-width:var(--ct-container);justify-content:space-between;align-items:center;gap:var(--ct-space-6);height:64px;margin:0 auto;display:flex}.site-header__brand,.site-header__actions{align-items:center;gap:var(--ct-space-2);flex-shrink:0;display:flex}.site-header__island{background-color:var(--ct-surface);border:1px solid var(--ct-border);border-radius:var(--ct-radius-full);padding:var(--ct-space-1);align-items:center;display:flex}.site-header__donate{align-items:center;gap:var(--ct-space-2);height:44px;padding:0 var(--ct-space-4);border-radius:var(--ct-radius-full);background-color:var(--ct-error);color:#fff;cursor:pointer;font-size:var(--ct-text-sm);white-space:nowrap;transition:box-shadow var(--ct-transition), transform var(--ct-transition);border:none;font-weight:700;display:flex}.site-header__donate:hover{box-shadow:var(--ct-shadow-md);transform:translateY(-2px)}@media (width<=639px){.site-header__donate{justify-content:center;width:40px;height:40px;padding:0}.site-header__donate-label{display:none}}.brand-logo{flex-shrink:0;grid-template-rows:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;gap:1px;width:26px;height:26px;display:grid}.brand-logo__cell{border-radius:1px}.brand-logo__cell--1{background:var(--ct-logo-1)}.brand-logo__cell--2{background:var(--ct-logo-2)}.brand-logo__cell--3{background:var(--ct-logo-3)}.brand-logo__cell--4{background:var(--ct-logo-4)}.brand-logo__cell--5{background:var(--ct-logo-5)}.brand-logo__cell--6{background:var(--ct-logo-6)}.brand-logo__cell--7{background:var(--ct-logo-7)}.brand-logo__cell--8{background:var(--ct-logo-8)}.brand-logo__cell--9{background:var(--ct-logo-9)}.brand-logo--sm{gap:1px;width:19px;height:19px}.rubik-scene{flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.rubik-scene--sm{zoom:.765}.rubik-wrap{filter:saturate(1.1);border-radius:2px;width:29px;height:29px;position:relative;overflow:hidden}.rubik-cell{border-radius:1px}.brand-name{font-size:var(--ct-text-lg);color:var(--ct-primary);letter-spacing:-.01em;font-weight:800}.site-nav{align-items:center;gap:var(--ct-space-6);flex:1;justify-content:center;display:none}@media (width>=768px){.site-nav{display:flex}}.site-nav__link{font-size:var(--ct-text-sm);color:var(--ct-text-muted);transition:color var(--ct-transition);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-weight:600}.site-nav__link:hover{color:var(--ct-accent)}.theme-switcher{flex-shrink:0;align-items:center;gap:2px;display:flex}.theme-switcher--desktop{display:none}@media (width>=640px){.theme-switcher--desktop{display:flex}.theme-switcher--mobile{display:none}}.theme-switcher__btn{border-radius:var(--ct-radius-full);min-width:36px;height:36px;font-size:var(--ct-text-sm);color:var(--ct-text-muted);transition:background-color var(--ct-transition), color var(--ct-transition);justify-content:center;align-items:center;font-weight:600;display:flex}.theme-switcher__btn:hover{background-color:var(--ct-bg-soft);color:var(--ct-text-main)}.theme-switcher--mobile{position:relative}.theme-switcher__toggle{border-radius:var(--ct-radius-full);min-width:36px;height:36px;color:var(--ct-text-muted);cursor:pointer;transition:background-color var(--ct-transition), color var(--ct-transition);background:0 0;border:none;justify-content:center;align-items:center;display:flex}.theme-switcher__toggle:hover{background-color:var(--ct-bg-soft);color:var(--ct-text-main)}.theme-switcher__dropdown{top:calc(100% + var(--ct-space-2));background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);min-width:140px;box-shadow:var(--ct-shadow-lg);padding:var(--ct-space-1);opacity:0;visibility:hidden;transition:opacity var(--ct-transition), visibility var(--ct-transition), transform var(--ct-transition);z-index:var(--ct-z-dropdown,100);position:absolute;right:0;transform:translateY(-4px)}.theme-switcher__dropdown[aria-hidden=false]{opacity:1;visibility:visible;transform:translateY(0)}.theme-switcher__dropdown-item{align-items:center;gap:var(--ct-space-2);width:100%;padding:var(--ct-space-2) var(--ct-space-3);border-radius:var(--ct-radius-sm);cursor:pointer;font-size:var(--ct-text-sm);color:var(--ct-text-muted);text-align:left;transition:background-color var(--ct-transition), color var(--ct-transition);background:0 0;border:none;font-weight:500;display:flex}.theme-switcher__dropdown-item svg{color:var(--ct-text-muted);flex-shrink:0}.theme-switcher__dropdown-item:hover{background-color:var(--ct-bg-soft);color:var(--ct-accent)}.theme-switcher__dropdown-item:hover svg{color:var(--ct-accent)}.hero{padding:var(--ct-space-20) var(--ct-space-6) var(--ct-space-12);background-size:40px 40px}.hero__inner{max-width:var(--ct-container-sm);margin:0 auto}.hero__center{text-align:center;align-items:center;gap:var(--ct-space-6);flex-direction:column;display:flex}.hero__subtext{font-size:var(--ct-text-base);color:var(--ct-text-muted);max-width:600px;margin-top:calc(-1 * var(--ct-space-3));font-weight:400;line-height:1.7}.hero__heading{color:var(--ct-text-main);font-size:var(--ct-text-4xl);letter-spacing:-.02em;max-width:800px;font-weight:800;line-height:1.15}.hero__heading-highlight{background:var(--ct-accent);color:var(--ct-bg);padding:var(--ct-space-1) var(--ct-space-3);border-radius:var(--ct-radius-sm);line-height:1.3;display:inline-block;transform:rotate(-2deg)}@media (width>=640px){.hero__heading{font-size:var(--ct-text-5xl)}.hero__heading-highlight{padding:var(--ct-space-1) var(--ct-space-4)}}.hero__search-wrap{border-radius:var(--ct-radius-full);width:100%;max-width:720px;box-shadow:var(--ct-shadow-md);position:relative}.hero__search{background-color:var(--ct-bg);border-radius:var(--ct-radius-full);padding:var(--ct-space-1) var(--ct-space-1) var(--ct-space-1) var(--ct-space-4);align-items:center;gap:var(--ct-space-2);border:none;width:100%;display:flex}.hero__search:focus-within{background-color:var(--ct-bg)}.hero__search-icon{color:var(--ct-text-muted);flex-shrink:0}.hero__search-input{font-size:var(--ct-text-base);font-family:var(--ct-font);color:var(--ct-text-main);padding:var(--ct-space-3) var(--ct-space-2);background:0 0;border:none;outline:none;flex:1;min-height:44px}.hero__search-input::placeholder{color:var(--ct-text-muted)}.hero__search-btn{background:var(--ct-gradient-primary);color:#fff;font-size:var(--ct-text-sm);padding:var(--ct-space-3) var(--ct-space-8);border-radius:var(--ct-radius-full);white-space:nowrap;min-height:44px;box-shadow:var(--ct-shadow-accent);transition:opacity var(--ct-transition), box-shadow var(--ct-transition);font-weight:600;display:none}.hero__search-btn:hover{opacity:.92;box-shadow:0 4px 16px #3b82f680}@media (width>=640px){.hero__search-btn{align-items:center;display:flex}}.hero__feed{width:100%;max-width:720px;margin-top:var(--ct-space-6)}.hero__feed-header{justify-content:center;align-items:center;gap:var(--ct-space-2);margin-bottom:var(--ct-space-4);display:flex}.hero__feed-dot{background-color:var(--ct-success);border-radius:50%;width:8px;height:8px;animation:2s ease-in-out infinite hero-pulse}@keyframes hero-pulse{0%,to{opacity:1}50%{opacity:.4}}.hero__feed-label{font-size:var(--ct-text-xs);color:var(--ct-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:600}.hero__feed-list{gap:var(--ct-space-2);opacity:0;flex-wrap:wrap;justify-content:center;margin:0;padding:0;list-style:none;transition:opacity .4s;display:flex}.hero__feed-list--visible{opacity:1}.hero__feed-item{padding:var(--ct-space-2) var(--ct-space-4);background-color:var(--ct-bg);border:1px solid var(--ct-border);border-radius:var(--ct-radius-full);transition:border-color var(--ct-transition), background-color var(--ct-transition), box-shadow var(--ct-transition)}.hero__feed-item:hover{border-color:var(--ct-accent);background-color:var(--ct-bg-soft);box-shadow:var(--ct-shadow-md)}.hero__feed-item a{font-size:var(--ct-text-sm);color:var(--ct-text-muted);white-space:nowrap;transition:color var(--ct-transition);font-weight:500}.hero__feed-item:hover a{color:var(--ct-accent)}.site-main{padding:var(--ct-space-16) var(--ct-space-6);flex-grow:1}.site-main__inner{max-width:var(--ct-container);gap:var(--ct-space-16);flex-direction:column;margin:0 auto;display:flex}.content-section__header{gap:var(--ct-space-4);margin-bottom:var(--ct-space-8);flex-direction:column;display:flex}@media (width>=768px){.content-section__header{flex-direction:row;justify-content:space-between;align-items:flex-end}}.content-section__title-group{gap:var(--ct-space-1);flex-direction:column;display:flex}.content-section__title{font-size:var(--ct-text-xl);padding-left:var(--ct-space-3);border-left:3px solid var(--ct-accent)}.content-section__desc{font-size:var(--ct-text-base);color:var(--ct-text-muted);padding-left:var(--ct-space-3)}.search-box{background-color:var(--ct-bg);border-radius:var(--ct-radius-full);border:1px solid var(--ct-border);padding:0 var(--ct-space-4);align-items:center;gap:var(--ct-space-2);min-width:240px;min-height:40px;transition:border-color var(--ct-transition);display:flex}.search-box:focus-within{border-color:var(--ct-accent)}.search-box__icon{color:var(--ct-text-muted);flex-shrink:0}.search-box__input{font-size:var(--ct-text-sm);font-family:var(--ct-font);color:var(--ct-text-main);padding:var(--ct-space-2) 0;background:0 0;border:none;outline:none;flex:1;min-height:40px}.search-box__input::placeholder{color:var(--ct-text-muted)}.cards-grid{gap:var(--ct-space-4);display:grid}.cards-grid--learn,.cards-grid--guide,.cards-grid--fun,.cards-grid--tools{grid-template-columns:repeat(2,1fr)}@media (width>=640px){.cards-grid--learn,.cards-grid--guide,.cards-grid--fun,.cards-grid--tools{grid-template-columns:repeat(3,1fr)}}@media (width>=1024px){.cards-grid--learn,.cards-grid--guide,.cards-grid--fun,.cards-grid--tools{grid-template-columns:repeat(4,1fr)}}.card{background-color:var(--ct-bg-soft);border-radius:var(--ct-radius-md);border:1px solid var(--ct-border);transition:border-color var(--ct-transition);flex-direction:column;display:flex;overflow:hidden}.card:hover{border-color:var(--ct-accent)}.card__image-wrap{aspect-ratio:1;background-color:var(--ct-bg);border-bottom:1px solid var(--ct-border);overflow:hidden}.card__image-placeholder{background-color:var(--ct-bg-soft);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.card__image-initial{font-size:var(--ct-text-4xl);color:var(--ct-accent);text-transform:uppercase;user-select:none;opacity:.5;font-weight:800}.card__body{padding:var(--ct-space-4);gap:var(--ct-space-2);flex-direction:column;flex:1;display:flex}.card__title{font-size:var(--ct-text-md);color:var(--ct-text-main);letter-spacing:-.01em;-webkit-line-clamp:2;background-size:100% 100%;background-clip:text;-webkit-box-orient:vertical;font-weight:600;line-height:1.35;transition:color .3s,background-size .4s;display:-webkit-box;overflow:hidden}.card:hover .card__title{color:#0000;background-image:linear-gradient(135deg, var(--ct-accent) 0%, #a78bfa 40%, #f472b6 60%, var(--ct-accent) 100%);background-size:200% 100%;background-clip:text;animation:2s ease-in-out infinite twinkle-shift}@keyframes twinkle-shift{0%,to{background-position:0%}50%{background-position:100%}}.card--tool,.card--fun,.card--learn{padding:var(--ct-space-6) var(--ct-space-4);text-align:center;align-items:center}.card__icon-wrap{border-radius:var(--ct-radius-md);background-color:var(--ct-bg);border:1px solid var(--ct-border);width:48px;height:48px;margin-bottom:var(--ct-space-4);flex-shrink:0;justify-content:center;align-items:center;display:flex}.card__icon{font-size:var(--ct-text-xl);line-height:1}.card--tool .card__title,.card--fun .card__title,.card--learn .card__title{font-size:var(--ct-text-base);margin-bottom:var(--ct-space-1);font-weight:600}.card__desc{font-size:var(--ct-text-sm);color:var(--ct-text-muted);-webkit-line-clamp:2;margin-bottom:var(--ct-space-4);-webkit-box-orient:vertical;line-height:1.5;display:-webkit-box;overflow:hidden}.card__btn{text-align:center;width:100%;padding:var(--ct-space-2) var(--ct-space-4);border-radius:var(--ct-radius-md);font-size:var(--ct-text-sm);color:var(--ct-accent);border:1px solid var(--ct-border);background-color:var(--ct-bg);justify-content:center;align-items:center;min-height:40px;margin-top:auto;font-weight:600;transition:border-color .15s,background-color .15s;display:flex}.card__btn:hover{border-color:var(--ct-accent);background-color:var(--ct-bg-soft)}.pagination{justify-content:center;align-items:center;gap:var(--ct-space-2);margin-top:var(--ct-space-8);display:flex}.pagination__pages{align-items:center;gap:var(--ct-space-1);display:flex}.pagination__btn{border-radius:var(--ct-radius-md);border:1px solid var(--ct-border);background-color:var(--ct-bg);min-width:44px;min-height:44px;color:var(--ct-text-muted);font-size:var(--ct-text-sm);transition:border-color var(--ct-transition), color var(--ct-transition);cursor:pointer;justify-content:center;align-items:center;font-weight:600;display:flex}.pagination__btn:hover:not(:disabled){border-color:var(--ct-accent);color:var(--ct-accent)}.pagination__btn:disabled{opacity:.35;cursor:not-allowed}.pagination__btn--active{border-color:var(--ct-accent);color:var(--ct-accent);font-weight:700}.feature-cta{background-color:var(--ct-cta-bg);color:var(--ct-cta-text);padding:var(--ct-space-24) var(--ct-space-6)}.feature-cta__inner{text-align:center;align-items:center;gap:var(--ct-space-4);flex-direction:column;max-width:880px;margin:0 auto;display:flex}.feature-cta__title{font-size:var(--ct-text-2xl);letter-spacing:-.02em;color:var(--ct-cta-text);max-width:720px;margin:0;font-weight:800;line-height:1.2}@media (width>=640px){.feature-cta__title{font-size:var(--ct-text-3xl)}}.feature-cta__subtext{font-size:var(--ct-text-base);color:var(--ct-cta-text-muted);margin:0;line-height:1.6}.feature-cta__button{justify-content:center;align-items:center;gap:var(--ct-space-2);margin-top:var(--ct-space-4);min-height:48px;padding:0 var(--ct-space-8);border-radius:var(--ct-radius-full);font-family:var(--ct-font);font-size:var(--ct-text-base);color:var(--ct-cta-bg);background-color:var(--ct-cta-text);border:1px solid var(--ct-cta-text);cursor:pointer;transition:transform var(--ct-transition), box-shadow var(--ct-transition), opacity var(--ct-transition);font-weight:700;display:inline-flex}.feature-cta__button:hover{box-shadow:var(--ct-shadow-lg);opacity:.95;transform:translateY(-2px)}.site-footer{background-color:var(--ct-footer-bg);color:var(--ct-footer-text);border-top:1px solid var(--ct-footer-border);padding:var(--ct-space-16) var(--ct-space-6) var(--ct-space-8)}.site-footer__inner{max-width:var(--ct-container);margin:0 auto}.site-footer__columns{gap:var(--ct-space-8);padding-bottom:var(--ct-space-8);margin-bottom:var(--ct-space-6);border-bottom:1px solid var(--ct-footer-border);grid-template-columns:1fr;display:grid}@media (width>=640px){.site-footer__columns{grid-template-columns:repeat(2,1fr)}}@media (width>=1024px){.site-footer__columns{gap:var(--ct-space-12);grid-template-columns:1.5fr 1fr 1fr 1fr}}.site-footer__col{gap:var(--ct-space-4);flex-direction:column;display:flex}.site-footer__brand{align-items:center;gap:var(--ct-space-2);display:flex}.site-footer__brand-name{color:var(--ct-footer-brand);font-weight:800;font-size:var(--ct-text-md);letter-spacing:-.01em}.site-footer__tagline{font-size:var(--ct-text-sm);color:var(--ct-footer-text);max-width:320px;margin:0;line-height:1.7}.site-footer__col-title{font-size:var(--ct-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ct-footer-brand);margin:0;font-weight:700}.site-footer__links{gap:var(--ct-space-3);flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.site-footer__link{font-size:var(--ct-text-sm);color:var(--ct-footer-text);text-align:left;cursor:pointer;transition:color var(--ct-transition);background:0 0;border:none;padding:0;font-family:inherit;font-weight:500}.site-footer__link:hover{color:var(--ct-accent)}.site-footer__bottom{gap:var(--ct-space-4);text-align:left;flex-direction:column;align-items:flex-start;display:flex}.site-footer__disclaimer-group{gap:var(--ct-space-1);flex-direction:column;display:flex}.site-footer__disclaimer-title{font-size:var(--ct-text-xs);text-transform:uppercase;letter-spacing:.06em;color:var(--ct-footer-brand);margin:0;font-weight:700}.site-footer__disclaimer{font-size:var(--ct-text-xs);color:var(--ct-footer-text-dim);max-width:720px;margin:0;line-height:1.7}.site-footer__copyright{font-size:var(--ct-text-xs);color:var(--ct-footer-text-dim);margin:0;font-weight:500}.content-main{flex-grow:1;padding:64px 24px}.content-main__layout{grid-template-columns:1fr 240px;gap:32px;max-width:1200px;margin:0 auto;display:grid}.content-main__inner,.content-sidebar{min-width:0}.content-sidebar__sticky{flex-direction:column;gap:16px;display:flex;position:sticky;top:96px}.related-tools{background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);padding:16px}.related-tools__label{color:var(--ct-text-muted);margin-bottom:12px;font-size:14px;font-weight:600}.related-tools__list{flex-direction:column;gap:4px;display:flex}.related-tools__item{border-radius:var(--ct-radius-sm);color:var(--ct-text-main);transition:background-color var(--ct-transition);padding:8px;font-size:14px;line-height:1.4;text-decoration:none;display:block}.related-tools__item:hover{background-color:var(--ct-border)}.rating-box{background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);text-align:center;padding:24px 16px}.rating-box__label{color:var(--ct-text-main);margin-bottom:12px;font-size:14px;font-weight:600}.ct-viewbar{gap:var(--ct-space-2);display:flex}.ct-stage--max{z-index:calc(var(--ct-z-modal,1000) - 1);padding:var(--ct-space-3);background:var(--ct-bg);display:flex;position:fixed;inset:0}.ct-stage--max>*{min-height:0;box-shadow:none;border:none;border-radius:0;flex:1;margin:0;overflow:auto}@media (width<=900px){.ct-stage--max{padding:var(--ct-space-2)}}body.ct-layout-wide .content-main__layout{grid-template-columns:1fr}body.ct-layout-wide .content-sidebar--right{display:none}body.ct-layout-max{overflow:hidden}body.ct-layout-max .site-header,body.ct-layout-max .rive-trigger-btn{display:none}@media (width<=1100px){.content-main__layout{grid-template-columns:1fr;justify-content:center}.content-sidebar--right{grid-row:2;justify-self:center}.content-sidebar__sticky{position:static}}.content-main__inner>h1{border-bottom:1px solid var(--ct-border);margin-bottom:32px;padding-bottom:24px}.content-main__inner article h2{border-bottom:1px solid var(--ct-border);margin-top:48px;margin-bottom:16px;padding-bottom:12px}.content-main__inner article h3{margin-top:32px;margin-bottom:12px}.content-main__inner article p{color:var(--ct-text-main);margin-bottom:24px}.content-main__inner article a{color:var(--ct-accent);transition:opacity var(--ct-transition);font-weight:600;text-decoration:none}.content-main__inner article a:hover{opacity:.8;text-decoration:underline}.content-main__inner article strong{color:var(--ct-text-main);font-weight:700}.content-main__inner article ul,.content-main__inner article ol{margin-bottom:24px;padding-left:24px}.content-main__inner article ul{list-style:outside}.content-main__inner article ol{list-style:decimal}.content-main__inner article li{margin-bottom:8px;line-height:1.7}.content-main__inner article li::marker{color:var(--ct-text-muted)}.content-main__inner article table{border-collapse:collapse;width:100%;margin-bottom:24px;font-size:14px}.content-main__inner article th,.content-main__inner article td{text-align:left;border:1px solid var(--ct-border);padding:12px 16px}.content-main__inner article th{background-color:var(--ct-bg-soft);color:var(--ct-text-main);font-size:14px;font-weight:700}.content-main__inner article td{color:var(--ct-text-main)}.content-main__inner article tr:hover td{background-color:var(--ct-bg-soft)}.content-main__inner article blockquote{border-left:3px solid var(--ct-accent);background-color:var(--ct-bg-soft);border-radius:0 var(--ct-radius-md) var(--ct-radius-md) 0;color:var(--ct-text-muted);margin:0 0 24px;padding:16px 24px}.content-main__inner article blockquote p{margin-bottom:0}.content-main__inner article code{font-family:var(--ct-font-mono);background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-sm);padding:4px 8px;font-size:14px}.content-main__inner article pre{background-color:var(--ct-bg-soft);border:1px solid var(--ct-border);border-radius:var(--ct-radius-md);margin-bottom:24px;padding:24px;overflow-x:auto}.content-main__inner article pre code{background:0 0;border:none;border-radius:0;padding:0;font-size:14px;line-height:1.7}.content-main__inner article hr{border:none;border-top:1px solid var(--ct-border);margin:48px 0}.content-main__inner article img{border-radius:var(--ct-radius-md);max-width:100%;height:auto;margin-bottom:24px}@media (width<=640px){.content-main__inner article table{display:block;overflow-x:auto}}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=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__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}